/* 
author : Sir wangyahao 
Author URI:http://www.xrmseo.com
copyright by VTHINK: http://www.vshow.net/
*/


/* 搜索 */
.ttwsz span{ font-size:24px !important; position:relative; top:3px;}
.xhx_a{ text-decoration:underline;}
.logoslider { display:none;}
.logoslider_wap{ margin-top:-20px;}
.logoslider_wap .swiper-slide{ background:#f2f2f2; height:222px;}
.logoslider_wap  .cz_brand{float:Left; width:15%; margin:1% 0; margin-right:2%;}
.logoslider_wap  .cz_brand img{ max-width:100%;}
.logoslider_wap  .cz_brand6,.logoslider_wap  .cz_brand12,.logoslider_wap  .cz_brand18,.logoslider_wap  .cz_brand24,.logoslider_wap  .cz_brand30,.logoslider_wap  .cz_brand6{ margin-right:0;}
.bannerlink{ display:block; position:absolute;left:0;top:0; width:100%;height:100%;z-index:7;}
.ipadimg{ display:none;}
.teampage{ padding-top:50px;}
.teammore{ text-align:right; padding-top:30px; letter-spacing:2px; }
.teammore a{color:#333;}
.swiper-container-fade .swiper-slide{ pointer-events:inherit;}
.jobema{ display:block; font-style:normal;}
.pagehh_p{ height:80px;}
.ybwza{ padding-top:5px;}
.ybwza span{ font-size:25px !important; line-height:36px;}
.logopagination,.newpagination { text-align:center; padding-top:20px;}
.logopagination .swiper-pagination-bullet,.newpagination .swiper-pagination-bullet{ width:10px; height:10px; margin:0 5px;}
.logopagination .swiper-pagination-bullet-active,.newpagination .swiper-pagination-bullet-active{ background:#b40f0f;}
.logoslider img{ max-width:100%;}
.casebanner img{ display:none; max-width:100%;}
.nav_item .sp3{ display:none;}
.pubbg{ width:100%; height:100%; position:fixed; left:0; top:0; background:#000; z-index:1100;opacity:0.5;-webkit-opacity:0.5; display:none;}
.searchlay{ height:60px; width:552px; left:50%; margin-left:-281px; z-index:1200;  position:fixed;border-radius:4px;-webkit-border-radius:4px; overflow:hidden; visibility:hidden;opacity:0;-webkit-opacity:0;top:150px;}
.searchlaytxt{ font-size:18px; color:#555; border:1px solid #ccc; background:#fff; padding:15px; height:30px; line-height:30px; float:left;box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); background:#fff; width:520px;} 
.searchlayon{ opacity:1;-webkit-opacity:1;top:90px;visibility:visible;transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;}
#search1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-bottom: 1px solid #fff;
    background: url("../image/search1.svg") no-repeat 7px 12px;
    margin-top: 76px;
    width: 486px;
    z-index: 888;
    height: 47px;
}

.sousuo_1 {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.sousuo_1 a {
    display: block;
}

.inp,
.inp_1 {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 0 30px;
    height: 100%;
    width: 100%;
    color: #fff;
    font-size: 18px;
    line-height: 50px;
    text-indent: 1em;
    font-weight: 400;
    white-space: nowrap;
    /* border-bottom: 0.1px solid rgb(253, 253, 253); */
    outline: 0;
    background: 0 0;
    overflow: hidden;
    box-sizing: border-box;
    display: block;
    background-color: transparent;
}

.typed-cursor {
    color: #fff;
}

.s_left {
    padding-left: 50px;
    margin-top: 18px;
    cursor: pointer;
    -webkit-appearance: none;
}

.s_left {
    float: right;
    margin-right: 30px;
    width: 3.5%;
}

#suggestion_text {
    color: #fff;
}

#submit {
    width: 92px;
    height: 30px;
    position: absolute;
    top: 11px;
    right: 0px;
    border-radius: 19px;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    display: none;
    border: 1px solid #fff;
    box-sizing: border-box;
    transition: all .5s;
}

#submit:hover {
    color: #0041c6;
    background-color: #fff;
}




.pageimg,
.btpage,
.pagebg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.pageimg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pagetxt {
    position: relative;
    z-index: 18;
    color: #fff;
    font-size: 18px;
    line-height: 32px;
}

.pagep2 {
    margin-top: 45px;
}

.pagep1 img {
    height: 65px;
}
.pagep1 {
    font-size: 38px; letter-spacing: 10px;
}
.pagep3 {
    margin-top: 50px;
}

/* .pagep3 a{ display:inline-block;border-radius:50%;-webkit-border-radius:50%; border:1px solid #fff; background:url(../image/icon1.png) center no-repeat; width:48px; height:48px;} */

.pagebg {
    z-index: 8;
}

#banner {
    position: relative;
    overflow: hidden;
    min-height: 400px;
    height: 100vh;
}

#pages {
    height: 100%;
    position: relative;
    z-index: 8;
}

#pagesnavs {
    position: absolute;
    z-index: 222;
    width: 100%;
    bottom: 30px;
    text-align: center;
}

#pagesnavs a {
    display: inline-block;
    position: relative;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius:50%;-webkit-border-radius:50%;
    background: #fff;
    opacity:0.8;
    -webkit-opacity:0.8;
}
#pagesnavs a.active{ background:#b40f0f;}
#pagesnavs a:before,
#pagesnavs a:after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    display:none;
}

#pagesnavs a:before {
    background: url(../image/icon2.png) center no-repeat;
}

#pagesnavs a:after {
    background: url(../image/icon3.png) center no-repeat;
}

#pagesnavs a.active:before,
#pagesnavs a:after {
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
}

#pagesnavs a.active:after {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}

.pagesbtn {
    position: absolute;
    width: 12px;
    height: 12px;
    z-index: 30;
    bottom: 70px;
    cursor: pointer;
}

.pagesbtn:before,
.pagesbtn:after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
}

.pagesl:before {
    background: url(../image/icon4.png) center no-repeat;
}

.pagesl:after {
    background: url(../image/icon4_1.png) center no-repeat;
}

.pagesr:before {
    background: url(../image/icon1.png) center no-repeat;
}

.pagesr:after {
    background: url(../image/icon1_1.png) center no-repeat;
}

.pagesl {
    left: 50%;
    margin-left: -600px;
}

.pagesr {
    right: 50%;
    margin-right: -600px;
}

.pagesbtn:after,
.pagesbtn:hover:before {
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
}

.pagesbtn:hover:after {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}
.pageabout_m{ display:none; vertical-align:top;}
.pageabout {
    background: #e9e9e9;
    padding: 198px 0;
    color: #717171;
    font-size: 35px;
    line-height: 55px;
    position: relative;
    overflow: hidden;
    background: url("../image/cz_pic.jpg") no-repeat center;
}

.pageaboutp1,
.pageaboutp2 {
    max-width: 700px;
}

.pageaboutp2 {
    margin-top: 20px;
    height: 65px;
}

.pageaboutp22 {
    width: 380px;
    color: #000;
    margin-left: 20px;
    height: 100%;
}

.pageaboutimg {
    width: 50%;
    max-width: 660px;
    position: absolute;
    top: 14%;
    right: -210px;
}

.pageaboutp3 {
    margin-top: 40px;
}

.pageaboutp3 span,
.pageaboutp3 i {
    font-size: 16px;
    color: #1b1b1b;
}

.pageaboutp3 i {
    width: 38px;
    height: 38px;
    border: 1px solid #1b1b1b;
}
 .pagetxt{ position:absolute;width:100%; left:0; bottom:100px;}

.pageaboutp3 i:before,
.pageaboutp3 i:after {
    width: 12px;
    height: 12px;
    top: 13px;
}

.pageaboutp3 i:before {
    left: 13px;
}

.pageaboutp3:hover i:after {
    left: 13px;
}

.pageaboutp3:hover i:before {
    left: 26px;
}

.pageaboutp3:hover i {
    border-color: #b40f0f;
}

.pageaboutp3:hover span {
    color: #b40f0f;
}

.pageaboutp3:hover span:before {
    top: 48px;
    background: #b40f0f;
}

.pagecase {
    height: 830px;
}

.pagecasebtn {
    outline: none;
    position: absolute;
    width: 38px;
    height: 38px;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    z-index: 22;
    opacity: 0;
    -webkit-opacity: 0;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
}

.pagecasebtn i {
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    left: 13px;
    top: 13px;
}

.pagecase-prev i {
    background: url(../image/icon4.png) center no-repeat;
}

.pagecase-next i {
    background: url(../image/icon1.png) center no-repeat;
}

.pagecase-prev {
    left: 0;
}

.pagecase-next {
    right: 0;
}

.pagecase:hover .pagecasebtn {
    opacity: 0.7;
    -webkit-opacity: 0.7;
}

.pagecase:hover .pagecasebtn:hover {
    opacity: 1;
    -webkit-opacity: 1;
}

.pagecase:hover .pagecase-prev {
    left: 50px;
}

.pagecase:hover .pagecase-next {
    right: 50px;
}

.pagecase .pagecasenav {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 30;
    bottom: 20px;
}

.pagecasenav span {
    display: inline-block;
    margin: 0 18px;
    width: 24px;
    height: 24px;
    background-image: url("../image/icon2.png");
    opacity: 1;
    -webkit-opacity: 1;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.pagecase .pagecasenav span {
    margin: 0 10px !important;
}

.pagecasenav span.swiper-pagination-bullet-active {
    background-image: url("../image/icon3.png");
}

.pagecasetxt {
    position: relative;
    z-index: 23;
    height: 100%;
    color: #fff;
}

.pagecasebg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 8;
}

.pagecasebg {
    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: 80px 30% 80px;
    box-sizing: border-box;
}

.pagecaseimg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 5;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.swiper-slide-active .pagecaseimg {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transition: all 4s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -webkit-transition: all 4s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}

.pagecaseh5 {
    font-size: 28px;
    line-height: 1;
    text-align: justify;
}

