@font-face{font-family:SweetSansPro;src:url(../fonts/SweetSansPro-Medium.woff) format('woff2'),url(../fonts/SweetSansPro-Medium.woff) format('woff');font-weight:400;font-style:normal}
@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_1229304_2kq55l90kgs.eot);src:url(//at.alicdn.com/t/font_1229304_2kq55l90kgs.eot?#iefix) format('embedded-opentype'),url(//at.alicdn.com/t/font_1229304_2kq55l90kgs.woff2) format('woff2'),url(//at.alicdn.com/t/font_1229304_2kq55l90kgs.woff) format('woff'),url(//at.alicdn.com/t/font_1229304_2kq55l90kgs.ttf) format('truetype'),url(//at.alicdn.com/t/font_1229304_2kq55l90kgs.svg#iconfont) format('svg')}
body{font-family:'绛夌嚎';overflow:hidden;height:100vh;max-width:750px;}
.vscroll{position:fixed;left:0;top:0;/*width:calc(100vw - 17px);*/z-index:3;transition:transform 1.5s cubic-bezier(.19,1,.22,1),-webkit-transform 1.5s cubic-bezier(.19,1,.22,1);will-change:transform}
#canvas{display:none}
.indexPage .boxs{background:#fff}
.boxs{width:100%;height:auto;padding:50px 0;position:relative;/*background:#f3f5f8*/}
.boxs.b1.index{background:#fff}
.boxs.b2.index{background-size:100% auto;transition:background-position 1.5s cubic-bezier(.19,1,.22,1)}
#canvas{position:absolute;display:block;width:100%;height:100%;left:0;top:0;cursor:none!important;z-index:3}
.boxs.b3.index{background:#f6f6f6}
.boxs.b7{background-size:cover}
.boxs.b5{background:#f6f6f6}
._w1200::after{clear:both;width:100%;display:block;height:1px;content:''}
.header{/*width:calc(100vw - 17px);*/height:80px;border-bottom:1px solid rgba(255,255,255,.1);position:fixed;left:0;top:0;box-shadow:0 0 15px rgba(0,0,0,.05);z-index:100;padding:0 3%;background:rgba(0,0,0,0);text-align:center;transition:all .35s}
.header:hover{background:#98a8ac}
.mask-clip{clip-path:inset(15%);transition:all 2s cubic-bezier(.175,.885,.32,1.275)}
.aos-animate .mask-clip{clip-path:inset(5%)}
.header.active{background:#98a8ac;height:60px}
.header.active .nav a::after{background:#fff}
.header.active .nav a.active{color:#fff;background:rgba(255,255,255,0)}
.header.active .logo{width:145px;margin-top:13px}
.header.active .nav a{line-height:60px}
.logo{width:175px;height:auto;float:left;margin-top:19px;transition:all .35s}
.nav{width:auto;margin:0 auto;float:right;display:inline-block}
.nav a{display:block;float:left;height:auto;line-height:80px;padding:0 35px;font-size:14px;position:relative;transition:ease .5s;color:#fff}
.nav a::after{width:0%;height:4px;content:'';position:absolute;left:0;bottom:0;background:#98a8ac;transition:all .35s}
.nav a.active{color:#98a8ac;background:#fff}
.nav a.active::after,.nav a:hover::after{width:100%}
.footer{width:100%;height:auto;padding:50px 0;background:#98A8AC;z-index:5;position:relative}
.f_t{width:100%;height:auto;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:25px;margin-bottom:25px;overflow:hidden}
.f_nav{width:auto;height:auto;float:left}
.f_nav ul li{width:auto;float:left;margin-right:55px}
.f_nav ul li a{display:block;line-height:40px;color:rgba(255,255,255,.5);transition:ease .2s}
.f_nav ul li a:first-child{font-weight:700;color:#fff}
.r_f{float:right;width:auto}
.f_ewm,.f_tel{float:left}
.f_tel{text-align:right;margin-right:25px}
.f_tel b,.f_tel p,.f_tel span{display:block;color:rgba(255,255,255,.5)}
.f_tel p{line-height:40px;color:#fff;font-size:16px}
.f_tel b{font-size:40px;line-height:1.2;color:#fff}
.copyright{color:rgba(255,255,255,.5)}
.copyright p+p{margin-top:5px}
.copyright span{display:inline-block;border-radius:5px;line-height:26px}
.f_ewm{width:105px;text-align:center;color:rgba(255,255,255,.5)}
.f_ewm img{margin-bottom:10px}
.banner{position:relative;height:100vh;width:100%;overflow:hidden}
.banner .swiper-wrapper{position:relative;z-index:2;height:100%}
.banner .swiperBtn{top:50%;z-index:20;transform:translateY(-50%);position:absolute;font-size:30px;cursor:pointer;color:#98a8ac;transition:ease .5s;width:45px;height:45px;line-height:45px;text-align:center}
.banner .swiperBtn i{position:absolute;width:15px;height:15px;display:block;background:#98a8ac;transition:ease .5s;transform:scale(0);z-index:-1}
.banner .swiperBtn i:nth-child(1){top:0;left:0}
.banner .swiperBtn i:nth-child(2){top:0;left:15px}
.banner .swiperBtn i:nth-child(3){top:0;left:30px}
.banner .swiperBtn i:nth-child(4){top:15px;left:0}
.banner .swiperBtn i:nth-child(5){top:15px;left:15px}
.banner .swiperBtn i:nth-child(6){top:15px;left:30px}
.banner .swiperBtn i:nth-child(7){top:30px;left:0}
.banner .swiperBtn i:nth-child(8){top:30px;left:15px}
.banner .swiperBtn i:nth-child(9){top:30px;left:30px}
.banner .button-next{right:4%}
.banner .button-prev{left:4%}
.bannerIn{width:100%;height:80vh;position:relative;background:#000;/*opacity:.8;*/}
.bannerIn .pic{position:absolute;height:100%;width:100%;background-size:cover;background-position:center;/*opacity:.8;*/transition:all 1.5s cubic-bezier(.19,1,.22,1)}
.bannerIn img{opacity:.7;position:absolute;bottom:0}
.bannerIn .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;text-transform:uppercase}
.bannerIn .text h2{font-size:50px;font-family:SweetSansPro}
.dots{position:absolute;left:0;bottom:20px;text-align:center;z-index:9;left:50%;transform:translateX(-50%);background-color:rgba(255,255,255,.8);padding:15px 10px;border-radius:10px;line-height:0;font-size:0}
.dots div{display:inline-block;width:4px;height:10px;background-color:rgba(0,0,0,.3);margin:0 5px;transition:all .5s ease-in-out}
.dots div.active{transform:scaleY(1.8);background-color:rgba(0,0,0,1)}
.bannerIn .text h4{font-size:32px;font-weight:400;line-height:1.5;text-align:justify;text-align-last:center}
.container{width:100%;height:auto;position:relative;z-index:5;background:#fff}
.container::after{width:100%;height:1px;clear:both;display:block;content:''}
.screening-box{width:20%;height:auto;float:left}
.s_title{width:100%;height:100px;font-size:18px;line-height:50px;margin-top:-100px;background:#fff;text-align:right;padding:25px;padding-right:50px;position:relative}
.s_title .icon{width:25px;height:auto;position:absolute;right:180px;top:37.5px}
.sp_list{width:100%;height:auto;padding:25px;border-top:1px solid #eee;overflow:hidden}
.sp_item{width:70%;height:auto;position:relative;margin-left:30%;border-bottom:1px solid #eee}
.sp_item .item_name{font-size:18px;line-height:60px;position:relative;color:#121212;cursor:pointer}
.sp_item .item_name::after{width:10px;height:2px;position:absolute;right:0;top:50%;margin-top:-1px;content:'';background:#121212}
.sp_item .item_name::before{width:2px;height:10px;position:absolute;right:4px;top:50%;margin-top:-5px;content:'';background:#121212;opacity:1;transition:ease .5s}
.sp_item .item_name.active::before{transform:rotate(-90deg)}
.sp_item .item_list,.sp_item .item_list.color_list{width:100%;height:auto;position:relative;padding-bottom:15px;display:none}
.sp_item .item_list.active{display:block}
.sp_item .item_list a{height:auto;display:block;padding:7px 0;line-height:25px;position:relative;padding-left:20px}
.sp_item .item_list.color_list a{width:25px;height:25px;float:left;padding:0;border-radius:50%;box-shadow:0 0 15px rgba(0,0,0,.05);margin-right:15px;margin-bottom:10px}
.sp_item .item_list.color_list a img{width:100%;border-radius:50%;overflow:hidden}
.sp_item .item_list.color_list a.active{border:1px solid red}
.sp_item .item_list.color_list a.active::after{display:none}
.sp_item .item_list::after{width:100%;height:1px;clear:both;content:'';display:block}
.sp_item .item_list.color_list a::before{display:none}
.sp_item .item_list a::before{content:"";display:inline-block;position:absolute;top:13px;left:0;width:10px;height:10px;border-radius:50%;border:1px solid #9e9e9e;background-color:#fff}
.sp_item .item_list a::after{width:6px;height:6px;left:2.5px;top:16.5px;background:#333;content:'';border-radius:50%;position:absolute;opacity:0}
.sp_item .item_list a.active::after{opacity:1}
.warp{width:80%;float:left;background:#f3f5f8;padding:50px}
.productLIST{margin-bottom:55px}
.product_list{width:100%;height:auto;position:relative}
.product_list ul li{width:18%;height:auto;float:left;margin-right:2.5%;margin-bottom:35px;transition:ease .5s;position:relative}
.data-set{font-size:13px;margin-top:3px;opacity:.8}
.product_list ul li:nth-child(5n){margin-right:0}
.product_list ul li .thum{width:100%;height:auto;overflow:hidden;background:#fff center center no-repeat;background-size:cover;transition:ease-out .5s}
.product_list ul li img{width:100%}
.product_list ul li .name{width:100%;height:auto;position:relative;margin-top:15px}
.product_list ul li .name b{font-size:20px;line-height:1.7;color:#3a3a3a;font-weight:400;display:block}
.product_list ul li .name p{font-size:14px;line-height:1.7;opacity:.7}
.product_list ul li .productBox{display: none;}
.pro_box{width:1000px;height:auto;margin:0 auto;padding:50px 0}
.pro_box .pro_title{width:100%;height:auto;text-align:center;font-size:48px;line-height:1.4;color:#3e3e3e;margin-bottom:25px}
.pro_box .pro_detail{width:100%;height:auto;line-height:1.7;margin-bottom:50px}
.pro_box .pro_detail img,.pro_box .pro_detail p{margin-bottom:15px}
.pro_box .pro_detail img{width:100%}
.sliders img{width:100%}
.slogan{width:auto;height:auto;position:absolute;left:50%;text-align:center;top:50%;transform:translate(-50%,-50%);text-shadow:0 0 5px rgba(0,0,0,.5);z-index:1}
.slogan b{font-size:60px;line-height:1.4;display:block;margin-bottom:15px;color:#fff;font-weight:400}
.slogan p{font-size:24px;line-height:1.7;opacity:1;color:#fff}
.ab_left{width:45%;height:auto;float:left}
.ab_right{width:50%;height:auto;float:right;position:relative;overflow:hidden}
.sub_title{font-family:SweetSansPro;font-size:50px;line-height:1;margin-bottom:36px;text-transform:uppercase}
.sub_des{font-size:12px;line-height:2;text-transform:uppercase;margin-bottom:50px}
.ab_con{height:auto;line-height:1.7}
.ab_con b{display:block;font-size:30px;margin-bottom:10px;font-weight:400}
.ab_con p{font-size:16px;margin-bottom:25px;opacity:.7;line-height:2}
.more_btn{display:block;width:140px;height:40px;line-height:40px;text-align:center;color:#fff;position:relative}
.more_btn span{position:absolute;width:100%;height:100%;left:0;z-index:5;background: #38a4b0;}
.more_btn:after{content:'';position:absolute;width:100%;height:100%;background:#98a8ac;left:0;top:0}
.more_btn i{position:absolute;width:20px;height:20px;background:#000;display:block;z-index:2;transform-origin:center;transition:ease .5s}
.more_btn i:nth-child(1){top:0;left:0}
.more_btn i:nth-child(2){top:20px;left:0}
.more_btn i:nth-child(3){top:0;left:20px}
.more_btn i:nth-child(4){top:20px;left:20px}
.more_btn i:nth-child(5){top:0;left:40px}
.more_btn i:nth-child(6){top:20px;left:40px}
.more_btn i:nth-child(7){top:0;left:60px}
.more_btn i:nth-child(8){top:20px;left:60px}
.more_btn i:nth-child(9){top:0;left:80px}
.more_btn i:nth-child(10){top:20px;left:80px}
.more_btn i:nth-child(11){top:0;left:100px}
.more_btn i:nth-child(12){top:20px;left:100px}
.more_btn i:nth-child(13){top:0;left:120px}
.more_btn i:nth-child(14){top:20px;left:120px}
.ab_right img{width:100%}
.intro_box{width:50%;color:#fff}
.intro_box .ab_con{margin:25px 0 50px}
.product_box{width:100%;height:auto;overflow:hidden;margin-top:25px}
.fm_list{width:45%;height:600px;float:left;position:relative;overflow:hidden}
.fm_list ol,.fm_list ul{height:100%;width:100%}
.fm_list ul{position:relative;z-index:10;padding:50px}
.fm_list ol{position:absolute;left:0;top:0;background:#000}
.fm_list ol li{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;transition:all .35s;background-size:cover;background-repeat:no-repeat}
.fm_list ol li.active{opacity:.7}
.fm_list ul li{width:100%;height:auto;color:#fff;margin-bottom:45px;cursor:pointer}
.fm_list ul li:first-child{margin-top:55px}
.fm_list ul li:last-child{margin-bottom:0}
.fm_list ul li b{font-size:30px;font-weight:400;line-height:1.7;opacity:.5;transition:ease .5s}
.fm_list ul li p{font-size:14px;text-transform:uppercase;opacity:.5}
.plist{width:50%;height:auto;float:right;margin-top:150px;position:relative}
.fm_list ul li.active b,.fm_list ul li.active p{opacity:1}
.plist ul li .en{font-size:35px;text-transform:uppercase;line-height:1.4}
.plist ul li .cn{font-size:24px;text-transform:uppercase;line-height:1.4}
.plist ul li .des{font-size:14px;line-height:2;margin:25px 0 45px}
.plist ul li{width:100%;height:auto;position:absolute;left:0;top:0;opacity:0;visibility:hidden}
.plist ul li.active{opacity:1;visibility:visible}
.case_nav{width:auto;height:25px;position:absolute;right:0;top:12.5px;line-height:25px}
.case_nav a{padding:0 20px;float:left;position:relative;line-height:25px}
.case_nav a::after{width:1px;height:10px;position:absolute;right:0;top:7.5px;content:'';background:#3e3e3e;opacity:.5}
.case_nav a:last-child::after{display:none}
.case_nav a.active{color:#98a8ac}
.case_nav a.active::after{background:#98a8ac}
.case_list ul li{width:100%;height:auto;position:absolute;padding:30px;border-bottom:1px solid #dfdfdf;display:block;border-right:1px solid rgba(223,223,223,.5);border-left:1px solid rgba(223,223,223,1)}
.case_list ul li.active{display:block}
#_picturesUl li .big{width:100%}
#list .getMoreLine a{cursor:inherit}
.getMoreLine{text-align:center;height:40px;position:relative}
.getMoreLine a{position:absolute;line-height:40px;width:50%;background-color:#f7f7f7;left:25%}
.getMoreLine::after,.getMoreLine::before{content:'';background:#ededed;position:absolute;width:21%;height:1px;top:50%;opacity:0}
.getMoreLine::after{right:0}
.getMoreLine::before{left:0}
.c_li{width:100%;height:auto;overflow:hidden;display:block;justify-content:space-between;margin-bottom:25px}
.c_li .img{width:100%;height:auto;display:flex;justify-content:space-between}
.c_li .img .big{width:68%}
.c_li .img .small{width:30%}
.c_li .img .small .s1{width:100%;height:49%;background:center center no-repeat;background-size:cover}
.c_li .img .small .s1:first-child{margin-bottom:4%}
.c_li .info{width:100%;font-size:20px;text-align:center;padding:25px 0 90px}
.c_li .info .des{width:100%;height:auto;font-size:14px;line-height:2;margin-bottom:35px}
.zs_box{width:100%;height:600px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.05);display:flex;justify-content:space-between;position:relative;overflow:hidden}
.zs_box .img{width:45%;height:auto;position:relative;overflow:hidden}
.zs_box .img .pic{background:center center no-repeat;background-size:cover;position:absolute;top:0;width:100%;height:100%}
.zs_box .txt{padding:100px 50px;background:url(../images/txt_bg.jpg) bottom center no-repeat;background-size:cover}
.zs_tel{font-size:36px;line-height:1.4;margin-bottom:15px}
.zs_des{font-size:16px;line-height:2;margin-bottom:35px;width:100%}
.jx_title{width:100%;height:auto;text-align:center;font-size:36px;color:#98a8ac;line-height:1.7;margin-bottom:10px}
.jx_des{width:100%;height:auto;text-align:center;font-size:16px;opacity:.7;line-height:1.7;margin-bottom:50px}
.jx_list{width:100%;height:auto;position:relative}
.jx_list ul{margin-bottom:50px;width:100%;height:auto;display:flex;justify-content:space-between}
.jx_list ul li{width:200px;height:auto}
.jx_list ul li .icon{width:190px;height:190px;border:5px solid #e5e5e5;background:#fff;border-radius:50%;overflow:hidden}
.jx_list ul li .icon img{width:100%}
.jx_list ul li .title{text-align:center;font-size:18px;line-height:1.4;margin:15px 0 5px}
.jx_list ul li .des{text-align:center;font-size:14px;line-height:1.4;opacity:.7}
.jx_txt{width:100%;height:auto;text-align:center;font-size:24px;color:#98a8ac}
.load_more{width:40px;height:40px;background:#98a8ac;color:#fff;margin:25px auto 0;line-height:44px;text-align:center;display:block;border-radius:50px;font-size:20px}
.load_more span{width:8px;height:8px;display:inline-block;border-radius:50%;background:#fff}
.news_list{width:100%;height:auto;overflow:hidden}
.news_list ul li{width:30%;height:auto;float:left;margin-right:5%;margin-bottom:25px}
.news_list ul li:nth-child(3n){margin-right:0}
.news_list ul li a{display:block;width:100%;height:auto}
.news_list ul li .thum{width:100%;height:auto;position:relative;background:#fff center center no-repeat;background-size:cover;margin-bottom:15px;background:#000}
.news_list ul li .thum img{width:100%;transition:ease .5s}
.news_list ul li .title{width:100%;height:30px;font-size:18px;line-height:30px;overflow:hidden;margin:15px 0 0}
.news_list ul li .date{width:100%;height:20px;font-size:12px;line-height:20px;overflow:hidden;position:relative;opacity:.5;margin-bottom:15px;overflow:hidden}
.news_list ul li .des{width:100%;height:50px;font-size:14px;line-height:25px;opacity:.7;overflow:hidden}
.news_list ul li .borderR{position:absolute;width:80%;height:60%;border:1px solid rgba(255,255,255,.3);top:20%;left:10%;opacity:0;transition:ease .5s}
.news_list ul li .borderR .picTxt{color:#fff;font-size:20px;text-align:center;height:auto;overflow:hidden;width:90%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.more_btn.mr{margin:auto}
.ab_cons{width:100%;height:auto;position:relative;line-height:2}
.ab_cons b{display:block;font-size:16px;margin-top:15px}
.fllow_us{width:100%;height:35px;line-height:35px;display:flex}
.fllow_us .wechat{width:35px;height:35px;position:relative;cursor:pointer}
.fllow_us .sina{width:35px;height:35px;position:relative;display:block}
.fllow_us .sina .icon,.fllow_us .wechat .icon{width:20px;margin-left:7.5px;margin-top:7.5px}
.fllow_us .wechat .img{width:120px;height:auto;position:absolute;left:50%;padding:0;background:#fff;margin-left:-60px;margin-top:-150px;display:none}
.fllow_us .wechat:hover .img{display:block}
.search_box{float:right;height:80px;border-left:1px solid rgba(255,255,255,.1);padding-left:20px;color:#fff;transition:all .35s;line-height:80px}
.search_icon{width:50px;position:relative;cursor:pointer;display:inline-block;height:50px;vertical-align:middle;line-height:50px;text-align:center;font-size:29px}
.nav_tel{display:inline-block;width:auto;padding:0 25px;font-size:20px;transition:all .35s;border:1px solid #fff;border-radius:25px;line-height:38px;vertical-align:middle;margin-left:35px}
.nav_tel i{margin-right:10px}
.search_icon::after{content:''}
.header.active .search_box{height:60px;line-height:60px}
.header.active .nav_tel{line-height:38px;font-size:20px}
.de_title{width:100%;height:auto;position:relative;text-align:center;margin-top:50px;background:#98a8ac;color:#fff;padding:15px 0}
.de_title b,.de_title p{display:block;font-size:24px}
.de_title p{font-size:14px;text-transform:uppercase}
.de_list,.des_list{width:100%;height:auto;position:relative;padding:15px;background:#f3f3f3;overflow:hidden}
.de_list ul li{width:155px;height:90px;float:left;margin-right:5px;margin-bottom:5px}
.des_list ul li{width:30%;height:auto;float:left;margin-right:5%;margin-bottom:15px;position:relative;padding-left:15px}
.des_list ul li::after{width:10px;height:10px;position:absolute;left:-3px;top:3px;border:1px solid rgba(0,0,0,.5);content:'';border-radius:50%}
.des_list ul li .num{width:auto;float:left;font-size:16px;line-height:20px}
.des_list ul li .num b{display:block}
.des_list ul li .num p{font-size:12px;line-height:14px;display:block;opacity:.7}
.des_list ul li .cm{width:auto;float:left;line-height:20px;margin-left:10px}
.des_list ul li:nth-child(3n){margin-right:0}
/*.UpBox{margin-bottom:15px}*/
.project_title{width:auto;height:auto;position:relative;font-size:28px;line-height:30px;font-weight:700}
.project_detail{font-size:16px;line-height:2;padding-top: 25px;}
.project_detail img,.project_detail p{margin-bottom:15px}
.project_detail img{width:100%}
.returnHref{display:inline-block;line-height:48px;width:48px;text-align:center;font-size:24px;color:#676767;transition:ease .5s}
.swiper-slide{background-repeat:no-repeat;background-size:cover}
.banner .swiper-slide{background-position:center center;transition-property:all;/*filter:contrast(2.5) brightness(2.5) blur(10px);*/opacity:0;transition:all 1.5s ease-in-out;position:absolute;width:100%;height:100%;left:0;top:0;transform:translate3d(0,0,0)}
.banner .swiper-container{height:100%}
.banner .swiper-slide.swiper-slide-active{filter:contrast(1) brightness(1) blur(0);transform:translate3d(0,0,0);opacity:1}
.de_single{padding:15px;line-height:1.7;font-size:16px}
.de_single img{width:100%}
.de_single img,.de_single p{margin-bottom:15px}
.sub_title span{font-size:18px;margin-left:0;display:block;margin-top:5px;opacity:.7}
.brand_box{color:#fff}
.pro_detail{background-color:#f5f5f5;width:100%;height:auto;position:relative;z-index:5}
.detail_box{background:#fff;position:relative;box-sizing:border-box;padding:50px}
.case_cat{height:auto;text-align:right;padding:50px 0}
.case_cat a{height:30px;line-height:30px;text-align:center;border-left:1px solid #ededed;border-radius:3px;display:block;padding:0 25px;transition:all .46s ease 0s;display:inline-block}
.case_cat a:nth-child(1){border-left:0}
.case_cat a.active{color:#98a8ac}
.case_cat._fr{padding:0;line-height:50px}
.scenePlate{position:relative;z-index:5;background:#fff;padding-bottom:50px}
._pictures{position:relative;padding:0}
.boxs.b4 .pictures2 #_picturesUl{margin-bottom:0;min-height:500px}
.pictures2 #_picturesUl{min-height:50px;opacity:0;overflow:inherit;margin-bottom:130px;height:auto}
._pictures:after,._pictures:before{content:''}
.pictures2 #_picturesUl .li{padding:30px;border-bottom:1px solid rgba(223,223,223,.5);display:block;border-right:1px solid rgba(223,223,223,.5);border-left:1px solid rgba(223,223,223,.5);transition:ease .5s;width:33%;left:0;overflow:hidden}
.pictures2 #_picturesUl .li .picBox{position:relative}
.pictures2 #_picturesUl .li .picShow{transform:translate(-50%,50%);bottom:50%}
.pictures2 #_picturesUl .li a{display:block}
.pictures2 #_picturesUl .li .imgPic{position:relative;background:#faf7f7;min-height:200px}
.pictures2 #_picturesUl .li .imgPic .scenesMask{position:absolute;top:0;width:100%;height:100%;text-align:center}
.pictures2 #_picturesUl .li .imgPic.active .scenesMask{opacity:0}
.pictures2 #_picturesUl .li .imgPic img{opacity:0}
.pictures2 #_picturesUl .li .imgPic.active img{opacity:1}
.pictures2 #_picturesUl .text{font-size:20px;text-align:center;padding:25px 0 90px}
.newsPlate{position:relative;z-index:5}
.newsPlate .boxs{padding:0 0 50px}
.videoList li .borderR{position:absolute;width:80%;height:60%;border:1px solid rgba(255,255,255,.3);top:20%;left:10%;opacity:0;z-index:5;transition:ease .5s}
.videoList li .picTxt{color:#fff;font-size:25px;text-align:center;height:28px;overflow:hidden;width:80%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
._news.news2.videoList li .img{background:#000}
.videoList li .img img{transition:ease .5s}
._PageTurningNumber{color:#6b6b6b}
._PageTurningNumber a.active{background:#98a8ac}
._PageTurningNumber span input{border:1px solid #dedede;background:rgba(255,255,255,0)}
._PageTurningNumber a{background:rgba(255,255,255,0)}
.aboutPlate .summary{width:48%}
.aboutPlate .summary.R{margin-left:54%}
.aboutPlate .summary h3{font-size:30px;color:#3e3e3e;font-family:SweetSansPro;text-transform:uppercase}
.aboutPlate .summary .text{line-height:1.8;font-size:16px;margin-top:30px;}
.aboutPlate .aboutImg{position:relative}
/*.aboutPlate .aboutImg:after{content:'';position:absolute;background:#98a8ac;height:100px;width:50%;bottom:90px;left:12%;z-index:1}*/
.aboutPlate .aboutImg .aboutIMg01{position:relative;margin:0 auto;z-index:6}
.aboutPlate .aboutImg .aboutIMg01 img{margin:0 auto}
.aboutPlate .aboutImg .aboutIMg02{position:absolute;bottom:130px;left:0;overflow:hidden;z-index:5;width:50%}
.aboutPlate .aboutImg .aboutIMg03{position:absolute;left:50%;top:50%;z-index:5;overflow:hidden;width:50%}
.brandPlate .swiperBrandBox{margin-bottom:80px;overflow:hidden;z-index:5}
.brandPlate .swiperBrandBox .button-next,.brandPlate .swiperBrandBox .button-prev{display:none}
.brandPlate .swiperBrand{margin-bottom:100px}
.brandPlate .swiperBrand .li{position:relative}
.brandPlate .swiperBrand ._fl{width:49%;position:relative;overflow:hidden}
.brandPlate .swiperBrand ._fr{width:47%;border-top:1px solid #eee;padding-top:50px;position:absolute;right:0;height:100%;border-bottom:1px solid #eee}
.brandPlate .swiperBrand .li i{width:120px;height:2px;background:#313131;display:block}
.brandPlate .swiperBrand .title{font-size:30px;color:#3f3f3f;position:relative;z-index:5}
.brandPlate .swiperBrand .li .letter{color:#ebedf0;font-weight:700;position:absolute;right:0;bottom:0;font-size:450px}
.brandPlate .swiperBrand .swiperBrandBox .en_title{color:rgba(63,63,63,.1);font-size:30px;font-weight:700;text-transform:uppercase;line-height:1.7;position:relative;z-index:5}
.brandPlate .swiperBrand .summary{font-size:16px;color:#3f3f3f;line-height:1.7;height:190px;overflow:hidden;margin-top:50px;position:relative;margin-bottom:20px;z-index:5}
.brandPlate .pagination a{display:block;float:left;width:15%;text-align:center;margin-left:2%;border-bottom:1px solid rgba(39,39,39,.1);position:relative;z-index:5}
.brandPlate .pagination a:nth-child(1){margin-left:0}
.brandPlate .pagination h3{font-size:18px;color:#3f3f3f;transition:ease .5s}
.brandPlate .pagination a .en_title{color:rgba(31,26,23,.1);font-size:16px;text-transform:uppercase;line-height:2;font-weight:700;transition:ease .5s}
.brandPlate .pagination .letter{display:block;color:rgba(39,39,39,.1);font-size:66px;font-weight:700;line-height:140px;transition:ease .5s}
.brandPlate .pagination a.active h3{color:#98a8ac}
.brandPlate .pagination a.active .en_title{color:#98a8ac}
.brandPlate .pagination a.active .letter{color:#98a8ac}
.brandPlate .brandText{text-align:center;font-size:16px;line-height:1.8}
.brandPlate .brandText .text{margin-bottom:60px}
.brandPlate .brandText h3{font-size:30px;font-weight:inherit}
.cooperationPlate .Characteristics li{text-align:center;float:left;width:20%;margin-top:70px}
.cooperationPlate .Characteristics .round{width:140px;height:140px;line-height:130px;text-align:center;background:#1b1b1b;font-size:47px;border-radius:50%;display:inline-block;margin-bottom:10px;border:5px solid #c8c9cc}
.cooperationPlate .Characteristics .round i{color:#fff}
.cooperationPlate .Characteristics .text{text-align:center;font-size:20px;font-weight:700}
.cooperationPlate .service1 li+li{margin-top:25px}
.cooperationPlate .service1 .text{text-align:left;width:90%}
.cooperationPlate .service1 .text h3{font-size:34px;font-weight:inherit;text-transform:uppercase;font-family:SweetSansPro}
.cooperationPlate .service1 .text h4{font-size:24px;font-weight:inherit;text-transform:uppercase;margin-bottom:30px}
.cooperationPlate .service1 .text .summary{line-height:1.8;opacity:.7}
.cooperationPlate .hotline{position:relative}
.cooperationPlate .hotline i{position:absolute;width:calc(100% - 18px);border:1px solid rgba(255,255,255,.4);left:8px;top:8px;height:calc(100% - 18px)}
.cooperationPlate .hotline i:after{content:'';position:absolute;right:-9px;top:-9px;display:block;height:8px;width:8px;border-left:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.4)}
.cooperationPlate .hotline i:before{content:'';position:absolute;left:-9px;bottom:-9px;display:block;height:8px;width:8px;border-top:1px solid rgba(255,255,255,.4);border-right:1px solid rgba(255,255,255,.4)}
.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}
._service.service1 li{height:auto;position:relative}
._service.service1 li .txt{position:absolute;height:100%}
._service.service1 li .L.txt{left:0}
._service.service1 li .R.txt{right:0}
.advantagePlate{position:relative;z-index:5;background:#f3f5f8;padding:50px 0}
.AdvantageBox .up ._fl{width:49%;position:relative;overflow:hidden}
.AdvantageBox .up ._fr{width:49%}
.AdvantageBox .up .title{font-size:24px;font-weight:inherit;margin-bottom:15px}
.AdvantageBox .up .summary{font-size:16px;line-height:1.6;opacity:.7}
.AdvantageBox .tips{text-align:right;margin-bottom:25px}
.AdvantageBox .tips .num{font-size:77px;color:#98a8ac;font-family:Arial;font-weight:700}
.AdvantageBox .tips .txt{text-transform:uppercase}
.AdvantageBox ul{margin-top:45px;border-top:1px solid #dfdfdf}
.AdvantageBox li{padding:56px 7% 0;position:relative}
.AdvantageBox li>._fl{width:50%}
.AdvantageBox li>._fr{width:50%}
.AdvantageBox li:before{content:'';position:absolute;bottom:0;width:93%;height:1px;background:#dfdfdf}
.AdvantageBox li.lineL:before{left:0}
.AdvantageBox li.lineR:before{right:0}
.AdvantageBox li .text{width:47%}
.AdvantageBox li .text .title{font-size:24px;color:#242424;font-weight:inherit;margin-bottom:10px}
.AdvantageBox li .text .summary{line-height:1.8;opacity:.7}
.AdvantageBox li .pic{width:47%}
.AdvantageBox li .pic .num{font-size:77px;font-family:Arial;font-weight:700}
.AdvantageBox li .pic .img{position:relative;overflow:hidden}
.newsInfoPage,.sceneInfoPhage{position:relative;z-index:5;background:#f3f5f8}
.sceneInfoPhage ._news_detail{display:block;overflow:hidden}
.sceneInfoPhage .Album{width:70%;float:left}
.sceneInfoPhage .Details{width:25%;float:right}
.sceneInfoPhage .Details.active{position:fixed;top:90px;width:1400px;left:50%;transform:translateX(-50%)}
.sceneInfoPhage .Details.active .DetailsBox{float:right;width:25%}
.sceneInfoPhage .Details .title{font-size:18px}
.sceneInfoPhage .Details .summary{line-height:1.8;color:#888;font-size:14px;max-height:60vh;overflow-y:auto}
.sceneInfoPhage .Album img+img{margin-top:15px}
._ndc_top .social{margin-bottom:15px}
.contactPlate{position:relative;z-index:5}
.contactPlate #map{height:500px}
.contactPlate #map img{max-width:none}
.contactPlate .infor{margin:60px auto}
.contactPlate .infor ul{text-align:center}
.contactPlate .infor li{display:inline-block;width:20%;vertical-align:top}
.contactPlate .infor i{font-size:80px;color:#a2a2a2;width:90px;height:90px;line-height:90px;text-align:center;margin-bottom:5px;display:inline-block}
.contactPlate .infor .name{font-size:20px;line-height:2;margin-bottom:5px}
.contactPlate .infor a{font-size:16px;color:#a0a0a0}
._recruitment.recruitment1 li{cursor:pointer;position:relative}
._recruitment.recruitment1 .position{font-size:22px}
._recruitment.recruitment1 li:after{content:'';position:absolute;bottom:0;width:0;height:1px;transition:ease .5s;border-bottom:1px dashed #98a8ac}
._recruitment.recruitment1 li .icon{position:absolute;width:10px;height:10px;background:#98a8ac;bottom:0;transition:ease .5s;right:0}
._recruitment.recruitment1 li.active .icon{transform:scale(0)}
._recruitment.recruitment1 li.active:after{width:100%}
.productInfo .li{width:24%;background-size:cover;background-position:center;float:left;margin-right:1.3%;margin-bottom:35px;transition:ease .5s}
.productInfo .li:nth-child(4n){margin-right:0}
.search-fix{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;opacity:0;visibility:hidden;transition:ease .5s}
.search-fix.active{opacity:1;visibility:inherit}
.search-fix .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3)}
.search-fix .search-content{background:#fff;width:90%;padding:200px 15px;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}
.search-fix .btnOff{position:absolute;right:15px;top:15px;cursor:pointer;font-size:20px}
.search-fix .item{max-width:1000px;margin:0 auto}
.search-fix .p{font-size:25px;text-align:center;margin-bottom:8%}
.search-fix .title{border-bottom:solid 1px #d8d8d8;font-size:20px;padding:15px 5% 15px 2.5%;color:grey;border-top:0;border-left:0;border-right:0;display:inline-block;width:93%;vertical-align:middle}
.search-fix .btnSubmit{display:inline-block;vertical-align:middle;width:54px;height:54px;text-align:center;line-height:54px;font-size:30px;cursor:pointer;font-weight:100;transition:ease .5s}
.lodingSquare{width:45px;height:45px;position:absolute;bottom:60px;left:50%;transform:translate(-50%,0);visibility:inherit;opacity:1;transition:ease .2s}
.lodingSquare.active{visibility:hidden;opacity:0}
.lodingSquare .move{position:absolute;width:20px;height:20px;background-color:#98a8ac;display:block;border-radius:3px}
.lodingSquare .move:nth-child(1){left:0;top:0;animation:a-move 2s infinite linear}
.lodingSquare .move:nth-child(2){left:25px;top:0;animation:b-move 2s infinite linear}
.lodingSquare .move:nth-child(3){left:0;top:25px;animation:c-move 2s infinite linear}
._sk{position:absolute;width:100%;height:100%;background:#98a8ac;top:0;left:0;transition-timing-function:cubic-bezier(.77,0,.175,1)!important}
@keyframes a-move{
0%{left:0;top:0}
8%{left:0;top:0}
16%{left:25px;top:0}
24%{left:25px;top:0}
32%{left:25px;top:0}
40%{left:25px;top:25px}
48%{left:25px;top:25px}
56%{left:25px;top:25px}
64%{left:0;top:25px}
72%{left:0;top:25px}
80%{left:0;top:25px}
88%{left:0;top:0}
100%{left:0;top:0}
}
@keyframes b-move{
0%{left:25px;top:0}
8%{left:25px;top:25px}
16%{left:25px;top:25px}
24%{left:25px;top:25px}
32%{left:0;top:25px}
40%{left:0;top:25px}
48%{left:0;top:25px}
56%{left:0;top:0}
64%{left:0;top:0}
72%{left:0;top:0}
80%{left:25px;top:0}
88%{left:25px;top:0}
100%{left:25px;top:0}
}
@keyframes c-move{
0%{left:0;top:25px}
8%{left:0;top:25px}
16%{left:0;top:25px}
24%{left:0;top:0}
32%{left:0;top:0}
40%{left:0;top:0}
48%{left:25px;top:0}
56%{left:25px;top:0}
64%{left:25px;top:0}
72%{left:25px;top:25px}
80%{left:25px;top:25px}
88%{left:25px;top:25px}
100%{left:0;top:25px}
}
._noMOre{text-align:center;position:relative;font-size:16px}
._noMOre:after,._noMOre:before{content:'';background:#d2d2d2;position:absolute;width:40%;height:1px;top:50%}
._noMOre:after{right:0}
._noMOre:before{left:0}
.cursor{width:50px;height:50px;border-radius:50%;border:2px solid rgba(200,160,98,0);position:fixed;z-index:5;transform:translate(-50%,-50%);transition:border .5s}
.cursor i{position:absolute;height:50px;width:50px;text-align:center;line-height:50px;top:0;left:0;color:rgba(200,160,98,0);transform:translateX(0);transition:ease .5s}
.cursor.show-pointer{border:1px solid rgba(200,160,98,1)}
.cursor.show-pointer i{color:rgba(200,160,98,1)}
.cursor.show-pointer .L{transform:translateX(-100%)}
.cursor.show-pointer .R{transform:translateX(100%)}
.fancybox-slide--image:hover{cursor:url(../images/cursoricon.ico),auto}
.tenvideo_player{height:100%!important;width:auto!important}
.menu_button{display:none;position:absolute;right:3%;top:50%;width:5vw;height:5vw;max-width:30px;height:30px;min-height:20px;min-width:20px;z-index:10;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.menu_button i{position:absolute;right:120%;width:30px;font-style:inherit;color:#fff;line-height:30px}
.header.OpenActive .menu_button i{color:#333338}
.menu_button span{position:absolute;left:0;width:100%;height:2px;background:#fff;transition:top .2s ease-in-out .2s,transform .2s ease-in-out 0s;transition:top .2s ease-in-out .2s,-webkit-transform .2s ease-in-out 0s}
.menu_button span:nth-child(1){top:33%}
.menu_button span:nth-child(2){top:66%}
.header.OpenActive span{top:50%;transition:top .2s ease-in-out 0s,transform .2s ease-in-out .2s;transition:top .2s ease-in-out 0s,-webkit-transform .2s ease-in-out .2s;background:#333338}
.header.OpenActive span:nth-child(1){transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.header.OpenActive span:nth-child(2){transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.PhoneShow,.mobileShow{display:none}
._mask{top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;background-position:center center;position:absolute;background-repeat:no-repeat}
@media screen and (max-width:1600px){
.sceneInfoPhage .Details.active{width:1300px}
}
@media screen and (max-width:1444px){
.sceneInfoPhage .Details.active{width:1200px}
}
@media screen and (max-width:1365px){
.vscroll{position:relative;width:100%}
body{height:auto}
.header{width:100%}
}
@media screen and (min-width:1200px){
.load_more:hover{color:#fff}
.case_cat a:hover{color:#98a8ac}
.more_btn:hover{color:#fff}
.more_btn:hover i{transform:scale(0)}
.more_btn:hover i:nth-child(1){transition:ease .4s 0s}
.more_btn:hover i:nth-child(2){transition:ease .4s .1s}
.more_btn:hover i:nth-child(3){transition:ease .4s .2s}
.more_btn:hover i:nth-child(4){transition:ease .4s .3s}
.more_btn:hover i:nth-child(5){transition:ease .4s .4s}
.more_btn:hover i:nth-child(6){transition:ease .4s .5s}
.more_btn:hover i:nth-child(7){transition:ease .4s .6s}
.more_btn:hover i:nth-child(8){transition:ease .4s .7s}
.more_btn:hover i:nth-child(9){transition:ease .4s .8s}
.more_btn:hover i:nth-child(10){transition:ease .4s .9s}
.more_btn:hover i:nth-child(11){transition:ease .4s 1s}
.more_btn:hover i:nth-child(12){transition:ease .4s 1.1s}
.more_btn:hover i:nth-child(13){transition:ease .4s 1.2s}
.more_btn:hover i:nth-child(14){transition:ease .4s 1.3s}
.news_list ul li:hover img{opacity:.6}
.news_list ul li:hover .borderR{opacity:1}
.productInfo .li:hover,.product_list ul li:hover .thum{box-shadow:0 0 16px 2px rgba(0,0,0,.3)}
.sp_item .item_list a:hover{color:#98a8ac}
.sp_item .item_list a:hover:before{border:1px solid #98a8ac}
.sp_item .item_name:hover:before{transform:rotate(-90deg)}
.sp_item .item_name.active:hover::before{transform:rotate(0)}
.productInfo .li:hover,.product_list ul li:hover{transform:translateY(-5px)}
.cooperationPlate .Characteristics li:hover .round{background:radial-gradient(center top,circle cover,#dcc58b 12%,#c89a52 95%);background:-o-radial-gradient(center top,circle cover,#dcc58b 12%,#c89a52 95%);background:-ms-radial-gradient(center top,circle cover,#dcc58b 12%,#c89a52 95%);background:-moz-radial-gradient(center top,circle cover,#dcc58b 12%,#c89a52 95%);background:-webkit-radial-gradient(center top,circle cover,#dcc58b 12%,#c89a52 95%)}
.cooperationPlate .Characteristics li:hover .text{color:#dcc58b}
.f_nav ul li a:hover{color:#fff}
.search-fix .btnSubmit:hover{color:#98a8ac}
._PageTurningNumber a:hover{background:#98a8ac}
.brandPlate .pagination a:hover h3{color:#98a8ac}
.brandPlate .pagination a:hover .en_title{color:#98a8ac}
.brandPlate .pagination a:hover .letter{color:#98a8ac}
.fm_list ul li:hover b{opacity:1}
.pictures2 #_picturesUl .li:hover{box-shadow:0 0 16px 2px rgba(0,0,0,.3)}
.videoList li:hover .borderR{opacity:1}
.videoList li:hover img{opacity:.6}
._recruitment.recruitment1 li:hover .icon{transform:scale(0)}
._recruitment.recruitment1 li:hover:after{width:100%}
.returnHref:hover{color:#98a8ac}
.banner .swiperBtn:hover{color:#fff}
.banner .swiperBtn:hover i{transform:scale(1)}
.banner .swiperBtn:hover i:nth-child(1){transition:ease .4s 0s}
.banner .swiperBtn:hover i:nth-child(2){transition:ease .4s .1s}
.banner .swiperBtn:hover i:nth-child(3){transition:ease .4s .2s}
.banner .swiperBtn:hover i:nth-child(4){transition:ease .4s .3s}
.banner .swiperBtn:hover i:nth-child(5){transition:ease .4s .4s}
.banner .swiperBtn:hover i:nth-child(6){transition:ease .4s .5s}
.banner .swiperBtn:hover i:nth-child(7){transition:ease .4s .6s}
.banner .swiperBtn:hover i:nth-child(8){transition:ease .4s .7s}
.banner .swiperBtn:hover i:nth-child(9){transition:ease .4s .8s}
.banner .swiperBtn:hover i:nth-child(10){transition:ease .4s .9s}
.banner .swiperBtn:hover i:nth-child(11){transition:ease .4s 1s}
.banner .swiperBtn:hover i:nth-child(12){transition:ease .4s 1.1s}
.banner .swiperBtn:hover i:nth-child(13){transition:ease .4s 1.2s}
.banner .swiperBtn:hover i:nth-child(14){transition:ease .4s 1.3s}
.nav a:hover{color:#98a8ac;background:#fff}
.header.active .nav a:hover{color:#fff;background:rgba(255,255,255,0)}
}
@media screen and (max-width:1400px){
.nav_tel{margin-left:15px;padding:0 15px;font-size:16px;line-height:30px}
.search_icon{width:40px;height:40px;line-height:40px}
.nav a{padding:0 25px}
.AdvantageBox li .pic .img{width:80%}
.AdvantageBox li .pic .num{font-size:50px}
}
@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2){
.banner{height:auto;position:relative}
.boxs.b1.index{margin-top:0}
.bannerIn{height:60vh}
.cursor{display:none}
}
@media screen and (max-width:1024px){
.cursor{display:none}
.navBox{position:fixed;top:0;right:0;width:100%;height:100%;transform:translateX(100%);transition:cubic-bezier(.39,.53,.14,.83) .7s .3s}
.navinfor{position:absolute;width:60%;height:100%;right:0;box-shadow:-2px 3px 4px 2px rgba(0,0,0,.24);background:#f6f6f6;z-index:5}
.navBoxClick{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0);transition:ease .3s}
.header.OpenActive .navBox{transform:translateX(0);transition:cubic-bezier(.39,.53,.14,.83) .7s}
.header.OpenActive .navBoxClick{background:rgba(0,0,0,.41);transition:ease .5s .7s}
.bannerIn{height:90vh}
.zs_box{display:block;height:auto}
.zs_box .img{width:100%;height:500px}
.zs_box .txt{width:100%;padding:70px 50px}
.jx_list ul li .icon{width:150px;height:150px;margin:0 auto}
.jx_list ul li .title{font-size:16px}
.jx_title{font-size:30px}
.sub_title{font-size:40px}
.zs_tel{font-size:30px}
.jx_txt{font-size:20px}
.screening-box{width:100%}
.s_title{margin-top:0;padding:10px 25px;text-align:left;line-height:50px;height:70px}
.s_title .icon{display:inline-block;position:relative;top:0;right:0;vertical-align:middle}
.s_title .name{display:inline-block;vertical-align:middle;margin-left:15px}
.sp_item{width:20%;margin-left:0;float:left;position:static}
.sp_item .item_list a{display:inline-block;width:15%}
.sp_item .item_list.color_list a{box-shadow:0 0 15px rgba(0,0,0,.2);margin-bottom:0}
.sp_item .item_name:after{right:auto;left:112px}
.sp_item .item_name:before{right:auto;left:116px}
.sp_item .item_list{position:absolute;width:100vw;padding-bottom:0;z-index:5;background:#fff;left:0;padding:0 25px}
.sp_list{overflow:inherit;position:relative;padding:0}
.sp_list:after{content:'';display:block;clear:both}
.sp_item .item_list,.sp_item .item_list.color_list{position:absolute;padding:7px 25px;background:#fff;top:41px}
.warp{width:100%}
.sp_item .item_list a::after{top:15.5px;left:3.5px}
.sp_item .item_name{padding:0 25px;font-size:16px;line-height:40px}
.sp_item .item_name.active{background:rgba(200,160,98,.8);color:#fff}
.sp_item .item_name.active:after,.sp_item .item_name.active:before{background:#fff}
.sceneInfoPhage .Details.active{width:92%}
.AdvantageBox li{padding:56px 3% 0}
.AdvantageBox .tips .num{font-size:58px}
.AdvantageBox .tips{margin-bottom:15px}
.AdvantageBox .up .summary{font-size:14px;line-height:1.7}
.aboutPlate .summary{width:100%}
.aboutPlate .summary.R{margin-left:0}
.aboutPlate .aboutImg{margin-top:40px}
.brandPlate .swiperBrand ._fr{width:48%;padding-top:20px}
.brandPlate .swiperBrand .title{font-size:26px}
.brandPlate .swiperBrand .summary{margin:15px auto}
.brandPlate .swiperBrand .li .letter{font-size:300px;right:19%;color:rgba(235,237,240,.6)}
.brandPlate .brandText .text{margin-bottom:30px}
.brandPlate .brandText h3{font-size:26px}
.contactPlate .infor li{width:30%}
.backTop{right:20px;width:40px;height:40px;line-height:40px;font-size:22px}
.menu_button{display:block}
.nav{white-space:normal;float:none;position:absolute;left:0;top:60px;width:100%;text-align:left;overflow-y:auto}
.nav a{float:none;font-size:18px;line-height:60px;color:#333338;border-bottom:1px solid #e6eaea}
.nav a.active{background:rgba(255,255,255,0)}
.nav a::after{opacity:0}
.header.active .search_box,.search_box{position:absolute;bottom:0;padding:0;width:100%;text-align:left;padding-left:25px;color:#333338;height:60px;line-height:60px}
.header.active .nav a.active{color:#98a8ac}
.header.active .nav_tel{border:none;color:#333338;font-size:18px;line-height:30px}
.header .nav_tel,.search_icon{border:none;margin-left:0}
.search_icon{display:none}
.nav_tel{padding:0}
.f_nav ul{display:none}
.mobileShow{display:block}
.weixinQrcode{width:120px;position:absolute;left:25px;bottom:65px}
}
@media screen and (max-width:768px){
.PhoneShow{display:block}
.banner{height:170vw;position:relative}
.boxs.b1.index{margin-top:0}
.ab_left{width:100%}
.ab_right{display:none}
.sub_title{font-size:26px}
.ab_con b{font-size:20px}
.ab_con p{font-size:14px}
.sub_des{margin-bottom:20px;text-align: initial;}
.intro_box{width:100%}
.fm_list{width:100%;background:rgba(0,0,0,0);height:auto;float:none;margin-bottom:15px}
.fm_list ._sk{display:none}
.fm_list ol{display:none}
.fm_list ul{padding:10px 0;overflow:hidden}
.fm_list ul li,.fm_list ul li:first-child{margin:0;color:#3e3e3e;display:block;width:20%;float:left;text-align:center}
.fm_list ul li .link{position:absolute;width:100%;height:100%;top:0;left:0}
.fm_list ul li b{font-size:20px;display:inline-block;vertical-align:middle}
.fm_list ul li a{display:inline-block;vertical-align:middle;line-height:34px}
.fm_list ul li p{font-size:20px}
.plist ul li{position:relative;display:none;opacity:1;visibility:visible}
.plist ul li.active{display:block}
.plist{float:none;margin:0;width:100%}
.plist ul li .en{font-size:26px}
.plist ul li .cn{font-size:20px}
.plist ul li .des{margin:10px auto 20px}
.pictures2 #_picturesUl .li{padding:15px}
.pictures2 #_picturesUl .text{padding:25px 0 40px;font-size:18px}
.boxs.b4 .pictures2 #_picturesUl{min-height:200px}
.zs_box .img{height:400px}
.zs_box .txt{padding:50px 50px}
.jx_list ul li .icon{width:100px;height:auto;border:3px solid #e5e5e5}
.jx_title{font-size:26px}
.jx_des{margin-bottom:20px}
.f_nav{width:100%}
.f_nav ul{overflow:hidden}
.f_nav ul li{margin-right:0;float:none}
.f_nav ul li a:first-child{margin-right:15px}
.f_nav ul li a{line-height:40px;display:inline-block}
.r_f{width:100%;margin-top:15px}
.f_tel{width:100%;text-align:left;margin:0 0 15px}
.detail_box{margin-top:0}
.bannerIn .text h2{font-size:40px}
.AdvantageBox .up ._fl{width:100%;margin-bottom:25px}
.AdvantageBox .up ._fr{width:100%}
.AdvantageBox .tips{text-align:left}
.AdvantageBox li .pic{width:100%;margin-bottom:25px}
.AdvantageBox li .text{width:100%}
.AdvantageBox li .pic .num{float:none;margin-bottom:15px}
.AdvantageBox li .pic .img{width:100%}
.AdvantageBox li .pic .img img{width:100%}
.AdvantageBox li{padding:30px 0 0}
.AdvantageBox li .text .summary{padding-bottom:15px}
.AdvantageBox li .text .title{font-size:22px}
.cooperationPlate .Characteristics li{margin-top:30px}
.cooperationPlate .Characteristics .round{width:100px;height:100px;line-height:90px;font-size:32px}
.cooperationPlate .boxs.b2{padding:0 0 50px}
.cooperationPlate .service1 .text h3{font-size:24px}
.cooperationPlate .service1 .text h4{font-size:20px;margin-bottom:10px}
.cooperationPlate .service1 li .picImg{display:none}
.cooperationPlate .service1 li .txt{position:relative;width:100%}
.cooperationPlate .service1 .text{position:relative;left:0;top:0;transform:translate(0,0);width:100%}
.cooperationPlate .hotline .text p{font-size:18px}
.cooperationPlate .hotline .text a{font-size:26px}
.case_cat{padding:30px 0}
._noMOre:after,._noMOre:before{width:30%}
.aboutPlate .summary h3{font-size:24px}
.brandPlate .pagination h3{font-size:14px}
.brandPlate .pagination .letter{line-height:100px;font-size:50px}
.brandPlate .swiperBrand .title{font-size:22px}
.brandPlate .swiperBrand .swiperBrandBox .en_title{font-size:24px}
.brandPlate .swiperBrand .summary{height:112px}
.brandPlate .swiperBrand .li .letter{font-size:200px}
.contactPlate .infor li{width:32%}
.contactPlate .infor .name{font-size:18px}
.slogan b{font-size:44px}
.nav_tel,.nav_tel:hover{border:none;color:#333338;font-size:18px;margin-left:0}
.search_icon{color:#333338;display:none}
.nav a{font-size:20px}
.sceneInfoPhage .Details{margin-bottom:25px}
.sceneInfoPhage .Album,.sceneInfoPhage .Details{float:left;width:100%}
.sceneInfoPhage .Details.active{position:relative;top:0;left:0;transform:translate(0,0);width:100%}
.sceneInfoPhage .Details.active .DetailsBox{width:100%}
.media{height:auto}
.tenvideo_player{height:auto!important;width:100%!important}
.sp_item .item_list a::after{left:2.5px}
}
@media screen and (max-width:767px){
.header.active .nav a,.nav a{font-size:16px;line-height:50px}
.header.active .logo,.logo{width:100px;margin-top:15px}
.header,.header.active{height:50px}
.slogan b{font-size:22px}
.slogan{width:100%;text-shadow:0 0 8px #000}
.slogan p{font-size:20px}
.fm_list ul li b,.fm_list ul li p{font-size:16px;line-height:34px;color:#fff;opacity:1}
.fm_list ul li p{font-size:14px;line-height:1}
.more_btn span{font-size:12px}
.more_btn{width:100px}
.more_btn:after{background:#3e3e3e}
.more_btn i{display:none}
.plist ul li .cn{font-size:16px;text-align:center}
.case_nav{position:relative;height:auto;overflow:hidden;margin-bottom:15px}
.case_nav a{padding:0 10px}
.pictures2 #_picturesUl .li{padding:10px}
.pictures2 #_picturesUl .text{font-size:18px;padding:25px 0}
.zs_box .img{height:200px}
.zs_box .txt{padding:20px}
.zs_tel{font-size:22px}
.zs_des{font-size:14px}
.jx_des{font-size:14px}
.jx_list ul li{margin:0 auto;width:49%;display:inline-block;vertical-align:top;margin-bottom:15px}
.jx_list ul{display:block;margin-bottom:30px}
.news_list ul li{width:100%}
.f_nav ul li{padding-left:70px;min-height:40px}
.f_nav ul li a:first-child{position:absolute;left:0}
.footer{padding:20px 0}
.backTop.active{bottom:70px}
.nav{height:calc(100vh - 60px);overflow-y:auto}
.banner .swiperBtn{font-size:24px;width:40px;height:40px;line-height:40px}
.sp_item{width:50%;position:relative}
.sp_item .item_list a{width:50%;float:left}
.sp_item:nth-child(2n) .item_list{width:100vw;left:-100%}
.warp{padding:25px 4%}
.product_list ul li,.product_list ul li:nth-child(5n){width:48%;margin-right:1%;margin-left:1%;margin-bottom:25px}
/*.product_list ul li:nth-child(3n){margin-right:0}*/
.product_list ul li .name b{font-size:16px}
.detail_box{padding:25px 4%;width:100%}
.project_title{font-size:20px}
.project_title p{font-size: 16px;font-weight: normal;}
.productInfo .li,.productInfo .li:nth-child(4n){width:49%;margin-right:2%;margin-bottom:25px}
.productInfo .li:nth-child(2n){margin-right:0}
.bannerIn .text{width:100%}
.bannerIn .text h2{font-size:30px}
.bannerIn .text h4{font-size:28px}
.case_cat a{width:25%;float:left;padding:0;margin-bottom:5px}
.AdvantageBox li .pic .num{font-size:38px}
.AdvantageBox li:before{width:100%}
.cooperationPlate .Characteristics li{width:50%}
.cooperationPlate .Characteristics .text{font-size:16px;font-weight:inherit}
.cooperationPlate .hotline .text{color:#3e3e3e;position:relative;top:0;transform:translate(0,0)}
.cooperationPlate .hotline i{display:none}
.cooperationPlate .hotline img{display:none}
._news.news2 ul li{width:100%}
.videoList li .borderR{opacity:1}
.videoList li .img img{opacity:.6}
.videoList li .borderR{width:90%;left:5%;height:80%;top:10%}
.bannerIn .text h4{font-size:15px;padding:0 5vw}
.case_cat._fr{width:100%;margin-bottom:15px}
.s_title{font-size:16px}
.s_title .icon{width:20px}
.aboutPlate .aboutImg .aboutIMg01{width:60%}
.brandPlate .swiperBrand ._fl{width:100%}
.brandPlate .swiperBrand ._fr{width:100%;position:relative;background:#fff;padding:20px}
.brandPlate .swiperBrand .title{font-size:20px}
.brandPlate .swiperBrand .swiperBrandBox .en_title{font-size:20px}
.brandPlate .swiperBrand .summary{font-size:14px;margin:0 0 15px}
.brandPlate .pagination .letter{display:none}
.swiperBrand .pagination{display:none}
.brandPlate .swiperBrandBox .button-next,.brandPlate .swiperBrandBox .button-prev{display:block;position:absolute;top:30%;transform:translateY(-50%);font-size:30px;color:#fff;z-index:5}
.brandPlate .swiperBrandBox .button-next{right:2%}
.brandPlate .swiperBrandBox .button-prev{left:2%}
.brandPlate .swiperBrandBox{margin-bottom:0}
.brandPlate .swiperBrand{margin-bottom:30px}
.brandPlate .brandText{font-size:14px}
.brandPlate .brandText h3{font-size:22px}
.contactPlate .infor li{width:100%;text-align:left}
.contactPlate .infor li+li{margin-top:15px}
.contactPlate .infor .name{display:block;margin:0;font-size:14px;vertical-align:middle}
.contactPlate .infor i{width:100%;height:40px;font-size:30px;line-height:40px;margin:0;vertical-align:middle;text-align:left}
.contactPlate .infor{margin:30px 0}
.f_tel b{font-size:30px}
.aboutPlate .summary h3{font-size:20px}
.aboutPlate .summary .text{font-size:14px;margin-top:15px;text-align: justify;}
.aboutPlate .aboutImg{margin-top:50px}
.fm_list ul li,.fm_list ul li:first-child{width:50%;height:100px;padding:8% 0;position:relative}
.boxs.b2.index{background-attachment:inherit}
.product_box{margin-top:15px}
.fm_list ul{padding:0;border-bottom:1px solid #e2e2e2}
.fm_list ul li:last-child{width:100%;line-height:inherit;height:auto;display:none}
.fm_list{margin-bottom:0}
.fm_list ol{display:block;background:#000;height:200px}
.fm_list ol li{width:50%;height:100px;opacity:.7}
.fm_list ol li:nth-child(2){left:50%;top:0}
.fm_list ol li:nth-child(3){top:100px}
.fm_list ol li:nth-child(4){left:50%;top:100px}
.fm_list ul li a,.fm_list ul li a p{color:#3e3e3e}
.plist ul li .more_btn{margin:0 auto}
.jx_title{font-size:20px}
.boxs.b7{background-attachment:inherit}
._news{padding:0 0 30px}
.jx_list ul li .title{font-size:14px}
.plist{display:none}
._noMOre{font-size:14px}
._noMOre:after,._noMOre:before{width:26%}
}
@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){
.search_box,.weixinQrcode{display:none}
}
@media screen and (max-width:320px){
.header.active .nav a,.nav a{font-size:14px;line-height:3}
.weixinQrcode{width:80px}
}

._pageTitleTab{display:flex;flex-wrap:wrap;padding: 5px 15px;}
._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}

.productInfo{margin-top: 25px;}