/*@charset "UTF-8";*/
/*html5
 create by: xiaoguoliang2008@163.com
*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:300,400,500&display=swap');

@font-face {
    font-family: "cetus";
    src: url("CETUS.TTF") format("truetype");
}

/*滚动条默认样式修改*/
#ascrail2000 {
    padding: 20px 0;
}

.nicescroll-cursors {
    border: none !important;
    opacity: .5 !important;
}

.nicescroll-rails {
    cursor: pointer !important;
}

/*css系统默认样式*/
article, aside, dialog, footer, header, section, footer, nav, figure, menu {
    display: block
}

html, body {
    font-family: 'Noto Sans SC', "Source Han Sans CN Light", "思源黑体 CN Light", "Microsoft YaHei", "微软雅黑", Arial, Helvetica, sans-serif;
    background: #fff;
    font-size: 14px;
    color: #333;
    margin: 0 auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    word-wrap: break-word;
    -webkit-touch-callout: none;
}

.cetus {
    font-family: cetus, Arial, Helvetica, 'Noto Sans SC', "Source Han Sans CN Light", "Microsoft YaHei", sans-serif;
}

img {
    border: none;
    display: block;
    width: 100%;
}

i {
    font-style: normal;
}

div {
    display: block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

div:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

table {
    border-collapse: collapse;
}

a {
    display: inline-block;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}

video {
    outline: none;
}

a:focus {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

li {
    list-style: none;
}

input, select, button, textarea {
    vertical-align: middle;
    border-radius: 0;
    outline: none;
    background: none;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: "Microsoft YaHei", 微软雅黑, Arial, Helvetica, sans-serif;
}

select::-ms-expand {
    display: none;
}

textarea {
    resize: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

textarea {
    resize: vertical;
}

/*清除浮动*/
.clear {
    display: block;
    clear: both;
}

.clearfix:after {
    content: "";
    width: 0;
    height: 0;
    clear: both;
    display: block;
}

/*单行超出省略*/
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*多行超出省略*/
.ellipsis2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ellipsis3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #8c8c8c;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #8c8c8c;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #8c8c8c;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #8c8c8c;
}

.cover {
    position: relative;
    height: 0;
    overflow: hidden;
}

.cover img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}

.flex {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*!*滚动条整体部分，可以设置宽度等*!*/
/*::-webkit-scrollbar {*/
/*}*/

/*!*滚动条两端的按钮*!*/

/*::-webkit-scrollbar-button {*/
/*}*/

/*!*外层轨道*!*/
/*::-webkit-scrollbar-track {*/
/*}*/

/*!*内层滚动槽*!*/
/*::-webkit-scrollbar-track-piece {*/
/*}*/

/*!*滚动的滑块*!*/
/*::-webkit-scrollbar-thumb {*/
/*}*/

/*!*边角*!*/
/*::-webkit-scrollbar-corner {*/
/*}*/

/*!*定义右下角拖动块的样式*!*/
/*::-webkit-resizer {*/
/*}*/

/*-------------------------------cursor play-------------------------------*/

/*-------------------------------css play-------------------------------*/
.w-f {
    display: block;
    width: 100%;
}

.h-f {
    height: 100%;
}

@media screen and (min-width: 1201px) {
    .web_center {
        padding: 0 25px;
    }

    .header_button {
        display: none !important;
    }

    .header_nav {
        display: none !important;
    }

    .indexPicTop .item-b .item-piclist-info {
        display: none !important;
    }

    .caseRelated-wap-ul {
        display: none !important;
    }
}

.index_video_wrap {
    position: relative;
    width: 100%;
    height: 100vh;
    z-index: 1;
    overflow: hidden;
}

.index_video_wrap .video {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.index_video_wrap .img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 70px;
    background: #fff;
    -webkit-transition: all .6s;
    transition: all .6s;
}

.header.display-shadow {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

.header .logo-wrap {
    position: absolute;
    top: 50%;
    left: 25px;
    height: 30px;
    margin-top: -15px;
}

.header .logo-wrap > a {
    display: block;
    height: 100%;
}

.header .logo-wrap img {
    display: block;
    width: auto;
    height: 100%;
}

.bdy {
    padding-top: 70px;
}

.bdy-index {
    position: relative;
}

.header .menu {
    float: left;
    margin-left: 50%;
    margin-top: 15px;
    height: 40px;
}

.header .menu li {
    float: left;
    padding: 4px 30px 4px 0;
}

.header a, .header a:hover {
    text-decoration: none;
}

.header .menu-lnk {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: 17px;
    line-height: 32px;
    color: #000;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header .menu-lnk .en {
    font-family: cetus, Arial, Helvetica, 'Noto Sans SC', "Source Han Sans CN Light", "Microsoft YaHei", sans-serif;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header .menu-lnk .zh {
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    white-space: nowrap;
    opacity: 0;
}

.header .menu-lnk:after {
    content: '';
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    width: 0%;
    height: 1px;
    background: #535353;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header .menu-lnk:hover:after {
    width: 100%;
    left: 0;
    right: auto;
}

.header .menu-lnk.current:after {
    width: 100%;
    left: 0;
    right: auto;
}

.header.menu-lnk-hovering .menu-lnk.current:after {
    left: auto;
    right: 0;
    width: 0%;
}

.header.menu-lnk-hovering .menu-lnk.current:hover:after {
    width: 100%;
    left: 0;
    right: auto;
}

.header .menu-lnk:hover .en {
    opacity: 0;
}

.header .menu-lnk:hover .zh {
    opacity: 1;
}

.header .contact_wrap {
    position: absolute;
    right: 25px;
    top: 50%;
    height: 32px;
    margin-top: -16px;
}

.header_nav_li .en {
    font-family: cetus, Arial, Helvetica, 'Noto Sans SC', "Source Han Sans CN Light", "Microsoft YaHei", sans-serif;
}

.indexPicTop .item {
    padding-bottom: 15px;
    letter-spacing: -5px;
    font-size: 0;
}

.indexPicTop .item-s {
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.6%;
    letter-spacing: normal;
    font-size: 26px;
}

.indexPicTop .item-s:nth-child(1) {
    padding-right: 15px;
}

.indexPicTop .item-s:nth-child(2) {
    padding-left: 15px;
}

.indexPicTop .item-b {
    display: inline-block;
    vertical-align: top;
    width: 66.4%;
    letter-spacing: normal;
    font-size: 26px;
}

.indexPicTop .item-img {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 56.15%;
}

.indexPicTop .item-img > a, .indexPicTop .item-img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-scale .img {
    -webkit-transition: all .6s linear;
    transition: all .6s linear;
}

.img-scale:hover .img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.item-piclist-info {
    font-size: 24px;
    line-height: 40px;
}

.item-piclist-info .p1 {
    font-family: cetus, Arial, Helvetica, 'Noto Sans SC', "Source Han Sans CN Light", "Microsoft YaHei", sans-serif;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-piclist-info .p2 {
    font-size: 21px;
    font-family: cetus, Arial, Helvetica, 'Noto Sans SC', "Source Han Sans CN Light", "Microsoft YaHei", sans-serif;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-piclist-info .p1 a {
    position: relative;
}

.item-piclist-info .p1 a:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0%;
    height: 1px;
    background: #535353;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.item-piclist-info .p1 a:hover:after {
    left: 0;
    width: 100%;
}

.indexPicTop .item-piclist-info {
    padding-top: 32px;
}

.item-b + .item-s .item-piclist-info {
    text-align: right;
}

.caseImgWrap {
    position: relative;
}

.caseImgWrap:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.addCaseImgFade:after {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.indexPicBot-in {
    margin-right: -15px;
}

.indexPicBot .item {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 15px;
    padding-right: 15px;
}

.indexPicBot .item-img {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 59.935%;
    box-shadow: 0 0 3px rgba(0,0,0,.15);
}

.indexPicBot .item-img > a, .indexPicBot .item-img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.indexPicBot .item-piclist-info {
    padding: 16px 0;
}

.indexMoreCases {
    padding: 36px 0;
    text-align: center;
}

.indMoreCasesBtn {
    font-family: cetus, Arial, Helvetica, 'Noto Sans SC', "Source Han Sans CN Light", "Microsoft YaHei", sans-serif;
    display: inline-block;
    vertical-align: top;
    font-size: 25px;
    line-height: 50px;
    color: #000;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.indMoreCasesBtn:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0%;
    height: 1px;
    background: #000;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.indMoreCasesBtn:hover:after {
    left: 0;
    width: 100%;
}

.indexNewsBox {
    padding-top: 44px;
    padding-bottom: 88px;
}

.NewsList-tit {
    font-family: cetus, Arial, Helvetica, 'Noto Sans SC', "Source Han Sans CN Light", "Microsoft YaHei", sans-serif;
    font-size: 26px;
    font-weight: bold;
    line-height: 40px;
    padding-bottom: 10px;
}

.indexNews .lBx {
    float: left;
    width: 50%;
}

.indexNews .lBx-in {
    padding-right: 7px;
}

.indexNewsImgWrap {
    position: relative;
    width: 100%;
    height: 256px;
    overflow: hidden;
}

.indexNewsImgWrap > a, .indexNewsImgWrap img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.indexNews .rBx {
    float: right;
    width: 50%;
    padding-left: 47px;
}

.indexNews .chd-tit {
    font-size: 20px;
    line-height: 30px;
}

.indexNews .chd-tit, .indexNews .chd-tit a {
    color: #595757;
    -webkit-transition: color .6s, opacity .6s, transform .6s;
    transition: color .6s, opacity .6s, transform .6s;
}

.indexNews .chd-tit a {
    position: relative;
}

.indexNews .chd-tit.ellipsis > a {
    display: inline-block;
    vertical-align: top;
    padding-bottom: 6px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.indexNews .chd-tit:hover a {
    color: #000;
}

.indexNews .chd-tit a:after {
    content: '';
    position: absolute;
    bottom: 4px;
    right: 0;
    width: 0%;
    height: 1px;
    background: #000;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.indexNews .chd-tit a:hover:after {
    left: 0;
    width: 100%;
}

.indexNews .chd-con {
    font-size: 13px;
    line-height: 22px;
    color: #595757;
    margin-bottom: 8px;
}

.indexNews .chd-con.ellipsis2 {
    height: 44px;
}

.indexNews .chd-last {
    font-size: 0;
    letter-spacing: -5px;

}

.indexNews .chd-last .lnk-wrap {
    font-size: 12px;
    line-height: 30px;
    letter-spacing: normal;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: -webkit-calc(20% - 16px);
    width: calc(20% - 16px);
    margin-right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: color .6s;
    transition: color .6s;
}

.indexNews .chd-last .lnk-wrap a {
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: color .6s;
    transition: color .6s;
    color: #727171;
}

.indexNews .chd-last .lnk-wrap:nth-child(5n) {
    margin-right: 0;
}

.indexNews .chd-last .lnk-wrap a:hover {
    color: #000;
}

.indexNews .chd-last .lnk-wrap a:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    margin-top: -2px;
    background-color: #727171;
    -webkit-transition: background-color .6s;
    transition: background-color .6s;
}

.indexNews .chd-last .lnk-wrap a:hover:before {
    background-color: #000;
}

.indexNews .chd-last .lnk-wrap a:after {
    content: '';
    position: absolute;
    bottom: 3px;
    right: 0;
    width: 0%;
    height: 1px;
    background: #727171;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.indexNews .chd-last .lnk-wrap a:hover:after {
    left: 0;
    width: 100%;
}

.indexNews .chd + .chd {
    padding-top: 17px;
    margin-top: 16px;
    border-top: 1px solid #c9caca;
}

.indexNews .chd:first-child {
    margin-top: -7px;
}

.footer {
    padding-top: 56px;
    padding-bottom: 40px;
    background: #000000;
}

.footer, .footer a {
    color: #727171;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.footer a:hover {
    color: #ffffff;
}

.footer .lBx {
    float: left;
    width: 50%;
    font-size: 16px;
    line-height: 24px;
}

.footer .lBx-bot {
    margin-top: 24px;
}

.footer .lBx_top {
    font-family: cetus, Arial, Helvetica, 'Noto Sans SC', "Source Han Sans CN Light", "Microsoft YaHei", sans-serif;
}

.footer .rBx {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    width: 50%;
    padding-left: 47px;
    padding-right: 60px;
}

.footer .rBx_top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    padding-bottom: 175px;
}

.footer .rBx_top .tit {
    font-size: 14px;
    line-height: 24px;
}

.footer .rBx_top .con1 {
    font-size: 14px;
    line-height: 24px;
    margin-top: 24px;
    max-width: 380px;
}

.footer .rBx_top .con1-top {
    font-family: cetus, Arial, Helvetica, 'Noto Sans SC', "Source Han Sans CN Light", "Microsoft YaHei", sans-serif;
}

.footer .rBx_top .con1-top,.footer .rBx_top .con1-top a {
    color:#ccc;
}

.footer .rBx_top .con1-top a:hover{
    color:#fff;
}

.footer .rBx_top .con1-bot {
    font-family: cetus, Arial, Helvetica, 'Noto Sans SC', "Source Han Sans CN Light", "Microsoft YaHei", sans-serif;
    margin-top: 28px;
}

.footer .rBx_top .con2 {
    font-size: 14px;
    line-height: 24px;
    margin-top: 24px;
    width: 160px;
    height: 144px;
    overflow-x: hidden;
}

.footer .rBx_top .con2 .nicescroll-rails {
    width: 1px !important;
    background: #727171 !important;
}

.footer .rBx_top .con2 .nicescroll-cursors {
    width: 2px !important;
    opacity: 1 !important;
    background: #9fa0a0 !important;
}

.footer .rBx_top .con3 {
    font-size: 14px;
    line-height: 24px;
    margin-top: 24px;
}

.footer .rBx_bot {
    padding-top: 40px;
}

.footer .code_wrap {
    background: #fff;
    width: 131px;
    height: 131px;
    margin-bottom: 19px;
}

.footer .code_wrap img {
    display: block;
    width: 100%;
    height: 100%;
}

.footer .rBx_bot_info .p1 {
    font-size: 14px;
    line-height: 24px;
}

.footer .rBx_bot_info .p2 {
    font-size: 12px;
    line-height: 22px;
}

/*案例*/
.padTop {
    padding-top: 200px;
}

.casesPageWrap {
    padding-bottom: 60px;
}

.typeLighter-wrap {
    padding-bottom: 108px;
}

.newsPageWrap .typeLighter-wrap {
    padding-bottom: 50px;
}

.typeLighter-tit {
    font-family: cetus, Arial, Helvetica, 'Noto Sans SC', "Source Han Sans CN Light", "Microsoft YaHei", sans-serif;
    font-size: 30px;
    line-height: 50px;
    color: #000;
    margin-bottom: 12px;
}

.typeLighter-subTit {
    font-family: cetus, Arial, Helvetica, 'Noto Sans SC', "Source Han Sans CN Light", "Microsoft YaHei", sans-serif;
    font-size: 90px;
    line-height: 130px;
    font-weight: bold;
    color: #000;
}

.newsPageWrap .typeLighter-subTit {
    font-size: 88px;
    line-height: 110px;
    min-height: 220px;
}

.newsPageWrap .typeLighter-subTit.two-lines {
    font-size: 90px;
    line-height: 130px;
}

.typeLighter-subTit.two-lines, .newsPageWrap .typeLighter-subTit.two-lines {
    min-height: 260px;
}

.newsPageWrap .typeLighter-subTit sup {
    font-size: 0.33em;
}

.casesMenu {
    padding-bottom: 32px;
}

.casesMenu .lnk {
    float: left;
    position: relative;
    font-size: 20px;
    line-height: 30px;
    margin-right: 28px;
    color: #000;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

@media screen and (min-width: 1201px) {
    .index_video_wrap .video {
        display: block;
    }

    .index_video_wrap .img {
        display: none;
    }

    .newsPageWrap {
        overflow: hidden;
    }

    .casesMenu .lnk:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0%;
        height: 1px;
        background: #868686;
        -webkit-transition: all .6s ease;
        transition: all .6s ease;
    }

    .casesMenu .lnk.current:after, .casesMenu .lnk:hover:after {
        left: 0;
        width: 100%;
    }

    .casesMenu.menu-lnk-hovering .lnk.current:after {
        left: 50%;
        width: 0%;
    }

    .casesMenu.menu-lnk-hovering .lnk.current:hover:after {
        left: 0;
        width: 100%;
    }
}

.casePageWrap {
    padding: 110px 0 60px;
}

.caseBoxTop {
    padding-top: 92px;
    padding-bottom: 104px;
}

.caseBoxTop .lBx {
    float: left;
    width: 50%;
}

.caseBoxTop .toplist {
    padding-right: 50px;
    font-family: cetus, Arial, Helvetica, 'Noto Sans SC', "Source Han Sans CN Light", "Microsoft YaHei", sans-serif;
}

.caseBoxTop .toplist li + li {
    margin-top: 32px;
}

.caseBoxTop .toplist .tit {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    color: #000;
}

.caseBoxTop .toplist .con {
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
    color: #000;
}

.caseBoxTop .rBx {
    float: right;
    width: 50%;
}

.caseDesc {
    font-size: 16px;
    line-height: 30px;
    max-height: 210px;
    text-align:justify;
    overflow: hidden;
}

.caseDesc.expand {
    max-height: none !important;
    height: auto !important;
}

.caseDesc_moreBtnWrap {
    margin-top: 24px;
}

.caseDesc_moreBtn {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}

.caseDesc_moreBtn:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0%;
    height: 1px;
    background: #000;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.caseDesc_moreBtn:hover:after {
    width: 100%;
    left: 0;
}

.caseBoxMid {
    padding-bottom: 60px;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

.caseBoxMid p {
    position: relative;
}

.caseBoxMid img {
    display: block;
    width: 100%;

}

.caseBoxMid .img-scale, .caseBoxMid .mycase-img-wrap {
    overflow: hidden;
    margin-bottom: 25px;
}

.caseBoxMid .img-scale .img {
    height: 100%;
}

.NewsList-tit-for-case {
    margin-bottom: 10px;
}

.caseRelated-ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    flex-align: start;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
}

.caseRelated-li {
    flex-shrink: 0;
    flex-grow: 0;
    width: -webkit-calc(33.333% - 11px);
    width: calc(33.333% - 11px);
    margin-bottom: 32px;
}

.caseRelated-li .item-img {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 53.42%;
    box-shadow: 0 0 3px rgba(0,0,0,.15);
}

.caseRelated-li .item-img > a, .caseRelated-li .item-img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.caseRelated-li .item-piclist-info {
    padding: 20px 0;
    font-size: 19px;
    line-height: 30px;
    color: #000;
}

.caseRelated-li .item-piclist-info .p2 {
    font-size: 17px;
}

/*新闻*/
.newsBot {
    padding-top: 72px;
    padding-bottom: 78px;
}

.newsBot .item-piclist-info {
    position: relative;
}

@media screen and (min-width: 1201px) {
    .newsBot .item-piclist-info:after {
        content: '';
        position: absolute;
        bottom: 0;
        height: 1px;
        background: #c9caca;
    }

    .newsBot .caseRelated-li01 .item-piclist-info:after {
        left: -1000000px;
        right: 7px;
    }

    .newsBot .caseRelated-li02 .item-piclist-info:after {
        left: 0;
        right: -100px;
    }

    .newsBot .caseRelated-li03 .item-piclist-info:after {
        left: 0;
        right: 0;
    }
}

@media screen and (min-width: 1901px) {
    .newsBot .item-piclist-info .p1 {
        height: 30px; /*与.caseRelated-li .item-piclist-info的行高保持一致*/
    }

    .newsBot .item-piclist-info .p2 {
        height: 30px; /*与.caseRelated-li .item-piclist-info的行高保持一致*/
    }
}

.newsBot_related_inf {
    padding-top: 40px;
}

.item-inflist-info {
    padding-top: 6px;
    padding-bottom: 31px;
}

.newsBot_related_inf_in {
    width: 64%;
}

.news-item-inf, .newsBot_related_inf_in {
    font-size: 16px;
    line-height: 33px;
    color: #595757;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news-item-inf .lnk {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 20px;
}

.news-item-inf .lnk:before {
    content: '·';
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    text-align: left;
}

@media screen and (min-width: 1201px) {
    .item-inflist-info .news-item-inf:after {
        content: '';
        display: block;
        clear: both;
        overflow: hidden;
    }
}

.news-item-inf .datetime {
    display: inline-block;
    vertical-align: middle;
}

.item-inflist-info .news-item-inf .datetime {
    float: right;
    margin-right: -webkit-calc(45% - 120px);
    margin-right: calc(45% - 120px);
}

.item-inflist-info .news-item-inf .lnk {
    max-width: 55%;
}

.newsBot .news-item-inf .lnk {
    max-width: -webkit-calc(100% - 130px);
    max-width: calc(100% - 130px);
}

.newsBot .tag_lnk, .newsDetails .lBox .tag_lnk {
    margin-right: 1em;
}

.news-item-inf .lnk, .newsBot .tag_lnk, .newsDetails .lBox .tag_lnk {
    position: relative;
    -wekbit-transition: all .6s ease;
    transition: all .6s ease;
}

.news-item-inf .lnk:after, .newsBot .tag_lnk:after, .newsDetails .lBox .tag_lnk:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0%;
    height: 1px;
    background: #595757;
    -wekbit-transition: all .6s ease;
    transition: all .6s ease;
}

.news-item-inf .lnk:hover:after, .newsBot .tag_lnk:hover:after, .newsDetails .lBox .tag_lnk:hover:after {
    left: 0;
    width: 100%;
}

@media screen and (min-width: 1201px) {
    .newsDetails .lBox {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        width: 36%;
        padding-right: 70px;
        padding-top: 104px;
        float: left;
    }

    .newsDetails .lBox .caseRelated-li {
        width: 100%;
    }

    .newsDetails .lBox .item-piclist-info {
        position: relative;
    }

    .newsDetails .lBox .item-piclist-info:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -4px;
        width: 100%;
        height: 1px;
        background: #c9caca;
    }

    .newsDetails .rBox {
        width: 63.15%;
        float: right;
    }

    .newsDetails {
        padding: 120px 40px 12px;
    }

    .artToggle {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-lines: single;
        -moz-box-lines: single;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between;
    }

    .artToggle .artToggle-prev {
        text-align: left;
    }

    .artToggle .artToggle-next {
        text-align: right;
    }

    .newsDetails .newsBot .caseRelated-li01 {
        display: none !important;
    }

    .newsDetails .newsBot .caseRelated-li02, .newsDetails .newsBot .caseRelated-li03 {
        width: -webkit-calc(50% - 16px);
        width: calc(50% - 16px);
    }
}

.newsDTop {
    padding-bottom: 26px;
}

.article {
    padding-bottom: 32px;
}

.article-tit-group {
    padding-bottom: 36px;
}

.article-tit {
    font-size: 26px;
    line-height: 48px;
    font-weight: normal;
    color: #000;
}

.article-datetime {
    font-family: cetus, Arial, Helvetica, 'Noto Sans SC', "Source Han Sans CN Light", "Microsoft YaHei", sans-serif;
    font-size: 22px;
    line-height: 40px;
    font-weight: normal;
    color: #595757;
}

.article-con {
    font-size: 16px;
    line-height: 24px;
    color: #595757;
    overflow: hidden;
}

.article-con img, .article-con video {
    display: inline-block;
    width: auto;
    vertical-align: baseline;
    max-width: 100%;
}

.article-con p img:only-child {
    display: block;
    margin: 0 auto;
}

.artToggle {
    font-size: 18px;
    line-height: 30px;
    color: #595757;
}

.artToggle .artToggle-prev, .artToggle .artToggle-next {
    width: 48%;
}

.artToggle-lnk {
    position: relative;
    display: inline-block;
    vertical-align: top;
    max-width: -webkit-calc(100% - 6em);
    max-width: calc(100% - 6em);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.artToggle-lnk:after {
    content: '';
    position: absolute;
    right: 0;
    width: 0%;
    height: 1px;
    bottom: 0;
    background: #595757;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.artToggle-lnk:hover:after {
    left: 0;
    width: 100%;
}

.aboutPageWrap .typeLighter-wrap {
    padding-bottom: 84px;
}

.aboutPageWrap .typeLighter-tit {
    margin-bottom: 5px;
}

@media screen and (min-width: 1201px) {
    .aboutPageWrap .typeLighter-subTit02 {
        font-size: 88px;
        line-height: 104px;
    }
}

.aboutUs {
    background: #000;
    color: #fff;
}

.about-tit {
    font-family: cetus, Arial, Helvetica, 'Noto Sans SC', "Source Han Sans CN Light", "Microsoft YaHei", sans-serif;
    font-size: 48px;
    font-weight: bold;
    line-height: 108px;
}

.aboutUs .tBl, .aboutUs .bBl {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
}

.aboutUs .lBx, .aboutUs .rBx {
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
}

.aboutUs .tBl .rBx {
    padding-top: 95px;
    padding-bottom: 86px;
    padding-right: 40px;
    font-size: 16px;
    line-height: 27px;
    text-align: justify;
    text-align-last: left;
}

.abt-img-wrap {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 55.711%;
    overflow: hidden;
}

.abt-img-wrap .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.aboutUs .bBl .lBx, .aboutUs .bBl .rBx {
    padding-bottom: 44px;
}

.about-in {
    padding-right: 40px;
    padding-left: 23.48%;
}

.aboutTeam {
    color: #000;
}

.aboutTeam .about-in {
    padding-top: 65px;
    padding-bottom: 188px;
}

.aboutTeam-pic {
    position: relative;
    width: -webkit-calc(20% - 36px);
    width: calc(20% - 36px);
    margin-bottom: 30px;
}

@media screen and (min-width: 1201px) {
    .aboutTeam-pic {
        float: left;
    }

    .aboutTeam-pic:nth-child(5n-1), .aboutTeam-pic:nth-child(5n-2),
    .aboutTeam-pic:nth-child(5n-3), .aboutTeam-pic:nth-child(5n-4) {
        margin-right: 45px;
    }
}

.aboutTeam-pic .lay_img {
    position: relative;
    height: 0;
    padding-top: 136.36%;
    overflow: hidden;
}

.aboutTeam-pic .lay_img .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.aboutTeam-pic .lay_info {
    font-family: cetus, Arial, Helvetica, 'Noto Sans SC', "Source Han Sans CN Light", "Microsoft YaHei", sans-serif;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 16px 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: #5389ba;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    opacity: 0;
}

.aboutTeam-pic:hover .lay_info {
    opacity: 1;
}

.aboutTeam-pic .info {
    overflow: hidden;
    color: #fff;
}

.aboutTeam-pic .info-tit {
    font-size: 22px;
    line-height: 45px;
    font-weight: bold;
    margin-bottom: 3px;
}

.aboutTeam-pic .info-line {
    width: 12px;
    height: 1px;
    background: #fff;
    margin-bottom: 12px;
}

.aboutTeam-pic .info-con {
    font-size: 12px;
    line-height: 20px;
}

.aboutClients {
    color: #000;
    background: #f7f8f8;
}

.aboutClients .about-in {
    padding-top: 18px;
    padding-bottom: 304px;
}

.abtClients {
    display: block;
    width: -webkit-calc(33.333% - 112px);
    width: calc(33.333% - 112px);
    font-size: 16px;
    line-height: 33px;
    color: #000;
}

@media screen and (min-width: 1201px) {
    .abtClients {
        float: left;
    }

    .abtClients:nth-child(3n-2), .abtClients:nth-child(3n-1) {
        margin-right: 168px;
    }
}

/*服务*/
.aboutUs .mBl {
    padding-bottom: 65px;
}

.aboutUs .mBl .rBx {
    padding-top: 35px;
    padding-left: 26.293%;
}

.aboutUs .mBl .serInfos:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}

.aboutUs .mBl .serInfos {
    padding-bottom: 100px;
}

.aboutUs .mBl .lBx, .aboutUs .mBl .rBx {
    width: 100%;
}

@media screen and (min-width: 1201px) {
    .aboutUs .mBl .serInfos + .serInfos {
        border-top: 1px solid #b5b5b6;
        padding-top: 90px;
    }

    .aboutUs .mBl .chd {
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    .aboutUs .mBl .chd01, .aboutUs .mBl .chd02, .aboutUs .mBl .chd05 {
        width: 27.84%;
    }

    .aboutUs .mBl .chd03 {
        width: 22.05%;
    }

    .aboutUs .mBl .chd04 {
        width: 22.27%;
    }

    .aboutUs .mBl .chd06 {
        width: 32.61%;
    }

    .aboutUs .mBl .chd07 {
        width: 39.55%;
    }

    .aboutUs .mBl .chd08 {
        width: 100%;
    }
}

.aboutUs .mBl .chd-tit-wrap {
    margin-bottom: 21px;
    font-weight: bold;
}

.aboutUs .mBl .chd-tit {
    font-family: cetus, Arial, Helvetica, 'Noto Sans SC', "Source Han Sans CN Light", "Microsoft YaHei", sans-serif;
    font-size: 24px;
    line-height: 40px;
}

.aboutUs .mBl .chd-subTit {
    font-size: 24px;
    line-height: 40px;
}

.aboutUs .mBl .chd-line {
    width: 10px;
    height: 1px;
    margin-top: 17px;
    background: #fff;
}

.aboutUs .mBl .chd-con {
    padding-right: 20px;
    font-size: 20px;
    line-height: 40px;
    font-weight: normal;
}

.aboutUs .mBl .chd-con em {
    font-style: italic;
}

.serRelWorkWrap {
    padding-top: 125px;
    padding-bottom: 106px;
}

/*联系*/
.contactPageWrap {
    padding-bottom: 58px;
}

.contactPageWrap .typeLighter-tit {
    margin-bottom: 18px;
}

.contactPageWrap .typeLighter-subTit02 {
    line-height: 120px;
}

.contactPageWrap .typeLighter-wrap {
    padding-bottom: 50px;
}

.item-piclist-addrlist {
    font-family: cetus, Arial, Helvetica, 'Noto Sans SC', "Source Han Sans CN Light", "Microsoft YaHei", sans-serif;
    padding-top: 8px;
}

.item-piclist-addrlist .p {
    font-size: 18px;
    line-height: 33px;
    color: #595757;
}

.contactRelWrap .caseRelated-li {
    margin-bottom: 50px;
}

.contactWXWrap {
    padding-top: 70px;
}

@media screen and (min-width: 1201px) {
    .contactWX {
        margin-left: -webkit-calc(33.333% + 5px);
        margin-left: calc(33.333% + 5px);
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-lines: single;
        -moz-box-lines: single;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;

    }

    .contactWX .wxcode {
        width: 163px;
        margin-right: 50px;
        margin-bottom: 50px;
    }

    .contactWX .wxcode .p {
        font-size: 18px;
        line-height: 33px;
        color: #595757;
        padding: 15px 0;
    }

}

.contactWX .wxcode img {
    display: block;
    width: 100%;
}

.contactWX .wxcode .p {
    text-align: center;
}

/*其它分辨率*/
/*@charset "UTF-8";*/

/*移动端默认样式
create by: xiaoguoliang2008@163.com
*/
@media screen and (max-width: 1200px) {
    .web_center {
        padding: 0 15px;
    }

    .bdy {
        padding-top: 50px;
    }

    .header {
        height: 50px;
    }

    .header .logo-wrap {
        left: 15px;
        height: 16px;
        margin-top: -8px;
    }

    .header .menu {
        display: none;
    }

    .header .contact_wrap {
        display: none;
    }

    .header_button {
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -15px;
        z-index: 999;
        display: block;
        width: 30px;
        height: 30px;
        padding-top: 6px;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .header_button .line {
        width: 100%;
        height: 2px;
        background: #000;
        margin-bottom: 6px;
        -webkit-transition: all .6s .3s ease;
        transition: all .6s .3s ease;
        position: relative;
    }

    .header.opened .header_button .line {
        background: #fff;
    }

    .header.opened .header_button .line1 {
        -webkit-transform: translateY(8px) rotate(-45deg);
    }

    .header.opened .header_button .line2 {
        opacity: 0;
    }

    .header.opened .header_button .line3 {
        -webkit-transform: translateY(-8px) rotate(45deg);
    }

    .header_nav {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.9);
        z-index: 996;
        display: none;
    }

    .header_nav_in {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .header_nav_ul {
        width: 130px;
    }

    .header_nav_ul li {
        padding: 10px 0;
        text-align: center;
        -webkit-transition: all .6s ease;
        transition: all .6s ease;
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    .header.opened {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .header.opening .header_nav_ul li {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .header_nav_ul li:nth-child(1) {
        -webkit-transition-delay: 350ms;
        transition-delay: 350ms;
    }

    .header.opening .header_nav_ul li:nth-child(1) {
        -webkit-transition-delay: 350ms;
        transition-delay: 350ms;
    }

    .header_nav_ul li:nth-child(2) {
        -webkit-transition-delay: 320ms;
        transition-delay: 320ms;
    }

    .header.opening .header_nav_ul li:nth-child(2) {
        -webkit-transition-delay: 400ms;
        transition-delay: 400ms;
    }

    .header_nav_ul li:nth-child(3) {
        -webkit-transition-delay: 290ms;
        transition-delay: 290ms;
    }

    .header.opening .header_nav_ul li:nth-child(3) {
        -webkit-transition-delay: 450ms;
        transition-delay: 450ms;
    }

    .header_nav_ul li:nth-child(4) {
        -webkit-transition-delay: 260ms;
        transition-delay: 260ms;
    }

    .header.opening .header_nav_ul li:nth-child(4) {
        -webkit-transition-delay: 500ms;
        transition-delay: 500ms;
    }

    .header_nav_ul li:nth-child(5) {
        -webkit-transition-delay: 230ms;
        transition-delay: 230ms;
    }

    .header.opening .header_nav_ul li:nth-child(5) {
        -webkit-transition-delay: 550ms;
        transition-delay: 550ms;
    }

    .header_nav_ul li:nth-child(6) {
        -webkit-transition-delay: 210ms;
        transition-delay: 210ms;
    }

    .header.opening .header_nav_ul li:nth-child(6) {
        -webkit-transition-delay: 600ms;
        transition-delay: 600ms;
    }

    .header_nav_ul li:nth-child(7) {
        -webkit-transition-delay: 180ms;
        transition-delay: 180ms;
    }

    .header.opening .header_nav_ul li:nth-child(7) {
        -webkit-transition-delay: 650ms;
        transition-delay: 650ms;
    }

    .header_nav_ul li:nth-child(8) {
        -webkit-transition-delay: 150ms;
        transition-delay: 150ms;
    }

    .header.opening .header_nav_ul li:nth-child(8) {
        -webkit-transition-delay: 700ms;
        transition-delay: 700ms;
    }

    .header_nav_ul li:nth-child(9) {
        -webkit-transition-delay: 120ms;
        transition-delay: 120ms;
    }

    .header.opening .header_nav_ul li:nth-child(9) {
        -webkit-transition-delay: 750ms;
        transition-delay: 750ms;
    }

    .header_nav_ul li:nth-child(10) {
        -webkit-transition-delay: 90ms;
        transition-delay: 90ms;
    }

    .header.opening .header_nav_ul li:nth-child(10) {
        -webkit-transition-delay: 800ms;
        transition-delay: 800ms;
    }

    .header_nav_li {
        position: relative;
        display: block;
        font-size: 18px;
        line-height: 28px;
        height: 28px;
        color: #fff;
    }

    .header_nav_li .en {
        float: left;
    }

    .header_nav_li .zh {
        float: right;
    }

    .header_nav_li.current:before {
        content: '';
        position: absolute;
        left: -38px;
        top: 50%;
        height: 2px;
        width: 20px;
        margin-top: 1px;
        background: #fff;
    }

    .wap-dispay-none {
        display: none !important;
    }

    .index_video_wrap {
        margin-bottom: 20px;
    }

    .index_video_wrap .video {
        display: none;
    }

    .index_video_wrap .img {
        display: block;
    }

    .indexPicTop .item {
        padding-bottom: 0;
    }

    .indexPicTop .item-s:nth-child(1) {
        padding-right: 0;
    }

    .indexPicTop .item-s:nth-child(2) {
        padding-left: 0;
    }

    .indexPicTop .item-s {
        display: block;
        width: 100%;
    }

    .indexPicTop .item-b {
        display: block;
        width: 100%;
    }

    .indexPicTop .item-piclist-info {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .item-piclist-info {
        font-size: 15px;
        line-height: 28px;
        position: relative;
    }

    .item-piclist-info .p2 {
        font-size: 13px;
    }

    .newsPageWrap .item-piclist-info:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        background: #c9caca;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
    }

    .item-b + .item-s .item-piclist-info {
        text-align: left;
    }

    .indexPicBot-in {
        margin-right: -12px;
    }

    .indexPicBot .item {
        width: 50%;
        padding-right: 12px;
        padding-bottom: 12px;
    }

    .indexPicBot .item-piclist-info {
        padding: 8px 0 0;
    }

    .indexPicBot .item-piclist-info {
        font-size: 13px;
        line-height: 20px;
    }

    .indexMoreCases {
        padding: 12px 0;
    }

    .indMoreCasesBtn {
        font-size: 16px;
        line-height: 32px;
        padding: 0 8px;
        border: 1px solid #000;
    }

    .indMoreCasesBtn:hover {
        background: #000;
        color: #fff;
    }

    .indMoreCasesBtn:after {
        display: none;
    }

    .indexNewsBox {
        padding-top: 16px;
        padding-bottom: 36px;
    }

    .NewsList-tit {
        font-size: 16px;
        line-height: 28px;
        padding-bottom: 6px;
    }

    .indexNews .lBx {
        float: none;
        width: 100%;
        display: block;
        padding-bottom: 12px;
    }

    .indexNews .lBx-in {
        padding-right: 0;
    }

    .indexNewsImgWrap {
        width: 100%;
        height: 0;
        padding-top: 27.5378%;
    }

    .indexNews .rBx {
        width: 100%;
        padding-left: 0;
    }

    .indexNews .chd:first-child {
        margin-top: 0;
    }

    .indexNews .chd-tit {
        font-size: 16px;
        line-height: 24px;
    }

    .indexNews .chd-con {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 6px;
    }

    .indexNews .chd-con.ellipsis2 {
        height: 40px;
    }

    .indexNews .chd-last .lnk-wrap {
        font-size: 12px;
        line-height: 20px;
        width: -webkit-calc(33% - 8px);
        width: calc(33% - 8px);
        margin-right: 12px;
    }

    .indexNews .chd-last .lnk-wrap:nth-child(3n) {
        margin-right: 0;
    }

    .indexNews .chd-last .lnk-wrap a {
        padding-left: 7px;
    }

    .indexNews .chd-last .lnk-wrap a:after {
        bottom: 0;
    }

    .indexNews .chd + .chd {
        padding-top: 12px;
        margin-top: 13px;
    }

    .indexNews .chd:last-child {
        padding-bottom: 12px;
        border-bottom: 1px solid #c9caca;
    }

    .footer {
        padding-top: 38px;
        padding-bottom: 20px;
    }

    .footer .lBx {
        float: none;
        width: 100%;
        font-size: 13px;
        line-height: 20px;
        text-align: center;
    }

    .footer .lBx-bot {
        margin-top: 0;
    }

    .footer .rBx {
        float: none;
        width: 100%;
        padding: 22px 0 14px;
    }

    .footer .rBx_top {
        display: block;
        padding-bottom: 30px;
    }

    .footer .rBx_top .tit {
        font-size: 15px;
        line-height: 26px;
        padding-bottom: 6px;
        border-bottom: 1px solid #727171;
    }

    .footer .rBx_top .con1 {
        font-size: 13px;
        line-height: 20px;
        margin-top: 10px;
        max-width: 100%;
    }

    .footer .rBx_top .con1-bot {
        margin-top: 12px;
    }

    .footer .rBx_top .item2 {
        display: none;
    }

    .footer .rBx_top .item3 {
        display: none;
    }

    .footer .rBx_bot {
        padding-top: 10px;
    }

    .footer .code_wrap {
        width: 120px;
        height: 120px;
        margin: 0 auto 6px;
    }

    .footer .rBx_bot_info {
        text-align: center;
    }

    .footer .rBx_bot_info .p1 {
        font-size: 12px;
        line-height: 18px;
    }

    .footer .rBx_bot_info .p2 {
        font-size: 12px;
        line-height: 18px;
    }

    /*案例[手机]*/
    .padTop {
        padding-top: 30px;
    }

    .casesPageWrap {
        padding-bottom: 25px;
    }

    .typeLighter-wrap {
        padding-bottom: 30px;
    }

    .newsPageWrap .typeLighter-wrap {
        padding-bottom: 28px;
    }

    .typeLighter-tit {
        font-size: 13px;
        line-height: 16px;
        margin-bottom: 2px;
    }

    .typeLighter-subTit {
        font-size: 22px;
        line-height: 30px;
    }

    .newsPageWrap .typeLighter-subTit {
        font-size: 22px;
        line-height: 30px;
        min-height: 60px;
    }

    .newsPageWrap .typeLighter-subTit.two-lines {
        font-size: 22px;
        line-height: 30px;
    }

    .typeLighter-subTit.two-lines, .newsPageWrap .typeLighter-subTit.two-lines {
        min-height: 60px;
    }

    .casesMenu {
        padding-bottom: 2px;
    }

    .casesMenu .lnk {
        font-size: 15px;
        line-height: 24px;
        padding: 3px 5px;
        margin-right: 10px;
        margin-bottom: 10px;
        cursor: pointer;
    }

    .casesMenu .lnk:after {
        content: '';
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 200%;
        height: 200%;
        background: none;
        border: 1px solid #000;
        -webkit-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5);
        -webkit-transition: all .6s ease;
        transition: all .6s ease;
    }

    .casesMenu .lnk.current:after {
        display: none;
    }

    .casesMenu .lnk.current {
        background: #000;
        color: #fff;
    }

    .casesMenu .lnk span {
        position: relative;
        z-index: 2;
    }

    .casePageWrap {
        padding: 40px 0 44px;
    }

    .caseBoxTop {
        padding-top: 0;
        padding-bottom: 40px;
    }

    .caseBoxTop .lBx {
        float: none;
        width: 100%;
    }

    .caseBoxTop .rBx {
        float: none;
        width: 100%;
        margin-top: 28px;
    }

    .caseBoxTop .toplist {
        padding-right: 0;
    }

    .caseBoxTop .toplist li + li {
        margin-top: 0;
    }

    .caseBoxTop .toplist li .tit {
        font-size: 14px;
        line-height: 28px;
    }

    .caseBoxTop .toplist li:first-child .tit {
        display: none;
    }

    .caseBoxTop .toplist .con {
        font-size: 14px;
        line-height: 28px;
    }

    .caseBoxTop .toplist li:first-child .con {
        font-size: 22px;
        line-height: 32px;
        padding-bottom: 15px;
    }

    .caseBoxTop .toplist li:nth-child(2) .tit {
        display: inline;
    }

    .caseBoxTop .toplist li:nth-child(2) .tit:after {
        content: ':';
    }

    .caseBoxTop .toplist li:nth-child(2) .con {
        display: inline;
    }

    .caseBoxTop .toplist li:nth-child(3) .tit {
        display: inline;
    }

    .caseBoxTop .toplist li:nth-child(3) .tit:after {
        content: ':';
    }

    .caseBoxTop .toplist li:nth-child(3) .con {
        display: inline;
    }

    .caseDesc {
        font-size: 14px;
        line-height: 28px;
        max-height: 196px;
    }

    .caseDesc_moreBtnWrap {
        margin-top: 12px;
    }

    .caseDesc_moreBtn {
        font-size: 14px;
        line-height: 28px;
    }

    .caseBoxMid {
        padding-bottom: 30px;
        font-size: 14px;
        line-height: 24px;
    }

    .caseBoxMid .img-scale, .caseBoxMid .mycase-img-wrap {
        margin-bottom: 15px;
    }

    .NewsList-tit-for-case {
        margin-bottom: 0;
    }

    .caseRelated-li {
        width: 100%;
        margin-bottom: 30px;
    }

    .caseRelated-li .item-piclist-info {
        padding: 8px 0;
        font-size: 13px;
        line-height: 20px;
    }

    .caseRelated-li .item-piclist-info .p2 {
        font-size: 12px;
    }

    .caseRelated-pc-ul {
        display: none;
    }

    .caseRelated-wap-ul .caseRelated-li {
        width: 100%;
        margin-bottom: 0;
    }

    .caseRelated-wap-button {
        cursor: pointer;
        position: absolute;
        z-index: 19;
        top: 0;
        width: 40px;
        height: -webkit-calc(100% - 56px);
        height: calc(100% - 56px);
        margin-top: 0;
        filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.7));
    }

    .caseRelated-wap-button:hover {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        outline: none;
    }

    .caseRelated-wap-button:focus {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        outline: none;
    }

    .caseRelated-wap-prev {
        left: 5px;
    }

    .caseRelated-wap-next {
        right: 5px;
    }

    .caseRelated-wap-button i {
        position: absolute;
        top: 50%;
        height: 1px;
        width: 100%;
        background: #fff;
        margin-top: 0;
    }

    .caseRelated-wap-prev i {
        left: 0;
    }

    .caseRelated-wap-next i {
        right: 0;
    }

    .caseRelated-wap-button:before {
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -5px;
        width: 10px;
        height: 10px;
        border-top: 1px solid #fff;
    }

    .caseRelated-wap-prev:before {
        left: 2px;
        border-left: 1px solid #fff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .caseRelated-wap-next:before {
        right: 2px;
        border-right: 1px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    /*新闻[手机]*/
    .newsTop .caseRelated-ul {
        display: block;
    }

    .newsTop .caseRelated-li {
        width: 100%;
        margin-bottom: 10px;
    }

    .newsTop .indexMoreCases {
        padding-top: 0;
    }

    .newsBot {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .newsBot .caseRelated-ul {
        display: block;
    }

    .newsBot .caseRelated-li03 {
        margin-bottom: 10px;
    }

    .newsBot_related_inf {
        padding-top: 8px;
    }

    .item-inflist-info {
        padding-top: 8px;
        padding-bottom: 14px;
    }

    .newsBot_related_inf_in {
        width: 100%;
    }

    .news-item-inf {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-lines: single;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 3px 0;
    }

    .news-item-inf {
        font-size: 13px;
        line-height: 20px;
    }

    .newsDTop {
        padding-bottom: 20px;
    }

    .newsBot_related_inf_in {
        font-size: 13px;
        line-height: 24px;
    }

    .newsBot_related_inf_in .tag_lnk {
        margin-right: 16px;
    }

    .news-item-inf .lnk {
        margin-right: 13px;
    }

    .news-item-inf .lnk:before {
        width: 9px;
    }

    .item-inflist-info .news-item-inf .lnk, .newsBot .news-item-inf .lnk {
        width: 65%;
        max-width: 65%;
    }

    .item-inflist-info .news-item-inf .datetime, .newsBot .news-item-inf .lnk {
        margin-right: 0;
    }

    .newsBot .caseRelated-li02 {
        margin-bottom: 0;
    }

    .caseRelated-li03 .item-piclist-info {
        display: none;
    }

    .caseRelated-li03 .newsBot_related_inf {
        padding-top: 0;
        margin-top: 0;
    }

    .newsDetails {
        padding-top: 35px;
    }

    .newsDetails .lBox .caseRelated-li01 {
        display: none;
    }

    .article-tit {
        font-size: 20px;
        line-height: 30px;
    }

    .article-datetime {
        padding-top: 8px;
        font-size: 12px;
        line-height: 20px;
        color: #c9caca;
    }

    .article-tit-group {
        position: relative;
        padding-bottom: 15px;
        margin-bottom: 20px;
    }

    .article-tit-group:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        height: 1px;
        width: 100%;
        background: #c9caca;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
    }

    .article-con {
        font-size: 14px;
        line-height: 28px;
    }

    .article {
        padding-bottom: 35px;
    }

    .artToggle {
        position: relative;
        padding-top: 20px;
        font-size: 15px;
        line-height: 30px;
    }

    .artToggle:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 1px;
        width: 100%;
        background: #c9caca;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
    }

    .artToggle .artToggle-prev, .artToggle .artToggle-next {
        width: 100%;
    }

    /*关于[手机]*/
    .aboutPageWrap .typeLighter-wrap {
        padding-bottom: 32px;
    }

    .aboutPageWrap .typeLighter-tit {
        margin-bottom: 3px;
    }

    .about-tit {
        font-size: 15px;
        line-height: 30px;
        padding-top: 30px;
    }

    .aboutUs .tBl {
        display: block;
    }

    .aboutUs .lBx {
        width: 100%;
    }

    .aboutUs .rBx {
        width: 100%;
    }

    .aboutUs .tBl .rBx {
        padding-top: 20px;
        padding-bottom: 36px;
        padding-right: 0;
        font-size: 13px;
        line-height: 24px;
    }

    .aboutUs .bBl .lBx, .aboutUs .bBl .rBx {
        padding-bottom: 45px;
    }

    .about-in {
        padding-right: 0;
        padding-left: 0;
    }

    .aboutTeam .about-in {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .aboutTeam-pic {
        width: 100%;
        margin-bottom: 20px;
    }

    .aboutTeam-pic:after {
        content: '';
        display: block;
        height: 0;
        clear: both;
    }

    .aboutTeam-pic .lay_img {
        float: left;
        position: relative;
        width: 30%;
        height: 0;
        padding-top: 40.908%;
        overflow: hidden;
    }

    .aboutTeam-pic .lay_info {
        float: right;
        position: static;
        width: 70%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: auto;
        padding: 0 0 0 10px;
        opacity: 1;
        background: #fff;
    }

    .aboutTeam-pic .info {
        color: #000;
        padding-top: 10px;
    }

    .aboutTeam-pic .info-tit {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .aboutTeam-pic .info-line {
        width: 8px;
        height: 1px;
        margin-bottom: 8px;
        background: #000;
    }

    .aboutTeam-pic .info-con {
        font-size: 12px;
        line-height: 18px;
    }

    .aboutClients .about-in {
        padding-top: 15px;
        padding-bottom: 40px;
    }

    .abtClients {
        width: 100%;
        font-size: 13px;
        line-height: 26px;
    }

    /*服务[手机]*/
    .aboutUs .mBl {
        padding-bottom: 45px;
    }

    .aboutUs .mBl .rBx {
        padding-left: 0;
        padding-top: 20px;
    }

    .aboutUs .mBl .about-tit {
        font-size: 20px;
        lin-height: 34px;
    }

    .aboutUs .mBl .serInfos {
        padding-bottom: 0;
    }

    .aboutUs .mBl .serInfos + .serInfos {
        padding-top: 0;
    }

    .aboutUs .mBl .serInfos .chd {
        position: relative;
        margin-top: 15px;
        padding-top: 15px;
    }

    .aboutUs .mBl .serInfos .chd:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 1px;
        background: #b5b5b6;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
    }

    .aboutUs .mBl .serInfos:first-child .chd:first-child {
        margin-top: 0;
        padding-top: 0;
    }

    .aboutUs .mBl .serInfos:first-child .chd:first-child:before {
        display: none;
    }

    .aboutUs .mBl .chd-tit-wrap {
        margin-bottom: 12px;
    }

    .aboutUs .mBl .chd-tit {
        font-size: 15px;
        line-height: 24px;
    }

    .aboutUs .mBl .chd-subTit {
        font-size: 15px;
        line-height: 24px;
    }

    .aboutUs .mBl .chd-line {
        width: 8px;
        height: 1px;
        margin-top: 12px;
    }

    .aboutUs .mBl .chd-con {
        padding-right: 0;
        font-size: 14px;
        line-height: 26px;
    }

    .serRelWorkWrap {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    /*联系[手机]*/
    .contactPageWrap {
        padding-bottom: 32px;
    }

    .contactPageWrap .typeLighter-tit {
        margin-bottom: 2px;
    }

    .contactPageWrap .typeLighter-subTit02 {
        line-height: 30px;
    }

    .contactPageWrap .typeLighter-wrap {
        padding-bottom: 28px;
    }

    .item-piclist-addrlist {
        padding-top: 0;
    }

    .item-piclist-addrlist .p {
        font-size: 13px;
        line-height: 20px;
    }

    .contactRelWrap .caseRelated-li {
        margin-bottom: 32px;
    }

    .contactWXWrap {
        padding-top: 20px;
    }

    .contactWX {
        margin-left: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .contactWX .wxcode {
        width: 108px;
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 30px;
    }

    .contactWX .wxcode .p {
        font-size: 13px;
        line-height: 20px;
        padding: 8px 0;
    }

}

/*小屏幕*/
@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .web_center {
        padding: 0 23px;
    }

    .bdy {
        padding-top: 56px;
    }

    .header {
        height: 56px;
    }

    .header .logo-wrap {
        height: 24px;
        margin-top: -12px;
    }

    .header .menu {
        margin-top: 11px;
        height: 34px;
    }

    .header .menu li {
        padding: 2px 28px 2px 0;
    }

    .header .menu-lnk {
        font-size: 16px;
        line-height: 30px;
    }

    .header .contact_wrap {
        height: 30px;
        margin-top: -15px;
    }

    .indexNews .lBx-in {
        padding-right: 6px;
    }

    .indexNewsImgWrap {
        height: 216px;
    }

    .indexNews .chd + .chd {
        padding-top: 11px;
        margin-top: 10px;
    }

    .indexNews .rBx {
        padding-left: 35px;
    }

    .indexNews .chd-tit {
        font-size: 18px;
        line-height: 28px;
    }

    .indexNews .chd-tit.ellipsis > a {
        padding-bottom: 4px;
    }

    .indexNews .chd-con {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 6px;
    }

    .indexNews .chd-con.ellipsis2 {
        height: 40px;
    }

    .indexNews .chd-last .lnk-wrap {
        font-size: 12px;
        line-height: 28px;
        width: -webkit-calc(20% - 13px);
        width: calc(20% - 13px);
        margin-right: 16px;
    }

    .indexNews .chd-last .lnk-wrap a {
        padding-left: 8px;
    }

    .indexPicTop .item {
        padding-bottom: 12px;
    }

    .indexPicTop .item-s:nth-child(1) {
        padding-right: 12px;
    }

    .indexPicTop .item-s:nth-child(2) {
        padding-left: 12px;
    }

    .indexPicBot-in {
        margin-right: -12px;
    }

    .indexPicBot .item {
        padding-bottom: 12px;
        padding-right: 12px;
    }

    .indexPicTop .item-piclist-info {
        padding-top: 25px;
    }

    .item-piclist-info {
        font-size: 20px;
        line-height: 32px;
    }

    .item-piclist-info .p2 {
        font-size: 18px;
    }

    .indexPicBot .item-piclist-info {
        padding: 13px 0;
    }

    .indexMoreCases {
        padding: 28px 0;
    }

    .indMoreCasesBtn {
        font-size: 20px;
        line-height: 40px;
    }

    .NewsList-tit {
        font-size: 21px;
        line-height: 32px;
        padding-bottom: 8px;
    }

    .indexNewsBox {
        padding-top: 36px;
        padding-bottom: 72px;
    }

    .footer {
        padding-top: 48px;
        padding-bottom: 38px;
    }

    .footer .lBx {
        width: 40%;
        font-size: 15px;
        line-height: 22px;
    }

    .footer .lBx-bot {
        margin-top: 22px;
    }

    .footer .rBx {
        width: 60%;
        padding-left: 0;
        padding-right: 20px;
    }

    .footer .rBx_top .tit {
        font-size: 13px;
        line-height: 22px;
    }

    .footer .rBx_top .con1 {
        font-size: 13px;
        line-height: 22px;
        margin-top: 22px;
        max-width: 360px;
    }

    .footer .rBx_top .con1-bot {
        margin-top: 24px;
    }

    .footer .rBx_top .con2 {
        font-size: 13px;
        line-height: 22px;
        margin-top: 22px;
        width: 140px;
        height: 132px;
    }

    .footer .rBx_top .con3 {
        font-size: 13px;
        line-height: 22px;
        margin-top: 22px;
    }

    .footer .code_wrap {
        width: 128px;
        height: 128px;
        margin-bottom: 16px;
    }

    .footer .rBx_bot_info .p1 {
        font-size: 13px;
        line-height: 22px;
    }

    .footer .rBx_bot_info .p2 {
        font-size: 12px;
        line-height: 22px;
    }

    /*案例[小]*/
    .padTop {
        padding-top: 150px;
    }

    .casesPageWrap {
        padding-bottom: 48px;
    }

    .typeLighter-wrap {
        padding-bottom: 80px;
    }

    .newsPageWrap .typeLighter-wrap {
        padding-bottom: 38px;
    }

    .typeLighter-tit {
        font-size: 23px;
        line-height: 38px;
        margin-bottom: 9px;
    }

    .typeLighter-subTit {
        font-size: 68px;
        line-height: 100px;
    }

    .newsPageWrap .typeLighter-subTit {
        font-size: 66px;
        line-height: 86px;
        min-height: 172px;
    }

    .newsPageWrap .typeLighter-subTit.two-lines {
        font-size: 68px;
        line-height: 100px;
    }

    .typeLighter-subTit.two-lines, .newsPageWrap .typeLighter-subTit.two-lines {
        min-height: 200px;
    }

    .casesMenu {
        padding-bottom: 24px;
    }

    .casesMenu .lnk {
        font-size: 15px;
        line-height: 23px;
        margin-right: 21px;
    }

    .casePageWrap {
        padding: 83px 0 45px;
    }

    .caseBoxTop {
        padding-top: 70px;
        padding-bottom: 80px;
    }

    .caseBoxTop .toplist {
        padding-right: 36px;
    }

    .caseBoxTop .toplist li + li {
        margin-top: 26px;
    }

    .caseBoxTop .toplist .tit {
        font-size: 16px;
        line-height: 24px;
    }

    .caseBoxTop .toplist .con {
        font-size: 16px;
        line-height: 24px;
    }

    .caseDesc {
        font-size: 13px;
        line-height: 24px;
        max-height: 168px;
    }

    .caseDesc_moreBtnWrap {
        margin-top: 20px;
    }

    .caseDesc_moreBtn {
        font-size: 13px;
        line-height: 20px;
    }

    .caseBoxMid {
        padding-bottom: 45px;
        font-size: 13px;
        line-height: 20px;
    }

    .caseBoxMid .img-scale {
        margin-bottom: 20px;
    }

    .NewsList-tit-for-case {
        margin-bottom: 7px;
    }

    .caseRelated-li {
        width: -webkit-calc(33.333% - 9px);
        width: calc(33.333% - 9px);
        margin-bottom: 24px;
    }

    .caseRelated-li .item-piclist-info {
        padding: 16px 0;
        font-size: 15px;
        line-height: 24px;
    }

    .caseRelated-li .item-piclist-info .p2 {
        font-size: 13px;
    }

    /*新闻[小]*/
    .newsBot {
        padding-top: 56px;
        padding-bottom: 62px;
    }

    .newsBot .item-piclist-info .p1 {
        height: 24px; /*与.caseRelated-li .item-piclist-info的行高保持一致*/
    }

    .newsBot .item-piclist-info .p2 {
        height: 24px; /*与.caseRelated-li .item-piclist-info的行高保持一致*/
    }

    .newsBot_related_inf {
        padding-top: 32px;
    }

    .item-inflist-info {
        padding-top: 4px;
        padding-bottom: 24px;
    }

    .newsBot_related_inf_in {
        width: 66%;
    }

    .news-item-inf, .newsBot_related_inf_in {
        font-size: 14px;
        line-height: 26px;
    }

    .news-item-inf .lnk {
        margin-right: 16px;
    }

    .news-item-inf .lnk:before {
        width: 10px;
    }

    .item-inflist-info .news-item-inf .datetime {
        margin-right: -webkit-calc(42% - 110px);
        margin-right: calc(42% - 110px);
    }

    .item-inflist-info .news-item-inf .lnk {
        max-width: 58%;
    }

    .newsBot .news-item-inf .lnk {
        max-width: -webkit-calc(100% - 140px);
        max-width: calc(100% - 140px);
    }

    .newsDetails .lBox {
        width: 36%;
        padding-right: 56px;
        padding-top: 84px;
    }

    .newsDetails .rBox {
        width: 62%;
    }

    .newsDetails {
        padding: 90px 30px 8px;
    }

    .newsDetails .newsBot .caseRelated-li02, .newsDetails .newsBot .caseRelated-li03 {
        width: -webkit-calc(50% - 12px);
        width: calc(50% - 12px);
    }

    .newsDTop {
        padding-bottom: 20px;
    }

    .article {
        padding-bottom: 25px;
    }

    .article-tit-group {
        padding-bottom: 30px;
    }

    .article-tit {
        font-size: 23px;
        line-height: 40px;
    }

    .article-datetime {
        font-size: 19px;
        line-height: 34px;
    }

    .article-con {
        font-size: 14px;
        line-height: 21px;
    }

    .artToggle {
        font-size: 15px;
        line-height: 26px;
    }

    /*关于[小]*/
    .aboutPageWrap .typeLighter-wrap {
        padding-bottom: 68px;
    }

    .aboutPageWrap .typeLighter-tit {
        margin-bottom: 3px;
    }

    .aboutPageWrap .typeLighter-subTit02 {
        font-size: 66px;
        line-height: 80px;
    }

    .about-tit {
        font-size: 36px;
        line-height: 80px;
    }

    .aboutUs .lBx, .aboutUs .rBx {
        width: -webkit-calc(50% - 8px);
        width: calc(50% - 8px);
    }

    .aboutUs .tBl .rBx {
        padding-top: 72px;
        padding-bottom: 66px;
        padding-right: 30px;
        font-size: 13px;
        line-height: 22px;
    }

    .aboutUs .bBl .lBx, .aboutUs .bBl .rBx {
        padding-bottom: 34px;
    }

    .about-in {
        padding-right: 30px;
        padding-left: 22.6%;
    }

    .aboutTeam .about-in {
        padding-top: 50px;
        padding-bottom: 142px;
    }

    .aboutTeam-pic {
        width: -webkit-calc(20% - 24px);
        width: calc(20% - 24px);
        margin-bottom: 23px;
    }

    .aboutTeam-pic:nth-child(5n-1), .aboutTeam-pic:nth-child(5n-2),
    .aboutTeam-pic:nth-child(5n-3), .aboutTeam-pic:nth-child(5n-4) {
        margin-right: 30px;
    }

    .aboutTeam-pic .lay_info {
        padding: 13px 23px;
    }

    .aboutTeam-pic .info-tit {
        font-size: 18px;
        line-height: 37px;
        margin-bottom: 2px;
    }

    .aboutTeam-pic .info-line {
        width: 10px;
        height: 1px;
        margin-bottom: 9px;
    }

    .aboutTeam-pic .info-con {
        font-size: 12px;
        line-height: 18px;
    }

    .aboutClients .about-in {
        padding-top: 15px;
        padding-bottom: 232px;
    }

    .abtClients {
        width: -webkit-calc(33.333% - 66px);
        width: calc(33.333% - 66px);
        font-size: 13px;
        line-height: 26px;
    }

    .abtClients:nth-child(3n-2), .abtClients:nth-child(3n-1) {
        margin-right: 99px;
    }

    /*服务[小]*/
    .aboutUs .mBl {
        padding-bottom: 52px;
    }

    .aboutUs .mBl .rBx {
        padding-left: 15%;
        padding-top: 28px;
    }

    .aboutUs .mBl .serInfos {
        padding-bottom: 76px;
    }

    .aboutUs .mBl .serInfos + .serInfos {
        padding-top: 68px;
    }

    .aboutUs .mBl .chd-tit-wrap {
        margin-bottom: 16px;
    }

    .aboutUs .mBl .chd-tit {
        font-size: 19px;
        line-height: 32px;
    }

    .aboutUs .mBl .chd-subTit {
        font-size: 19px;
        line-height: 32px;
    }

    .aboutUs .mBl .chd-line {
        width: 8px;
        height: 1px;
        margin-top: 14px;
    }

    .aboutUs .mBl .chd-con {
        padding-right: 16px;
        font-size: 16px;
        line-height: 32px;
    }

    .serRelWorkWrap {
        padding-top: 90px;
        padding-bottom: 80px;
    }

    /*联系[小]*/
    .contactPageWrap {
        padding-bottom: 48px;
    }

    .contactPageWrap .typeLighter-tit {
        margin-bottom: 14px;
    }

    .contactPageWrap .typeLighter-subTit02 {
        line-height: 96px;
    }

    .contactPageWrap .typeLighter-wrap {
        padding-bottom: 42px;
    }

    .item-piclist-addrlist {
        padding-top: 6px;
    }

    .item-piclist-addrlist .p {
        font-size: 15px;
        line-height: 26px;
    }

    .contactRelWrap .caseRelated-li {
        margin-bottom: 42px;
    }

    .contactWXWrap {
        padding-top: 56px;
    }

    .contactWX {
        margin-left: -webkit-calc(33.333% + 5px);
        margin-left: calc(33.333% + 5px);
    }

    .contactWX .wxcode {
        width: 132px;
        margin-right: 48px;
        margin-bottom: 48px;
    }

    .contactWX .wxcode .p {
        font-size: 15px;
        line-height: 26px;
        padding: 12px 0;
    }

}

/*中屏幕*/
@media screen and (min-width: 1400px) and (max-width: 1900px) {
    .web_center {
        padding: 0 23px;
    }

    .bdy {
        padding-top: 56px;
    }

    .header {
        height: 56px;
    }

    .header .logo-wrap {
        height: 24px;
        margin-top: -12px;
    }

    .header .menu {
        margin-top: 11px;
        height: 34px;
    }

    .header .menu li {
        padding: 2px 28px 2px 0;
    }

    .header .menu-lnk {
        font-size: 16px;
        line-height: 30px;
    }

    .header .contact_wrap {
        height: 30px;
        margin-top: -15px;
    }

    .indexNews .lBx-in {
        padding-right: 6px;
    }

    .indexNewsImgWrap {
        height: 216px;
    }

    .indexNews .chd + .chd {
        padding-top: 11px;
        margin-top: 10px;
    }

    .indexNews .rBx {
        padding-left: 37px;
    }

    .indexNews .chd-tit {
        font-size: 18px;
        line-height: 28px;
    }

    .indexNews .chd-tit.ellipsis > a {
        padding-bottom: 4px;
    }

    .indexNews .chd-con {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 6px;
    }

    .indexNews .chd-con.ellipsis2 {
        height: 40px;
    }

    .indexNews .chd-last .lnk-wrap {
        font-size: 12px;
        line-height: 28px;
        width: -webkit-calc(20% - 13px);
        width: calc(20% - 13px);
        margin-right: 16px;
    }

    .indexNews .chd-last .lnk-wrap a {
        padding-left: 9px;
    }

    .indexPicTop .item {
        padding-bottom: 12px;
    }

    .indexPicTop .item-s:nth-child(1) {
        padding-right: 12px;
    }

    .indexPicTop .item-s:nth-child(2) {
        padding-left: 12px;
    }

    .indexPicBot-in {
        margin-right: -12px;
    }

    .indexPicBot .item {
        padding-bottom: 12px;
        padding-right: 12px;
    }

    .indexPicTop .item-piclist-info {
        padding-top: 25px;
    }

    .item-piclist-info {
        font-size: 20px;
        line-height: 32px;
    }

    .item-piclist-info .p2 {
        font-size: 18px;
    }

    .indexPicBot .item-piclist-info {
        padding: 13px 0;
    }

    .indexMoreCases {
        padding: 28px 0;
    }

    .indMoreCasesBtn {
        font-size: 20px;
        line-height: 40px;
    }

    .NewsList-tit {
        font-size: 21px;
        line-height: 32px;
        padding-bottom: 8px;
    }

    .indexNewsBox {
        padding-top: 36px;
        padding-bottom: 72px;
    }

    .footer {
        padding-top: 48px;
        padding-bottom: 38px;
    }

    .footer .lBx {
        width: 40%;
        font-size: 15px;
        line-height: 22px;
    }

    .footer .lBx-bot {
        margin-top: 22px;
    }

    .footer .rBx {
        width: 60%;
        padding-left: 0;
        padding-right: 20px;
    }

    .footer .rBx_top .tit {
        font-size: 13px;
        line-height: 22px;
    }

    .footer .rBx_top .con1 {
        font-size: 13px;
        line-height: 22px;
        margin-top: 22px;
        max-width: 360px;
    }

    .footer .rBx_top .con1-bot {
        margin-top: 24px;
    }

    .footer .rBx_top .con2 {
        font-size: 13px;
        line-height: 22px;
        margin-top: 22px;
        width: 140px;
        height: 132px;
    }

    .footer .rBx_top .con3 {
        font-size: 13px;
        line-height: 22px;
        margin-top: 22px;
    }

    .footer .rBx_top {
        padding-bottom: 140px;
    }

    .footer .rBx_bot {
        padding-top: 32px;
    }

    .footer .code_wrap {
        width: 128px;
        height: 128px;
        margin-bottom: 16px;
    }

    .footer .rBx_bot_info .p1 {
        font-size: 13px;
        line-height: 22px;
    }

    .footer .rBx_bot_info .p2 {
        font-size: 12px;
        line-height: 22px;
    }

    /*案例[中]*/
    .padTop {
        padding-top: 160px;
    }

    .casesPageWrap {
        padding-bottom: 50px;
    }

    .typeLighter-wrap {
        padding-bottom: 85px;
    }

    .newsPageWrap .typeLighter-wrap {
        padding-bottom: 40px;
    }

    .typeLighter-tit {
        font-size: 24px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .typeLighter-subTit {
        font-size: 72px;
        line-height: 104px;
    }

    .newsPageWrap .typeLighter-subTit {
        font-size: 70px;
        line-height: 92px;
        min-height: 184px;
    }

    .newsPageWrap .typeLighter-subTit.two-lines {
        font-size: 72px;
        line-height: 104px;
    }

    .typeLighter-subTit.two-lines, .newsPageWrap .typeLighter-subTit.two-lines {
        min-height: 208px;
    }

    .casesMenu {
        padding-bottom: 25px;
    }

    .casesMenu .lnk {
        font-size: 16px;
        line-height: 24px;
        margin-right: 22px;
    }

    .casePageWrap {
        padding: 88px 0 48px;
    }

    .caseBoxTop {
        padding-top: 74px;
        padding-bottom: 84px;
    }

    .caseBoxTop .toplist {
        padding-right: 40px;
    }

    .caseBoxTop .toplist li + li {
        margin-top: 28px;
    }

    .caseBoxTop .toplist .tit {
        font-size: 17px;
        line-height: 26px;
    }

    .caseBoxTop .toplist .con {
        font-size: 17px;
        line-height: 26px;
    }

    .caseDesc {
        font-size: 14px;
        line-height: 26px;
        max-height: 182px;
    }

    .caseDesc_moreBtnWrap {
        margin-top: 22px;
    }

    .caseDesc_moreBtn {
        font-size: 14px;
        line-height: 22px;
    }

    .caseBoxMid {
        padding-bottom: 48px;
        font-size: 14px;
        line-height: 22px;
    }

    .caseBoxMid .img-scale, .caseBoxMid .mycase-img-wrap {
        margin-bottom: 22px;
    }

    .NewsList-tit-for-case {
        margin-bottom: 8px;
    }

    .caseRelated-li {
        width: -webkit-calc(33.333% - 10px);
        width: calc(33.333% - 10px);
        margin-bottom: 26px;
    }

    .caseRelated-li .item-piclist-info {
        padding: 17px 0;
        font-size: 16px;
        line-height: 26px;
    }

    .caseRelated-li .item-piclist-info .p2 {
        font-size: 14px;
    }

    /*新闻[中]*/
    .newsBot {
        padding-top: 60px;
        padding-bottom: 66px;
    }

    .newsBot .item-piclist-info .p1 {
        height: 26px; /*与.caseRelated-li .item-piclist-info的行高保持一致*/
    }

    .newsBot .item-piclist-info .p2 {
        height: 26px; /*与.caseRelated-li .item-piclist-info的行高保持一致*/
    }

    .newsBot_related_inf {
        padding-top: 35px;
    }

    .item-inflist-info {
        padding-top: 5px;
        padding-bottom: 26px;
    }

    .newsBot_related_inf_in {
        width: 65%;
    }

    .news-item-inf, .newsBot_related_inf_in {
        font-size: 15px;
        line-height: 28px;
    }

    .news-item-inf .lnk {
        margin-right: 18px;
    }

    .news-item-inf .lnk:before {
        width: 11px;
    }

    .item-inflist-info .news-item-inf .datetime {
        margin-right: -webkit-calc(44% - 115px);
        margin-right: calc(44% - 115px);
    }

    .item-inflist-info .news-item-inf .lnk {
        width: 56%;
    }

    .newsBot .news-item-inf .lnk {
        max-width: -webkit-calc(100% - 138px);
        max-width: calc(100% - 138px);
    }

    .newsDetails .lBox {
        width: 36%;
        padding-right: 56px;
        padding-top: 84px;
    }

    .newsDetails .rBox {
        width: 64%;
    }

    .newsDetails {
        padding: 96px 32px 10px;
    }

    .newsDetails .newsBot .caseRelated-li02, .newsDetails .newsBot .caseRelated-li03 {
        width: -webkit-calc(50% - 14px);
        width: calc(50% - 14px);
    }

    .newsDTop {
        padding-bottom: 23px;
    }

    .article {
        padding-bottom: 28px;
    }

    .article-tit-group {
        padding-bottom: 32px;
    }

    .article-tit {
        font-size: 24px;
        line-height: 42px;
    }

    .article-datetime {
        font-size: 20px;
        line-height: 36px;
    }

    .article-con {
        font-size: 15px;
        line-height: 23px;
    }

    .artToggle {
        font-size: 16px;
        line-height: 28px;
    }

    /*关于[中]*/
    .aboutPageWrap .typeLighter-wrap {
        padding-bottom: 72px;
    }

    .aboutPageWrap .typeLighter-tit {
        margin-bottom: 4px;
    }

    .aboutPageWrap .typeLighter-subTit02 {
        font-size: 70px;
        line-height: 84px;
    }

    .about-tit {
        font-size: 38px;
        line-height: 86px;
    }

    .aboutUs .lBx, .aboutUs .rBx {
        width: -webkit-calc(50% - 9px);
        width: calc(50% - 9px);
    }

    .aboutUs .tBl .rBx {
        padding-top: 76px;
        padding-bottom: 70px;
        padding-right: 32px;
        font-size: 14px;
        line-height: 24px;
    }

    .aboutUs .bBl .lBx, .aboutUs .bBl .rBx {
        padding-bottom: 36px;
    }

    .about-in {
        padding-right: 32px;
        padding-left: 23%;
    }

    .aboutTeam .about-in {
        padding-top: 52px;
        padding-bottom: 150px;
    }

    .aboutTeam-pic {
        width: -webkit-calc(20% - 28px);
        width: calc(20% - 28px);
        margin-bottom: 25px;
    }

    .aboutTeam-pic:nth-child(5n-1), .aboutTeam-pic:nth-child(5n-2),
    .aboutTeam-pic:nth-child(5n-3), .aboutTeam-pic:nth-child(5n-4) {
        margin-right: 35px;
    }

    .aboutTeam-pic .lay_info {
        padding: 14px 24px;
    }

    .aboutTeam-pic .info-tit {
        font-size: 19px;
        line-height: 39px;
        margin-bottom: 3px;
    }

    .aboutTeam-pic .info-line {
        width: 11px;
        height: 1px;
        margin-bottom: 10px;
    }

    .aboutTeam-pic .info-con {
        font-size: 12px;
        line-height: 19px;
    }

    .aboutClients .about-in {
        padding-top: 16px;
        padding-bottom: 246px;
    }

    .abtClients {
        width: -webkit-calc(33.333% - 70px);
        width: calc(33.333% - 70px);
        font-size: 14px;
        line-height: 28px;
    }

    .abtClients:nth-child(3n-2), .abtClients:nth-child(3n-1) {
        margin-right: 105px;
    }

    /*服务[中]*/
    .aboutUs .mBl {
        padding-bottom: 55px;
    }

    .aboutUs .mBl .rBx {
        padding-left: 22%;
        padding-top: 30px;
    }

    .aboutUs .mBl .serInfos {
        padding-bottom: 80px;
    }

    .aboutUs .mBl .serInfos + .serInfos {
        padding-top: 72px;
    }

    .aboutUs .mBl .chd-tit-wrap {
        margin-bottom: 18px;
    }

    .aboutUs .mBl .chd-tit {
        font-size: 20px;
        line-height: 34px;
    }

    .aboutUs .mBl .chd-subTit {
        font-size: 20px;
        line-height: 34px;
    }

    .aboutUs .mBl .chd-line {
        width: 9px;
        height: 1px;
        margin-top: 15px;
    }

    .aboutUs .mBl .chd-con {
        padding-right: 17px;
        font-size: 17px;
        line-height: 34px;
    }

    .serRelWorkWrap {
        padding-top: 100px;
        padding-bottom: 86px;
    }

    /*联系[中]*/
    .contactPageWrap {
        padding-bottom: 50px;
    }

    .contactPageWrap .typeLighter-tit {
        margin-bottom: 15px;
    }

    .contactPageWrap .typeLighter-subTit02 {
        line-height: 102px;
    }

    .contactPageWrap .typeLighter-wrap {
        padding-bottom: 44px;
    }

    .item-piclist-addrlist {
        padding-top: 7px;
    }

    .item-piclist-addrlist .p {
        font-size: 16px;
        line-height: 28px;
    }

    .contactRelWrap .caseRelated-li {
        margin-bottom: 44px;
    }

    .contactWXWrap {
        padding-top: 60px;
    }

    .contactWX {
        margin-left: -webkit-calc(33.333% + 5px);
        margin-left: calc(33.333% + 5px);
    }

    .contactWX .wxcode {
        width: 140px;
        margin-right: 50px;
        margin-bottom: 50px;
    }

    .contactWX .wxcode .p {
        font-size: 16px;
        line-height: 28px;
        padding: 13px 0;
    }

}

/*超过1920*/
@media screen and  (min-width: 1921px) {
    .web_center {
        padding: 0 50px;
    }
}