@font-face{font-family:akrobatblack;src:url(img/AvenirLTStd-Light.eot);src:url(img/AvenirLTStd-Light.eot?#iefix) format('embedded-opentype'),url(img/AvenirLTStd-Light.woff2) format('woff2'),url(img/AvenirLTStd-Light.woff) format('woff'),url(img/AvenirLTStd-Light.ttf) format('truetype'),url(img/AvenirLTStd-Light.svg) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:rbno;src:url(img/rbno2light-webfont.woff2) format('woff2'),url(img/rbno2light-webfont.woff) format('woff');font-weight:400;font-style:normal}
.mlogo{display:none}
.d6 input::placeholder{color:rgba(255,255,255,.5)}
body,html{-webkit-tap-highlight-color:transparent}
.boxes{width:100%;height:auto;padding:100px 0;position:relative}
textarea{resize:none}
.boxes.ns{background:#2054a3}
.banner{width:100%}
.bannerBox{width:100%;height:100%}
.bannerBox .bannerIcon{position:absolute;top:97vh;left:45%;z-index:999;opacity:.5;display:none}
.bannerBox .bannerIcon img{width:100%;height:100%}
.bannerBox .swiper-pagination{color:#fff;position:absolute;left:0!important;width:500px!important;bottom:100px!important;font-size:18px}
.bannerBox .swiper-pagination-bullet-active{background:0 0}
.bannerBox .swiper-pagination-bullet:before{content:'';background:#fff;width:40px;height:2px;position:absolute;bottom:0;margin:-10px -10px}
.bannerBox .swiper-pagination-bullet-active:before{content:'';background:#fff;width:40px;height:2px;position:absolute;bottom:0;margin:-10px -10px}
.bannerBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 24px;font-family:DINCondensed-Bold}
.bannerBox img{width:100%;height:100%}
.bannerText{width:100%;position:absolute;top:40%;color:#fff;margin:0 auto}
.bannerText .title{font-family:PingFangSC-Light;font-size:72px;text-align:center;padding-bottom:44px}
.bannerText .text{font-family:SourceHanSansCN-Normal;font-size:20px;color:#fff;opacity:.5;line-height:1.7;text-align:center}
.aboutUs{background:#2054a3;width:100%;position:relative;overflow:hidden;padding:100px 0}
.aboutUs .bgs{position:absolute;right:0;bottom:0;width:50%}
.aboutUsText{position:relative;color:#fff;width:50%;padding-top:50px;padding-right:50px;text-align:justify}
.aboutUsText .en{font-size:58px;font-family:STHeitiSC-Light;padding:0 0 50px 0}
.aboutUsText .title{padding-bottom:25px;font-size:40px}
.aboutUsText .content{font-size:16px;line-height:2;margin-bottom:50px;color:rgba(255,255,255,.7)}
.aboutUsText .more{transition:.3s all linear;width:120px;font-size:14px;font-family:ArialMT;line-height:1.7;height:auto;padding:5px 8px}
.aboutUsText .more span{background:#fff;border-radius:50%;color:#000;padding:2px 5px;font-size:12px}
.aboutUsText .more:hover{background:#fff;color:#000;width:115px;border-radius:5px}
.aboutUsText .more:hover span{background:#2054a3;border-radius:50%;color:#fff;padding:2px 5px}
.txt-swiper{width:100%;height:865px;position:relative}
.txt-swiper .swiper-button-prev{margin-top:-3.5vw}
.txt-swiper .swiper-button-next:hover,.txt-swiper .swiper-button-prev:hover{transform:scale(1.1)}
.txt-swiper .swiper-button-next{margin-top:.5vw}
.txt-swiper .swiper-button-next,.txt-swiper .swiper-button-prev{right:30px;left:auto;width:3vw;height:3vw;background:0 0;outline:0;top:50%;border-radius:50%;-webkit-transition:all .2s linear;transition:all .2s linear}
.aboutUs{background-image:url(img/home_about_bg.png);background-position:left bottom;background-repeat:no-repeat;background-size:auto 80%}
.path{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:1.8px;transition:opacity .3s,fill .3s,stroke .3s}
.txt-swiper .swiper-pagination{color:#fff;width:auto;left:5%;bottom:5%}
.txt-swiper{width:50%;height:865px;margin-left:0}
.txt-swiper .swiper-slide{perspective:50vw;perspective-origin:50% 50%}
.txt-swiper .swiper-pagination ul{width:40px}
.txt-swiper .swiper-pagination ul li{position:absolute;left:0;top:0}
.img-swiper{position:absolute!important;width:50%!important;height:50%;z-index:1;top:0;left:50%}
.img-swiper2{position:absolute;width:50%;height:50%;z-index:1;top:50%;left:50%}
.product{position:relative}
.img-swiper2 .left{margin-left:50px;width:65%;float:left}
.img-swiper2 .left .en{font-size:58px;font-family:akrobatblack;padding:46px 0 51px 0;color:#2054a3}
.img-swiper2 .left .content{padding-bottom:30px;font-size:16px;line-height:1.7}
.img-swiper2 .left .more{padding-top:50px;font-size:14px;font-family:ArialMT;line-height:1.7;height:20px;color:#2054a3}
.img-swiper2 .left .more p span{background:#2054a3;border-radius:50%;color:#fff;padding:2px 5px;font-size:12px}
.img-swiper2 .left .more p{transition:.3s all linear;width:100px}
.img-swiper2 .left .more p:hover{background:#2054a3;color:#fff;width:115px;padding:5px 8px;border-radius:5px}
.img-swiper2 .left .more p:hover span{background:#fff;border-radius:50%;color:#2054a3;padding:2px 5px}
.img-swiper2 .right{width:120px;height:120px;background:#003b7d;float:left;right:38px;top:38px;position:absolute;color:#fff;font-family:akrobatblack}
.img-swiper2 .right .rightBox{margin:28px 24px}
.img-swiper2 .right .rightBox p:nth-child(1){font-size:18px}
.img-swiper2 .right .rightBox p:nth-child(3){font-size:26px}
.img-swiper .swiper-slide img,.img-swiper2 .swiper-slide img,.img-swiper3 .swiper-slide img{width:100%;height:100%;object-fit:cover}
.joinUs{width:100%;padding-bottom:120px}
.joinUsImg{padding:80px 0;font-size:48px;color:#2054a3;line-height:60px}
.joinUsImg.ns{color:#fff}
.join_left{width:50%;background-image:url(img/joinUs2.png);height:500px;float:left;background-repeat:no-repeat;background-size:100%;-webkit-transition:background-size .3s linear;padding:100px 50px;box-sizing:border-box}
.join_right{width:50%;background-image:url(img/joinUs3.png);height:500px;background-size:100%;float:left;background-repeat:no-repeat;-webkit-transition:background-size .3s linear;padding:100px 50px;box-sizing:border-box}
.join_left .leftText .en,.join_right .rightText .en{font-size:30px;color:rgba(0,0,0,.3);font-family:rbno}
.join_right .rightText .en{color:rgba(255,255,255,.5)}
.join_left .leftText .title{color:#000;font-size:36px;padding-bottom:50px}
.join_right .rightText .title{color:#fff;font-size:36px;padding-bottom:50px}
.join_left .leftText .phone{font-size:48px;color:#2054a3;padding-bottom:15px;font-family:akrobatblack}
.join_left .leftText .content{font-size:16px;color:rgba(0,0,0,.7);line-height:1.7;width:100%}
.join_right .rightText .content{font-size:16px;color:rgba(255,255,255,.5);line-height:1.7;width:100%}
.news{width:100%;padding-bottom:120px;background:#2054a3}
.news .newsImg{padding:80px 0}
.news .newsImg img{margin:0 auto;text-align:center;width:75%;height:100%}
.newsBox{width:1200px;margin:auto;position:relative;margin:auto}
.newsBox .swiper-container{width:100%;height:auto}
.newsBox .swiper-slide{text-align:center;font-size:18px;height:200px;width:100%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.newsBox .swiper-pagination{color:#fff;position:absolute;width:100px;height:20px;top:320px}
.newsBox .swiper-slide a{width:100%}
.newsBox .swiper-slide .left{width:40%;height:100%;float:left;padding:45px 0;cursor:pointer}
.newsBox .swiper-slide .left .circle{width:142px;height:142px;border-radius:50%;border:1px solid #fff;transition:all linear 1s}
.newsBox .swiper-slide .left .circle p{position:absolute;color:#fff;margin:62px 250px;font-size:12px;transition:all linear .6s}
.newsBox .swiper-slide .left .img{width:190px;height:190px;margin-left:200px;margin-top:-30px;position:absolute;opacity:0;transition:all linear 1s;border-radius:50%;overflow:hidden}
.newsBox .swiper-slide .left .img img{width:100%;height:100%}
.newsBox .swiper-slide .left .circle:before{content:'';width:5px;height:5px;background:#fff;margin:65px 0;position:absolute;border-radius:50%;transition:all linear 1s}
.newsBox .swiper-slide .left .circle:after{content:'';width:12rem;height:1px;background:#fff;margin:67px 0;position:absolute;transition:all linear .5s}
.newsBox .swiper-slide:hover .left .circle:after,.touch .newsBox .swiper-slide .left .circle::after{width:0}
.newsBox .swiper-slide:hover .left .circle:before,.touch .newsBox .swiper-slide .left .circle::before{width:0;height:0}
.newsBox .swiper-slide:hover .left .circle,.touch .newsBox .swiper-slide .left .circle{border:1px solid transparent}
.newsBox .swiper-slide:hover .left .circle .img,.touch .newsBox .swiper-slide .left .circle .img{opacity:1}
.newsBox .swiper-slide:hover .left .circle p,.touch .newsBox .swiper-slide .left .circle p{margin:62px 30px}
.newsBox .swiper-slide .right{width:58%;height:100%;text-align:left;display:inline-block;padding:90px 0}
.newsBox .swiper-slide .right .title{font-family:PingFangSC-Semibold;font-size:18px;color:#fff;padding-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.newsBox .swiper-slide .right .content{font-size:14px;color:rgba(255,255,255,.7);line-height:1.7}
.newsBox .swiper-button-prev{background-image:url(img/swiper_top.png);margin-top:-42px}
.newsBox .swiper-button-prev:before{content:'';width:120px;height:1px;background:#fff;opacity:.7;margin:52px -5px;position:absolute}
.newsBox .swiper-button-next{background-image:url(img/swiper_bottom.png)}
.newsBox .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:auto;right:10px;background-size:inherit}
.newsBox .swiper-button-next,.swiper-button-prev{background-size:inherit;margin-top:15px}
.newsBox .more{padding-top:30px;font-size:14px;font-family:ArialMT;line-height:1.7;color:#fff;height:20px;text-align:center}
.newsBox .more p span{background:#fff;border-radius:50%;color:#000;padding:2px 5px;font-size:12px}
.newsBox .more p{transition:.3s all linear;width:100px;margin:0 auto}
.newsBox .more p:hover{background:#fff;color:#000;width:115px;padding:5px 8px;border-radius:5px}
.newsBox .more p:hover span{background:#2054a3;border-radius:50%;color:#fff;padding:2px 5px}
.pd100{padding-bottom:0!important}
nav{background:0 0}
@font-face{font-family:SweetSansPro;src:url(img/SweetSansPro-Medium.woff) format('woff2'),url(img/SweetSansPro-Medium.woff) format('woff');font-weight:400;font-style:normal}
@font-face{font-family:iconfont;src:url(img/font_1229304_2kq55l90kgs.eot);src:url(img/font_1229304_2kq55l90kgs.eot?#iefix) format('embedded-opentype'),url(img/font_1229304_2kq55l90kgs.woff2) format('woff2'),url(img/font_1229304_2kq55l90kgs.woff) format('woff'),url(img/font_1229304_2kq55l90kgs.ttf) format('truetype'),url(img/font_1229304_2kq55l90kgs.svg) format('svg')}
.UpBox{margin-bottom:15px}
.project_title{width:auto;height:auto;position:relative;font-size:28px;line-height:48px;font-weight:700}
.returnHref{display:inline-block;line-height:48px;width:48px;text-align:center;font-size:24px;color:#676767;transition:ease .5s}
.productInfo .li{width:23%;background-size:cover;background-position:center;float:left;margin-right:1.3%;margin-bottom:35px;transition:ease .5s}
.footer-wrap{width:1200px;height:auto;margin:0 auto}
._w1200 ._case.case1.num3 ul li{width:19%;float:left;margin-right:1.25%}
._w1200 ._case.case1.num3 ul li:nth-child(5n){margin-right:0}
._w1200 ._case.case1.num3 ul li .productId{    font-size: 13px;
    margin-top: 3px;
    opacity: .8;}
    ._w1200 ._case.case1.num3 ul .productBox{display: none}
.a{padding:50px 0}
.a img{width:100%}
.brand-introduction{width:100%;height:auto;display:flex}
.brand-introduction-img{width:50%;background:url(img/pinpaijieshao.jpg) no-repeat;background-size:cover}
.brand-introduction-img img{width:100%}
.brand-introduction-right{width:50%;background-color:#f4f4f4;height:600px;padding:50px;box-sizing:border-box}
.brand-introduction-right .sub_title{text-align:left;margin-bottom:25px;line-height:1.2}
.brand-introduction-right .sub_title b{color:#2355a1;display:block;font-size:36px}
.brand-introduction-right .sub_title p{font-size:30px;color:rgba(0,0,0,.5);font-family:akrobatblack;text-transform:uppercase}
.product_box{position:relative;width:100%;height:auto;padding:50px 0 100px}
.brand-introduction-right section{width:100%}
.news15 .li .pic{height:260px;overflow:hidden}
.news15 ul{justify-content:flex-start}
.news15 ul li{width:calc((100% - 40px)/ 3);margin-right:20px}
.news15 ul li:nth-child(3n){margin-right:0}
.brand-introduction-right section ._w1200{width:100%;height:100%;font-size:16px;text-align:justify}
.brand-introduction-right section ._w1200 p:nth-child(1){font-weight:600;font-size:24px;margin-bottom:10px}
.brand-introduction-right section ._w1200 p{margin-bottom:20px;line-height:2;width:100%}
.brand-advantage{width:1200px;height:auto;margin:0 auto;padding:50px 0}
.sub_title2{width:100%;text-align:center;line-height:1.2}
.sub_title2 b{font-weight:400;font-size:36px;color:#2054a3;text-align:center;padding-bottom:25px;display:block}
.sub_title2 p{font-size:30px;color:rgba(0,0,0,.5);font-family:akrobatblack;text-transform:uppercase}
.brand-advantage ._w1200{display:flex;justify-content:space-between;flex-wrap:wrap}
.brand-advantage .brand-advantage-content{width:50%;height:auto;margin-bottom:20px}
.brand-advantage .brand-advantage-content .thum{position:relative;overflow:hidden}
.brand-advantage-content .info p:nth-child(1){font-size:18px;color:#2355a1}
.brand-advantage-content .info{width:100%;height:auto;padding:20px;box-sizing:border-box}
.brand-advantage-content .info p:nth-child(2){padding-bottom:10px;font-size:14px;line-height:1.4;color:rgba(0,0,0,.3);text-transform:uppercase}
.brand-advantage-content .info p:nth-child(3){width:100%;color:rgba(0,0,0,.7);line-height:1.7}
.store{padding:65px 0 27px;display:flex;flex-wrap:wrap}
.store a{width:32%;height:275px;border:1px solid #ccc;margin-bottom:38px;margin-right:24px}
.store a:nth-child(3){margin-right:0}
.store-content-top{width:100%;height:138px;text-align:center}
.store-content-top p{font-size:13px;padding-bottom:10px}
.store-content-top p:nth-child(1){font-size:17px;color:#2355a1;padding-top:35px}
.store-content-bottom{width:100%;height:137px}
.sub_main2{width:1200px;height:auto;margin:50px auto;position:relative;line-height:0}
._service.service1 li .pic{background-color:#ccc}
.sub_main2 ._contact_box{display:block;height:auto;line-height:1.7}
._contact_box-titie{width:100%;height:50px;text-align:center;font-size:23px;line-height:1}
._contact_box-titie p{font-size:28px;color:#2355a1}
._contact_box-titie span{font-size:14px;position:relative}
._contact_box-titie span::before{content:"";top:-1px;left:-30px;position:absolute;width:20px;height:10px;border-bottom:1px solid #ccc}
._contact_box-titie span::after{content:"";top:-1px;right:-30px;position:absolute;width:20px;height:10px;border-bottom:1px solid #ccc}
._contact_box-information{width:1200px;height:auto;margin:0 auto;overflow:hidden;display:flex;justify-content:space-between;background:#f1f1f1;padding:50px;box-sizing:border-box}
._contact_box-information ul{height:100%}
._contact_box-information ul li{height:35px;margin-bottom:30px}
._contact_box-information ul li .txt{color:#666}
._contact_box-information ul li .txt1{font-size:14px;padding-left:23px;background:url(img/wangzhi22.png) no-repeat left center;background-size:22px;margin-bottom:8px}
._contact_box-information ul li .txt2{font-size:14px;padding-left:23px;background:url(img/youxiang22.png) no-repeat left center;background-size:20px;margin-bottom:8px}
._contact_box-information ul li .txt3{font-size:14px;padding-left:23px;background:url(img/dianhua22.png) no-repeat left center;background-size:20px;margin-bottom:8px}
._contact_box-information ul li .txt4{font-size:14px;padding-left:23px;background:url(img/dibiao22.png) no-repeat left center;background-size:15px;margin-bottom:8px}
._contact_box-information ol{height:100%;display:flex}
._contact_box-information ol li{margin-left:20px;margin-top:0}
._contact_box-information ol li img{width:160px;height:auto}
._contact_box-information ol li p{color:#535353;text-align:center}
._contact_box-input{width:500px;height:100%;float:right;position:relative}
.contactForm-input-2{width:238px;height:50px;float:left}
._contact_box-input input{width:238px;height:50px;padding:0 10px;border:1px solid rgba(0,0,0,.1)}
._contact_box-input .input2{float:right}
._contact_box-input textarea{width:100%;height:95px;margin-top:20px;position:relative;font-family:"微软雅黑";padding:10px;border:1px solid rgba(0,0,0,.1)}
#word{position:absolute;right:15px;bottom:77px}
.submit-2{width:160px;height:50px;background:#2355a1;color:#fff;line-height:50px;text-align:center;border:none;margin-top:22px;font-size:16px;cursor:pointer;margin:10px auto 0}
._contact_box .ditu{width:100%;height:657px;margin:50px 0}
.detail_box{padding-top:50px}
.boxs{width:100%;height:auto;padding:50px 0;position:relative;background:#f3f5f8}
.boxs.b1{background:#fff}
.cooperationPlate .Characteristics li{text-align:center;float:left;width:20%;margin-bottom:35px}
.cooperationPlate .Characteristics .text{text-align:center;font-size:16px}
._service{overflow:hidden}
._service.service1 li{height:auto;position:relative}
._service.service1 li .txt{position:absolute;height:100%}
._service.service1 li .R.txt{right:0}
.cooperationPlate .service1 .text{text-align:left;left:auto;padding-left:50px;transform:translate(0,-50%)}
.cooperationPlate .service1 li:nth-child(even) .text{padding-left:0}
.cooperationPlate .service1 .text h4{font-size:24px;font-weight:inherit;text-transform:uppercase;margin-bottom:20px}
.cooperationPlate .service1 .text .summary{line-height:1.7;opacity:.7;font-size:15px}
.cooperationPlate .service1 .text .summary p{text-align:left}
.cooperationPlate .service1 .text h3{font-size:30px;font-weight:inherit;font-family:akrobatblack;text-transform:uppercase}
.cooperationPlate .hotline .text{text-align:center;color:#fff;position:absolute;width:100%;top:50%;z-index:5;transform:translateY(-50%)}
.cooperationPlate .hotline .text p{font-size:24px}
.cooperationPlate .hotline .text a{font-size:46px;font-family:akrobatblack}
.Characteristics{padding-top:25px}
.cooperationPlate .Characteristics .round{width:100px;height:100px;line-height:90px;text-align:center;background:#2355a1;font-size:36px;border-radius:50%;display:inline-block;margin-bottom:10px}
.sub_title{font-size:60px;line-height:1.5;margin-bottom:25px;text-transform:uppercase;position:relative;font-family:akrobatblack;height:90px}
.aboutUs .sub_title .smask{background-color:#2054a3}
nav ul a{position:relative}
nav ul a .activeNav::before{position:absolute;width:80px;height:4px;content:'';background-color:#fff;bottom:0;left:50%;margin-left:-40px}
._case.case1 ul li .thum .img{border:1px solid rgba(0,0,0,.05)}
.sub_title .smask{height:60px;line-height:60px;margin-top:20px;float:left;overflow:hidden;font-size:0;position:relative;z-index:2;padding-right:30px}
.sub_title i{font-style:normal;width:auto;display:inline-block;height:60px;line-height:60px;font-size:60px}
.sub_title span{width:0;display:inline-block}
.sub_title.ab,.sub_title.ns{color:#fff}
.sub_title.jo{margin-bottom:5px}
.sub_title.ab::after{width:0;height:1px;background:rgba(255,255,255,.5);content:'';display:block;position:absolute;left:0;top:50%;-webkit-transition:all .5s;-webkit-transition-delay:.5s}
.sub_title.ab.animated::after{width:calc(100% - 214px)}
.sub_title.ab::before{width:184px;height:74px;position:absolute;right:-100px;top:0;content:'';background:url(img/logos.png) no-repeat;background-size:cover;-webkit-transition:all .5s;-webkit-transition-delay:.75s;opacity:0}
.sub_title.ab.animated::before{right:0;opacity:1}
.cooperationPlate .Characteristics .round i{color:#fff}
.banner{width:100%;height:100vh;position:relative;overflow:hidden}
.banner ul::after{content:'';display:block;position:absolute;top:-100%;left:-100%;width:300%;height:300%;background-image:url(img/pixs.png);animation-name:grained;animation-iteration-count:infinite;animation-duration:.5s;animation-timing-function:steps(20,end);z-index:5}
@-webkit-keyframes grained{
0%{transform:translate(-10%,10%)}
10%{transform:translate(-25%,0)}
20%{transform:translate(-30%,10%)}
30%{transform:translate(-30%,30%)}
40%{transform:translate()}
50%{transform:translate(-15%,10%)}
60%{transform:translate(-20%,20%)}
70%{transform:translate(-5%,20%)}
80%{transform:translate(-25%,5%)}
90%{transform:translate(-30%,25%)}
100%{transform:translate(-10%,10%)}
}
.banner ul{height:100%;width:100%}
.banner ul li{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;-webkit-transition:opacity .6s cubic-bezier(.55,.085,.68,.53);-webkit-transition-delay:.2s;will-change:opacity;visibility:hidden}
.banner ul li .img{-webkit-transform:scale(1);position:relative;width:100%;height:100%}
.banner ul li .img .a{background:center center no-repeat;background-size:cover;position:relative;left:0;top:0;width:100%;height:100%;opacity:0;-webkit-backface-visibility:hidden;opacity:1;-webkit-transition:opacity .6s cubic-bezier(.445,.05,.55,.95);transition:none}
.banner ul li.active{z-index:1;opacity:1;-webkit-transition:opacity .6s cubic-bezier(.455,.03,.515,.955);-webkit-transition-delay:0s}
.banner ul li.visible{visibility:visible}
.banner ul li.visible .img{-webkit-transform:scale(1.07);-webkit-transition:-webkit-transform 8s linear}
.banner ul li.visible .img .a{transition:none;opacity:1;-webkit-transition:opacity .6s cubic-bezier(.445,.05,.55,.95)}
.banner ol{position:absolute;width:100%;height:20px;left:0;bottom:10px;text-align:center;z-index:10}
.banner ol li{width:5px;height:20px;background:rgba(255,255,255,1);display:inline-block;margin:0 5px;border-radius:5px;-webkit-transition:all .35s;-webkit-transform:scaleY(.5);transform-origin:bottom}
.banner ol li.active{-webkit-transform:scaleY(1);background:#086bb9}
.banner .btn{width:40px;height:70px;position:absolute;left:5%;top:50%;margin-top:-35px;background:url(img/icon1.png) -40px 0 no-repeat;z-index:10;cursor:pointer;-webkit-transition:all .35s;-webkit-transform:scale(.6);opacity:.5}
.banner .btn.prev{left:3%;-webkit-transform:rotate(-180deg) scale(.6)}
.banner .btn.next{left:auto;right:3%}
.no-touch .banner .btn:hover{background-position:0 0;-webkit-transform:scale(1);opacity:1}
.no-touch .banner .btn.prev:hover{-webkit-transform:scale(1) rotate(-180deg)}
.sub_banner{width:100%;height:590px;position:relative;overflow:hidden}
.sub_banner .pic{width:110vw;height:100%;position:absolute;background:no-repeat;background-size:cover;background-position:center center;-webkit-animation:subs 6s linear 1;-webkit-animation-fill-mode:forwards;-webkit-transform:translateX(-5%)}
@-webkit-keyframes subs{
0%{-webkit-transform:translateX(-5%)}
100%{-webkit-transform:translateX(0)}
}
.c_list{width:550px;height:230px}
.c_list a{display:block;width:250px;height:auto;margin:auto}
.c_list a .icon{width:120px;height:120px;background:#086bb9;color:#fff;border-radius:50%;margin:auto;position:relative}
.c_list a .icon .img{width:25px;position:absolute;left:50%;top:50%;margin-left:-12.5px;margin-top:-30px}
.c_list a .icon p{width:100%;height:auto;position:absolute;left:0;top:50%;margin-top:0;font-size:16px;text-align:center}
.c_list a .txt{font-size:36px;text-align:center;font-family:akrobatblack}
.detailBox{background:#fff;padding:0 0}
._news_detail{width:1000px;margin:0 auto;background:#fff;padding:30px;position:relative}
._news_detail .returnBtn{position:absolute;right:0;width:120px;display:block;text-align:center;line-height:40px;top:-40px;background:#fff}
.ndc_detail{font-size:18px}
._ndc_top .title{font-size:30px;line-height:1.4}
._ndc_top .des{margin-bottom:25px}
._news_detail .returnBtn:after{content:'';background:#b20219;position:absolute;width:0;left:0;bottom:0;height:1px;transition:ease .5s}
.cooperationPlate .service1 .text.s{position:relative;height:auto;overflow-y:auto}
@media only screen and (max-width:1440px){
.txt-swiper{height:800px}
.sub_title i{font-size:44px}
.sub_title{font-size:44px}
.sub_title.ab::before{width:150px;height:60px;top:12px}
.sub_title.ab.animated::after{width:calc(100% - 180px)}
.aboutUsText .title{font-size:30px}
.aboutUsText .content{font-size:15px;text-align:justify}
}
@media only screen and (max-width:1400px){
.txt-swiper{height:600px}
footer .right .text .phone{font-size:30px}
.brand-introduction-right .sub_title p,.sub_title2 p{font-size:22px}
.brand-introduction-right .sub_title b,.sub_title2 b{font-size:28px;margin-top:5px}
._w1200,._w1300,._w1400,._w1500,._w1600{max-width:1100px}
.news15 .li .pic{height:220px}
._ndc_top .title{font-size:24px}
._news_detail{padding:0}
.cooperationPlate .service1 .text h4{font-size:20px}
.cooperationPlate .service1 .text h3{font-size:26px}
.cooperationPlate .service1 .text .summary{font-size:14px}
.cooperationPlate .hotline .text a{font-size:34px}
.cooperationPlate .hotline .text p{font-size:22px}
.img-swiper2 .left .en{font-size:36px}
.img-swiper2 .left .en{padding-bottom:20px}
.img-swiper2 .left .more{padding-top:30px}
.boxes{padding:80px 0}
.join_left .leftText .title,.join_right .rightText .title{font-size:26px}
.join_left .leftText .en,.join_right .rightText .en{font-size:24px}
.join_left .leftText .phone{font-size:36px;padding-bottom:8px}
}
@media only screen and (max-width:1200px){
nav{position:fixed;right:0;top:0;width:500px;height:100vh;z-index:9999;background-color:#fff;color:#3e3e3e;padding:3vw;transform:translateX(110%) translate3d(0,0,0);transition:transform .25s ease-in-out}
body{overflow-x:hidden}
.navActive{background-color:#fff;box-shadow:none;color:#3e3e3e}
nav .logo{display:block;margin:0 auto;padding:0;text-align:center;position:relative;z-index:3;width:100%;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.2)}
nav .logo img{width:120px;display:inline-block}
.nav-right{width:100%;height:100%}
.nav-right ul{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;right:auto}
nav ul a{line-height:40px;width:100%;text-align:left}
nav ul a+a{margin-top:2vw}
nav ul a .activeNav{color:#003b7d;position:relative}
nav ul a .activeNav::before{display:none}
.mlogo{display:block;position:absolute;left:3vw;top:3vw;width:120px;height:auto;z-index:3;padding:5px 10px}
.m-nav{display:block!important;position:fixed;z-index:10000;right:3vw;top:3vw;width:50px;height:50px;color:#fff}
.m-nav p{position:absolute;width:40px;height:3px;background-color:#fff;transition:all .25s ease-in-out;top:5px;left:5px}
.m-nav p+p{top:18px}
.m-nav::before{content:'MENU';position:absolute;width:100%;display:block;left:0;bottom:0;text-align:center}
.banner{height:60vw}
.aboutUs .bgs{display:none}
.aboutUsText{width:100%;padding:0}
.aboutUs{padding:5vw}
.txt-swiper .swiper-button-next,.txt-swiper .swiper-button-prev{width:50px;height:50px;margin-top:5px}
.txt-swiper .swiper-button-prev{margin-top:-55px}
.boxes{padding:5vw}
._w1200,._w1300,._w1400,._w1500,._w1600{width:auto}
.join_right .rightText .content{color:#fff;font-size:14px;text-align:justify}
.join_left,.join_right{padding:5vw;height:45vw;display:flex;align-items:center;background-size:cover}
.join_left{clear:both}
.join_left a,.join_right a{display:block}
footer .right .nav{display:none}
footer{padding:5vw}
.footer-wrap{width:auto}
footer .right{width:100%}
footer .left{width:100%;text-align:justify}
footer .left .logo{width:120px}
.backTop{display:none}
footer .right .text .phone{padding-bottom:20px}
footer .QRcode{display:block;position:relative;right:auto;top:auto;bottom:auto;margin-left:auto;margin-right:0;width:80px;height:auto}
footer .right .text img{margin:0;float:none}
footer .wechat{display:none}
body.menu nav{transform:translateX(0) translate3d(0,0,0);transition:all .5s ease-in-out}
body.menu .m-nav{filter:none;color:#003b7d}
body.menu .m-nav p{background-color:#003b7d}
body.menu .m-nav p{top:10px;transform:rotate(45deg);width:34px;left:8px;transition:all .5s ease-in-out}
body.menu .m-nav p+p{top:10px;transform:rotate(-45deg)}
body.menu .m-nav::before{content:'CLOSE'}
body.menu::after{content:'';position:fixed;width:100%;height:100vh;z-index:998;background-color:rgba(0,0,0,.8);left:0;top:0}
.brand-introduction-img{display:none}
.brand-introduction-right{height:auto;padding:5vw;width:100%}
.brand-advantage{width:auto;padding:5vw}
.product_box{padding:5vw}
._w1200 ._case.case1.num3 ul li,.productInfo .li{width:calc((100% - 9vw)/ 4);margin-right:3vw}
._w1200 ._case.case1.num3 ul li:nth-child(5n),.productInfo .li:nth-child(5n){margin-right:3vw}
._w1200 ._case.case1.num3 ul li:nth-child(4n),.productInfo .li:nth-child(4n){margin-right:0}
._w1200 ._case.case1.num3 ul li:nth-child(20n),.productInfo .li:nth-child(20n){margin-right:0}
._case.case1 ul li .thum .img{border-color:rgba(0,0,0,.3)}
.productInfo .li{border:1px solid rgba(0,0,0,.3)}
.detail_box{padding:5vw}
.news15 .li .pic{height:19vw}
.news15 .li .title{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news15 .li .pic{margin-bottom:10px}
.boxs.b1{padding:5vw}
.boxs{padding:5vw}
._service.service1 .L,._service.service1 .R{width:100%}
._service.service1 li .txt{position:relative}
._service.service1 .text{position:relative;transform:none;padding:0}
._service.service1 li .txt{z-index:6;margin-top:-90px;margin-bottom:5vw}
._service.service1 .picImg{height:130px;overflow:hidden;background-color:#000}
._service.service1 .picImg img{width:100%;filter:blur(20px);transform:scale(1.2);opacity:.4}
._service.service1 li{display:flex;flex-direction:column-reverse}
.cooperationPlate .service1 .text h3,.cooperationPlate .service1 .text h4{color:#fff;padding-left:3vw}
.cooperationPlate .service1 .text h4{margin-bottom:50px}
.c_list{display:none}
._contact_box-information{width:auto;padding:5vw}
.sub_main2{width:auto}
._contact_box-input{width:100%}
.contactForm-input-2{width:calc(50% - 15px)}
._contact_box-input input{width:100%;appearance:none;background-color:#fff;border:1px solid rgba(0,0,0,.2)}
._contact_box-input textarea{height:250px;margin-top:30px;border:1px solid rgba(0,0,0,.2);appearance:none;background-color:#fff}
.newsBox{width:auto}
.newsBox .swiper-container .swiper-wrapper{flex-direction:column}
.newsBox .swiper-slide .left .img{width:142px;height:142px;top:0;margin-top:0;margin-left:142px}
.newsBox .swiper-slide .left .circle{position:relative}
}
@media screen and (max-width:768px){
.sub_title i{font-size:22px}
.sub_title{height:60px}
.sub_title .smask{margin-top:0}
.sub_title.ab::before{width:100px;height:40px;top:10px}
.sub_title.ab.animated::after{width:calc(100% - 130px)}
.aboutUsText .title{font-size:20px;padding-bottom:15px}
.aboutUsText .content{font-size:14px;line-height:1.6}
.img-swiper2 .left .en{font-size:20px;padding-top:20px}
.img-swiper2 .left{width:100%;margin-left:auto;padding:5vw}
.join_left,.join_right{width:100%;height:auto}
.sub_title{font-size:20px}
.newsBox .swiper-slide .left .img{margin-left:0}
.newsBox .swiper-slide:hover .left .circle .img,.touch .newsBox .swiper-slide .left .circle .img{opacity:.4}
.newsBox .swiper-slide:hover .left .circle p,.touch .newsBox .swiper-slide .left .circle p{margin:0;text-align:center}
.newsBox .swiper-slide .left .circle p{width:100%;line-height:20px;font-size:16px;text-align:center;top:calc(50% - 10px)}
.newsBox .swiper-slide .left{width:auto;padding:0}
.newsBox .swiper-slide .right{width:calc(100% - 142px);padding:0;padding-left:30px;text-align:justify}
.newsBox .swiper-slide a{display:flex;align-items:center}
.newsBox .swiper-slide .right .content{height:46px;overflow:hidden}
.newsBox .more{height:auto}
.brand-introduction-right .sub_title p,.sub_title2 p{font-size:18px}
.brand-introduction-right .sub_title b,.sub_title2 b{font-size:22px}
.brand-advantage .brand-advantage-content{width:100%}
.brand-advantage-content .info{padding:20px 0}
._w1200 ._case.case1.num3 ul li,.productInfo .li{width:calc((100% - 6vw)/ 3);margin-right:2vw}
._case.case1 ul li .thum{height:auto}
._case.case1 ul li .thum .img{width:100%;height:100%}
._case.case1 ul li .title{padding:10px 10px}
._w1200 ._case.case1.num3 ul li:nth-child(3n),.productInfo .li:nth-child(3n){margin-right:0}
._w1200 ._case.case1.num3 ul li:nth-child(4n),._w1200 ._case.case1.num3 ul li:nth-child(5n),.productInfo .li:nth-child(4n),.productInfo .li:nth-child(5n){margin-right:2vw}
.news15 .li .item_des{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.detail_content{width:100%}
._news_detail{width:100%}
}
@media only screen and (max-width:767px){
.cooperationPlate .Characteristics li{width:50%}
.banner ul li.visible .img{-webkit-transform:scale(1.2);-webkit-transition:-webkit-transform 8s linear}
nav{width:300px}
nav .logo{text-align:left;border:none}
nav .logo img{width:90px}
.m-nav{top:5vw}
.banner{height:340px}
.txt-swiper{width:100%;height:60vw}
.txt-swiper .swiper-slide{width:100vw}
.img-swiper .swiper-slide img,.img-swiper2 .swiper-slide img,.img-swiper3 .swiper-slide img{width:100vw;height:auto}
.img-swiper2{width:50%;position:relative;height:50vw;right:0;left:auto;top:auto;margin-right:0}
.img-swiper{width:50%;position:relative;height:50vw;right:auto;left:auto}
.img-swiper2 .right{display:none}
.img-swiper2 .left .en{padding-bottom:10px}
.img-swiper2 .left .content{padding-bottom:10px}
.join_left .leftText .title,.join_right .rightText .title{font-size:20px}
.join_left .leftText .title{padding-bottom:20px}
.join_right .rightText .title{padding-bottom:30px}
.newsBox .swiper-slide .left .circle{width:30vw;height:30vw}
.newsBox .swiper-slide .left .img{width:100%;height:100%}
.newsBox .swiper-slide{padding:20px 0;height:auto}
.sub_banner{height:250px}
._pageTitleTab{display:flex;flex-wrap:wrap}
._pageTitleTab a{display:block;width:calc(50% - 2vw);margin:0;margin-right:4vw}
._pageTitleTab a:nth-child(2n){margin-right:0}
._pageTitleTab a:nth-child(n+3){margin-top:4vw}
._w1200 ._case.case1.num3 ul li,.productInfo .li{width:calc(50% - 2vw);margin-bottom:4vw}
.productInfo .li{height:auto;overflow:hidden}
._w1200 ._case.case1.num3 ul li:nth-child(2n),.productInfo .li:nth-child(2n){margin-right:0}
._w1200 ._case.case1.num3 ul li:nth-child(3n),.productInfo .li:nth-child(3n){margin-right:4vw}
._w1200 ._case.case1.num3 ul li:nth-child(3n),.productInfo .li:nth-child(3n){margin-right:4vw}
._w1200 ._case.case1.num3 ul li:nth-child(6n),.productInfo .li:nth-child(6n){margin-right:0}
._w1200 ._case.case1.num3 ul li:nth-child(10n),.productInfo .li:nth-child(10n){margin-right:0}
.project_title{font-size:20px}
.news15 .li{width:100%;margin-right:0!important}
.news15 .li .pic{height:60vw}
.detail_content{padding:5vw;word-break:break-all}
.cooperationPlate .service1 .text h3{font-size:18px}
._service.service1 li .txt{margin-top:-75px}
._service.service1 .picImg{height:110px}
.hotline{height:100px}
.hotline img{height:100%;width:auto}
._contact_box-input textarea{height:150px}
}