.pagecaseh2 {
    font-size: 42px;
    margin-top: 20px;
    line-height: 1.2;
    max-width: 600px;
    text-align: justify;
}

.pageaboutp3 {
    margin-top: 40px;
    text-align: justify;
}

.pagecasea {
    display: block;
    text-align: left;
    margin-top: 20px;
}

.pagecasea span {
    font-style: oblique;
}

.pagecasea span,
.pagecasea i {
    font-size: 14px;
    color: #fff;
}

.pagecasea i {
    width: 28px;
    height: 28px;
    border: 1px solid #fff;
}

.pagecasea span:before {
    background: rgba(255, 255, 255, 0.3);
    top: 20px;
}

.pagecasea i:before,
.pagecasea i:after {
    width: 12px;
    height: 12px;
    top: 8px;
}

.pagecasea i:before {
    left: 8px;
}

.pagecasea:hover i:after {
    left: 8px;
}

.pagecasea:hover i:before {
    left: 16px;
}

.pagecasea:hover i {
    border-color: #b40f0f;
}

.pagecasea:hover span {
    color: #b40f0f;
}

.pagecasea:hover span:before {
    top: 22px;
    background: #b40f0f;
}

.pagecasea i:before {
    background: url(../image/icon1.png) center no-repeat;
}

.pagenew img {
    max-width: 100%;
}

.pagenew {
    height: 920px;
    background: #000;
    position: relative;
}

.pagenewl,
.pagenewr {
    box-sizing: border-box;
    height: 100%;
    width: 50%;
    position: relative;
}

.pagenewrm {
    box-sizing: border-box;
    height: 50%;
    width: 100%;
    position: relative;
}

.pagenewrm1 {
    border-top: 1px solid #818181;
}

.pagenewltxt {
    position: absolute;
    width: 60%;
    max-width: 630px;
    color: #fff;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
}

.pagenewlimg {
    width: 68%;
    max-width: 430px;
    margin: 0 auto;
}

.pagenewlimga {
    position: relative;
}

.pagenewlimgbg,
.pagenewrbg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 5;
    background: #000;
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
}

.pagenewldesc h2 {
    font-size: 28px;
    line-height: 35px;
    color: #b40f0f;
    max-width: 300px;
    padding-top: 40px;
}

.pagenewldesc {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 12;
}

.pagenewldesc p {
    font-size: 16px;
    margin-top: 30px;
}

.pagenewlimgp1 {
    position: absolute;
    font-weight: bold;
    font-size: 28px;
    bottom: 26px;
    right: 30px;
    z-index: 12;
    text-align: left;
}

.pagenewlimgp1 span {
    display: block;
}

.pagenewra {
    display: block;
    position: absolute;
    left: 60px;
    top: 60px;
    right: 60px;
    bottom: 60px;
}

.pagenewrimg {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 475px;
}

.pagenewrtxt {
    width: 100%;
    max-width: 300px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.pagenewrtxt1 {
    top: 0;
    bottom: auto;
}

.pagenewrtxt {
    color: #fff;
    font-size: 22px;
}

.pagenewrtxt h2 {
    margin-top: 15px;
}

.pagenewrtxt p {
    font-size: 18px;
}

.pagenewrimg {
    opacity: 0;
    -webkit-opacity: 0;
    overflow: hidden;
}

.pagenewrimg img {
    transform: scaleY(1.12);
    -webkit-transform: scaleY(1.12);
}

.pagenewrimg {
    transition: all 477ms cubic-bezier(0.16, 0.01, 0.77, 1);
    -webkit-transition: all 477ms cubic-bezier(0.16, 0.01, 0.77, 1);
}

.pagenewrimg img {
    transition: all 377ms cubic-bezier(0.16, 0.01, 0.77, 1);
    -webkit-transition: all 377ms cubic-bezier(0.16, 0.01, 0.77, 1);
}

.pagenewra:hover .pagenewrimg {
    opacity: 1;
    -webkit-opacity: 1;
}

.pagenewra:hover .pagenewrimg img {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
}

.pagenew:hover .homepost {
    opacity: 0.3;
    -webkit-opacity: 0.3;
}

.pagenew:hover .homepost-first {
    opacity: 0.5;
    -webkit-opacity: 0.5;
}

.pagenew:hover .pagenewra:hover {
    opacity: 1;
    -webkit-opacity: 1;
}

.pagenew:hover .pagenewltxt:hover {
    opacity: 1;
    -webkit-opacity: 1;
}

.pagenew:hover .pagenewltxt:hover h2 {
    color: #fff;
}

.pagenewrtxt h2,
.homepost {
    transition: all 277ms cubic-bezier(0.16, 0.01, 0.77, 1);
    -webkit-transition: all 277ms cubic-bezier(0.16, 0.01, 0.77, 1);
}

.pagenewlmore {
    position: absolute;
    bottom: 8%;
    padding: 20px 60px;
    background: #333;
    left: 50%;
    margin-left: -96px;
    z-index: 66;
    font-size: 16px;
    letter-spacing: 2px;
}

.pagenewlmore span {
    color: #fff;
}

.pagenewlmore:after {
    background-color: #fff;
}

.pagenewlmore:hover span {
    color: #000;
}

.ydx {
    position: absolute;
    width: 1px;
    background: #818181;
    top: 0;
    height: 0;
    left: 50%;
    transition: all 800ms cubic-bezier(0.16, 0.01, 0.77, 1);
    -webkit-transition: all 800ms cubic-bezier(0.16, 0.01, 0.77, 1);
}

.pagenewon .ydx {
    height: 100%;
}

.pagefooter {
    background: #ebebeb;
    padding-top: 110px;
    line-height: 24px;
    padding-bottom: 60px;
}

.pagefooter,
.pagefooter a {
    color: #000;
}

.pagefooter h4 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
    padding-bottom: 20px;
}

.pagefooterb p {
    margin-bottom: 25px;
}

.pagefooterbbp1 {
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    color: #000;
}

.pagefooterbbp2 span {
    color: #000;
    font-weight: bold;
    padding-right: 15px;
}

.pagefooterbbp2 em {
    font-style: normal;
}

.pagefooterbb {
    margin-left: 80px;
}

.pagefootera {
    position: relative;
    line-height: 31px;
    text-align: right;
    margin-bottom: 30px;
}

.pagefootera:before {
    position: absolute;
    left: 0;
    height: 1px;
    background: #bebebe;
    width: 100%;
    top: 16px;
    content: '';
}

.pagefootera span {
    display: inline-block;
    background: #ebebeb;
    padding-left: 22px;
    position: relative;
    z-index: 6;
}

.pagefooterbcp1 {
    position: relative;
    padding-top: 38px;
    padding-right: 80px;
}

.sjt {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 14px;
    background: url(../image/sjt.svg) center no-repeat;
    background-size: auto 55px;
    width: 40px;
    height: 70px;
}

.pagefooterbcp1 a {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-left: 40px;
}

.face {
    background: url(../image/facebook.svg) center no-repeat;
    background-size: auto 20px;
}

.linke {
    background: url(../image/linkedin.svg) center no-repeat;
    background-size: auto 20px;
}

.sina {
    background: url(../image/sina.svg) center no-repeat;
    background-size: auto 20px;
}

.pagefooterbc {
    text-align: right;
}

.pagefooterbcp2 a {
    display: inline-block;
    margin-left: 25px;
}

.pagefooterbbp21 {
    padding-top: 8px;
}

.pagefooterbcp2 {
    padding-top: 40px;
}

.pagefooterba3 {
    padding-top: 0;
}

.pagefooterba3 a {
    display: inline-block;
    border: 2px solid #000;
    text-align: center;
    padding: 15px 50px;
    font-size: 16px;
}

.pagefooterb {
    padding-bottom: 40px;
    border-bottom: 1px solid #bebebe;
}

.pagebanner {
    /* position: relative; */
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    
    background-size: cover;
    
}
.pagebanner750 {
    
    overflow:hidden;
    background-size: cover;
}
.pagebannerwz {
    position: absolute;
    left: 0;
    width: 100%;
    top: 43%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: center;
}
.fgdban .fgdbanimg{ display:block; width:100%;}

.pbimg2 {
    margin-top: 20px;
}

.worksub {
    background: #fafafa;
    padding: 60px 30px;
    padding-bottom: 40px;
    position: relative;
}

.worklay {
    display: none;
    top: 120px;
    z-index: 55;
    position: absolute;
    background: #fff;
    width: 400px;
    box-shadow: 0 1px 17px 0 rgba(0, 0, 0, .04);
}

.worklay2 {
    left: 460px;
}

.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: 15px;
    color: #000;
    line-height: 18px;
    font-style: oblique;
}

.worksubh4 span {
    position: relative;
    display: inline-block;
    padding-bottom: 3px;
}

.worksubh4 span:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: #e1e1e1;
}

.worksubm {
    font-size: 20px;
    line-height: 36px;
    margin-top: 28px;
}

.ml10p {
    margin: 0 40px;
}

.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;} */

.worksubjs:hover:before {
    bottom: 0;
    background: #b40f0f;
}

.worksubjs span {
    color: #1b1b1b;
    position: relative;
    display: inline-block;
    padding-right: 30px;
}

.worksubjs span:before {
    background: url(../image/xbjt.svg) right center no-repeat;
    background-size: 20px auto;
    content: '';
    width: 20px;
    height: 100%;
    position: absolute;
    content: '';
    right: 28px;
    top: 0;
}

.label--xxs {
    font-size: 12px;
}

.worklayul li:hover span {
    color: #b40f0f;
}

.worklayul li {
    border-bottom: 1px solid rgba(178, 178, 178, 0.3);
    color: #000;
    padding: 8px;
    cursor: pointer;
}

.worklayul em {
    color: #343434;
    opacity: 0.5;
    -webkit-opacity: 0.5;
    font-size: 14px;
    font-style: normal;
    padding-left: 10px;
}

.slider1img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: 4s;
    transition: 4s;
}

