.logotxt {
        line-height: 90px;
        color: #fff;
        font-size: 17px;
    }
    
    .icon-down {
        background: url(../img/icon-down.png) center no-repeat;
        width: 30px;
        height: 30px;
        position: absolute;
        bottom: 10px;
        left: 50%;
        margin-left: -15px;
        z-index: 899;
        background-size: 25px auto;
    }
    
    .logotxt span {
        opacity: 0;
        font-weight: 200;
    }
    
    .logotxt .char1 {
        animation-delay: 0.1s;
    }
    
    .logotxt .char2 {
        animation-delay: 0.6s;
    }
    
    .logotxt .char3 {
        animation-delay: 0.3s;
    }
    
    .logotxt .char4 {
        animation-delay: 0.5s;
    }
    
    .logotxt .char5 {
        animation-delay: 0.9s;
    }
    
    .logotxt .char6 {
        animation-delay: 0.7s;
    }
    
    .logotxt .char7 {
        animation-delay: 0.4s;
    }
    
    .logotxt .char8 {
        animation-delay: 0.2s;
    }
    
    .logotxt .char9 {
        animation-delay: 0.8s;
    }
    
    .logotxton span {
        animation: mk_spt 1.2s cubic-bezier(.165, .84, .44, 1) forwards;
        -webkit-animation: mk_spt 1.2s cubic-bezier(.165, .84, .44, 1) forwards;
    }
    
    @-webkit-keyframes down_arrow {
        0% {
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px)
        }
        50% {
            -webkit-transform: translateY(5px);
            transform: translateY(5px)
        }
        100% {
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px)
        }
    }
    
    @keyframes down_arrow {
        0% {
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px)
        }
        50% {
            -webkit-transform: translateY(5px);
            transform: translateY(5px)
        }
        100% {
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px)
        }
    }
    
    .anim-down-arrow {
        -webkit-animation: down_arrow 1.5s infinite;
        animation: down_arrow 1.5s infinite
    }
    /* yindaoye */
    
    .leadPops {
        width: 100%;
        height: 100vh;
        /* background-color: #4C5B72; */
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 999;
        background: url(../img/before.gif) center no-repeat;
    }
    
    .gifBox {
        width: 100%;
        height: 100%;
    }
    
    .scroll_screen {
        width: 800px;
        height: 50px;
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 18px;
        box-sizing: border-box;
        margin-left: -400px;
        margin-top: -64px;
        text-align: center;
    }
    
    .scroll_screen div {
        height: 100%;
        overflow: hidden;
    }
    
    .scroll_screen ul li img {
        display: block;
        margin: auto;
        vertical-align: middle;
        padding-top: 8px;
    }
    
    .scroll_screen ul li {
        display: block;
        line-height: 50px;
        color: #FFFFFF;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        opacity: 0;
    }
    
    .scroll_screen ul li {
        animation: leader-slideDownli1 3s cubic-bezier(.58, .3, .005, 1) forwards;
        -webkit-animation: leader-slideDownli1 3s cubic-bezier(.58, .3, .005, 1) forwards;
    }
    
    .scroll_screen ul li:nth-child(1) {
        animation-delay: 0.6s;
    }
    
    .scroll_screen ul li:nth-child(2) {
        animation-delay: 2.6s;
    }
    
    .scroll_screen ul li:nth-child(3) {
        animation-delay: 4.6s;
    }
    /* .leadPops{
	
	animation: leader-slideDown 1.2s forwards;
	-webkit-animation: leader-slideDown 1.2s forwards;
	animation-delay: 7s;
	
} */
    /* .leadDown{
	animation: leader-slideDown 5s;
	-webkit-animation: leader-slideDown 5s;
}
 */
    /* banner */
    
    .bannerBox {
        width: 100%;
        position: relative;
        z-index: 700;
    }
    
    .bannerBox .banItemBox,
    .bannerBox .banItemBox .swiper-container {
        width: 100%;
        height: 100%;
    }
    
    .bannerBox .banItemBox .swiper-container .swiper-slide {
        position: relative;
        overflow: hidden;
    }
    
    .slideHov,
    .bannerBox .slideHov {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transition: all 4s ease-in-out;
        -webkit-transition: all 4s ease-in-out;
        -moz-transition: all 4s ease-in-out;
    }
    
    .bannerBox .slideHov:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(93, 118, 132, 0.5);
        -webkit-background-color: rgba(93, 118, 132, 0.5);
        -moz-background-color: rgba(93, 118, 132, 0.5);
    }
    
    .bannerBox .swiper-pagination-bullet {
        opacity: 1;
        background: #FFFFFF;
    }
    
    .bannerBox .swiper-pagination-bullet-active {
        width: 8px;
        height: 8px;
        background: transparent;
        border-radius: 50%;
        border: 3px solid #FFFFFF;
    }
    
    .bannerBox .swiper-pagination {
        width: 14px;
    }
    
    .bannerBox .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 8px auto;
        transition: all 0.5s ease;
    }
    
    .bannerBox .swiper-pagination-bullets {
        right: 3%;
        left: auto;
        bottom: auto;
        top: 50%;
        transform: translateY(-50%);
    }
    
    .bannerBox .banItemBox .swiper-slide .slideDesc_Box,
    .slideDesc_Box {
        position: absolute;
        bottom: 12%;
        left: 12%;
    }
    
    .bannerBox .slideDesc_Box h3,
    .slideDesc_Box h3 {
        font-size: 40px;
        line-height: 50px;
        letter-spacing: 6px;
        color: #ffffff;
        margin-bottom: 20px;
        transition: all 2.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
        -webkit-transition: all 2.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
        /*opacity: 0;
	-webkit-opacity: 0;
	transform: translateX(100px);
	-webkit-transform: translateX(100px);*/
    }
    
    .bannerBox .slideDesc_Box p.foist,
    .slideDesc_Box p.foist {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 2px;
        color: #ffffff;
        transition: all 3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
        -webkit-transition: all 3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
        /*opacity: 0;
	-webkit-opacity: 0;
	transform: translateX(-100px);
	-webkit-transform: translateX(-100px);*/
    }
    
    .bannerBox .swiper-slide-active .slideHov {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
    }
    
    .bannerBox .swiper-slide-active .slideDesc_Box h3,
    .bannerBox .swiper-slide-active .slideDesc_Box p.foist,
    .ms-sl-selected .slideDesc_Box h3,
    .ms-sl-selected .slideDesc_Box p.foist {
        opacity: 1;
        -webkit-opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }
    
    .slideDesc_Box h3 {
        animation-delay: 2s;
    }
    
    .w100 {
        width: 100%;
    }
    
    .w1200 {
        width: 1200px;
        margin: 0 auto;
    }
    
    .pubh2a {
        font-size: 55px;
        color: #4f4f4f;
    }
    
    .pubh2a span {
        line-height: 55px;
        display: block;
    }
    
    .pubh2a i {
        font-size: 18px;
        display: block;
        vertical-align: top;
        margin-top: 10px;
    }
    
    .ppubmore {
        display: inline-block;
        cursor: pointer;
    }
    
    .ppubmore span,
    .ppubmore i {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        z-index: 26;
    }
    
    .ppubmore span:before {
        position: absolute;
        content: '';
        left: 0;
        width: 100%;
        height: 1px;
        background: #d6d6d6;
        top: 43px;
        display: none;
    }
    
    .ppubmore i {
        margin-left: 15px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
    }
    
    .ppubmore i:before,
    .ppubmore i:after {
        position: absolute;
        content: '';
    }
    
    .ppubmore i:before {
        background: url(../images/icon11.png) center no-repeat;
    }
    
    .ppubmore i:after {
        background: url(../images/icon11.png) center no-repeat;
        left: 0;
    }
    
    .ppubmore:hover i:before,
    .ppubmore i:after {
        opacity: 0;
        -webkit-opacity: 0;
        -moz-opacity: 0;
    }
    
    .ppubmore:hover i:after {
        opacity: 1;
        -webkit-opacity: 1;
        -moz-opacity: 1;
    }
    
    .ppubmore i::before,
    .ppubmore i::after {
        width: 12px;
        height: 12px;
        top: 13px;
    }
    
    .ppubmore {
        display: block;
        text-align: left;
        width: 160px;
    }
    
    .ppubmore span {
        font-style: normal;
        letter-spacing: 2px;
        font-size: 12px;
    }
    
    .ppubmore span,
    .ppubmore i {
        color: #fff;
    }
    
    .ppubmore i {
        width: 38px;
        height: 38px;
        border: 1px solid #fff;
        margin-left: 20px;
    }
    /*.ppubmore span:before{ background:rgba(255,255,255,0.3);top:20px;}*/
    
    .ppubmore i:before,
    .ppubmore i:after {
        width: 12px;
        height: 12px;
        top: 13px;
    }
    
    .ppubmore i:before {
        left: 13px;
    }
    
    .ppubmore i:after {
        left: 0;
    }
    
    .ppubmore:hover i:after {
        left: 13px;
    }
    
    .ppubmore:hover i:before {
        left: 16px;
    }
    
    .ppubmore:hover i {
        border-color: #fff;
    }
    
    .ppubmore:hover span {
        color: #fff;
    }
    
    .ppubmore:hover span:before {
        top: 22px;
        background: #fff;
    }
    
    .ppubmore i:before,
    .ppubmore i:after,
    .ppubmore,
    .ppubmore i,
    .ppubmore span {
        transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
        -webkit-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    }
    
    .zyheadlogo,
    .zyheadnav {
        margin-top: 25px;
    }
    
    .zyheadlogo,
    .zynava,
    .zyyuyanspab {
        line-height: 35px;
        height: 35px;
    }
    
    .zyhead {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 110;
    }
    
    .zyheadm {
        width: 90%;
    }
    
    .zyheadlogo {
        width: 170px;
        position: relative;
        display: block;
    }
    
    .zyheadlogo:before,
    .zyheadlogo:after {
        position: absolute;
        left: 0;
        top: 0;
        content: '';
        width: 100%;
        height: 100%;
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: left center;
        transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
        -webkit-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    }
    
    .zyheadlogo:before {
        background-image: url(../images/logo.png);
    }
    
    .zyheadlogo:after {
        background-image: url(../img/logo.gif);
        background-size: auto 38px;
        background-position: left 3px;
    }
    
    .logo3 {
        width: 140px;
    }
    
    .zyheadnav {
        width: 800px;
        text-align: right;
    }
    
    .zyheadnav li {
        display: inline-block;
        font-size: 0;
        margin-right: 45px;
        vertical-align: top;
    }
    
    .zynava {
        display: inline-block;
        vertical-align: top;
        padding-right: 0;
        font-size: 16px;
        color: #fff;
        position: relative;
    }
    
    .zynava:before,
    .zynava:after {
        position: absolute;
        bottom: 0;
        width: 0;
        height: 2px;
        background: #fff;
        transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
        -webkit-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
        content: '';
    }
    
    .zynava:before {
        left: 50%;
        background: #fff;
    }
    
    .zynava:after {
        right: 50%;
        background: #fff;
    }
    
    .zynava:hover:before,
    .zynava:hover:after,
    .on .zynava:before,
    .on .zynava:after {
        width: 10px;
    }
    
    .zyyuyan {
        padding-top: 25px;
        padding-bottom: 25px;
        padding-left: 45px;
        border-left: 1px solid rgba(255, 255, 255, 0.3);
    }
    
    .zyyuyanspab {
        display: inline-block;
        vertical-align: top;
        padding-right: 10px;
        position: relative;
        color: #fff;
    }
    
    .zyyuyanspab:before,
    .zyyuyanspab:after {
        position: absolute;
        content: '';
        width: 6px;
        height: 4px;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center;
        right: 0;
        top: 50%;
        margin-top: -2px;
    }
    
    .zyyuyanspab:before {
        background-image: url(../images/zyyuyan1.png);
    }
    
    .zyyuyanspab:after {
        background-image: url(../images/zyyuyan2.png);
    }
    
    .zyhead.active .zyheadlogo:before,
    .zyheadlogo:after,
    .zyhead.active .zyyuyanspab:before,
    .zyyuyanspab:after {
        opacity: 0;
        -webkit-opacity: 0;
        -moz-opacity: 0;
    }
    
    .zyhead.active .zyheadlogo:after,
    .zyhead.active .zynava:after,
    .zyhead.active .zyyuyanspab:after {
        opacity: 1;
        -webkit-opacity: 1;
        -moz-opacity: 1;
    }
    
    .zyhead.active {
        background: #fff;
        box-shadow: 0 0 5px rgba(102, 102, 102, 0.2);
    }
    
    .zyhead.active,
    .zyhead.active a,
    .zyhead.active .zyyuyanspab {
        color: #000;
    }
    
    .zyhead.active .zyyuyan {
        border-left: 1px solid rgba(51, 51, 51, 0.1);
    }
    /*.zyhead.active .zyyuyan{padding-top:20px; padding-bottom:20px;}
.zyhead.active .zyheadlogo,.zyhead.active .zyheadnav{ margin-top:20px;}
.zyhead.active .zyheadlogo,.zyhead.active .zynava,.zyhead.active .zyyuyanspab{line-height:30px; height:30px;}*/
    
    .zyhead.active .zynava:before,
    .zyhead.active .zynava:after {
        background: #000;
    }
    
    .zyhead,
    .zyheadlogo,
    .zynava,
    .zyyuyanspab {
        transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
        -webkit-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    }
    /*banner*/
    
    .homebanner {
        width: 100%;
        height: 100vh;
        transition: all .8s cubic-bezier(.77, 0, .175, 1) 0s;
    }
    
    .homebanneron {
        height: 75vh;
    }
    
    .zbanner {
        width: 100%;
        height: 100%;
    }
    
    .homebannerimg {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 3;
        left: 0;
        top: 0;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        transition: all 4s ease;
        transform: scale(1.1);
    }
    
    .homebannertxt {
        width: 80%;
        left: 10%;
        position: absolute;
        z-index: 5;
        bottom: 16%;
        color: #fff;
    }
    
    .homebannertxt h2 {
        font-size: 40px;
        line-height: 55px;
        letter-spacing: 5px;
    }
    
    .homebannertxt p {
        font-size: 22px;
        margin-top: 20px;
    }
    
    .homebanner .homebannerpage {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    
    .homebanner .homebannerpage:before {
        position: absolute;
        content: '';
        left: 0;
        top: 1px;
        height: 1px;
        background: rgba(255, 255, 255, 0.7);
        width: 100%;
    }
    
    .homebanner .homebannerpage span {
        height: 100%;
        float: left;
        width: 50%;
        margin: 0 !important;
        background: #fff;
        border-radius: 0;
        -webkit-border-radius: 0;
        opacity: 0;
        -webkit-opacity: 0;
    }
    
    .hprev,
    .hnext {
        color: #FFF;
        position: absolute;
        z-index: 12;
        line-height: 24px;
        top: 50%;
        margin-top: -12px;
        cursor: pointer;
    }
    
    .hprev {
        left: -55px;
    }
    
    .hnext {
        right: -55px;
    }
    
    .homebtn {
        bottom: 28px;
        z-index: 15;
        position: absolute;
        width: 100px;
        left: 50%;
        margin-left: -90px;
        height: 3px;
    }
    
    .homebanner .homebannerpage span.swiper-pagination-bullet-active {
        opacity: 1;
        -webkit-opacity: 1;
    }
    
    .homebannertxt h2 span {
        opacity: 0;
        -wopacity: 0;
        transition: all 1s cubic-bezier(.165, .84, .44, 1) 0.5s;
    }
    
    .homebannertxt p {
        opacity: 0;
        -wopacity: 0;
        top: 20px;
        position: relative;
        transition: all 1s cubic-bezier(.165, .84, .44, 1) 0.5s;
    }
    
    .homebannertxt .hpmor {
        opacity: 0;
        -wopacity: 0;
        top: 20px;
        position: relative;
        transition: all 1s cubic-bezier(.165, .84, .44, 1) 0.7s;
    }
    
    .homebannertxt h2 .char1 {
        transition-delay: 0.1s;
    }
    
    .homebannertxt h2 .char2 {
        transition-delay: 0.2s;
    }
    
    .homebannertxt h2 .char3 {
        transition-delay: 0.5s;
    }
    
    .homebannertxt h2 .char4 {
        transition-delay: 0.3s;
    }
    
    .homebannertxt h2 .char7 {
        transition-delay: 0.1s;
    }
    
    .homebannertxt h2 .char8 {
        transition-delay: 0.2s;
    }
    
    .homebannertxt h2 .char9 {
        transition-delay: 0.4s;
    }
    
    .homebannertxt h2 .char10 {
        transition-delay: 0.3s;
    }
    
    .swiper-slide-active .homebannertxt h2 span {
        opacity: 1;
    }
    
    .swiper-slide-active .homebannertxt p {
        opacity: 1;
        top: 0;
    }
    
    .swiper-slide-active .homebannertxt .hpmor {
        opacity: 1;
        top: 0;
    }
    
    .swiper-slide-active .homebannerimg {
        transform: scale(1);
    }
    
    .mainbox {
        width: 75%;
        margin: 0 auto;
        max-width: 1600px;
        min-width: 1200px;
    }
    
    .mainboxm {
        padding: 70px 0;
        border-bottom: 1px solid #d8dadd;
    }
    
    .mainboximg {
        float: left;
        width: 58%;
        position: relative;
        overflow: hidden;
    }
    
    .mainboximg:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        content: '';
        height: 100%;
        background: #000;
        opacity: 0.1;
        -webkit-opacity: 0.1;
        z-index: 1;
        display: none;
    }
    
    .mainboximg:hover:before {
        opacity: 0;
        -webkit-opacity: 0;
    }
    
    .mainboximg img {
        vertical-align: top;
        transform: scale(1.1);
    }
    
    .dkuang {
        position: absolute;
        width: 100%;
        height: 100%;
        border: 80px solid #fff;
        left: -80px;
        top: -80px;
        z-index: 5;
        transform: scale(0.88);
    }
    
    .aos-animate .dkuang {
        transform: scale(1);
    }
    
    .aos-animate .mainboximg img {
        transform: scale(1);
    }
    
    .dkuang,
    .mainboximg img {
        transition: all 1s cubic-bezier(.165, .84, .44, 1) 0.5s;
    }
    
    .mainboximg:before {
        transition: all 0.5s cubic-bezier(.165, .84, .44, 1) 0s;
    }
    
    .mainboximg img {
        max-width: 100%;
    }
    
    .mainboxwz {
        float: right;
        width: 37%;
    }
    
    .mainboxwz h4 {
        font-size: 20px;
        margin: 7% 0;
        color: #222;
    }
    
    .mainboxwz p {
        font-size: 15px;
        color: #111;
    }
    
    .mainboxwz a {
        color: #666;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        margin-top: 9%;
        display: inline-block;
        position: relative;
        left: 0;
    }
    /*.mainboxwz a:hover{ left:10px; color:#000;}*/
    /*.mainboxwz a:before{ position:absolute; left:0; bottom:-5px; height:1px; background:#999; content:''; width:100%;}*/
    /*.mainboxwz a:after{ position:absolute; left:0; bottom:-5px; height:1px; background:#000; content:''; width:0; z-index:2;}*/
    /*.mainboxwz a:hover:after{ width:100%;}*/
    
    .mainboxtit p {
        font-size: 14px;
        color: #333333;
    }
    
    .mainboxtit h2 {
        font-size: 24px;
        color: #222;
    }
    
    .mainboxtit {
        padding-bottom: 30px;
        letter-spacing: 2px;
    }
    
    .mainboxmodd .mainboximg {
        float: right;
    }
    
    .mainboxmodd .mainboxwz {
        float: left;
    }
    
    .mainboxmodd .mainboxtit {
        text-align: right;
    }
    
    .mainboxwz a,
    .mainboxwz a:after {
        transition: all 0.5s cubic-bezier(.165, .84, .44, 1) 0s;
    }
    
    .slogantxt {
        width: 75%;
        margin: 0 auto;
        line-height: 45px;
        letter-spacing: 5px;
    }
    
    .slogan {
        background: url(../images/slogan.jpg) bottom center no-repeat;
        background-attachment: fixed;
    }
    
    .slogantxt {
        padding-top: 150px;
        padding-bottom: 150px;
        color: #fff;
        font-size: 24px;
        font-weight: 300;
    }
    
    .maina {
        padding-bottom: 30px;
    }
    
    .zyfooter {
        background: #000;
        color: #fff;
        height: 175px;
        width: 100%;
        z-index: 9;
    }
    
    .pagebanner.pon {
        z-index: 7;
    }
    
    .zyfooter1 {
        padding: 18px 0;
        padding-bottom: 18px;
    }
    
    .zyfootern {
        width: 80%;
    }
    
    .zyfooterp {
        margin-top: 0;
        line-height: 24px;
    }
    
    .zyfooterpm h6 {
        font-size: 16px;
        letter-spacing: 1px;
        padding-bottom: 15px;
    }
    
    .zyfooterpm span,
    .zyfooterpm p a {
        opacity: 0.7;
        -webkit-opacity: 0.7;
    }
    
    .zyfooterpm p a {
        color: #fff;
        display: inline-block;
        margin-right: 40px;
    }
    
    .zyfooterpm p a:hover {
        opacity: 1;
        -webkit-opacity: 1;
    }
    
    .zyfooterpm a.last {
        margin-right: 0;
    }
    
    .zyfooter2 {
        border-top: 1px solid #717984;
        line-height: 28px;
        padding: 10px 0;
        overflow: hidden;
        font-size: 12px;
    }
    
    .zyfooter2,
    .zyfooter2 a {
        color: #949aa3;
    }
    
    .zyfooterpm2 {}
    
    .zyfooterpmx1 {
        position: relative;
        width: 99px;
        height: 40px;
    }
    
    .zyfooterpm a {
        position: absolute;
        height: 40px;
        width: 40px;
        cursor: pointer;
        top: 0;
    }
    
    .zf_a1 {
        left: 0;
    }
    
    .zf_a2 {
        right: 0;
    }
    /* body.index {
        padding-bottom: 276px;
    } */
    
    .maina {
        background: #fff;
    }
    
    .slogan,
    .maina,
    .homebanner {
        z-index: 10;
        position: relative;
    }
    
    @-webkit-keyframes mk_spt {
        0% {
            -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);
            opacity: 0
        }
        100% {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1
        }
    }
    
    @keyframes mk_spt {
        0% {
            -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);
            opacity: 0
        }
        100% {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1
        }
    }
    
    .mainboxtit span {
        opacity: 0;
        -webkit-opacity: 0;
        display: inline-block;
    }
    
    .aos-animate span {
        animation: mk_spt 1.2s cubic-bezier(.165, .84, .44, 1) forwards;
        -webkit-animation: mk_spt 1.2s cubic-bezier(.165, .84, .44, 1) forwards;
    }
    
    .aos-init .char1 {
        animation-delay: 0.1s;
    }
    
    .aos-init .char2 {
        animation-delay: 0.2s;
    }
    
    .aos-init .char3 {
        animation-delay: 0.3s;
    }
    
    .aos-init .char4 {
        animation-delay: 0.4s;
    }
    
    .aos-init .char5 {
        animation-delay: 0.5s;
    }
    
    .aos-init .char6 {
        animation-delay: 0.6s;
    }
    
    .worksub {
        background: #fafafa;
        padding: 20px 0;
        margin-top: 0;
        position: relative;
        z-index: 15;
        margin-top: 435px;
    }
    
    .worklay {
        display: none;
        top: 50px;
        z-index: 55;
        position: absolute;
        background: #fff;
        width: 300px;
        box-shadow: 0 1px 17px 0 rgba(0, 0, 0, .04);
    }
    
    .worklay2 {
        left: 183px;
    }
    
    .worklaym {
        position: static;
        margin: 15px;
        border: 1px solid #b2b2b2;
        border: 1px solid hsla(0, 0%, 70%, .2);
        padding: 10px;
        max-height: 370px;
        overflow: hidden;
        font-size: 16px;
    }
    
    .worksubh4 {
        font-size: 18px;
        color: #000;
        line-height: 18px;
        font-style: oblique;
        letter-spacing: 0;
    }
    
    .worksubh4 span {
        position: relative;
        display: inline-block;
        color: #bdbdbd;
        font-size: 27px;
        line-height: 30px;
        text-transform: uppercase;
        font-style: normal;
        font-family: 'AlphaRope';
    }
    
    .worksubh4 em {
        font-size: 28px;
        color: #333;
        display: block;
        font-style: normal;
        margin-top: 10px;
        line-height: 30px;
    }
    /*.worksubh4 span:before{ position:absolute; left:0; bottom:0; content:''; width:100%; height:1px; background:#e1e1e1;}*/
    
    .worksubm {
        font-size: 20px;
        line-height: 30px;
        margin-top: 12px;
    }
    
    .ml10p {
        margin-left: 20px;
    }
    
    .ml5p {
        margin-left: 5px;
    }
    
    .worksubjs {
        cursor: pointer;
        position: relative;
        padding-bottom: 5px;
    }
    
    .worksubjs:before {
        position: absolute;
        content: '';
        left: 0;
        bottom: 3px;
        width: 100%;
        height: 1px;
        background: #e1e1e1;
        transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
        -webkit-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    }
    
    .worksubjs:hover:before {
        bottom: 0;
        background: #000;
    }
    
    .worksubjs span {
        color: #000;
        position: relative;
        display: inline-block;
        padding-right: 30px;
    }
    
    .worksubjs span:before {
        background: url(../images/xbjt.png) right center no-repeat;
        background-size: 11px auto;
        content: '';
        width: 20px;
        height: 100%;
        position: absolute;
        content: '';
        right: 0;
        top: 0;
    }
    
    .label--xxs {
        font-size: 12px;
    }
    
    .worklayul li:hover span {
        color: #000;
    }
    
    .worklayul li {
        border-bottom: 1px solid rgba(178, 178, 178, 0.3);
        color: #333;
        padding: 8px;
        cursor: pointer;
    }
    
    .worklayul em {
        color: #343434;
        opacity: 0.5;
        -webkit-opacity: 0.5;
        font-size: 14px;
        font-style: normal;
        padding-left: 10px;
    }
    
    .caselist {
        padding-top: 0;
        padding-bottom: 100px;
        background: #fff;
        position: relative;
        z-index: 12;
        padding-top: 35px;
    }
    
    .caselista {
        display: block;
        vertical-align: top;
        margin-bottom: 60px;
        overflow: hidden;
        position: relative;
        color: #fff;
    }
    
    .caselista img {
        max-width: 100%;
        -webkit-filter: saturate(1) brightness(1);
        filter: saturate(1) brightness(1);
    }
    
    .caselisttxt {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 0;
        margin: 0;
        color: #fff;
        /*background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.85)),to(transparent));background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.85),transparent);background-image: linear-gradient(0deg,rgba(0,0,0,.85),transparent);*/
        padding: 30px;
        padding-top: 20%;
    }
    
    .caselisth4 {
        font-size: 13px;
        color: rgba(255, 255, 255, 0.7);
    }
    
    .caselisth2 {
        font-size: 20px;
        margin: 11px 0;
    }
    
    .caselistdesc {
        font-size: 15px;
        display: none;
    }
    
    .caselista:hover img {
        -webkit-filter: saturate(1.1) brightness(1.1);
        filter: saturate(1.1) brightness(1.1);
    }
    
    .isup {
        opacity: 0;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        position: relative;
        top: 50px;
    }
    
    .isupon {
        opacity: 1;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        top: 0;
    }
    
    .isup {
        transition: all 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;
        -webkit-transition: all 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;
    }
    
    .caselista img {
        transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
        -webkit-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    }
    
    .pubisup {
        width: 82%;
    }
    
    .casemores {
        text-align: center;
        margin-top: 40px;
    }
    
    .casemores a {
        display: inline-block;
        float: none;
    }
    
    .casemores a span {
        color: #333333;
        font-size: 16px;
        position: relative;
    }
    
    .casemores a span:after {
        position: absolute;
        width: 100%;
        height: 1px;
        background: #999;
        left: 0;
        bottom: -5px;
        content: '';
        transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
        -webkit-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    }
    
    .casemores a i {
        border-color: #333;
    }
    
    .casemores .ppubmore {
        width: 145px;
    }
    
    .casemores .ppubmore i:before {
        background: url(../images/icon11_2.png) center no-repeat;
    }
    
    .casemores .ppubmore i:after {
        background: url(../images/icon11_2.png) center no-repeat;
    }
    
    .casemores .ppubmore:hover span {
        color: #000;
    }
    
    .casemores .ppubmore:hover i {
        border-color: #000;
    }
    
    .casemores .ppubmore:hover span:after {
        bottom: 0px;
    }
    
    .pagebanner {
        height: 100vh;
        z-index: 10;
        background-attachment: inherit;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        transition: all .8s cubic-bezier(.77, 0, .175, 1) 0s;
        position: fixed;
        left: 0;
        top: 0;
        display: none;
    }
    
    .pagebanneron {
        height: 400px;
        overflow: hidden;
    }
    
    .pagebannertxt {
        width: 1200px;
        margin: 0 auto;
        letter-spacing: 1px;
        position: absolute;
        left: 50%;
        margin-left: -600px;
        bottom: 15%;
        color: #fff;
        font-size: 16px;
    }
    
    .pagebannertxtp2 {
        padding-left: 38px;
        display: none;
    }
    
    .pagebannertxtp2 h3 {
        font-size: 28px;
        line-height: 45px;
        padding: 15px 0;
    }
    
    .slogantxt span {
        opacity: 0;
    }
    
    .slogantxt .char1 {
        animation-delay: 0.1s;
    }
    
    .slogantxt .char2 {
        animation-delay: 0.6s;
    }
    
    .slogantxt .char3 {
        animation-delay: 0.3s;
    }
    
    .slogantxt .char4 {
        animation-delay: 0.5s;
    }
    
    .slogantxt .char5 {
        animation-delay: 0.2s;
    }
    
    .slogantxt .char6 {
        animation-delay: 0.7s;
    }
    
    .slogantxt .char7 {
        animation-delay: 0.4s;
    }
    
    .loadingings {
        width: 100%;
        height: 100%;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 999;
        background: url(../img/loading.gif) center no-repeat #4b5363;
    }
    
    .loadm {
        position: fixed;
        background: #4b5363;
        display: none;
        left: 0;
        z-index: 1200;
        width: 100%;
        height: 50%;
        transition: all .8s cubic-bezier(.77, 0, .175, 1) 0s;
        b
    }
    
    .loadtop {
        top: 0;
        background: #4b5363;
    }
    
    .loadbot {
        bottom: 0;
        background: #4b5363;
    }
    
    .loadmon {
        height: 0;
        opacity: 0;
    }
    
    .pubgd .ppubmore {
        width: 235px;
    }
    
    .pubgd .ppubmore i:before,
    .pubgd .ppubmore i:after {
        background: url(../images/icon11_2.png) center no-repeat;
    }
    
    .pubgd .ppubmore:hover span {
        color: #000;
    }
    
    .pubgd .ppubmore:hover i {
        border-color: #000;
    }
    
    .pubgd .ppubmore:hover span:after {
        bottom: 0px;
    }
    
    .pubgd a {
        display: inline-block;
        float: none;
    }
    
    .pubgd a span {
        color: #666;
        font-size: 12px;
        position: relative;
    }
    
    .pubgd a span:after {
        position: absolute;
        width: 100%;
        height: 1px;
        background: #999;
        left: 0;
        bottom: -5px;
        content: '';
        transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
        -webkit-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    }
    
    .pubgd a i {
        border-color: #333;
        width: 30px;
        height: 30px;
    }
    
    .pubgd .ppubmore i::before,
    .pubgd .ppubmore i::after {
        top: 10px;
        width: 10px;
        height: 10px;
        background-size: 100% auto;
    }
    
    .pubgd .ppubmore i:before {
        left: 10px;
    }
    
    .pubgd .ppubmore:hover i::after {
        left: 10px;
    }
    
    .hpmor {
        margin-top: 30px;
    }
    
    .caselisttxt {
        height: 130px;
    }
    
    .caselisttxt .hpmor {
        position: absolute;
        margin: 0;
        bottom: -100px;
        left: 30px;
        opacity: 0;
    }
    
    .caselisttxt {
        bottom: -70px;
    }
    
    .caselisttxt,
    .caselisttxt .hpmor {
        transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    }
    
    .caselista:hover .caselisttxt {
        bottom: 0;
    }
    
    .caselista:hover .hpmor {
        bottom: 30px;
        opacity: 1;
    }
    
    .caselisttxt .hpmor {
        transition-delay: 0.3s;
    }
    
    .proBoxs {
        width: 82%;
        margin: auto;
    }
    
    .itemsPro:nth-of-type(3n) {
        margin-right: 0;
    }
    
    .h_case_m2_m {
        width: 100%;
        float: left;
        color: #505050;
        font-size: 14px;
        line-height: 20px;
    }
    
    .itemsPro:nth-of-type(-n+3) .h_case_m2_m {
        margin-top: 0;
    }
    
    .h_case_m2_m,
    .h_case_m2_m:hover {
        color: #505050;
    }
    
    .h_2_m_p1 {
        height: 20px;
        line-height: 20px;
        overflow: hidden;
        font-size: 12px;
    }
    
    .h_2_m_p2 {
        font-size: 16px;
        height: 25px;
        line-height: 25px;
        color: #333333;
        letter-spacing: 1px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        margin-top: 0;
        font-family: georgia;
    }
    
    .h_2_m_p3 {
        padding-top: 10px;
        height: 43px;
        line-height: 22px;
        overflow: hidden;
        zoom: 1;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    
    .h_2_m_p1,
    .h_2_m_p3 {
        display: none;
    }
    
    .h_2_m_txt {
        padding: 38px;
        padding-left: 94px;
        position: relative;
    }
    
    .h_2_m_p1 {
        position: relative;
        left: 0;
    }
    
    .h_m1_i2 {
        top: 45px;
        height: 2px;
        width: 55px;
        position: absolute;
        left: 10px;
        display: block;
        overflow: hidden;
    }
    
    .h_m1_i {
        background: #a6a6a6;
        height: 2px;
        width: 55px;
        position: absolute;
        left: 0;
        top: 0;
        display: block;
    }
    
    .h_case_m2_img {
        position: relative;
        overflow: hidden;
        zoom: 1;
    }
    
    .h_m_bg {
        position: absolute;
        width: 100%;
        height: 100%;
        border: 40px solid #fff;
        left: -40px;
        top: -40px;
        z-index: 9;
        /* position: absolute;
	width: 118%;
	height: 118%;
	border: 40px solid #f4f4f4;
	left: -45px;
	top: -40px;
	z-index: 9; */
    }
    
    .worksubmml398 {
        margin-left: 0;
    }
    
    .h_case_m2_m:hover .h_m_img {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
    }
    
    .h_case_m2_m:hover .h_2_m_p2 {
        color: #000;
    }
    
    .h_case_m2_m:hover .h_m_bg {
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
    }
    
    .h_case_m2_m:hover .h_m1_i2,
    .h_case_m2_m:hover .h_2_m_p1 {
        left: 8px;
    }
    
    .h_case_m2_m:hover .h_m1_i2 .h_m1_i {
        animation: footer-link-hover .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
        -webkit-animation: footer-link-hover .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
    }
    
    .h_m_img {
        transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        opacity: 0;
    }
    
    .h_m_bg,
    .h_m1_i2,
    .h_2_m_p1 {
        transition: all 0.4s ease-in-out 0s;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -moz-transition: all 0.4s ease-in-out 0s;
    }
    
    .h_case_sk {
        position: absolute;
        left: 0;
        top: -1px;
        width: 100%;
        height: 100%;
        z-index: 190;
        background: rgba(77, 87, 101, 0.8);
        visibility: hidden;
        opacity: 0;
        transition: all 1s ease;
    }
    
    img.h_m_img {
        width: 100%;
        display: block;
        vertical-align: top;
        opacity: 0;
    }
    
    .cloLod {
        width: 100%;
        text-align: center;
        margin: 50px 0 0;
    }
    
    .itemsPro {
        width: 31%;
        margin-right: 3.5%;
    }
    
    .aos-animate .h_case_sk {
        animation: 800ms linear 0.5s 1 normal forwards running hm_b_t;
        visibility: inherit;
        opacity: 1;
    }
    
    .aos-animate .h_m_img {
        animation: hm_fadeIn 1.5s cubic-bezier(.165, .84, .44, 1) forwards;
    }
    
    .aos-init .h_case_sk {
        animation-delay: 0.2s;
    }
    
    .aos-init .h_m_img {
        animation-delay: 0.5s;
    }
    
    #banner {
        position: relative;
        z-index: 777;
        cursor: pointer;
    }
    
    #pagesnavs {
        position: absolute;
        right: 3%;
        top: 50%;
        transform: translateY(-50%);
        width: 14px;
        z-index: 666;
        text-align: center;
    }
    
    #pagesnavs a {
        width: 8px;
        height: 8px;
        display: inline-block;
        border-radius: 50%;
        margin: 8px 0;
        background: #fff;
    }
    
    #pagesnavs a.active {
        background: transparent;
        border-radius: 50%;
        border: 3px solid #FFFFFF;
    }
    
    .worksub .isup,
    .pagebannertxt {
        width: 76%;
    }
    
    .pagebannertxt {
        left: 12%;
        margin-left: 0;
    }
    
    .mainboxm:last-child {
        border-bottom: none;
    }
    
    .pubnav {
        margin-top: 97px;
        padding-top: 25px;
        padding-bottom: 15px;
    }
    
    .pubnavl {
        font-size: 24px;
        line-height: 30px;
        padding-top: 14px;
    }
    
    .pubnavl h3 {
        color: #000;
    }
    
    .pubnavl span {
        display: block;
        font-size: 14px;
    }
    
    .pubnavsub {
        text-align: right;
        padding-top: 14px;
    }
    
    .pubnavsub a {
        display: inline-block;
        margin-left: 40px;
        color: #000;
        line-height: 20px;
        padding-bottom: 12px;
        vertical-align: top;
        position: relative;
        overflow: hidden;
    }
    
    .pubnavsub a:before {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        background: #000;
        content: '';
        height: 1px;
        display: none;
    }
    
    .pubnavsub a.on {
        color: #000;
    }
    
    .pubnavsub a.on:before {
        display: block;
    }
    
    .pubnavsub a:hover:before {
        display: block;
        animation: pubnavhover .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
        -webkit-animation: pubnavhover .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
    }
    
    .aboutam {
        padding-top: 35px;
        padding-bottom: 55px;
    }
    
    @-webkit-keyframes pubnavhover {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        50% {
            -webkit-transform: translateX(100%);
            transform: translateX(100%)
        }
        50.01% {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%)
        }
        to {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }
    
    @keyframes footer-link-hover {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        50% {
            -webkit-transform: translateX(100%);
            transform: translateX(100%)
        }
        50.01% {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%)
        }
        to {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }
    
    .aboutah3 {
        font-size: 22px;
    }
    
    .aboutadesc {
        line-height: 24px;
        font-size: 15px;
        color: #666;
    }
    
    .aboutadesc p {
        margin-top: 25px;
    }
    
    .aboutbm {
        position: relative;
        height: 800px;
    }
    
    .aboutbm img {
        position: absolute;
        top: 0;
    }
    
    .aboutb1 {
        left: 0px;
    }
    
    .aboutb2 {
        right: -360px;
    }
    
    .aboutah3,
    .aboutcl {
        color: #333;
    }
    
    .aboutcm {
        width: 80%;
        margin: auto;
    }
    
    .aboutc {
        padding: 110px 0;
    }
    
    .aboutcl {
        font-size: 22px;
        line-height: 60px;
    }
    
    .aboutcl span {
        padding-left: 10px;
    }
    
    .aboutcr {
        text-align: right;
        font-size: 16px;
        line-height: 24px;
        margin-right: 10%;
    }
    
    .aboutcr span {
        display: inline-block;
        /* margin-left: 60px;*/
        text-align: center;
        padding-top: 35px;
        font-size: 15px;
        color: #666;
        width: 190px;
    }
    
    .sp1 {
        background: url(../images/aboutc2.png) center top no-repeat;
    }
    
    .sp2 {
        background: url(../images/aboutc3.png) center top no-repeat;
    }
    
    .sp3 {
        background: url(../images/aboutc4.png) center top no-repeat;
    }
    
    .sp4 {
        background: url(../images/aboutc5.png) center top no-repeat;
    }
    
    .sp5 {
        background: url(../images/aboutc6.png) center top no-repeat;
    }
    
    .sp6 {
        background: url(../images/aboutc7.png) center top no-repeat;
    }
    
    .sp7 {
        background: url(../images/aboutc1.png) center top no-repeat;
    }
    
    .newam li {
        padding: 35px 0;
        border-bottom: 1px solid #efefef;
        position: relative;
    }
    
    .newam li:last-child {
        border: none;
    }
    
    .newam li:last-child:before {
        display: none;
    }
    
    .newam li:before {
        position: absolute;
        left: 0;
        bottom: 0;
        content: '';
        height: 1px;
        background: #000;
        width: 0;
    }
    
    .newamimg {
        width: 400px;
        overflow: hidden;
        position: relative;
        max-height: 230px;
    }
    
    .newamimg:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        border: 20px solid #fff;
        left: -20px;
        top: -20px;
        z-index: 5;
    }
    
    .newamtxt {
        width: 710px;
        padding-top: 40px;
    }
    
    .newamtxt span {
        font-size: 12px;
        color: #999999;
        display: inline-block;
        line-height: 35px;
    }
    
    .newamtxt a {
        font-size: 18px;
        display: block;
        color: #333;
    }
    
    .newamtxt p {
        color: #666666;
        line-height: 24px;
        margin-top: 15px;
    }
    
    .newam li:hover a {
        color: #000;
    }
    
    .newam li:hover:before {
        width: 100%;
    }
    
    .newam li:hover img {
        opacity: 0.9;
        -webkit-opacity: 0.9;
        transform: scale(1.02);
        -webkit-transform: scale(1.02);
    }
    
    .newam li:hover .newamimg:before {
        transform: scale(0.96);
    }
    
    .newam li:before,
    .newam a,
    .newam img,
    .newamimg:before {
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
    }
    
    .newa {
        padding-bottom: 80px;
    }
    
    .teama {
        padding: 35px 0 65px;
        padding-bottom: 80px;
    }
    
    .teamal {
        width: 450px;
    }
    
    .teamar {
        padding-top: 70px;
        width: 650px;
    }
    
    .teamarh2 {
        font-size: 24px;
        color#333;
    }
    
    .teamarh2 span {
        font-size: 16px;
        padding-left: 13px;
    }
    
    .teamadesc {
        margin-top: 20px;
        line-height: 26px;
        color: #666;
    }
    
    .pubgd1 {
        margin-top: 60px;
    }
    
    .teamblist {
        overflow: hidden;
    }
    
    .teamblist a {
        float: left;
        overflow: hidden;
        width: 100%;
        font-size: 18px;
        color: #333;
        overflow: hidden;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px #efefef solid;
    }
    
    .teamblist a:before {
        position: absolute;
        left: 0;
        bottom: 0;
        content: '';
        height: 1px;
        background: #000;
        width: 0;
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }
    
    .teamblist a:hover:before {
        width: 100%
    }
    
    .worksubm {
        color: #000;
    }
    
    .teamblist a:nth-child(even) {
        margin-right: 0;
    }
    
    .tmimg {
        float: left;
        width: 17%;
        height: 230px;
    }
    
    .tmimg img {}
    
    .tmwzxx {
        width: 80%;
        float: right;
    }
    
    .teamblist span {
        color: #555;
        padding-left: 10px;
        font-size: 14px;
    }
    
    .teamblist h2 {
        padding: 0;
    }
    
    .teamblist ul {}
    
    .teambh2 {
        position: relative;
        line-height: 56px;
        height: 56px;
    }
    
    .teambtit {
        font-size: 14px;
        color: #333;
        width: 562px;
        position: absolute;
        right: 0;
        top: 8px;
        line-height: 20px;
        padding-left: 60px;
    }
    
    .teambtit:before {
        position: absolute;
        content: '';
        width: 40px;
        height: 1px;
        background: #000;
        left: 0;
        top: 10px;
    }
    
    .teamblist {
        margin-top: 25px;
        padding-bottom: 5px;
    }
    
    .teamblist a:hover img {}
    
    .teamblist img {
        transition: all 0.7s ease;
        -webkit-transition: all 0.7s ease;
        position: relative;
        left: -5px;
        width: 210px;
    }
    
    .teamblist div {
        overflow: hidden;
    }
    
    .tmwzxx p {
        font-size: 14px;
        color: #666;
        margin-top: 20px;
    }
    
    .teamblist h2 {
        padding-bottom: 15px;
        position: relative;
    }
    
    .teamblist h2:before,
    .teamblist h2:after {
        position: absolute;
        bottom: 0;
        width: 60px;
        content: '';
        height: 1px;
        transition: all 0.5s ease;
    }
    
    .teamblist h2:before {
        background: #cccccc;
    }
    
    .teamblist h2:after {}
    
    .teamblist a:hover h2:before {
        width: 60px;
    }
    
    .teamblist a:hover h2:after {
        width: 60px;
    }
    
    .teamblist a:hover img {
        left: 0;
    }
    
    .tmwzxx {
        padding-top: 32px;
    }
    
    .teammain {
        margin-top: 90px;
    }
    
    .teammaina {
        padding: 25px 30px;
    }
    
    .teammaina p {
        padding-left: 28px;
    }
    
    .teammainb {
        padding-bottom: 80px;
    }
    
    .tbdgh2 {
        font-size: 24px;
        color: #333;
        padding-top: 50px;
    }
    
    .tbdgp1 {
        font-size: 18px;
        color: #111;
        padding-top: 5px;
        padding-bottom: 25px;
    }
    
    .tbdgp2 {
        color: #666;
        padding-top: 5px;
        padding-bottom: 25px;
        border-bottom: 1px solid #e5e5e5;
    }
    
    .tbdgdesc {
        width: 690px;
    }
    
    .tbdgimg {
        width: 430px;
    }
    
    .tbdgimg img {
        max-width: 100%;
    }
    
    .tbdgh4 {
        font-size: 16px;
        color: #333;
        padding-bottom: 8px;
    }
    
    .tbdgjj {
        color: #666;
        line-height: 26px;
    }
    
    .tbdgjj {
        padding-bottom: 25px;
        margin-bottom: 25px;
        border-bottom: 1px solid #e5e5e5;
    }
    
    .tbdgjj1 {
        border: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    
    .pagesxy {
        overflow: hidden;
        text-align: right;
    }
    
    .pagesxy span,
    .pagesxy i {
        display: inline-block;
    }
    
    .pagesxy i {
        position: relative;
        width: 12px;
        height: 8px;
    }
    
    .pagesxy i:before,
    .pagesxy i:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
    
    .pagesxy i:before {
        background: url(../images/icon11_1.png) center no-repeat;
    }
    
    .pagesxy i:after {
        background: url(../images/icon11.png) center no-repeat;
        opacity: 0;
        -webkit-opacity: 0;
    }
    
    .pagesxy a {
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        display: inline-block;
        width: 120px;
        height: 40px;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 40px;
        text-align: center;
        color: #666;
        border: 1px solid #caccd0;
        margin-left: 10px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    
    .pagesxy .prev i:before,
    .pagesxy .back i:before,
    .pagesxy .prev i:after,
    .pagesxy .back i:after {
        transform: rotateY(-180deg);
        -webkit-transform: rotateY(-180deg);
    }
    
    .pagesxy .prev span,
    .pagesxy .back span {
        padding-left: 8px;
    }
    
    .pagesxy .next span {
        padding-right: 8px;
    }
    
    .pagesxy a:hover {
        background: #4e5765;
        color: #fff;
        border-color: #4e5765;
    }
    
    .pagesxy a:hover i:before {
        opacity: 0;
        -webkit-opacity: 0;
    }
    
    .pagesxy a:hover i:after {
        opacity: 1;
        -webkit-opacity: 1;
    }
    
    .pagesxy .back {
        margin-left: 0;
    }
    
    .pagesxy1 {
        margin-top: 30px;
    }
    
    .tbdgtxt {
        padding-bottom: 50px;
    }
    
    .casepage {
        margin-top: 80px;
        padding-top: 75px;
    }
    
    .casebanner {
        height: 748px;
    }
    
    .casepageh2 {
        text-align: center;
        font-size: 24px;
        color: #000;
    }
    
    .casepagep1 {
        color: #333;
        text-align: center;
        padding-top: 5px;
    }
    
    .casepagep2ml {
        float: left;
        padding-right: 80px;
    }
    
    .casepagep2ml1 {
        padding-bottom: 8px;
    }
    
    .casepagep2ml1 span {
        color: #333;
    }
    
    .casepagep2ml b {
        color: #797979;
        font-weight: normal;
    }
    
    .casepagep2 {
        position: relative;
    }
    
    .casedmore .ppubmore {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -20px;
    }
    
    .casedmore a {
        display: inline-block;
        float: none;
    }
    
    .casedmore a span {
        color: #666;
        font-size: 14px;
        position: relative;
    }
    
    .casedmore a span:after {
        position: absolute;
        width: 100%;
        height: 1px;
        background: #999;
        left: 0;
        bottom: -5px;
        content: '';
        transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
        -webkit-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    }
    
    .casedmore a i {
        border-color: #666;
    }
    
    .casedmore {
        position: relative;
    }
    
    .casedmore .ppubmore {
        width: 145px;
    }
    
    .casedmore .ppubmore i:before {
        background: url(../images/icon11_2.png) center no-repeat;
    }
    
    .casedmore .ppubmore i:after {
        background: url(../images/icon11_2.png) center no-repeat;
    }
    
    .casedmore .ppubmore:hover span {
        color: #000;
    }
    
    .casedmore .ppubmore:hover i {
        border-color: #000;
    }
    
    .casedmore .ppubmore:hover span:after {
        bottom: 0;
    }
    
    .casepagep2 {
        margin-top: 50px;
    }
    
    .casepagep3 {
        color: #333333 !important;
        margin-top: 30px;
        padding-bottom: 35px;
        border-bottom: 1px solid #e5e5e5;
    }
    
    .casepagep3 p {
        padding-bottom: 8px;
    }
    
    .casepagep3 strong {
        font-weight: 700;
        font-size: 16px;
        color: #111;
        display: block;
    }
    
    .casepagep3,
    .casepagep3 strong {
        color: #666;
    }
    
    .casepagep4 {
        padding: 35px 0;
        border-bottom: 1px solid #e5e5e5;
    }
    
    .casepagep4tit {
        font-size: 18px;
        color: #333;
    }
    
    .casepagep4tit span {
        display: block;
        color: #797979;
        font-size: 12px;
    }
    
    .casepagep4txt {
        width: 540px;
        padding-left: 40px;
        font-size: 16px;
        color: #333;
        padding-top: 15px;
    }
    
    .casepagep4img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        overflow: hidden;
    }
    
    .casepagep4txtp {
        font-size: 14px;
        padding-top: 5px;
        color: #666666;
    }
    
    .casepagep4other,
    .casepagep4m {
        margin-top: 25px;
    }
    
    .casepagep4other .itemsPro {
        width: 48%;
        margin-right: 4%;
    }
    
    .casepagep4other .itemsPro:nth-child(2) {
        margin-right: 0;
    }
    
    .casepagep4team {
        border-top: 1px solid #e5e5e5;
        padding-bottom: 20px;
    }
    
    .pagesxy2 {
        margin-top: 40px;
    }
    
    .contacta {
        padding: 45px 0 65px;
    }
    
    .contactah3 {
        font-size: 18px;
        color: #222;
        text-align: center;
    }
    
    .contactap {
        color: #666;
        text-align: center;
        padding-top: 5px;
    }
    
    .contactab {
        padding: 32px 0;
        padding-bottom: 0;
    }
    
    .contactap1 h5 {
        font-size: 18px;
        color: #222;
        padding-bottom: 10px;
    }
    
    .contactap1 p {
        color: #666;
        margin-top: 10px;
        padding-bottom: 25px;
        line-height: 20px;
    }
    
    .contactap1b {
        margin-left: 247px;
    }
    
    .contactap1 h5 {
        padding-bottom: 10px;
        position: relative;
        line-height: 24px;
    }
    
    .contactap1 h5:before {
        position: absolute;
        left: 2px;
        bottom: 0;
        content: '';
        width: 36px;
        height: 1px;
        background: #000;
    }
    /*.contactap1a p{ background:url(../images/contactap1a.png) left center no-repeat; padding-left:27px;}
.contactap1b p{ background:url(../images/contactap1b.png) left center no-repeat; padding-left:26px;}
.contactap1c p{ background:url(../images/contactap1c.png) left center no-repeat; padding-left:31px;}*/
    
    .contactotxt,
    .contactotext,
    .contactobtn {
        padding: 0;
        border-bottom: 1px solid #000;
        width: 648px;
    }
    
    .contactotxt {
        margin-bottom: 15px;
        height: 46px;
        line-height: 46px;
    }
    
    .contactotext {
        padding-top: 10px;
        padding-bottom: 10px;
        height: 96px;
        resize: none;
    }
    
    .contactobtn {
        width: 160px;
        text-align: center;
        color: #333;
        height: 40px;
        line-height: 40px;
        display: inline-block;
        margin-top: 45px;
        cursor: pointer;
    }
    
    .contactobtn i {
        position: relative;
        width: 12px;
        margin-left: 5px;
        position: relative;
        top: -1px;
        height: 8px;
        display: inline-block;
    }
    
    .contactobtn i:before,
    .contactobtn i:after {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    
    .contactobtn i:before {
        background: url(../images/icon11_1.png) center no-repeat;
    }
    
    .contactobtn i:after {
        background: url(../images/icon11.png) center no-repeat;
    }
    
    .contactap2m {
        width: 100%;
        text-align: right;
    }
    
    .contactobtn:hover,
    .contactobtn {
        background: #000;
        color: #fff;
        border-color: #000;
    }
    
    .contactobtn:hover {
        background: rgba(77, 87, 101, 0.8);
    }
    
    .contactobtn i:after,
    .contactobtn:hover i:before {
        opacity: 0;
        -webkit-opacity: 0;
    }
    
    .contactobtn:hover i:after {
        opacity: 1;
        -webkit-opacity: 1;
    }
    
    .contactobtn,
    .contactobtn i:before,
    .contactobtn i:after {
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
    }
    
    .contactobtn i {
        display: none;
    }
    
    .contactap,
    .contactah3 {
        text-align: left;
    }
    
    .contactap1 {
        width: 545px;
    }
    
    .contactap2 {
        width: 650px;
    }
    
    .contactap1b {
        margin-left: 0;
    }
    
    #toTop {
        width: 44px;
        height: 44px;
        background: url(../images/backtop.png) center center no-repeat #000;
        z-index: 89;
        background-size: 90% auto;
        position: fixed;
        right: 20px;
        bottom: 50px;
        cursor: pointer;
        display: block;
        display: none;
    }
    
    .pubz8 {
        position: relative;
        z-index: 88;
        background: #fff;
    }
    
    .logo_rhbox .uls li a {
        padding-top: 29px;
        padding-bottom: 29px;
    }
    
    .right_sear {
        padding-left: 30px;
    }
    
    .right_sear .lans {
        padding-top: 41px;
        padding-bottom: 41px;
        display: none;
    }
    
    .right_sear .menus {
        margin-top: 26px !important;
        margin-bottom: 0 !important;
    }
    
    .logotxt {
        line-height: 82px;
    }
    
    .logo_lfbox {
        padding-top: 1px;
        padding-bottom: 1px;
    }
    
    .logo_rhbox,
    .logo_rhbox .uls::after {
        height: 82px;
    }
    
    .pubnav {
        margin-top: 80px;
    }
    
    .pubnav {
        padding: 26px 0 0;
    }
    
    .worksubjs {
        padding-bottom: 0;
    }
    
    .worksubjs:before {
        bottom: -2px;
    }
    
    .pubnavl span {
        line-height: 22px;
    }
    
    .wapcontat {
        display: none;
    }
    
    .pubnavl,
    .teamarh2 {
        color: #333;
    }
    
    .m_footer {
        display: none;
    }
    
    .tbdgimg {
        max-height: 520px;
        overflow: hidden;
    }
    
    .new-1080 {
        width: 1000px;
    }
    
    .new-1080 img {
        max-width: 100%
    }
    
    .newamimg img {
        max-width: 100%;
    }
    
    .casepagem {
        max-width: 1000px;
    }
    
    .casepagem img {
        max-width: 100%;
    }
    
    .casepagep311 {
        padding-bottom: 0;
        border-bottom: none;
    }
    
    .pagesxyxx1 {
        margin-top: 25px;
        padding-bottom: 35px;
        border-bottom: 1px solid #e5e5e5;
    }
    
    @media screen and (max-width: 1700px) {
        .aboutcr {
            margin-right: 5%;
        }
    }
    
    @media screen and (max-width: 1600px) {
        .proBoxs {
            width: 85%;
            margin: auto;
        }
        .aboutcr {
            margin-right: 0%;
        }
    }
    
    .mainboxtit h2 {
        color: #333;
    }
    
    .mainboxwz h4 {
        color: #000;
    }
    
    .mainboxwz p {
        font-weight: 300;
    }
    
    @media screen and (min-width: 1921px) {
        .slogan {
            background-size: 100% auto;
        }
    }
    
    @media screen and (min-width: 1000px) {
        #dibu {
            display: none;
        }
        .zf_a2 img {
            border: 5px solid #fff;
            position: absolute;
            width: 80px;
            left: 45px;
            z-index: 10;
            top: -25px;
            visibility: hidden;
            opacity: 0;
            -webkit-opacity: 0;
            transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
        }
        .zf_a2:hover img {
            visibility: visible;
            opacity: 1;
            -webkit-opacity: 1;
        }
    }
    
    @media screen and (max-width: 1000px) {
        #dibu {
            display: block;
        }
        .casepagep2ml {
            float: none;
        }
        .m_footer {
            display: block;
        }
        body.index {
            padding-bottom: 0;
        }
        .uls {
            display: none;
        }
        .slogan {
            display: block;
        }
        .zyfooter {
            display: block;
        }
        .zf_a2 img {
            border: 5px solid #fff;
            position: absolute;
            width: 80px;
            left: -130px;
            z-index: 10;
            top: -25px;
            visibility: hidden;
            opacity: 0;
            -webkit-opacity: 0;
            transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
        }
        .zf_a2:hover img {
            visibility: visible;
            opacity: 1;
            -webkit-opacity: 1;
        }
        /* .navHead,
    #banner,
    .slogan,
    .pubnav,
    .teammaina {
        display: none;
    } */
        .mainbox {
            width: 100%;
            min-width: inherit;
        }
        .w1000,
        .proBoxs,
        .w1200 {
            box-sizing: border-box;
            width: 100%;
        }
        .wapnewm,
        .wapcontat,
        .abouta,
        .aboutb,
        .aboutc,
        .teama,
        .teamb,
        .contact,
        .newa,
        .teammain,
        .caselist,
        .casepage {
            padding-left: 4%;
            padding-right: 4%;
            box-sizing: border-box;
            width: 100%;
        }
        .aboutam,
        .aboutc,
        .teama,
        .teamb,
        .contact,
        .newa,
        .teammain,
        .caselist,
        .casepage {
            padding-top: 30px;
            padding-bottom: 30px;
        }
        .aboutah3,
        .aboutcl,
        .teamb .teamarh2,
        .contactah3,
        .tbdgh2,
        .casepageh2 {
            font-size: 20px;
        }
        .teamarh2 {
            font-size: 18px;
        }
        .teamarh2 span {
            font-size: 14px;
        }
        .tbdgp1 {
            font-size: 16px;
            padding-top: 0;
        }
        .pubnav_phone {
            display: block;
            padding: 0 4%;
        }
        .worklay2_phone {
            left: 50%;
            transform: translateX(-50%);
        }
        .casepagem img {
            height: auto !important;
        }
        .wapbanner img {
            max-width: 100%;
            vertical-align: top;
        }
        .mean-container .mean-bar {
            background: none;
        }
        .mean-container .mean-nav {
            background: none !important;
            padding-top: 0;
            padding-bottom: 0;
        }
        .mean-container .mean-nav {
            margin-top: 0;
            padding-top: 48px;
        }
        .aboutadesc p,
        .aboutbm img {
            margin-top: 15px;
        }
        .aboutbm {
            height: auto;
        }
        .aboutbm img {
            position: relative;
            left: 0;
            max-width: 100%;
        }
        .aboutam {
            padding-bottom: 0;
        }
        .aboutcl,
        .aboutcr {
            width: 100%;
            overflow: hidden;
        }
        .aboutcr span {
            float: left;
            margin-left: 0;
            width: 25%;
            margin-top: 20px;
        }
        .teamal,
        .teamar {
            width: 100%;
        }
        .teamal img {
            max-width: 100%;
        }
        .teamar {
            padding-top: 20px;
        }
        .teamadesc {
            margin-top: 10px;
        }
        .pubgd1 {
            margin-top: 25px;
        }
        .teamb {
            background: #f8f8f8;
        }
        .teambtit {
            position: relative;
            width: 100%;
            left: 0;
            top: 0;
            padding: 0;
            right: auto;
            position: relative;
        }
        .teambtit:before {
            display: none;
        }
        .teambh2 {
            height: auto;
        }
        .teamblist a {
            width: 100%;
            margin: 0;
            padding-bottom: 0;
        }
        .tmimg,
        .tmwzxx {
            width: 100%;
            height: auto;
        }
        .tmwzxx {
            padding-top: 20px;
            padding-bottom: 30px;
        }
        .teamblist h2:before,
        .teamblist h2:after {
            display: none;
        }
        .teamblist span {
            padding-left: 0;
        }
        .teamblist img {
            left: 0;
            width: 100%;
        }
        .teamblist h2 {
            padding-bottom: 0;
        }
        .tmwzxx p {
            margin-top: 5px;
        }
        .contacta,
        .contactab {
            padding: 0;
        }
        .contactap1,
        .contactap2 {
            width: 100%;
        }
        .contactab {
            margin-top: 20px;
        }
        .contactotxt,
        .contactotext,
        .contactobtn {
            width: 100%;
            box-sizing: border-box;
            border-bottom: 1px solid #ccc;
        }
        .contactobtn {
            border: none;
            margin-top: 25px;
        }
        #dituContent {
            display: none;
        }
        .newam li {
            padding-bottom: 20px;
            padding-top: 0;
            margin-bottom: 25px;
        }
        .newamimg,
        .newamtxt {
            width: 100%;
        }
        .newamimg:before {
            display: none;
        }
        .newamtxt span {
            line-height: 18px;
        }
        .newamtxt {
            padding-top: 20px;
        }
        .newamtxt span {
            animation: none;
            -webkit-animation: none;
        }
        .newamtxt a {
            font-size: 16px;
            padding-top: 5px;
        }
        .newam li:last-child {
            border-bottom: 1px solid #efefef;
        }
        .casemores a span {
            font-size: 14px;
        }
        .teammain {
            margin-top: 0;
        }
        .tbdgh2 {
            padding-top: 0;
        }
        .casepagep3 {
            margin-top: 25px;
        }
        .casepagep3 p {
            padding-bottom: 10px;
        }
        .pagesxy a.prev {
            display: none;
        }
        .teammainb {
            padding-bottom: 0;
        }
        .itemsPro {
            width: 100%;
            margin: 0;
            margin-bottom: 15px;
        }
        .h_2_m_txt {
            padding: 20px;
            padding-left: 40px;
        }
        .h_m1_i2 {
            width: 20px;
            top: 32px;
        }
        .casemores2 {
            margin-top: 15px;
        }
        .casepage {
            margin: 0;
        }
        .casepageh2,
        .casepagep1 {
            text-align: left;
        }
        .casepagep2,
        .casepagep3 {
            margin-top: 20px;
        }
        .casepagep2 .ppubmore,
        .casepagep4 .ppubmore {
            display: none;
        }
        .casepagep3 img {
            max-width: 100%;
        }
        .casepagep4img {
            width: 28%;
            height: auto;
        }
        .casepagep4img img {
            width: 100%;
        }
        .casepagep4txt {
            width: 72%;
            box-sizing: border-box;
            padding-left: 15px;
            padding-top: 5px;
        }
        .casepagep4txt p {
            font-size: 12px;
        }
        .casepagep3 {
            padding-bottom: 30px;
        }
        .casepagep4other .itemsPro {
            width: 100%;
            margin-right: 0;
        }
        .casepagep4other .itemsPro:nth-child(2) {
            margin-bottom: 0;
        }
        .casepagep42 {
            border: none;
            padding-bottom: 0;
        }
        .tbdgp1 {
            padding-bottom: 20px;
        }
        .tbdgdesc {
            padding-top: 20px;
        }
        .tbdgjj {
            padding-bottom: 20px;
            margin-bottom: 20px;
        }
        .tbdgimg,
        .tbdgdesc {
            width: 100%;
        }
        .tbdgjj1 {
            padding-bottom: 5px;
        }
        .mean-container .mean-bar {
            padding: 0;
        }
        .mean-container .mean-nav ul li a {
            border-top: 1px solid rgba(255, 255, 255, .1);
        }
        .mean-container .mean-nav ul li:last-child a {
            border-bottom: none;
        }
        .mean-container .mean-nav {
            padding-top: 60px;
        }
        .mean-container a.meanmenu-reveal {
            top: 7px;
        }
        .mean-container .mean-nav ul ul li,
        .mean-container .mean-nav ul ul li a {
            border: none !important;
        }
        .mean-container .meau-bai {
            background: #fff;
            box-shadow: 0 0 5px rgba(51, 51, 51, 0.1);
        }
        .mean-container .meau-bai a.meanmenu-reveal span {
            background: #000;
        }
        .mean-container .meau-bai .m_logo2 {
            opacity: 0;
            -webkit-opacity: 0;
        }
        .mean-container .meau-bai .m_logo1 {
            opacity: 1;
            -webkit-opacity: 1;
        }
        .mean-container .meau-kobg {
            background: #000;
        }
        .mean-container .meau-kobg .m_logo1 {
            opacity: 0;
            -webkit-opacity: 0;
        }
        .mean-container .meau-kobg .m_logo2 {
            opacity: 1;
            -webkit-opacity: 1;
        }
        .meau-baipage .mean-bar {
            background: #fff;
            box-shadow: 0 0 5px rgba(51, 51, 51, 0.1);
        }
        .meau-baipage .mean-bar a.meanmenu-reveal span {
            background: #000;
        }
        .meau-baipage .mean-bar .m_logo2 {
            opacity: 0;
            -webkit-opacity: 0;
        }
        .meau-baipage .mean-bar .m_logo1 {
            opacity: 1;
            -webkit-opacity: 1;
        }
        .meau-baipage .meau-kobg {
            background: #000;
        }
        .meau-baipage .meau-kobg .m_logo1 {
            opacity: 0;
            -webkit-opacity: 0;
        }
        .meau-baipage .meau-kobg .m_logo2 {
            opacity: 1;
            -webkit-opacity: 1;
        }
        .casepagep4other {
            margin-top: 20px;
        }
        .h_2_m_txt {
            padding-bottom: 10px;
        }
        .pagesxy2 {
            margin-top: 10px;
        }
        .casepagep4team {
            border: none;
        }
        .tbdgtxt {
            padding-bottom: 10px;
        }
        .casepagep4 {
            padding-top: 0;
        }
        .aboutcm {
            width: 100%;
        }
        .aboutadesc,
        .aboutcr span {
            font-size: 14px;
        }
        .aboutcl {
            font-size: 18px;
            line-height: 22px;
        }
        .teamarh2 {
            line-height: 20px;
            padding-bottom: 0;
        }
        .teambtit {
            padding-top: 5px;
        }
        .teamblist {
            margin-top: 20px;
        }
        .teamblist a .tmimg {
            max-height: 420px;
        }
        .wapcontat {
            display: block;
        }
        .casepage,
        .abouta,
        .teama,
        .teammain,
        .contact,
        .newa {
            margin-top: 60px;
        }
        .newamimg {
            max-height: inherit;
        }
        .newamtxt p {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }
        .casepage .casepagep4 {
            padding-top: 30px;
            padding-bottom: 30px;
        }
        .casepage .casepagep42 {
            padding-bottom: 0;
        }
        .pagesxy a {
            width: 100px;
        }
        .pagesxyxx1 {
            margin-top: 0;
            padding-bottom: 30px;
        }
        .worksubm {
            font-size: 18px;
        }
    }
    
    .contactap1 h5 {
        font-size: 16px;
    }
    
    .wapnew {
        padding-top: 30px;
        background: #f8f8f8;
    }
    
    .wapnewm {
        display: block;
    }
    
    .wapnewm img {
        max-width: 100%;
    }
    
    .wapnewtxt {
        padding: 20px;
        padding-left: 40px;
        padding-bottom: 30px;
    }
    
    .wapnewp1 {
        color: #666666;
        font-size: 12px;
        position: relative;
    }
    
    .wapnewp1:before {
        position: absolute;
        content: '';
        width: 20px;
        left: -30px;
        height: 1px;
        top: 7px;
        background: #666;
    }
    
    .wapnewp2 {
        font-size: 16px;
        color: #222;
        text-align: justify;
        padding-top: 5px;
    }
    
    .wapother {
        overflow: hidden;
        background: #ffffff;
    }
    
    .wapother a {
        float: left;
        width: 50%;
        text-align: center;
        padding: 20px 0;
    }
    
    .wapother a.a1 {
        background: #f1f1f1;
    }
    
    .wapother a {
        font-size: 16px;
        color: #222;
    }
    
    .wapother em {
        font-style: normal;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #666;
    }
    
    .m_footer {
        background: #4e5765;
        text-align: center;
    }
    
    .m_footer,
    .m_footer a {
        color: #b8bcc1;
    }
    
    .m-footer-logo img {
        height: 30px;
    }
    
    .m-footer-logo {
        padding: 15px 0;
        padding-top: 20px;
    }
    
    .m-copy {
        border-top: 1px solid #606875;
        padding: 10px 6%;
        font-size: 12px;
    }
    
    .wapcontat {
        background: #f8f8f8;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .wapcontat {
        color: #666;
        font-size: 12px;
    }
    
    .wapcontat li {
        padding: 10px 0;
    }
    
    .wapcontat h6 {
        color: #222;
        font-size: 16px;
    }
    
    .mean-container a.meanmenu-reveal span {
        height: 2px;
        margin-top: 4px;
    }
    
    .mean-container a.meanmenu-reveal,
    .mean-container .mean-nav ul li a.mean-expand {
        font-weight: normal;
    }
    
    .meau-baipage .wapcontat {
        display: none;
    }
    
    .aboutcl,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: 300;
    }
    
    body {
        font-family: "PingFang SC", "HanHei SC", "Helvetica Neue", , "Helvetica", "STHeitiSC-Light", "Arial", sans-serif;
    }
    
    @media screen and (max-width: 996px) {
        .mainboximg {
            float: none !important;
            width: 100% !important;
        }
        .mainboxwz {
            float: none !important;
            width: 100% !important;
        }
    }
    
    @media only screen and (min-width: 996px) {
        .zyfooterp {
            display: flex;
            justify-content: space-between;
        }
    }
    
    @media only screen and (max-width: 996px) {
        .zyfooterp {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
    }