.caselist {
    padding-top: 60px;
}

.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: 80px 30% 80px;
    box-sizing: border-box;
}

.caselisth4 {
    font-size: 13px;
}

.caselisth2 {
    font-size: 30px;
    margin: 11px 0;
}

.caselistdesc {
    font-size: 15px;
}

.caselista:hover img {
    -webkit-filter: saturate(1.15) brightness(1.15);
    filter: saturate(1.15) brightness(1.15);
}

.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,
.worklayul span,
.worksubjs:before,
.pagecasebtn,
.ppubmore span:before,
.ppubmore i,
.ppubmore span,
.ppubmore i:before,
.ppubmore i:after,
.pagesbtn:before,
.pagesbtn:after,
#pagesnavs a:before,
#pagesnavs a:after {
    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;
    -moz-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}

.promainrdesc .p_ico1 {
    transition-delay: 0.2s;
}

.promainrdesc .p_ico2 {
    transition-delay: 0.3s;
}

.promainrdesc .p_ico3 {
    transition-delay: 0.4s;
}

.pagecase .swiper-pagination-bullet {
    background-color: transparent;
}

/* 20190801 */

.worksubjs span {
    border: 1px solid #1b1b1b;
    display: inline-block;
    padding: 2px 0px;
    padding-left: 30px;
    padding-right: 60px;
    font-size: 16px;
}

.worksubjs {
    margin-right: 0px;
}


.article_more {
    text-align: center;
}

.article_more a {
    display: inline-block;
    width: 300px;
    height: 48px;
    background-color: #303030;
    font-size: 12px;
    color: #ffffff;
    line-height: 48px;
    transition: all .35s;
    -webkit-transition: all .35s;
}

.article_more a:hover {
    background-color: #000;
}
/* 项目案例 */
.post_case {
    margin-bottom: 60px;
}
.post_case li{
    /* float: left;
    margin-right: 2%;
    width: 32%;
    margin-bottom: 30px;

    position: relative; */
    padding: 0 15px;
    box-sizing: border-box;
    margin-bottom: 30px;
    padding-bottom: 20px;
}
.post_case li::after {
    position: absolute;
    bottom: 0px;
    left: 5%;
    width: 0%;
    height: 1px;
    content: '';
    background-color: #cccccc;
    transition: all .5s;
}
.post_case li:hover::after {
    width: 90%;
}
.post_case li:nth-child(3n){
    margin-right: 0;
}

.post_case_img {
    overflow: hidden;
    width: 100%;
    height: 249px;
    display: block;
    position:relative;
}
.post_case_img:hover .post_case_img_img{ }
.post_case_img_img{ transition:all 0.3s ease; width:100%; height:100%; overflow:hidden;}
.post_case_img img{    width: 100%;
	display: none;
}

.post_case_img:before{ content:''; transition:all 0.3s ease; position:absolute;width:100%;height:100%;left:0;top:0;background:#000;opacity:0;-webkit-opacity:0;}
.post_case_img:hover:before{opacity:0.1;-webkit-opacity:0.1;}
.post_case_title ,.team_title{
    font-size: 14px;
    color: #333;
    padding-top: 20px;
}
.post_case_title:hover ,.team_title:hover{
    color: #000;
}
.post_case span {
    color: #797979;
    font-size: 12px;
}
.post_case_title,.post_case span ,.team_title{
    padding-left: 6px;
    box-sizing: border-box;
    display: block;
}
/* 案例详情 */
.ali_header {
    text-align: center;
}
.ali_header h3{
    font-size: 20px;
    color: #333;
    letter-spacing: 2px;
}
.ali_header span{
    font-size: 14px;
    color: #999;
    display: block;
    padding-top: 20px;
}
.ali_intr {
    padding-top: 70px;
    padding-bottom: 40px;
}
.ali_intr p{
    width: 150px;
}
.ali_intr_list {
    width: 64%;
    margin-left: 0;
}
.ali_intr_list dd {
    float: left;
    width: 50%;
    color: #999;
    font-size: 14px;
    padding-bottom: 15px;
}
.color-333{
    color: #333;
}
.color-999{
    color: #999;
}
.ali_intr_title {
    font-size: 20px;
    display: block;
}
.go_pre {
    width: 204px;
    height: 44px;
    border: 1px solid #666;
    padding-left: 75px;
    line-height: 44px;
    color: #333;
    position: relative;
    box-sizing: border-box;
    transition: all .5s;
}
.go_pre::before {
    display: block;
    content: '';
    background: url("../image/icon6.png") no-repeat;
    position: absolute;
    top: 18px;
    left: 43px;
    width: 16px;
    height: 16px;
    transition: all .5s;
}
.go_pre:hover::before {
    background: url("../image/icon6f.png") no-repeat;
}
.go_pre:hover {
    background-color: #000;
    color: #fff;
}
.ali_xq,.ali_intr,.recommend-title,.recommend_list  {
   
    width: 1000px; margin:0 auto;
}

.ali_xq img {
    max-width: 100%;
}
/* 推荐模块 */
.recommend {
    margin-top: 30px;
    margin-bottom: 100px;
} 
.recommend li {
    float: left;
    width: 32%;
    margin-right: 2%;
}
.recommend a {
    display: block;
    overflow: hidden;
}
.recommend li:nth-child(3n) {
    margin-right: 0;
}
.recommend li p{
    font-size: 14px;
    color: #666;
    padding-top: 22px;
}
.recommend li span {
    color: #333;
}
.recommend-title h3 {
    font-size: 20px;
    color: #333;
    width: 50%;
}
.recommend-title span {
    font-size:12px;
    color: #999;
}
.recommend-title {
    padding-bottom: 25px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px;
}
.recommend-title a{
    height: 44px;
    margin-top: -25px;
}

/* 新闻模块 */

.h_case_ma {
    background: #f4f4f4;
    padding: 50px 0;
}

.h_case_m1_l {
    float: left;
    padding-left: 105px;
    position: relative;
}

.h_m1_i {
    background: #a6a6a6;
    height: 2px;
    width: 55px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}

.h_case_m1_r {
    float: right;
}

.h_c_r_m1_p1 {
    font-size: 12px;
    font-family: Arial, sans-serif;
}

.h_case_m1_p2 {
    padding-top: 55px;
}

.h_case_m1_p3 {
    padding-top: 25px;
}

.h_c_r_m1_p1 {
    padding-top: 80px;
}

.h_c_r_m1_p2 {
    font-size: 15px;
    padding-top: 30px;
    overflow: hidden;
    zoom: 1;
}

.h_c_r_m1_p2,
.h_c_r_m1_p2 a {
    color: #000;
}

.h_c_r_m1_p2 a {
    display: block;
    line-height: 26px;
}

.h_c_r_m1_p2_ul {
    float: right;
    padding-right: 100px;
}

.h_case_m2_m,
.h_case_m2_m:hover {
    color: #505050;
}

.h_2_m_p1 {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}

.h_2_m_p2 {
    font-size: 19px;
    color: #000000;
    font-weight: 700;
    letter-spacing: 1px;
    padding-top: 20px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.h_2_m_p3 {
    padding-top: 25px;
    height: 65px;
    overflow: hidden;
    zoom: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.h_case_m2_m_odd {
    margin-right: 0;
    margin-left: 4%;
}

.h_2_m_txt {
    padding: 38px 38px 18px;
    padding-left: 105px;
    position: relative;
}

.h_2_m_p1 {
    position: relative;
    left: 0;
}

.h_m1_i2 {
    top: 42px;
    height: 1px;
    width: 55px;
    position: absolute;
    left: 0;
    display: block;
    overflow: hidden;
}

.h_more_1 {
    display: block;
    width: 152px;
    padding-right: 0;
    line-height: 33px;
    margin-top: 35px;
    height: 33px;
    color: #fff;
    border: 1px solid #1b1b1c;
    background: #1b1b1c;
}

.h_more_1_em {
    padding-left: 25px;
    padding-right: 30px;
    letter-spacing: 0;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    height: 100%;
}

.h_more_1_i {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    width: 20px;
    position: relative;
    overflow: hidden;
}

.h_more_1_jt {
    font-size: 25px;
    color: #9d8249;
    position: absolute;
    left: -5px;
}

.h_case_m2_img {
    position: relative;
    overflow: hidden;
    zoom: 1;
}

.h_case_m2_img img {
    width: 90%;
}

.h_m_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 40px solid #f2f2f2;
    left: -40px;
    top: -40px;
    z-index: 9;
}

.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_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_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;
}

.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: 0;
    width: 100%;
    height: 100%;
    z-index: 190;
}

.cz_news_item {
    float: left;
    width: 100%;
    margin-top: 6%;
    color: #505050;
    font-size: 12px;
    line-height: 20px;
    margin-right: 2%;
}

.cz_news_item:last-child {
    margin-right: 0px;
}

@keyframes hm_b_t {
    0% {
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
    }
    50% {
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
    }
    100% {
        transform: translateY(-101%);
        -webkit-transform: translateY(-101%);
        -moz-transform: translateY(-101%);
    }
}

@-webkit-keyframes hm_b_t {
    0% {
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
    }
    50% {
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
    }
    100% {
        transform: translateY(-101%);
        -webkit-transform: translateY(-101%);
        -moz-transform: translateY(-101%);
    }
}

.hm_b_t {
    -webkit-animation-name: hm_b_t;
    animation-name: hm_b_t;
}

.type a {
    display: block;
}

.w1400 {
    width: 1400px;
    margin: 0 auto;
}

.cz_news {
    position: relative;
    margin-top: 80px;
    margin-bottom: 80px;
   
}

.swiper_np {
    outline: none;
    position: absolute;
    width: 38px;
    height: 38px;
    border: 1px solid #b40f0f;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    z-index: 22;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
}

.swiper_np i {
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    left: 13px;
    top: 13px;
}

.swiper-prev i {
    background: url(../image/icon4_1.png) center no-repeat;
}

.swiper-next i {
    background: url(../image/icon1_1.png) center no-repeat;
}

.swiper-prev {
    left: -67px;
}

.swiper-next {
    right: -27px;
}

/* 合作伙伴 */

.cz_hz {
    margin-top: 40px;
    margin-bottom: 70px;
}

.cz_hz_top {
    font-family:Arial;
    font-size: 12px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #222222;
    position: relative;
    box-sizing: border-box;
}

.cz_hz_top::after {
    content: '';
    position: absolute;
    top: 14px;
    left: 0px;
    background-color: #1b1b1b;
    width: 72px;
    height: 2px;
}
.cz_hz_top .p1 {
    padding-left: 90px;
}
.cz_hz_top .p2 {
    font-size: 24px;
    color: #222;
    line-height: 38px;
    margin-top: 10px;
    width: 652px;
}

.cz_hz_bottom {
    margin-top: 50px;
}

.cz_hz_brand {
    width: 22%;
    float: left;
    margin-right: 4%;
    background-color: #fff;
    margin-bottom: 3%;
    transition: all .35s;
    -webkit-transition: all .35s;
    /*兼容苹果-谷歌*/
    -o-transition: all .35s;
    /*兼容欧朋*/
    -ms-transition: all .35s;
    /*兼容IE*/
    -moz-transition: all .35s;
    /*兼容火狐*/
    /* border: 1px solid #e5e5e5; */
    box-sizing: border-box;
}

.cz_hz_brand:hover {
    box-shadow: 0 0px 40px rgba(0, 0, 0, 0.1);
}

.cz_hz_brand:nth-child(4n) {
    margin-right: 0;
}

.cz_hz_brand img {
    width: 100%;
}


.nav_two {
    display: flex;
    justify-content : space-around;
    width: 1000px;
    margin: 0 auto;
    margin-top: 60px;
}
.nav_two a{
    display: block;
    border: 1px solid #1b1b1b;
    height: 44px;
    width: 12.5%;
    color: #333;
    text-align: center;
    line-height: 44px;
    position: relative;
}
.nav_two a::after{
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: -6;
    background-color: #1b1b1b;
    display: block;
    width: 100%;
    height: 0;
    transition: all .35s;
    -webkit-transition: all .35s;   /*兼容苹果-谷歌*/
    -o-transition: all .35s;    /*兼容欧朋*/
    -ms-transition: all .35s;   /*兼容IE*/
    -moz-transition: all .35s;  /*兼容火狐*/
}
.nav_two a:hover {
    color: #fff;
   
}
.nav_two a:hover::after{
    height: 100%;
}
.m_nav {
    display: none;
}


/* 兼容 */

@media screen and ( max-width: 1600px) {
    .w1400 {
        width: 1400px;
    }
    .footer_wrap {
        width: 1400px;
    }
    .foot_list li {
        margin-right: 5.5%;
    }
}

@media screen and ( max-width: 1440px) {
    .w1400 {
        width: 1200px;
    }
    .footer_wrap {
        width: 1200px;
    }
    .foot_list li {
        margin-right: 2.5%;
    }
}


/* 案例详情 */
.ali_detail {
    margin-top: 80px;
}
.ali_detail_int {
    padding-bottom: 20px;
}
.ali_detail_left {
    width: 890px;
}

.ali_detail_left {
    margin-bottom: 80px;
}


.ali_detail_right {
    width: 370px;
   
}
.ali_detail_int {
    background-color: #fff;
}
.ali_detail_item {
    float: left;
    width: 47%;
    margin-right: 6%;
    margin-bottom: 6%;
}
.ali_detail_item span {
    display: block;
    padding: 5px 0;
    color: #666;
}
.ali_detail_item:nth-child(2n) {
    margin-right: 0;
}
.ali_detail_item img {
    width: 100%;
}
.ali_detail_title  {
    padding-top: 30px;
    padding-bottom: 26px;
    padding-left: 35px;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}
.ali_detail_title::after {
    content: '';
    position: absolute;
    top: 33px;
    left: -1px;
    display: block;
    width: 23px;
    height: 29px;
    background: url("../image/icon112.png") no-repeat center;
}
.ali_detail_title h2 {
    color: #222;
    font-size: 22px;
}
.ali_detail_title p{
    font-size: 12px;
    color: #797979;
}
.ali_detail_i {
    padding-left: 35px;
    margin-top: 20px;
}
.ali_detail_i p {
    color: #222;
    padding: 3px 0;
}
.ali_detail_i span {
    color: #666;
}
.ali_detail_re {
    padding: 0 35px ;
    box-sizing: border-box; 
}
.ali_detail_re .p1 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.ali_detail_re .sp1 {
    font-size: 14px;
    color: #111;
}

.ali_detail_re .sp2 {
    font-size: 12px;
    color: #797979;
}
.go_back  {
    display: block;
    width: 90%;
    margin: 0 auto;
    height: 50px;
    background-color: #1b1b1b;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 50px;
    margin-top: 20px;
    position: relative;
}
.go_back i{
    position: absolute;
    top: 19px;
    left: 114px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(../image/icon4.png) center no-repeat;
}
.go_back span {
    margin-left: 20px;
}
.go-top {
    width: 44px;
    height: 44px;
    background: url('../image/go-top.png') no-repeat center;
    position: fixed;
    bottom: 10px;
    right: 50px;
    cursor: pointer;
}


#sidebar.sticky { float: none; position: fixed; top: 20px; z-index: 6; right: auto; }

.btpage {
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
}


/* news */
.news-main  img,.news-menu a::after, .news-menu a::after,.news-tj {
    transition: all .5s;
}
.news-main {
    margin-top: 100px;
    margin-bottom: 100px;
}
.news-menu {
    width: 16%;
    height: 500px;
}
.news-menu li{
    margin-bottom: 30px;
}
.news-menu a {
    color: #737373;
    font-size: 14px;
    position: relative;
}
.news-menu a::before {
    width: 4px;
    height: 4px;
    background-color: rgba(0, 0, 0, 0);
    content: '';
    display: block;
    border-radius: 2px;
    position: absolute;
    top: 9px;
    left: -12px;
}
.news-menu a::after {
    width:0px;
    height: 1px;
    background-color: rgba(0, 0, 0, .4);
    content: '';
    display: block;
    top: 0px;
    left: 0px;
}
.news-menu a:hover ,.news-menu li.active{
    color: #232323;
}
.news-menu a:hover::before ,.news-menu li.active a::before{
    background-color: rgba(0, 0, 0, .4);
}
.news-menu a:hover::after,.news-menu li.active a::after{
    width:64px;
}

.news-content {
    width: 84%;
}
.news-content  img {
    width: 100%;
}
.news-time {
	font-size: 12px;
	color: #999999;
}
.news-title {
	font-size: 18px;
    color: #222222;
    width:100%;    
    overflow: hidden;    
    text-overflow:ellipsis;    
    white-space: nowrap;
    margin-top: 17px;
}
.news-title:hover {
    color: #000000;
}
.news-con {
	font-size: 14px;
	line-height: 24px;
    color: #666666;  
    margin-top: 16px;
}  

.news-tj-txt  {
    border: solid 1px #e5e5e5;
    padding: 21px 40px 30px 37px;
}

.news-tj {
    margin-bottom: 40px;
	
}
.news-list-item {
    padding: 30px 0;
    border-bottom: 1px dashed #c0c0c0;
}
.news-list-item:last-child { 
    border-bottom: 1px dashed transparent;
}
.news-list-left {
    width: 60%;
    transition: all .5s;
}
.news-list-right {
    width: 30%;
    transition: all .5s;
}
.news-list-con {
    width:100%;    
    overflow: hidden;    
    text-overflow:ellipsis;    
    white-space: nowrap;
}
.news-more {
    margin-top: 34px;
    display: block;
}
.news-more span {
    color: #999;
}
.news-more i {
    width: 22px;
    height: 22px;
    background: url('../image/icon12.svg') center no-repeat;
    display: inline-block;
    background-size: cover;
}

.news-list-item:hover .news-list-left{
        transform: translate(10px)
}
.news-list-item:hover .news-list-right{
    transform: translate(-10px)
}
.news-list-right {
    overflow: hidden;
}
.news-list-right:hover img{
    transform: scale(1.05)
}

/* 都进成执 */
.go_section1_foot {
    margin-top: 80px;
}
.go_section1_title h2 {
    font-size: 28px;
    color: #333;
    letter-spacing: 0;
}
.go_section1_title span {
    color: #0f0f0f;
    font-size: 16px;
    padding-top: 0;
    padding-bottom: 42px;
    display: block;
    letter-spacing: 1px;
    
}
.go_section1_foot>div>span{
    font-size: 14px;
    color: #000;
    display: block;
    padding: 10px 0;

}
.go_section1 p {
    color: #666;
    line-height: 28px;
}
.go_section1_foot>span {
    font-size: 12px;
    color: #999;
    position: relative;
    padding-top: 30px;
    letter-spacing: 3px;
}
.go_section1_foot>span::after {
    position: absolute;
    top: 40px;
    right: -120px;
    width: 100px;
    height: 1px;
    background-color: #666;
    content: '';
    display: block;

}
/* 走进成执 */
.go_section1 {
    margin-top: 70px;
    margin-bottom: 70px;
}
.go_section2{
    width: 100%;
    background-color: #272727;
    text-align: center;
}
.go_section2 li {
    width: 50%;

}
.go_section2 li img {
    width: 100%;
}
.go_section3-title {
    text-align: center;
}
.go_section3-title h3 {
    font-size: 28px;
    color: #333;
    letter-spacing: 3px;
    margin-bottom: 5px;
}
.go_section3-title span {
    color: #0f0f0f;
    font-size: 16px;
    letter-spacing: 1px;
    display: block;
}
.go_section3 {
    padding-bottom: 70px;
    margin-top: 70px;
}
.go_section3-title {
    padding-bottom: 40px;
}
.section3-img-fr img {
    margin-bottom: 70px;
}


/* 团队介绍 */
.team_item li {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2.5%;
    float: left;
    position: relative;
}
.team_item li .img_none{
    position: absolute;
    top: 0px;
    left: 0px;
    transition: all 1s;
    opacity: 0;
}
.team_item li:hover .img_none{
    opacity: 1;
}
.team_item li a {
    height: auto;
}
.team_item li:nth-child(4n) {
    margin-right: 0px;
}
li.team—h3 {
    font-style: italic;
    font-size: 18px;
    color: #333;
    padding-left: 13px;
}
.team-sp1 {
    font-size: 14px;
    color: #585858;
    margin-top: 10px;
}

.team_title {
    position: relative;
    padding-left: 30px;
}
/* .team_title::after{
    position: absolute;
    top: -14px;
    left: 30px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 14px 14px 14px;
    border-color: transparent transparent #FFFFFF transparent;
} */
/* x新闻详情 */
.news-list-detail {
    border-bottom: 1px solid #dcdcdc;
}
.news-list-detail li{
    float: left;
    color: #585858;
    line-height: 45px;
}
.news-list-detail li a {
    color: #666;
}
.news-list-detail span{
    color: #000;
}
  

.news-dl-content {
    width: 100%;
}
.news-dl-content .news-tj-txt {
    border: none;
    padding: 0;
}
.news-dl-content .news-time {
    margin-top: 15px;
    display: block;
} 
.news-dl-content .news-main {
    padding-top: 70px;
}
.news_con {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}
.pagination a {
    display: block;
    width: 164px;
    height: 45px;
    border: 1px solid rgba(0, 0, 0, .5);
    line-height: 45px;
    color: #333;
    box-sizing: border-box;
    transition: all .5s;
}
.pagination .prev {
    background: url('../image/icon6.png') no-repeat ;
    padding-left: 0;
    background-position: center 13px;
    
}
.pagination .next {
    background: url('../image/icon5.png') no-repeat ;
    padding-left: 0;
    background-position:  center 13px;
    
}
.pagination .prev:hover {
    color: #fff;
    background:rgba(0, 0, 0) url('../image/icon6f.png') no-repeat ;
    background-position:  center 13px;
}
.pagination .next:hover {
    color: #fff;
    background:rgba(0, 0, 0) url('../image/icon5f.png') no-repeat ;
    background-position: center 13px;
}

/* 联系我们 */
.contact-main {
    margin-top: 80px;
    margin-bottom: 70px;
    
}
.contact-main-title {
    text-align: center;
}
.contact-main-title h3 {
    font-size: 26px;
    color: #222;
    padding-top: 45px;
    padding-bottom: 15px;
}
.contact-main-title p {
    color: #666;
    font-size: 14px;
    padding-bottom: 35px;
}
.contact-main-lf {
    background-color: #fff;
    width: 812px;
	height:528px;
    
}
.contact-main .w1300 {
    height: 100%;
}
.contact-main-rt {
    width: 388px;
    background-color: #eee;
	
}
.contact-main-lf .box1 {
    float: left;
    width: 48%;
    margin-right:26px;
    border: 1px solid #e5e5e5;
    height: 50px;
    line-height: 50px;
    margin-bottom:26px;
}
.contact-main-lf .box1:nth-child(2n){
    margin-right: 0;
}
.contact-main-lf .table {
    padding: 0 80px;
}
.contact-main-lf .table input {
    width: 76%;
    height: 100%;
}
.contact-main-lf .box1 {
    padding-left: 2em;
    box-sizing: border-box;
}
.contact-main-lf .box2 {
    width: 100%;
    height: 106px;
    border: 1px solid #e5e5e5;
    float: left;
    padding: 15px;
    box-sizing: border-box;
}
.contact-main-lf .box2 textarea {
    width: 100%;
    height: 100%;
}
.contact-rt-item h5 {
    font-size: 16px;
    color: #222;
}
.contact-rt-item span {
    font-size: 14px;
    color: #666;
}

.contact-main-rt {
    padding: 0;
    box-sizing: border-box;
}
.contact-rt-item {
    padding: 24px 0;
}
.contact-rt-item span {
    padding-top: 10px;
    display: block;
}
.contact-submit {
    width: 200px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #e5e5e5;
    display: block;
    margin: 0 auto;
    color: #333;
    margin-top: 40px;
    padding-left: 80px;
    box-sizing: border-box;
    background: url('../image/icon5.png') no-repeat ;
    background-position: 115px 19px;
    transition: all .5s;
}
.contact-submit:hover {
    color: #fff;
    background: #000 url('../image/icon5f.png') no-repeat ;
    background-position: 115px 19px;
}


/* 团队详情 */
.team_main {
    margin-top: 40px;
}
.person_img {
    margin-right: 70px;
    width: 40%;
}
.person_img img{
    max-width: 100%;
}
.person_txt {
    width: 50%;
}
.person_title {
    border-bottom: 1px solid #cacaca;
    padding-top: 0;
    padding-bottom: 30px;
}
.person_name {
    font-size: 26px;
    color: #333;
}
.person_job {
    font-size:18px;
    color: #585858;
}
.person_dec {
    margin-top: 20px;
    font-size: 14px;
    color: #585858;
}
.person_dec p {
    line-height: 33px;
}
.person_dec strong{ font-weight:bold;}
.related_title .sp1{
    color: #111;
    font-size: 20px;
    display: block;
}
.related_title .sp2{
    color: #797979;
    font-size: 12px;
}
.related_title {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 50px;
    padding-bottom: 15px;
}

.person_detail{ padding-bottom:80px;}


/* 时间轴 */

.button {
    position: absolute;
    cursor: pointer;
    top:3%;
    font-size: 35px;
    color: #999;
}
.button.prev {
    left: -80px;
}
.button.next {
    right: -80px;
    transform: rotate(180deg);
}
.container {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    margin-top: 100px;
    margin-bottom: 100px;
}
.slide_wrap  {
    overflow: hidden;
    position: relative;
}
.slide_wrap ul {
    position: relative;
    left: 0px;
}
.slide_wrap::after {
    width: 100%;
    height: 1px ;
    background-color: #d9d9d9;
    content: '';
    position: absolute;
    top: 65px;
    left: 0px;
    z-index: -1;
}
.slide_items li{
    float: left;
    width: 160px;
    text-align: center;   
}
.slide_items li a {
    display: block;
    padding-top: 12px;
}
.slide_items li span {
    color: #333333;
    font-size: 16px;
    display: block;
}
.slide_items li div {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #a2a2a2; ;
    border-radius: 13px;
    padding: 2px;
    box-sizing: border-box;
    margin-top: 22px;
}
.slide_items li i{
    display: block;
    width: 10px;
    height: 10px;
    background-color: #878787;
    border-radius: 5px;
}

.slide_items li.on a {
    padding-top: 0px;
}
.slide_items li.on {
    border-radius: 30px;
}
.slide_items li.on span {
    font-size: 24px;
}


.slide_items li.on div {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-color: #d3d3d3;
    border: none;
    border-radius: 13px;
    padding: 8px;
    box-sizing: border-box;
    margin-top: 16px;
}

.slide-content {
    margin-top: 50px;
}

.slide-content ul {
    display: none;
}
.slide-content ul.on {
    display: block;
}

.section3-img-lf{ max-height:848px; overflow:hidden;}
.swiper_left {
    width: 35%;
    height: 177px;
    overflow: hidden;
    transition: all .5s;
}
.swiper_left  img {
    max-width: 100%;
    max-height: 100%;
}
.swiper_right {
    padding-top: 28px;
    position: relative;
    width:65%;
}
.swiper_right span {
    font-size: 12px;
    color: #999;
    display: block;
    padding-bottom: 20px;
}
.swiper_right p {
    font-size: 16px;
    color: #101010;
    padding-bottom: 40px;
}
.swiper_right em {
    font-size: 30px;
    color: rgb(194, 194, 194);
}
.swiper_right  .watch {
    position: absolute;
    top: 68px;
    right: 0px;
    transition: all .5S;
}
.swiper_right  .watch::after {
    width: 1px ;
    height: 40px;
    content: '';
    display: block;
    background-color: #c2c2c2;
    position: absolute;
    top: -10px;
    left: -30px;
}
.swiper_right  .watch:hover{
    color: #000;
}
.swiper-wrap {
    padding: 26px 0;
    border-bottom: 1px dashed #c2c2c2;
    display: block;
}
.swiper-wrap a {
    display: block;
}
.swiper-wrap:last-child {
    border-bottom: none;
}
.swiper-wrap:hover .swiper_left {
    transform: translateX(10px);
}

.go_section3-img img{
    width: 100%;
}
.section3-img-lf,.section3-img-fr {
    width: 48%;
}
.mcz_news {
    display: none;
}

.m_none {

    display: block !important;
}
.pc_none {
    display: none;
}
.m_footer {
    display: none;
}
.m_footer{ text-align:left;}
.m_footer,.m_footer a{ color:#b3b3b3;}
/* 加入我们 */
.contact-main .layui-card {
    height: 280px;      /* 设计固定了，我也没办法啊 */
    box-sizing: border-box;
}
.layui-card-header {
    border: none;
}
.layui-card {
    background-color: #eee;
}
.layui-card {
    margin:0 20px;
}
.layui-card {
    padding-top: 20px;
}
.layui-card-body {
    margin-top: -10px;
}
.contact-main .layui-card-body span {
    padding-bottom: 15px;
    display: block;
}
.layui-card-header{
    font-size: 20px;
    color: #111;
}
.layui-card{
    padding: 40px;
    padding-bottom: 50px;
}
.join_btn {
    text-align: right;
}
.join_btn i {
    vertical-align: middle;
}
.join_btn span {
    vertical-align: middle;
    padding-left: 10px;
} 
.join_btn a {
    padding: 12px 30px;
    background-color: #e7e7e7;
}
.join_title {
    padding-left: 20px;
    margin-bottom: 10px;
}
.join_title  h3 {
    font-size: 28px;
}
.join_title  span {
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 30px;
    display: block;
    letter-spacing: 3px;
}
.join_item {
    margin-top: 20px;
} 
.join_item .layui-col-md6 {
    margin-bottom: 40px;
}
.join_con .layui-row {
    padding-left: 20px;
}
.join_con span {
    position: relative;
    padding: 7px 0;
}
.join_con  p {
    margin-top: 20px;
}
.join_con span::after {
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #c1c1c1;
}
.join_con_mail {
    padding-left: 60px;
}
.sextion {
    background-color: #fff;
    padding: 60px 0;
}
.job_dec {
    margin-top: 54px;
}
.layui-card {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.job_dec .dec_first,.job_dec .dec_ms {
    font-size: 14px;
    color: #333;
} 
.job_dec .dec_ms {
    margin-top: 40px;
}
.job_dec .dec_ms span{
    font-weight: 700;
}
.job_dec .layui-card ,.job_dec  .layui-container {
    background-color: #fff;
} 
.job_dec .layui-card-header  {
    text-align: center;
    line-height: 114px;
    height: 114px;
    border-bottom: 1px dashed #dfdfdf;
    margin-bottom: 30px;
}
.job_dec .join_btn {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 70px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.12);;
}
.job_dec .join_btn a {
    padding: 0px;
    padding-left: 60px;
    padding-right: 60px;
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    line-height: 45px;
    display: inline-block;

}
.paging—left {
    text-align: left;
}
.paging—left {
    text-align: left;
}
.job_layer {
    width: 800px;
    height: 480px;
    background-color: #eeeeee;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 43px 75px;
    box-sizing: border-box;
}
.job_layer .title h3 {
    font-size: 20px;
    color: #333;
}
.job_layer .title span {
    font-size: 14px;
    color: #666;
}
.layui-form .layui-input-block {
    margin-left: 0px;
}
.layui-input-block{
    width: 48%;
    float: left;
    margin-right: 4%;
    margin-bottom: 2%;
}
.layui-input-block:nth-child(2n) {
    margin-right: 0;
}
.layui-input {
    height: 45px;
}
.layui-form-item .layui-input-inline {
    width: 100%;
}
.layui-form {
    margin-top: 20px;
}
.layui-upload p{
    font-size: 14px;
    color: #666;
}
.layui-btn {
    background-color: #e7e7e7;
    color: #333;
}
.layui-btn:hover{
    color: #333;
    opacity: 0.7;
}
.layui-form-select dl dd.layui-this {
    background-color: rgb(82, 82, 82);
    color: #fff;
}
.layui-layer-setwin {
    right: -260px !important;
    top: -176px !important;
    border: 1px solid #afafaf;
    width: 38px;
    height: 38px;
    padding: 11px !important;
    box-sizing: border-box;
}

.layui-col-md5 em{ font-style:normal;}
.layui-layer-ico {
    opacity: 0.6;
}
.layui-layer-setwin a {
    margin-left: 0px !important;
}

.layui-card {
    transition: all .5s;
}
 .hover-card:hover {
    box-shadow: 0px 6px 21px rgba(0, 0, 0, .15);
    transform: translateY(-3px);
}
.layui-card {
    position: relative;
}
.join_posion {
    position: absolute;
    bottom: 30px;
    right: 40px;
}
.cz_select {
    display: none;
}
.job-pagination {
    padding: 44px 0;
}
.job_dec .layui-container {
   margin-bottom: 80px;
}




	.top_nav{ position:relative;}
	.top_nav_items{ width:100%;}
	.top_nav{ padding-top:0; height:70px;}
	.top_nav_items a{ line-height:70px; vertical-align:top;}
	.top_nav_items.navFix {position: fixed; background:#f0f0f0;    top: 80px;    left: 0;    box-shadow: 0 0 5px     rgba(0,0,0, 0.2);    z-index: 888;}
	.top_nav_items li{ display:inline-block; font-size:0; vertical-align:top;}
	.top_nav_items a::after{ bottom:0;}
	.top_nav_items.navFix  a:after{ bottom:0;}
	.news-menu{ display:none;}
	.news-content{ width:100%;}
	.hteamlists{display:flex;flex-wrap:wrap;}
	.hteamlists .hteama:nth-child(1){width:35%;margin-right:60%;}
	.hteama{ box-sizing:border-box; padding:0 16px; margin-bottom:15px;}
	.hteamtxt{ padding:15px;}
	.hteamtxt h4{ font-size:18px; font-style:oblique; color:#333;}
	.hteamtxt p{ font-size:14px; color:#585858; margin-top:5px; height:40px; overflow:hidden;}
	.hteamimg{ position:relative;}
	.hteamimg img{ width:100%;}
	.hteamimg1{ opacity:0.5;-webkit-opacity:0.5; position:absolute; left:0; top:0; z-index:8;transition:opacity 1.2s ease;-webkit-transition:opacity 1.2s ease;}
	.hteamimg2{ vertical-align:top; z-index:10; position:relative;}
	.hteamimg1,.hteamimg2{}
	.hteama:hover .hteamimg1{opacity:1;-webkit-opacity:1;z-index:10;}
	.hteama:hover .hteamimg2{z-index:8;}
	
	.baiduditu{  height:460px;}
	.hteam,.go_section1,.honour,.contact-main,.news-main{ margin-top:70px;}
	.hteam{ padding-bottom:40px;}
	.detailbanner{ height:380px;}
	.ssbanner{ height:225px;}
	.detailbanner .banner-txt{ display:none !important;}
	.ssmain{ padding-bottom:70px;}
	.ssmain h5{ font-size:24px; padding:40px 0;}
	.ssmain a{ font-size:16px; color:#333;}
	.ssmain .badge{display: inline-block;min-width: 10px;padding: 3px 7px;font-size: 12px;font-weight: bold;line-height: 1;color:#fff;text-align: center;white-space: nowrap;vertical-align: middle;background-color:#777777;border-radius: 10px; margin-left:10px;}
	.ssmain-list li{ margin-bottom:30px;}
	.ssmain-list li:hover a{ text-decoration:underline; color:#b40f0f;}
@media screen and (min-width: 1400px){
    .layui-container {
        width: 1300px;
    }
}
@media screen and (max-width: 1440px){
    .layui-container {
        
    }
    .w1400{ width:1200px;}
    .banner-txt img{ width:250px;}
}

.conbmx{ background:#fff; padding:70px 0;}
.conbma{ background:#f8f8f8;}

.conbm h3{font-size:26px;color:#222; text-align:center; padding-bottom:30px;}
.conbmfr{ color:#222; line-height:24px; width:480px; padding-top:42px;}
.conbmfrp1,.ccity h5{ font-size:20px; padding-bottom:5px;}
.conbmfrp3{ color:#666; padding-top:20px;}
.ccity li{ padding:30px 0; border-bottom:1px solid #e5e5e8;}
.ccity h5{ padding-bottom:8px;}
.ccityp1{ width:310px;}
.ccityp2{ width:445px;}



.BMap_Marker img{ max-width:100%;}
.BMapLabel,.BMap_pop img{ display:none !important;}
.BMapLabel{ padding:10px !important;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.mp_tit{ font-size:16px; color:#222; font-weight:normal; padding-bottom:5px; display:block;}
.mp_cont{ font-size:14px; line-height:26px; color:#333;}
.mpi_1{ background:url(../image/mpi_1.jpg) left 5px no-repeat;}
.mpi_2{ background:url(../image/mpi_2.jpg) left 5px no-repeat;}
.mpi_1,.mpi_2{ padding-left:22px;}

.ali_intr .m_none{ display:none !important;}
.news-tj{ padding:60px 250px; background:#fff; box-shadow:0 0 10px rgba(51,51,51,0.1);}

/* 自适应css */
/* 兼容最大屏 1400px */
@media screen and (max-width: 1400px) {
    .w1300,.w1400 ,.w1200{
        width: 1200px;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
    .logoslider_wap .swiper-slide{ height:185px;}
    .section3-img-lf{ max-height:770px;}
    .swiper-next{ right:-43px;}
	.cz_news{ width:1100px;}
	.h_case_m2_img img{ width:100%;}
    .con-pg{ padding-left:0; padding-right:0;}
    .ali_xq, .ali_intr{ width:1000px;}
	.recommend{ padding-left:0; padding-right:0;}
	.top_nav_items{ width:100%; padding:0;}
    .post_case_img {
      
    }
    .button.next {
        right: -30px;
    }
    .button.prev {
        left: -30px;
    }
    .pageabout {
        padding: 80px 0;
        font-size: 30px;
        line-height: 42px;
    }
    .swiper-prev {
        left: -43px;
    }
}


@media screen and (max-width: 1366px) {
	.vt_nav > ul > li > a{ padding:0 25px;}
	.nav_arrow{ right:5px;}
	.main_nav{ width:620px;}
}
/* 兼容最大屏 1200px */
@media screen and (max-width: 1200px) {
    .w1300,.w1400,.w1200 {
        width: 1000px;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
    .logoslider_wap .swiper-slide{ height:160px;}
    
    .main_nav{ float:left; padding-left:280px;}
    .contact-main-lf{ width:582px;}
    .contact-main-lf .table{ padding:0 40px;}
    .contact-main-lf .box1{ padding-left:15px;}
    .contact-main-lf .box1{ margin-right:4%;}
    
    .conbmfl,.conbmfr{ width:50%; overflow:hidden;}
    .conbmfr{ padding-left:30px; box-sizing:border-box;}
    .ccityp1{ width:232px;}
    .ccityp2{ width:365px;}
    /* 项目案例详情 */
    .recommend {
        margin-bottom: 70px;
    }
    .ali_intr_list {
        width: 56%;
    }
   
    .swiper_right .watch {
        display: none;
    }
    .swiper_right {
        padding-left: 30px;
        box-sizing: border-box;
    }
    .slide_items li {
        width: 100px;
    }
    .button {
        top: 3.5%;
    }
    .pageabout {
        padding: 90px 0;
        font-size: 30px;
        line-height: 40px;
    }
    .pageaboutp3 {
        margin-top: 30px;
    }
    .pagep1 {
        font-size: 40px;
    }
	.top_nav_items{ width:100%;}
}
#nav_two_22 li{ margin-left:0; }
/* 兼容最大屏 980px */
@media screen and (max-width: 980px) {
	.top_nav_items.navFix{ width:100%;}
	.baiduditu{ height:350px;}
    .w1300,.w1400,.w1200 {
        width: 750px;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
     /* 项目案例详情 */
    .ali_intr p {
        width: 169px;
    }
    .ali_intr_list {
        margin-left: 0px;
    }
    .ali_intr_list {
        width: 100%;
    } 
    .ali_intr_list dd {
        width: 100%;
    }
    .go_section2 li {
        width: 100%;
    }
    /* 项目案例 */
    /* 团队详情 */
    .person_img {
        margin-right: 30px;
        width: 48%;
    }
    .person_txt {
        width: 47%;
    }
    .person_title {
        padding-top: 0px;
    }
    .person_name {
        font-size: 20px;
    }
    .person_job {
        font-size: 16px;
    }
    .person_title {
        padding-bottom: 15px;
    }
    .person_dec {
        margin-top: 10px;
    }
    .swiper_right {
        padding-top: 4px;
    }
    .swiper_right p {
        padding-bottom: 0px;
    }
    .swiper_left {
        height: 137px;
    }
    .contact-main {
        height: auto;
    }
    .contact-main-rt ,.contact-main-lf{
        width: 100%;
        float: left;
    }
    .contact-main-rt{ display:none;}
    .contact-rt-item {
        width: 50%;
        box-sizing: border-box;
        float: left;
    }
    .contact-main-lf {
        padding-bottom: 60px;
    }
    .ccityp1,.ccityp2,.ccityp3,.ccityp4{ width:50%;}
   
}
.post_case_img.zz_img{ height:auto;}
.post_case_img.zz_img img{ display:block;}

.job_layer_gb{ position:absolute; font-family:Arial; font-size:20px; right:10px; top:10px; cursor:pointer;}

@media screen and (max-width: 1440px) {
    .caselist .w1300{width:1200px;}
    .post_case_img{height:215px;}
}
.post_case_img img{display:block;}

/* 兼容最大屏 750px */
@media screen and (min-width:120px) and (max-width: 750px){
	.banner-txt {z-index:3;}
	.banner-txt img{ width:145px;}
	.pagebanner:before{ position:absolute; content:''; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2);}
	.fgdban .fgdbanimg{ display:none;}
	.contact-main.layui-container,.sextion .layui-container{ width:100%;}
	.post_case_title{ font-size:16px; padding-bottom:5px;}
	.layui-card-body{ padding-bottom:25px;}
	
    .cz_select {
        display: block;
    }
    .w1300,.w1400,.w1200{
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
     /* 项目案例详情 */
    .go_pre {
        display: none;
        width: 149px;
        padding-left: 45px;
    }
    .go_pre::before {
        left: 12px;
    }
    .ali_detail {
        margin-top: 95px;
    }
    .ali_intr {
        padding-top: 25px;
        padding-bottom: 30px;
    }
    .post_case li {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 10px ;
    }
    /* x新闻 */
    .news-menu {
        display: none;
    }
    .news-content {
        width: 100%;
    }
    .news-tj-txt {
        padding: 21px 14px 30px 15px;
    }
    .news-title {
        font-size: 16px;
    }
    .news-con {
        font-size: 12px;
    }
    .news-more {
        display: none;
    }
    .news-list-item {
        padding: 20px 0;
    }
    .news-list-left {
        width: 61%;
    }
    .news-list-right a {
        width: 127px;
        height: 100px;
        display: block;
    }
    .news-content img {
        height: 100%;
        width: auto;
    }
    .banner-txt{ margin-top:0;}
    .news-tj img {
        width: 100%;
    }
    .news-title {
        margin-top: 10px;
    }
    .news-tj {
        margin-bottom: 25px;
    }
    .section3-img-lf, .section3-img-fr {
        width: 100%;
    }
    .section3-img-fr {
        margin-top: 20px;
    }
    .section3-img-fr img {
        margin-bottom: 20px;
    }
    .go_section3 {
        margin-top: 40px;
    }
    .go_section3-title {
        padding-bottom: 35px;
    }
    .go_section1_foot>span::after {
        display: none;
    }
    .go_section1_foot {
        margin-top: 0px;
    }
    .go_section1 {
        margin-bottom: 40px;
    }
    .pagination .prev {
        padding-left: 0;
        
    }
    .pagination .next {
       
    }
    .pagination a {
        width: 110px;
    }
    .news_con {
        padding-top: 10px;
    }
    /* 团队详情 */
    .person_img {
        margin-right: 00px;
        width: 100%;
    }
    .person_txt {
        width: 100%;
        margin-top: 20px;
    }
    .recommend li {
        width: 100%;
    }
    .recommend li p {
        padding-top: 10px;
        padding-bottom: 20px;
    }
    .swiper_left ,.swiper_right{
        width: 100%;
    }
    .slide_wrap {
        width: 80%;
        margin: 0 auto;
    }
    .slide_items li {
        width: 84px;
    }
    .button {
        top: 2.15%;
    }
    .button.next {
        right: 0px;
    }
    .button.prev {
        left: 0px;
    }
    .swiper_left {
        height: 177px;
    }
    .swiper_right {
        padding: 15px;
    }
    .swiper-wrap {
        padding-bottom: 0px;
    }
    .cz_hz_brand {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
  .cz_hz_brand:nth-child(2n) {
        margin-right: 0;
    }
    .dispalyNone {
        display: none;
    }
    .cz_hz {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .cz_hz_top .p2 {
        width: 100%;
        font-size: 16px;
        line-height: 24px;
    }
    .cz_hz_top::after {
        width: 34px;
        left: 17px;
        height: 1px;
    }
    .cz_hz_bottom {
        margin-top: 40px;
    }
    .cz_hz_top .p1 {
        padding-left: 58px;
    }
    .pageabout {
        background-size: cover ;
        background-position-x: -408px;
        line-height: 28px;
        font-size: 18px;
        color: #000;
    }
    .pageaboutp22 {
        float: none;
        width: auto;
    }
    .pageaboutp3 {
        margin-top: 0px;
    }
    .pageaboutp3 span {
        display: none;
    }
    .m_none {
        display: none !important;
    }
    .pc_none {
        display: block;
    }
    .mcz_news {
        display: block;
        
        background-color:none;
        padding: 0 15px;
        padding-bottom: 40px;
    }
    .mcz_news_text {
        padding: 21px 26px 25px 58px;
        position: relative;
    }
    .mcz_news_text::after {
        content: '';
        position: absolute;
        top: 30px;
        left: 10px;
        width: 34px;
        height: 1px;
        background-color: #333;
    }
    .go_section1 {
        margin-top: 35px;
    }
    .go_section1_title span {
        padding-bottom: 35px;
    }
    .go_section3{
        padding-bottom: 40px;
    }
    
    .mcz_news_text p {
        font-size: 12px;
        color: #666;
    }
    .mcz_news_text h3 {
        padding-top: 5px;
        font-size: 16px;
        color: #333;
    }
    /* 搜索框 */
    #search {
        padding: 0 15px;
        height: 38px;
        width: 100%;
        box-sizing: border-box;
        margin: 15px 0;
    }
    .search_wrap {
        width: 100%;
        background-color: #fff;
        border-radius: 3px;
        height: 100%;
    }
    .search_box {
        height: 100%;
        width: 85%;
        padding-left: 20px;
        box-sizing: border-box;
    }
    .search_btn {
        width: 38px;
        height: 38px;
        display: block;
        float: right;
        background: url("../image/sousuo_m.svg") no-repeat;
        background-size: 65%;
        background-position-y: 6px;
    }
    .pagep1 {
        font-size: 24px;
    }
    .pagetxt {
        text-align: left;
        padding:0 15px;
        font-size: 14px;
        bottom: 60px;
    }
   
    .m_footer {
        background-color: #3c3c3c;
    }
    .m-footer-logo {
        text-align: center;
        padding: 24px 0;
        padding-bottom: 10px;
    }
    .m-footer-logo img {
        width: 35%;
    }
    .copy {
        color: #999;
        padding: 15px ;
        font-size: 12px;
        text-align: center;
    }
    
    .copy a {
        color: rgb(224, 224, 224);
    }
    .m_link  {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        z-index: 51;
    }
    #banner {
        width: 100%;
    }
    .news-main ,.team_main{
        margin-top: 40px;
    }
    .news-main{
        margin-bottom: 40px;
    }
    .pagebanner {
        height: 300px;
        background-attachment:inherit;
        background-size:cover;
		padding-top:0;
		top:52px;
		position:relative;
    }
    .banner-txt img {
        
    }
    .slide_items li div {
        margin-top: 18px;
    }
    .slide_items li span {
        font-size: 12px;
    }
    .slide_items li.on span {
        font-size: 18px;
    }
    .button {
        font-size: 26px;
        top: 1.8%;
    }
    .slide_wrap::after {
        top: 55px;
    }
    .button.next {
        right: 11px;
    }
    .button.prev {
        left: 11px;
    }
    .top_nav,.footer_wrap ,.pc_header{
        display: none;
    }
    .m_footer {
        display: block;
    }
    .contact-main-rt ,.contact-main-lf{
        padding: 15px;
        box-sizing: border-box;
    }
    .contact-rt-item  {
        width: 100%;
        padding: 14px 0;
    }
    .contact-rt-item span {
        padding-top: 3px;
    }
    .contact-main {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .contact-main-title h3 {
        padding-top: 20px;
        font-size: 18px;
    }
    .contact-main-lf .table {
        padding: 0px;
    }
    .contact-main-lf .box1 {
        width: 100%;
    }
    .contact-submit {
        width: 140px;
        padding-left: 38px;
        background-position: 83px 19px;
    }
    .btpage {
        background-position-x: 36%;
    }
    .caselist {
        padding-top: 40px;
    }
    #pagesnavs{
        bottom: 23px;
    }
    #pagesnavs a:after,#pagesnavs a::before {
        background-size: 100%;
    }
    #pagesnavs a {
        width: 8px;
        height: 8px;
    }
    .layui-card {
        padding: 0;
        margin: 0;

    }
    .job_dec {
        margin-top: 0px;
    }
  
    .paging {
        padding-left:0px ;
        padding-right:0px ;
    }
    .paging—item{
        width: 114px;
        height: 36px;
        line-height: 36px;
    }
    .job_dec .join_btn a {
        padding-left: 40px;
        padding-right: 40px;

    }
    .job_layer {
        width: 100%;
        padding: 15px;
        overflow-y: scroll;
    }
    .layui-input-block {
        width: 100%;
    }
    .layui-form-item .layui-input-inline {
        margin: 0px;
    }
    .layui-form-item .layui-inline {
        clear: none;
    }
    .container.honour {
        margin-top: 50px;
        margin-bottom: 30px;
    }
    .slide-content {
        margin-top: 40px;
    }
    .news-list-detail {
        font-size: 12px;
    }
    .go_section1_title h2 ,.go_section3-title h3{
        font-size: 20px;
    }
    .go_section1_title span {
        padding-top: 4px;
    }
    .ali_header {
        text-align: left;
        padding: 0 15px;
    }
    .cz_select {
        max-width: 750px;
        width: 100%;
        margin: 0 auto;
        background-color: #fff;
    }
    .cz_select_title {
        font-size: 16px;
        line-height: 40px;
        box-shadow: 0px 0px 6px rgba(0, 0, 0, .2);
        padding: 5px 0;
        padding-left: 15px;
        
    }
    .cz_select_title a {
        color: #666;
    }
    .cz_select_list {
        display: none;
        padding: 5px 15px;
    }
    .cz_select_list a {
        line-height: 40px;
        color: #666;
        font-size: 14px;
        display: block;
        border-bottom: 1px solid rgb(223, 223, 223);
    }
    .cz_select_title i {
        float: right;
        margin-right: 15px;
        transition: all .5s;
        font-size: 20px;
    }
    .cz_select_title.active i{
        display: inline-block;
    }
    .mean-nav {
        background-color: #3c3c3c !important;
    }
	
	.contact-main-lf{ padding-bottom:35px;}
	.pagep2{ margin-top:18px; line-height:28px;}
	#pagesnavs a{ margin:0 5px;}
	#search{ padding-top:15px; padding-bottom:15px; height:68px;}
	.search_btn{ background-size:60% auto; background-position:center;}
	
	.go_section1,.go_section3,.hteam{ margin-bottom:0; padding-bottom:40px; margin-top:40px;}
	.go_section1_title span{ padding-bottom:20px;}
	.section3-img-fr img{ margin-top:20px; margin-bottom:0;}
	.hteama{ display:block; padding:0; box-shadow:0 1px 8px rgba(0,0,0,0.1);}
	.hteama:last-child{ margin-bottom:0;}
	
	.go_section3-title{ padding-bottom:0;}
	.section3-img-fr{ margin:0;}
	.hteamimg2{ display:none;}
	.hteamimg1{ position:relative;opacity:1;-webkit-opacity:1;}
	.hteamtxt{ background:#fff;}
	.team_main .recommend { padding-right:0; padding-left:0;}
	.recommend-title{ margin-bottom:20px;}
	.recommend{ margin-bottom:0; padding-bottom:20px;}
	.post_case li{ margin-bottom:0;}
	.post_case{ margin-bottom:0; padding-bottom:20px;}
	
	.ali_header span{ display:none;}
	.ali_intr{ padding-top:0; padding-bottom:0;}
	.ali_intr_list dd{ margin:0; margin-top:10px; padding:0;}
	.ali_xq{ padding-left:15px; padding-right:15px; margin-top:20px;}
	.news-list-con,.news-con{ display:none;}
	.news-title{ height:auto;white-space:inherit;}
	.news-list-left{ width:60%;}
	.ssmain a{ display:block;}
	.ssmain .badge{ margin:0;}
	.ssmain h5{ padding-top:40px; padding-bottom:0;}
	.ssmain-list li{ margin:0; margin-top:20px;}
	.ssmain{ padding-bottom:40px;}
	.ssmain h5{ font-size:20px;}
	.hteamtxt p{ height:auto;}
	.casebanner{ background:none !important; height:auto !important;}
	.casebanner img{ display:block; vertical-align:top;}
	
	.hteama{ margin-bottom:20px;}
	.cz_select_list li:last-child a{ border:none;}
	.join_title h3{ font-size:24px;}
	.join_title span{ font-size:16px; padding:0;}
	.join_title{ padding:0; margin:0;}
	.join_item { margin:0;}
	.contact-main .layui-card{ height:auto; padding:20px; box-sizing:border-box;}
	.layui-card-header,.layui-card-body{ padding:0;}
	.join_posion{ top:auto; bottom:20px; right:20px;}
	.join_btn a{ display:inline-block; padding:10px 20px;}
	.layui-card-body{ padding-bottom:80px;}
	.layui-card-header h5{ font-size:18px;}
	.join_item .layui-col-md6{ margin:0; margin-top:20px;}
	.join_item{ padding-bottom:40px;}
	.join_item:last-child{ padding-bottom:0;}
	.sextion{ padding:40px 0;}
	.join_con .layui-row,.join_con_mail{ padding-left:0;}
	.join_con span{ font-size:16px; display:inline-block; margin-top:0; padding-top:0;}
	.join_con p{ margin-top:10px; padding-bottom:20px;}
	.layui-col-md5 em{ display:block;}
	.join_con-address{ width:100%;}
	.job_dec .layui-container{ margin-bottom:0;}
	.go_section1 p{ line-height:26px;}
	.job_dec .dec_ms{ margin-top:20px;}
	.layui-card-body{ padding-bottom:25px;}
	.m_logo img,.m-footer-logo img{ width:auto; height:28px;}
	.m_logo img{ margin-top:4px;}
	.join_title h3{ font-size:20px;}
	.go_section1_title span,.go_section3-title span,.join_title span{ font-size:14px;}
	.swiper_left img{ width:100%;}
	.swiper_left{ height:auto;}
	.contact-main-rt{ padding-left:20px; padding-right:20px;}
	.layui-upload,.job_layer .title h3{ display:none;}
	.layui-card-header h5{ font-size:16px;}
    .wap_hide{ display:none;}
    
    .wap_show{ display:block;}
    .layui-card-body3{ padding-bottom:75px;}
	.contact-main-rt{ display:none;}
	.contact-main-lf{ height:auto;}
	.conbmx{ padding:40px 0; padding-bottom:0;}
	.conbm h3{ font-size:18px; padding-bottom:20px;}
	.conbmfl,.conbmfr{ width:100%;}
	.conbmfl img{ width:100%;}
	.conbma{ background:#fff;}
	.conbmfr{ padding-top:20px;}
	.ccityp1,.ccityp2,.ccityp3,.ccityp4{ width:100%; line-height:24px; color:#666;}
	.conbmfrp1, .ccity h5{ font-size:16px;}
	.ccity li{ border-bottom:none;}
	.news-tj{ padding:30px 10px;}
	.post_case_img_img{ display:none;}
	.post_case_img img{ display:block;}
	
	.pagination a{ display:none !important;}
	.pagination .prev,.pagination .next{ display:inline-block!important;}
	 .post_case_img {
        height: auto;
    }
    .pagehh_p{ display:none;}
    .conbmfr{ padding-left:0;}
    .hteamimg1{opacity:0;-webkit-opacity:0; display:none;}
    .hteamimg2{opacity:1;-webkit-opacity:1; display:block;}
    .m-footer-logo{ display:none;}
    .m_footer div{ padding-left:15px; padding-right:15px; line-height:22px; padding-top:20px; padding-bottom:15px;}
    .copy{ border-top:1px solid #5f5f5f; text-align:left;}
    
    .info_pagination .prev,.info_pagination .next{ display:none;}
    .info_pagination .backa{ display:inline-block; margin:0 !important; float:none; text-align:left;}
    .info_pagination{ overflow:hidden; text-align:center;}
    .recommend-title,.recommend_list{ width:100%;}
    
    .pagep1{ text-align:center;}
    .pageabout{ background:none;}
    .pageabout_m{ vertical-align:top; width:100%; display:block;}
    .pageabout{padding:0;}
    .pageabout .w1400{ position:absolute; left:0; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
    .teampage{ padding-top:30px;}
    .person_detail{ padding-bottom:40px;}
    .logoslider { display:block;}
    .logoslider_wap { display:none;}
    .banner-txt.m_none{ display:block !important;}
    .section3-img-lf{ display:block !important; margin-top:20px; max-height:inherit;}
    
    .caselist .w1300{width:100%;}
    .hteamlists .hteama:nth-child(1){width:100%;margin-right:0;}
	
}
.recommend_list img{ max-width:100%;}
.absliderpage{ position:absolute;left:0; bottom:10px; z-index:4;}
.absliderpage span{ background:#fff;}
.absliderpage span.swiper-pagination-bullet-active{ background:#ff0000;}
.ftppp1{ font-size:18px; padding-top:35px; font-family:"Microsoft YaHei";}
.foot_xx .footer_wrap{ padding-top:0; padding:20px 0;}
.foot_xx{ border-top:1px solid rgba(255,255,255,0.2);}
.foot_xx,.foot_xx a,.foot_xx span{ color:#fff;opacity:0.5;-webkit-opacity:0.5; font-size:14px;}
.foot_xx .cz_footer_right a,.foot_xx .cz_footer_right span{ display:inline-block;}
.foot_xx .cz_footer_right a{ margin-right:15px;}
.mcz_news_item{ background:#fff;}

.pagep2,.pagep3{ display:none !important;}