@charset "utf-8";
/*通用样式*/
body{min-width: 1100px;overflow-x: hidden;}
.wp{ width: 90%; min-width: 1100px; margin: 0 auto;}

/*头部*/
.top{position: fixed; width: 100%;height:66px; top: 0;left: 0;display: block; background:#fff; z-index: 50;}
.top .wp{position:relative; height:100%; width:90%; z-index: 5;}
.top .logo{position: absolute;top: 50%;transform: translateY(-50%);max-width: 70px;}
.top .logo:before{width: 100%;height: 100%;display: block;position: relative;content: '';}
.top .logo .logo_h{position: absolute;width: 100%;height: 100%;left: 0;top: 0; opacity: 0;}
.top .nav{top:48%;transform: translate(-50%,-50%);left:50%;position: absolute;}
.top .nav ul{ display: flex;}
.top .nav ul li{padding: 0 calc(5px + 1vw - 0.1px); text-align: center; position:relative;white-space: nowrap;}
.top .nav .on{ position:relative; font-weight:bold;}
.top .nav .on:after{width:100%;height:2px;display: block;content: '';background:#ee780c; transform: translateY(21px); border:none;}
.top .nav ul li:hover:after{width:100%;height:2px;display: block;content: '';background:#ee780c; transform: translateY(21px); border:none;}
.top .nav ul li a{color:#000; font-size:16px;}
.top .top_right{position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.top .top_right ul li{float:left; width:40px; border-radius:50%; line-height:66px; height:66px; text-align:center; position:relative; margin-left:10px; cursor:pointer;}
.top .top_right ul li a{display: block; font-size: 16px;}
.top .top_right ul li:nth-of-type(2){background: rgba(0,0,0,0.1);}
.top .top_right ul li i{color:#4d4d51;font-style: normal;display: block;}
.top .top_right ul li:nth-of-type(2) i{color:#fff;}
.top .top_right ul li i.icon-weixin{font-size: 20px;}
.top .top_right ul li .erweima{position: absolute;top: 120%;transform: translateX(-50%) translateY(10px);opacity: 0;visibility: hidden; width: 100px; padding: 5px;background: #fff; z-index: 30; pointer-events: none;}
.top .top_right ul li:hover .erweima{transform: translateX(-50%) translateY(0px);opacity: 1;visibility: visible;pointer-events:inherit;}
.top .top_right ul li:nth-of-type(2):hover{background: rgba(0,0,0,0.3);}
.top .top_right ul li:nth-of-type(2):hover i{color: #fff;}
.top-hsd{ height:12px; background:#7d7d7d; width:100%;}
.top .top_back{width: 100%;height:66px;position: absolute;z-index: -1;background: #fff;top: 0;left: 0;transform: translate3d(0,-105%,0);}
.top_hd{width: 100%;height:64px;position: fixed;z-index: -1;background: #000;top: 0;left: 0;z-index: 5;}
.top_hd.top_hd_hidden{opacity: 0;height: 66px;}
.top.top_bd .top_back,.top.top_ny .top_back{transform: translate3d(0,0,0);box-shadow: 0 0 10px rgba(50,50,50,0.1);}
.top.top_bd,.top.top_ny{height: 66px;}
.top.top_bd .nav ul li a,.top.top_ny .nav ul li a{color: #333;}
.top.top_bd .top_right ul li:nth-of-type(1) i,.top.top_ny .top_right ul li:nth-of-type(1) i{color: #333;}
.top.top_bd .logo .logo_b,.top.top_ny .logo .logo_b{opacity: 0;}
.top.top_bd .logo .logo_h,.top.top_ny .logo .logo_h{opacity: 1;}

.sysp{ width:100%; height:100vh; background:#000;}


/*首页banner*/
.index_banner{background: #151515;}
.index_banner .swi_index_banner .swiper-slide{position: relative;}
.index_banner .swi_index_banner .swiper-pagination{z-index: 20; width: inherit;left:50%; bottom: calc(1rem + 1vw);transform: translateX(-50%);z-index: 10;}
.index_banner .swi_index_banner .swiper-pagination .swiper-pagination-bullet{ opacity:0.7; ilter:alpha(opacity=70);background: inherit;width: inherit; height: inherit;float: left;display: block;color: #fff; font-size:17px;line-height: 23px;}
.index_banner .swi_index_banner .swiper-pagination .swiper-pagination-bullet:after{width:0px;height:1px;display: block;content: '';background: rgba(255,255,255,0.7); float: right; margin: 0 3px;transform: translateY(11px);-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.index_banner .swi_index_banner .swiper-pagination .swiper-pagination-bullet-active:after{width:50px;}
.index_banner .swi_index_banner .swiper-pagination .swiper-pagination-bullet-active{opacity:1; ilter:alpha(opacity=100);}
.index_banner .swi_index_banner .swiper-button-prev,.index_banner .swi_index_banner .swiper-button-next{border-radius:50%; width:41px; height:41px; background:Rgba(0,0,0,0.5); }
.index_banner .swi_index_banner .swiper-button-prev:after{ color:#fff;font-size:21px;}
.index_banner .swi_index_banner .swiper-button-next:after{ color:#fff;font-size:21px;}
.cpytt{ overflow:hidden; position:relative; z-index:-1;height:0; padding-bottom:46%;}
.cpytt img{ max-width:100%; height:100%; display:block;}

/*首页荣誉*/
.honorone{padding: calc(2rem + 3vw) 0;background: #fff;}
.honorone .wp{background: #000;position: relative;}
.honorone .wp .text{position: absolute;left:0%;top:26%;z-index: 10;width: 100%;padding-left:5%;}
.honorone .wp .text span{display: block;text-transform: uppercase;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.honorone .wp .text span.text1{color: rgba(255,255,255,0.7);font-size: 14px;margin-bottom: calc(0.4rem + 0.4vw);}
.honorone .wp .text span.text2{color: rgba(255,255,255,1);font-size: calc(20px + 0.7vw);line-height:1;font-weight: 300;}
.honorone .wp .text span.text3{color: rgba(255,255,255,1);font-size: calc(14px + 0.5vw); padding-left: calc(1rem + 1vw);position: relative; padding-bottom: calc(0.5rem + 0.5vw); margin-bottom: calc(1rem + 1vw);font-weight: 300;}
.honorone .wp .text span.text3:before{content: '';width: calc(3rem + 3vw);height: 1px;display: block;background: rgba(255,255,255,0.2);position: absolute;left: 0;bottom: 0;transform: translate3d(-30%,0,0);}
.honorone .wp .text span.text4{color: rgba(255,255,255,.7);font-size: calc(14px + 0.1vw);margin-bottom: calc(2rem + 8vw);}
.honorone .more{ font-size: 14px; color: #666666; text-transform: uppercase;padding: calc(1rem + 1vw);padding-left: 0;position: absolute;left: 5%;bottom: 20%;z-index:50;}
.honorone .more em{position: relative;z-index: 5;color: rgba(255,255,255,0.5); font-weight:500;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;display:inline-block;}
.honorone .more:before{content: '';border-radius: 50%; width: calc(2rem + 2vw);height: calc(2rem + 2vw); display: block;position: absolute;right: 0;z-index: 1;bottom:50%;transform: translate3d(0,50%,0);background: rgba(250,250,250,0.4); transform-origin: bottom center;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.honorone .more:hover em{transform: translate3d(10px,0%,0);color: rgba(250,250,250,1);}
.honorone .more:hover:before{transform: scale(0.6) translate3d(0,50%,0);background: rgba(250,250,250,0.2);}
.honorone .wp .xiaorenren{float: right; width:50%;max-width:715px;position: relative;z-index: 1; overflow:hidden;background-image: url(../images/index_honorone3-1.png); background-size:100%;}
.honorone .info_bannerimg{position: absolute;left: 50%;transform: translateX(-50%) translateY(63%);bottom: 50%;width:35%;z-index: 1;}
.honorone .food-finder2__bowl-slider{width: 100%; position: relative;margin:0 auto;}
.honorone .food-finder2__bowl-slider .food-finder2__kibble-bowl {background-image: url(../images/index_honorone2.png);z-index: 10;width: 50%;
	-webkit-transition: all 0.4s cubic-bezier(0.7, 0.3, 0, 1);
    -moz-transition: all 0.4s cubic-bezier(0.7, 0.3, 0, 1);
    -ms-transition: all 0.4s cubic-bezier(0.7, 0.3, 0, 1);
    -o-transition: all 0.4s cubic-bezier(0.7, 0.3, 0, 1);
    transition: all 0.4s cubic-bezier(0.7, 0.3, 0, 1);}
.honorone .food-finder2__bowl-slider .food-finder2__kibble-bowl, .food-finder2__bowl-slider .food-finder2__raw-bowl {background-repeat: no-repeat;background-size: cover;height: 100%;position: absolute;top: 0;left: 0; width: 50%;
	-webkit-transition: all 0.6s cubic-bezier(0.7, 0.3, 0, 1);
    -moz-transition: all 0.6s cubic-bezier(0.7, 0.3, 0, 1);
    -ms-transition: all 0.6s cubic-bezier(0.7, 0.3, 0, 1);
    -o-transition: all 0.6s cubic-bezier(0.7, 0.3, 0, 1);
    transition: all 0.6s cubic-bezier(0.7, 0.3, 0, 1);

}
.honorone .wp .hover{width: 50%;height:100%;position: absolute;top: 0;display: block;z-index: 30;}
.honorone .wp .hover.hover_left{left: 0;}
.honorone .wp .hover.hover_right{right: 0;}
.honorone .wp:before{
	content: '';width: 50%;height: 100%;position: absolute;left: 0;top: 0;display: block;background: #7d7d7d;/*#ee780c*/
	-webkit-transition: all 0.7s cubic-bezier(0.7, 0.3, 0, 1);
    -moz-transition: all 0.7s cubic-bezier(0.7, 0.3, 0, 1);
    -ms-transition: all 0.7s cubic-bezier(0.7, 0.3, 0, 1);
    -o-transition: all 0.7s cubic-bezier(0.7, 0.3, 0, 1);
    transition: all 0.7s cubic-bezier(0.7, 0.3, 0, 1);
}
.honorone.honorone_hleft .wp:before{width:95%!important;}
.honorone.honorone_hright .wp:before{width:30%!important}
.honorone.honorone_hleft .food-finder2__bowl-slider .food-finder2__kibble-bowl, .food-finder2__bowl-slider .food-finder2__raw-bowl{width: 100%;}
.honorone.honorone_hright .food-finder2__bowl-slider .food-finder2__kibble-bowl, .food-finder2__bowl-slider .food-finder2__raw-bowl{width: 0%;}

.honorone.honorone_hleft .xiaorenren img{ opacity:0;filter:alpha(opacity=0);transform:translateX(0%);}
.honorone.honorone_hright .wp .text{opacity:0.5;filter:alpha(opacity=50); transform:translateX(-2%);}



.honorone2{padding: calc(2rem + 3vw) 0;background: #fff;}
.honorone2 .wp{background: #000; position:relative;}
.honorone2 .wp .text{ float:left; width:30%; z-index: 10;padding-left:5%; box-sizing:border-box; padding-top:10%;background: #000;}
.honorone2 .wp .text span{display: block;text-transform: uppercase;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.honorone2 .wp .text span.text1{color: rgba(255,255,255,0.7);font-size: 14px;margin-bottom: calc(0.4rem + 0.4vw);}
.honorone2 .wp .text span.text2{color: rgba(255,255,255,1);font-size: calc(20px + 0.7vw);line-height:1;font-weight: 300;}
.honorone2 .wp .text span.text3{color: rgba(255,255,255,1);font-size: calc(14px + 0.5vw); padding-left: 0;position: relative; padding-bottom: calc(0.5rem + 0.5vw); margin-bottom: calc(1rem + 1vw);font-weight: 300;}
.honorone2 .wp .text span.text3:before{content: '';width: calc(3rem + 3vw);height: 1px;display: block;background: rgba(255,255,255,0.2);position: absolute;left: 0;bottom: 0;transform: translate3d(0,0,0);}
.honorone2 .wp .text span.text4{color: rgba(255,255,255,.7);font-size: calc(14px + 0.1vw);margin-bottom: calc(2rem + 8vw);}
.honorone2 .more{ font-size: 14px; color: #666666; text-transform: uppercase;padding: calc(1rem + 1vw);padding-left: 0;position: absolute;left: 5%;bottom: 20%;z-index:50;}
.honorone2 .more em{position: relative;z-index: 5;color: rgba(255,255,255,0.5); font-weight:500;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;display:inline-block;}
.honorone2 .more:before{content: '';border-radius: 50%; width: calc(2rem + 2vw);height: calc(2rem + 2vw); display: block;position: absolute;right: 0;z-index: 1;bottom:50%;transform: translate3d(0,50%,0);background: rgba(250,250,250,0.4); transform-origin: bottom center;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.honorone2 .more:hover em{transform: translate3d(10px,0%,0);color: rgba(250,250,250,1);}
.honorone2 .more:hover:before{transform: scale(0.6) translate3d(0,50%,0);background: rgba(250,250,250,0.2);}
.honorone2 .right-sjs{ float:right; width:70%; position:relative;}

.perduct_img_swi{ position:relative;}
.perduct_img_swi .swiper-wrapper{transition-delay:.0s; padding-right:10%;}
.perduct_img_swi .swiper-wrapper img{ max-width: 100%; }
.perduct_thumbs_swi{height: 80px; overflow: hidden; position:absolute; z-index:10; right:5%; top:40%;}
.perduct_thumbs_swi .swiper-wrapper{transition-delay:.0s;}
.perduct_thumbs_swi .swiper-slide{ color:Rgba(255,255,255,0.6); text-align:left; cursor:pointer; padding-left:40px;position:relative; width:130px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.perduct_thumbs_swi .swiper-slide-thumb-active{ color:#fff;}
.perduct_thumbs_swi .swiper-slide-thumb-active:before{content: ''; width:30px;height:1px; display: block; position: absolute;left:-0px; z-index: 1;bottom:50%;transform: translate3d(0,50%,0);background: rgba(250,250,250,0.4); transform-origin: bottom center;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}


/*首页产品*/
.index_product{ padding-top: calc(1.5rem + 2.5vw);overflow: hidden;background: #fff;}
.index_product ul li{}
.index_product ul li .text{ text-align: center; padding: calc(1rem + 1vw) 0;border-left: 1px solid #f1f1f1; margin-bottom: calc(0.5rem + 0.5vw);}
.index_product ul li:nth-of-type(1) .text{border-left: 0;}
.index_product ul li .text strong{display: block;font-size: calc(14px + 0.5vw); font-weight:500; color:#333;}
.index_product ul li .text span{color:#666;height:30px; padding-top:10px; overflow: hidden;display: block;}
.index_product ul li .text span a{padding: 0 10px;position: relative;color:#666;}
.index_product ul li .text span a:hover{padding: 0 10px;position: relative;color:#ee780c;}
.index_product ul li .text span a:before{width: 1px;height: 80%;left: 0;content: '';position: absolute;top: 50%;transform:rotate(15deg) translateY(-50%); background: rgba(0,0,0,0.5);}
.index_product ul li .text span a:nth-of-type(1):before{display: none;}
.index_product ul li .img{height: calc(480px + 5vw); width: 100%;background:#000;position: relative;}
.index_product ul li .img img{-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.index_product ul li .img:before{width: 1px;height: 100%;position: absolute;left: 0;top: 0;content: '';display: block;background: rgba(255,255,255,1);z-index: 10;}
.index_product ul li:nth-of-type(1) .img:before{display: none;}
.index_product ul li .img img{opacity: 0.5;}
.index_product ul li:hover .img img{opacity: 1;}
.index_product ul li:hover .text strong{ font-weight:600;}
.font-hj{ position:absolute; bottom:3%;}

/* .accordion */
.accordion { height:calc(500px + 7vw);overflow: hidden;position:relative; }
.accordion:after { content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff; }
.accordion._create:after { display: none; }

.accordion__ul { display:block;margin: 0;padding: 0;width:9999px;height:calc(600px + 5vw);overflow:hidden;position:absolute;left:0;top:0; }
.accordion__li { display:block;margin: 0;padding: 0;float:left;overflow: hidden;transition: all 0.5s ease-out;}
.accordion__img { display: block;cursor: pointer; }
/* /.accordion */

#banner_video{width: 100%!important;height: 100%!important;display: block;position: fixed;left: 0;top: 0;z-index: -1!important;}
.index_background_video{position: relative; overflow: hidden;background: rgba(0,0,0,0.6);}
.index_background_video .img{opacity: 0;visibility: hidden;}
.index_background_video .text{position: absolute;left: 15%; top: 50%;transform: translateY(-50%);z-index: 15; color: #fff;}
.index_background_video .text{text-transform: uppercase;}
.index_background_video .text h3{color: rgba(255,255,255,1);font-size: calc(24px + 1vw);line-height:1;display: block;font-weight: 300;}
.index_background_video .text h3 span{display: inline-block;}
.index_background_video .text em{color: rgba(255,255,255,.8);font-size: calc(18px + 0.5vw); padding-left:0;position: relative; padding-bottom: calc(0.5rem + 0.5vw); margin-bottom: calc(1rem + 1vw); font-weight: 300; display: block;}
.index_background_video .text em:before{content: '';width: calc(3rem + 3vw);height: 1px;display: block;background: rgba(255,255,255,0.2);position: absolute;left: 0;bottom: 0;transform: translate3d(0,0,0);}
.index_background_video .text p{color: rgba(255,255,255,.8);font-size: calc(14px + 0.2vw);}
.index_background_video .more{position: absolute;right: 15%;top: 50%;transform: translateY(-50%);z-index: 20;width: 80px;}
.index_background_video .more a{display: block;text-align: right;}
.index_background_video .more:before{width: 100%;height: 100%;display: block;content: '';position: relative;}
.index_background_video .more i{color: #fff; font-size: calc(30px + 1.7vw);display: block;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.index_background_video .more span{color: #fff; font-size: 12px;display: block;position: absolute;bottom: 0;right:0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;opacity: 0;font-weight: 300;}
.index_background_video .more:hover i{transform: translate3d(10px,0,0);}
.index_background_video .more:hover span{transform: translate3d(0,-12px,0);opacity: 1;}


/*首页案例*/
.ruchixinku{position: relative;background: #fff; padding:3% 5%;}
.ruchixinku .left{width: 65%;float: left;}
.ruchixinku .right{width: 35%;position: absolute;top: 50%;transform: translateY(-50%); color: #000; right: 0;padding: 0 5%;}
.ruchixinku .right .text{}
.ruchixinku .right .text span{font-weight: 300;display: block;}
.ruchixinku .right .text span{display: block;text-transform: uppercase;font-weight: 300;}
.ruchixinku .right .text span.text1{color: rgba(0,0,0,0.7);font-size: 14px;margin-bottom: calc(0.4rem + 0.4vw);}
.ruchixinku .right .text span.text2{color:#000;font-size: calc(20px + 0.7vw);line-height:1;}
.ruchixinku .right .text span.text3{color:#666;font-size: calc(14px + 0.5vw); padding-left:0;position: relative; padding-bottom: calc(0.5rem + 0.5vw); margin-bottom: calc(1rem + 1vw);}
.ruchixinku .right .text span.text3:before{content: '';width: calc(3rem + 3vw);height: 1px;display: block;background: rgba(0,0,0,0.2);position: absolute;left: 0;bottom: 0;transform: translate3d(0,0,0);}
.ruchixinku .right .text span.text4{color: rgba(0,0,0,.7);font-size:1.1rem;margin-bottom: calc(2rem + 8vw);font-weight: 500;}
.ruchixinku .right .text span.text4 a:hover{ color:#ee780c;}

.ruchixinku .right .indexanli-button-box{width: 160px;height: auto; position: relative;margin: 0 auto;}
.ruchixinku .right .indexanli-button-box .swiper-button{}
.ruchixinku .right .indexanli-button-box .swiper-button i{font-size: calc(18px + 1.5vw);display: block;color: #000;}
.ruchixinku .right .indexanli-button-box .swiper-button:after{display: none;}
.ruchixinku .right .indexanli-button-box .swiper-button-prev{transform: rotateY(180deg);}

/*首页新闻*/
.index_news{ background: #f1f1f1;}

/*首页新闻*/
.index_news_box{background: #f1f1f1;position: relative;}
.index_news_box .wp{ position: relative;}
.index_news_box .swi_index_news{z-index: 20;width: 95.3%;border-right: 1px solid #f1f1f1;margin: 0;}
.index_news_box .swi_index_news .swiper-wrapper{-webkit-transition-delay: .3;transition-delay: .3;}
.index_news_box .swi_index_news .swiper-slide{position: relative; padding: calc(2rem + 3vw) 0;padding-right: 5%;}
.index_news_box .swi_index_news .swiper-slide a{display: block;width: 100%;height: 100%;z-index: 10;}
.index_news_box .swi_index_news .swiper-slide .img{ width: 40%; float: right;overflow: hidden;}
.index_news_box .swi_index_news .swiper-slide .img img{transform:scale(1);-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.index_news_box .swi_index_news .swiper-slide:hover .img img{transform:scale(1.05);}
.index_news_box .swi_index_news .swiper-slide .text{ width: 50%;padding: 0 5% 0 10%; display: block;position: absolute;left: 0;top:30%;max-width: 700px;}
.index_news_box .swi_index_news .swiper-slide .text strong{font-size: calc(20px + 0.4vw); display: block; font-weight: inherit;margin-bottom: calc(3px + 0.6vw);transform: translate3d(0,50px,0);opacity: 0;}
.index_news_box .swi_index_news .swiper-slide.ani-slide .text strong{transform: translate3d(0,0px,0);opacity: 1;}
.index_news_box .swi_index_news .swiper-slide .text span{display: block; font-size: 17px; color: rgba(0,0,0,0.5);transform: translate3d(0,80px,0);opacity: 0;}
.index_news_box .swi_index_news .swiper-slide.ani-slide .text span{transform: translate3d(0,0px,0);opacity: 1;}
.index_news_box .swi_index_news .swiper-slide .font{margin-top: calc(1rem + 1vw);transform: translate3d(0,100px,0);opacity: 0;}
.index_news_box .swi_index_news .swiper-slide.ani-slide .text .font{transform: translate3d(0,0px,0);opacity: 1;color: rgba(0,0,0,0.7); font-size:16px;}
.index_news_box .swi_index_news .swiper-slide .more{position: absolute;left: 10%;bottom: 15%;pointer-events: none;transform: translate3d(0,60px,0);opacity: 0;}
.index_news_box .swi_index_news .swiper-slide.ani-slide .more{transform: translate3d(0,0,0);opacity: 1;}
.index_news_box .swi_index_news .swiper-slide .more span{display:inline-block; transform: translate3d(0,-60%,0);opacity: 0;}
.index_news_box .swi_index_news .swiper-slide .more i{ font-size: calc(18px + 1vw); display: inline-block;transform: translate3d(-150%,0,0); color:#999;}
.index_news_box .swi_index_news .swiper-slide a:hover .more i{transform: translate3d(0%,0,0) scale(0.6,1);}
.index_news_box .swi_index_news .swiper-slide a:hover .more span{opacity: 1; transform: translate3d(0,-60%,0);}
.index_news_box .swi_index_news .news_title{position: absolute;left: 10%;top: 12%;z-index: 10;}
.index_news_box .wp .swiper-pagination{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: calc(5% - 4px);z-index:30;}
.index_news_box .wp .swiper-pagination .swiper-pagination-bullet{width: 100%;border-radius: 0;background: inherit; font-size:17px;height: 20px;line-height: 20px;margin: 5px 0;position: relative; color:#666;opacity:1;}
.index_news_box .wp .swiper-pagination .swiper-pagination-bullet:before{width: 2px;height: 0%;display: block;background: #ee780c;content: '';position: absolute;left: 0;top: 0;z-index: 10;}
.index_news_box .wp .swiper-pagination .swiper-pagination-bullet-active{ color:#ee780c;font-size:18px; font-weight:bold;}
.index_news_box .wp .swiper-pagination .swiper-pagination-bullet-active:before{height: 100%;}
.article_content img{ display: inline; max-width:100%;}

/*底部*/
.footer_box{padding: calc(1.5rem + 2vw) 0 calc(0.8rem + 0.8vw);background: #7d7d7d;}
.footer_box .pc-vis{position: relative; padding-bottom: calc(1rem + 1vw);border-bottom: 1px solid rgba(200,200,200,0.1); margin-bottom: calc(0.5rem + 0.5vw);}
.footer_box .left{float: left;}
.footer_box .left ul li{float: left;padding-right: calc(1rem + 1vw);}
.footer_box .left ul li span{display: block; margin-bottom: calc(0.4rem + 0.4vw); color:#fff;}
.footer_box .left ul li a{display: block; margin-right: calc(1rem + 1vw); color: rgba(255,255,255,0.5);margin-bottom:2px;}
.footer_box .left ul li a:hover{color: #fff;}
.footer_box .footer_logo{position: absolute;left: 50%;transform: translate(-50%,-50%);top:12%; text-align: center;}
.footer_box .footer_logo img{ margin:0 auto; margin-bottom: calc(5px + 0.5vw);}
.footer_box .footer_logo span{color: rgba(255,255,255,0.7);}
.footer_box .right{float: right;}
.footer_box .banquan{font-size: 12px;}
.footer_box .banquan .banquan_text{float: left; color:rgba(255,255,255,0.3);}
.footer_box .banquan .banquan_text a{color:rgba(255,255,255,0.3);}
.footer_box .banquan .jishu{float:right; color:rgba(255,255,255,0.3);}
.footer_box .banquan .jishu a{color: rgba(255,255,255,0.3);}
.footer_box dl{ width:200px; margin:0 auto;padding-bottom: 36px;}
.footer_box dl dt{ float:left; width:calc(100%/2); text-align:center;}
.footer_box dl dt a{ color:#fff;}
.footer_box dl dt a:hover{color:#999;}

.ny_banner{position: relative;}
.ny_banner .ny_bannernav{width: 100%;position: absolute;bottom: calc(10px + 0.6vw);left: 0;color: rgba(255,255,255,0.5);font-size: 12px;}
.ny_banner .ny_bannernav a{color: rgba(255,255,255,0.5);}
.ny_banner .nywzxm{ position:static; color:#666; padding:1rem 0; font-size:12px; background:#f4f4f4; padding-top:88px;}
.ny_banner .nywzxm a{color:#666;}

/*产品列表*/
.product_listbox{padding:calc(2rem + 2vw) 0;}
.cpxqjs{padding:0 0 calc(1rem + 1vw)!important;}
.product_listbox .left{width:200px; float: left;padding-top: 15px; overflow:hidden;}
.caidan_navb{padding-left:0%;}
.caidan_navb .menu_list_box_item{}
.caidan_navb .menu_list_box_item a.caidan_1{display: block; font-size:16px; font-weight:500; border-top:1px solid #f1f1f1; padding:calc(0.3rem + 0.2vw) 10px;}
.caidan_navb .menu_list_box_item a.caidan_1 .iconfont{ float:right;transform: rotate(90deg);}
.caidan_navb .menu_list_box_item .caidan_2box{margin-bottom: calc(0.5rem + 0.5vw);display: none; color:#00293b;padding-left: 10px;}
.caidan_navb .menu_list_box_item .on{ color:#fff; background:#ee780c; font-weight: bold!important; margin-bottom:calc(0.3rem + 0.2vw); padding:0 10px;}
.caidan_navb .menu_list_box_item .on .iconfont{transform: rotate(-90deg)!important;}
.caidan_navb .menu_list_box_item .active{display: inherit!important;}
.caidan_navb .menu_list_box_item .caidan_2box.active{display: inherit;}
.caidan_navb .menu_list_box_item .caidan_2box li{line-height: 1.8;}
.caidan_navb .menu_list_box_item .caidan_2box li a{color: rgba(0,0,0,0.6); font-size: 14px;}
.caidan_navb .menu_list_box_item .caidan_2box li.active a,.caidan_nav .menu_list_box_item .caidan_2box li:hover a{color:#000;font-weight: bold;font-size: 16px;}
.caidan_navb .menu_list_box_item .caidan_2box li a:hover{color: #000;font-weight: bold;}
.product_listbox .right{width: calc(100% - 200px - 3%);float: right;border-left: 1px solid rgba(0,0,0,0.1); overflow:hidden;}
.product_listbox .product_list{padding:0;}
.product_listbox .product_list ul li{ width: 20%;float:left; text-align: center; margin-bottom: 2%;}
.product_listbox .product_list ul li .img img{margin: 0 auto;max-width:80%;}
.product_listbox .product_list ul li span{color: rgba(0,0,0,0.7); font-size: 14px;display: block; padding-top:20px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.product_listbox .product_list ul li:hover span{color: #ee780c; transform: translate3d(0,8px,0);}
.product_listbox .product_list h1{ font-size:20px; margin-left:9%; width:86%; padding-left:1%; border-top:1px solid #f4f4f4; padding-bottom:10px; margin-bottom:15px;padding-top:10px; margin-top:15px; font-weight:normal;}
.moreBtn{font-size: 14px;padding: 10px 0;width:130px;margin: calc(1.5rem + 1.5vw) auto 0;text-align: center; color:#fff; background:#ee780c;display: block;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;border-radius: 4px;}
.moreBtn:hover{background:#cb6100; color:#fff;}


.productarticle_box{}
.productarticle_box_top{position: relative; width: 90%;margin: 0 auto;}
.productarticle_box .productimg{ width:50%;float: right;max-width:100%;}
.productarticle_box .producttitle{width:45%;float: left;position: absolute;top: 50%;transform: translateY(-50%);left: 0%; padding: calc(1rem + 1vw) 0;padding-right:5%;}
.productarticle_box .producttitle strong{display: block;font-size:2rem;/* font-family: yingwen;*/font-weight: 300;}
.productarticle_box .producttitle .font{padding-top: calc(0.5rem + 0.5vw); color:#666;width: 100%;max-width: 500px; text-align:left;}
.productarticle_box .productimg .swiper-slide img{ max-width:100%; display:block; margin:0 auto; padding-bottom:13px;}
.productarticle_box .swiper-pagination-bullet-active{background: #ee780c;}
.productarticle_box .content{padding:calc(1rem + 1vw) 0;}
.productarticle_box .content img{ max-width:100%;}
.productarticle_box .xiangguan{padding-top: calc(1rem + 1vw); display:none;}
.productarticle_box .xiangguan .title{text-align: center;padding-bottom: calc(0.5rem + 0.5vw);}
.productarticle_box .xiangguan .title strong{display: block;font-size:1.3rem; font-weight:500;}
.cpjx{ width:100%; background:#f4f4f4; padding:10px 0 10px 30px; margin-bottom:20px;}

.sjsproduct_list_box .product_list_open{z-index: -5;display: block!important;}
.sjsproduct_list_box .product_list_open.active{z-index:500;}
.product_back{width: 100%;height: 100vh;background: rgba(0,0,0,0.0);position: fixed;display: block;top: 0;left: 0;  -webkit-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-moz-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-ms-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-o-transition: all .4s cubic-bezier(0.7, .45, .45, 1);transition: all .4s cubic-bezier(0.7, .45, .45, 1);z-index:460;visibility: hidden;pointer-events: none;}

.sjsproduct_list_box .product_list_open .left{width: 90%;max-width:600px;height:100vh;background:#fff;position: fixed;top: 0%;right: 0;animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);opacity: 1;filter:alpha(opacity=100);padding: calc(1.5rem + 1.5vw) calc(1rem + 1vw) 0;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;overflow: hidden;pointer-events: none;transform: translate3d(205%,0,0);opacity:0;filter:alpha(opacity=0);visibility: hidden;display: none;}
.sjsproduct_list_box .product_list_open.active .left{width: calc(80% - 1.2rem - 3.1vw);pointer-events:inherit;transform: translate3d(0px,0,0);opacity:1;filter:alpha(opacity=100);visibility: visible;z-index: 550;}
.sjsproduct_list_box .product_list_open .left .title{ background: #f4f4f4; padding: 10px 0;}
.sjsproduct_list_box .product_list_open .left .title h3{font-size:18px;font-weight: 500;color: #333; display: block; padding-left:10%;}
.sjsproduct_list_box .product_list_open .left .title h3 span{font-size: 14px; padding-left: calc(0.5rem + 0.5vw);}
.sjsproduct_list_box .product_list_open .left ul{height: calc(83vh);margin-top: 4vh; overflow-y: scroll; padding-bottom:6vh;}
.sjsproduct_list_box .product_list_open .left ul::-webkit-scrollbar {display: none;}
.sjsproduct_list_box .product_list_open .left ul li{-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;padding: 0;}
.sjsproduct_list_box .product_list_open .left ul li:hover{opacity: 1!important;filter:alpha(opacity=100)!important;}
.sjsproduct_list_box .product_list_open .left ul li{ width:calc(100% / 2); padding: 0 5%; float: left;border:1px solid #fff;  padding-bottom:2%;}
.sjsproduct_list_box .product_list_open .left ul li:hover{ border:1px solid #f1f1f1;}
.sjsproduct_list_box .product_list_open .left ul li .img img{ width: 100%;transform: scale(1);transition: all 0.5s ease;}
.sjsproduct_list_box .product_list_open .left ul li span{display: block; text-align: center;}
.sjsproduct_list_box.designers_product_list .product_list_open .left ul p{margin-bottom: calc(0.5rem + 0vw);line-height: 1.8;}
.sjsproduct_list_box.designers_product_list .product_list_open .left ul .font{margin-bottom: 1.5rem;width: 65%;}
.sjsproduct_list_box.designers_product_list .product_list_open .left ul em{margin-bottom: calc(1rem + 2vw);display: block;}
.product_listbox2{ padding:0 0 0 5%;}
.product_listbox2 li{ margin-bottom:0;}
.product_listbox .product_list .product_listbox2 li{ width:calc(100%/4 - 40.1px); margin:0 20px 20px;border-bottom:2px solid #fff; overflow:hidden;transition: all 0.5s ease; position:relative;padding-bottom:10px;}
.product_listbox .product_list .product_listbox2 li a{ display:block; overflow: hidden;}
.product_listbox .product_list .product_listbox2 li:hover {border-bottom:2px solid #ee780c;transition: all 0.5s ease;}
.product_listbox .product_list .product_listbox2 li .img{background:#fff;display:block;}
.product_listbox .product_list .product_listbox2 li .img img{transform: scale(1);transition: all 0.5s ease; display:block; padding-bottom:15px;}
.product_listbox .product_list .product_listbox2 li:hover .img img{transform: scale(1.05);transition: all 0.5s ease;}
.product_listbox .product_list .product_listbox2 .if_false{ height:0; overflow:hidden; display:none; visibility:hidden;}

/*public*/
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.cf{zoom:1}
.pb10{padding-bottom:10px}
.mt10{margin-top:10px}
/*main*/


/*菜单*/
.bback{ width: 100%; height:100%;background: rgba(0,0,0,0.0);pointer-events: none;display: block; position: fixed; bottom: 0;left: 0;z-index: 30;visibility: hidden; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.caidan{height:100%;position: fixed; bottom: 0;left: 0;z-index:40;transform: translate3d(-110%,0,0);width: 100%;background: #000;}
.caidan .caidan_nav{ padding: calc(50px + 4vw) 0% 0; height:100%;position: relative;}
.caidan .caidan_nav ul{}
.caidan .caidan_nav ul>.menu_list_box_item .caidan_1{ padding: 0 10%;display: block;font-size:1rem;height:2rem;line-height:2rem;color: #f4f4f4;text-align: center;}
.caidan .caidan_nav ul>.menu_list_box_item .caidan_1:hover{color: #333;}
.caidan .caidan_nav ul>.menu_list_box_item .caidan_1 i{float: right; opacity: 0;filter:alpha(opacity=0);transform: translate3d(20px,0,0);font-size: 20px;pointer-events:none}
.caidan .caidan_nav ul>.menu_list_box_item:hover .caidan_1 i{transform: translate3d(0,0,0);opacity: 1;filter:alpha(opacity=100);}
.caidan.caidan_oppen{transform: translate3d(0%,0,0);}
.caidan_hidden{transform: translate3d(-110%,0,0);}
.caidan .caidan_nav ul .caidan_2box{width: 80%; padding:2% 10%; display: none; background: #f4f4f4;}
.caidan .caidan_nav ul .caidan_2box li{height: 40px;line-height: 40px; border-top: 1px solid rgba(0,0,0,0.05);}
.caidan .caidan_nav ul .caidan_2box li:nth-of-type(1){border-top: 0;}
.caidan .caidan_nav ul .caidan_2box li:hover a{transform:translateX(10px);}
.caidan .caidan_nav ul .caidan_2box li a{ font-size: 14px; display: block;}
.top .menu.menu2 i{background: #333;}
.top .menu.menu2 i:nth-of-type(2){opacity: 0;filter:alpha(opacity=0);}
.top .menu.menu2 i:nth-of-type(1){transform:translateY(7px) rotate(-45deg);}
.top .menu.menu2 i:nth-of-type(3){transform:translateY(-7px) rotate(45deg);}
.rexian{ position: absolute;bottom: calc(20px + 2vw);left: 0%;width: 100%; text-align: center;}
.rexian span{display: block;font-size: 12px;width: 100%;}
.rexian strong{font-size:1.4rem; color:#f4f4f4;}
.top.top_ny .menu i{background: #222!important;}
.top.top_bd .menu.menu2 i{background: #222;}
.pc-vis {display: inherit; visibility:inherit;}
.phone-vis {display: none; visibility:hidden;}


.case_listbox{padding-bottom: calc(2rem + 3vw);}
.case_listbox .wp{width:90%;min-width: 1100px;}
.case_listbox .title{ padding: calc(2rem + 2vw) 0 calc(1rem + 2vw); text-align: center;}
.case_listbox .title strong{display: block; font-size:14px;font-weight: 300;text-transform:uppercase; color:#888;}
.case_listbox .title span{font-size:1.4rem;}
.case_listbox ul li{width: calc(100% / 3 - 10px);margin-right: 15px;margin-bottom: 15px; float: left;position: relative;}
.case_listbox ul li:nth-of-type(3n){margin-right: 0;}
.case_listbox ul li .img{position: relative;overflow: hidden;}
.case_listbox ul li:hover .img img{transform:scale(1.05);}
.case_listbox ul li .img:before{width: 100%;height: 100%;content: ''; position: absolute;z-index: 10;top: 0;left: 0;background: rgba(0,0,0,0);-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.case_listbox ul li:hover .img:before{background: rgba(0,0,0,.7);}
.case_listbox ul li .text{position: absolute;top: 50%;transform: translateY(-50%);left: 0; text-align: center;width: 100%;z-index: 20;}
.case_listbox ul li .text span{display: block; color: #fff;overflow: hidden;}
.case_listbox ul li .text span em{transform: translate3d(0,100%,0);display: block;opacity: 0;}
.case_listbox ul li .text span.text1{font-size: 20px; margin-bottom: calc(0.3rem + 0.3vw);font-weight: bold; color: #fff;}
.case_listbox ul li .text span.text2{font-size:14px; margin-bottom: calc(0.5rem + 0.5vw);}
.case_listbox ul li .text span.text3{display: inline-block;padding: calc(5px + 0.3vw) calc(1rem + 1vw);border: 1px solid rgba(255,255,255,0);}
.case_listbox ul li:hover .text span.text3{border: 1px solid rgba(255,255,255,.6);}
.case_listbox ul li .text span.text1 em{}
.case_listbox ul li:hover .text span em{transform: translate3d(0,0,0);opacity: 1;}

.article_box{padding: calc(2rem + 1vw) 0 calc(2rem + 1vw);}
.article_box .title{ margin-bottom: calc(2rem + 1vw); padding-bottom: calc(1rem + 1vw);border-bottom: 1px solid rgba(0,0,0,0.1);}
.article_box .title h1{font-size: calc(18px + 0.3vw);display: block;margin-bottom: calc(0.1rem + 0.1vw);color: #000; font-weight:500;}
.article_box .title span{color: rgba(0,0,0,0.6);}

.ny_banner .ny_nav{position: absolute;bottom: calc(.5rem + .5vw);left: 0;width: 100%; color: rgba(255,255,255,0.5);}
.ny_banner .ny_nav a{color: rgba(255,255,255,0.5);}
.article_box .wp{min-width: inherit;width: 90%;max-width: 1100px;}
.return{width: 100%;border-top: 1px solid rgba(0,0,0,0.1); padding-top: calc(0.5rem + 0.5vw); font-size:14px;margin-top: calc(1rem + 2vw);}
.return a{display: block; color: #333;margin: 0rem 0;}
.return a:hover{display: block; color: #222;}
.return .sxwz{float: left;}
.return .fanhui{float: right;}
.return .fanhui i{font-size: 20px; padding-right: 5px;display: inline-block;-webkit-transition: all .8s ease;-moz-transition: all .8s ease;-ms-transition: all .8s ease;-o-transition: all .8s ease;transition: all .8s ease;}
.return .fanhui:hover i{ transform: translate3d(-10px,0,0);}


.articlelist_box{padding: calc(1rem + 3vw) 0;}
.articlelist_box .wp{width: 90%;max-width: 1200px;}
.articlelist_box ul li{margin-bottom:1rem; border-bottom:1px solid #f4f4f4; padding:1rem;}
.articlelist_box ul li .img{ width: 20%;float: right;overflow: hidden; max-height:160px;}
.articlelist_box ul li .img img{-webkit-transition: all .8s ease;-moz-transition: all .8s ease;-ms-transition: all .8s ease;-o-transition: all .8s ease;transition: all .8s ease;}
.articlelist_box ul li:hover .img img{transform: scale(0.98);}
.articlelist_box ul li:hover{ background:#f4f4f4;}
.articlelist_box ul li .text{ width: 75%;float: left; padding-top:calc(0.2rem + 0.2vw);}
.articlelist_box ul li .text strong{font-size:20px;display: block;font-weight: 500;margin-bottom: calc(0.1rem + 0.1vw); -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.articlelist_box ul li:hover .text strong{color: #ee780c;}
.articlelist_box ul li .text span{font-size:14px;color: rgba(0,0,0,0.5);margin-bottom: calc(0.3rem + 0.3vw);display: block;}
.articlelist_box ul li .text .font{ color: rgba(0,0,0,0.5);}

.video_boxlist{}
.video_boxlist .swi_video{height: 100vh;background: #000 url(../images/spd.jpg) center; background-size:cover;}
.video_boxlist .swi_video .swiper-wrapper{transition-timing-function:cubic-bezier(0.7, 0.3, 0, 1)!important;}
.video_boxlist .swi_video .swiper-slide{height: 100vh;object-fit: cover;position: relative;}
.video_boxlist .swi_video .swiper-slide .text{width:60%;max-width:100%; position: absolute;top: 50%;transform: translateY(-45%);left: 10%;display: block;}
.video_boxlist .swi_video .swiper-slide .text:before{content: '';display: block;position: relative;width: 100%;height: 100%;}
.video_boxlist .swi_video .swiper-slide .text strong{font-size:14px;display: block; margin-top: calc(0.3rem + 0.3vw);color:#f4f4f4; font-weight:400;}
.video_boxlist .swi_video .swiper-slide .text .font{max-width: 450px;display: block;margin-bottom: calc(1rem + 1vw);color: #000;}
.video_boxlist .swi_video .swiper-slide .text .bofang{position: absolute;width:90px;height: 90px;line-height: 90px;text-align: center;position: absolute;top: 50%;transform: translate(-50%,-50%); left: 50%;border-radius: 50%;background: rgba(0,0,0,0.5);}
.video_boxlist .swi_video .swiper-slide .text .bofang i{font-size: calc(20px + 0.6vw);display: block; transform-origin: center left; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;color: #fff;}
.video_boxlist .swi_video .swiper-slide .text .bofang:hover i{color: #ee780c;}
.video_boxlist .swi_video .swiper-slide .text .bofang span{font-size: 12px;display: block;position: absolute; right: 0;top: 50%;transform: translate3d(0,100%,0);opacity: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;display: none;}
.video_boxlist .swi_video .swiper-slide .text .bofang:hover span{transform: translate3d(0,-50%,0);opacity: 1;}
.video_boxlist .swi_video .swi_video_tabs{position: absolute;top: 50%;transform: translateY(-50%);right: 5%;z-index: 10;}
.video_boxlist .swi_video .swi_video_tabs ul li{padding:14px 0; text-align: right;position: relative;cursor: pointer;}
.video_boxlist .swi_video .swi_video_tabs ul li .title{padding-right:30px;}
.video_boxlist .swi_video .swi_video_tabs ul li .title strong{font-size:16px; font-weight: 400; color: #888;}
.video_boxlist .swi_video .swi_video_tabs ul li.active strong{color:#ee780c;}
.video_boxlist .swi_video .swi_video_tabs ul li span{width:12px;height:12px;display: block; background:#888; border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%) scale(0.5);right: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.video_boxlist .swi_video .swi_video_tabs ul li.active span{transform: scale(1) translateY(-50%); background:#ee780c;}

.designer_box{position: relative;width: 100%;height: 100vh;display: block;background: #333;}
.designer_box .swi_designer_box_re{ width: 100%;top: 50%;transform: translateY(-50%); position: absolute;left: 0;}
.designer_box .swi_designer_box_re .swiper-container{width: 100%;}
.designer_box .swi_designer_box_re .swiper-container .swiper-wrapper{padding-left:25%;}
.designer_box .swi_designer .swiper-slide{overflow: visible;position: relative;cursor: pointer;}
.designer_box .swi_designer .swiper-slide:before{width: 0%;height: 0%;border-right: 1px solid rgba(255,255,255,0.3);border-top: 1px solid rgba(255,255,255,0.3);content: '';position: absolute;top: 5%;right: 5%;display: block;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;opacity: 0;filter:alpha(opacity=0);}
.designer_box .swi_designer .swiper-slide:after{width: 0%;height: 0%;border-left: 1px solid rgba(255,255,255,0.3);border-bottom: 1px solid rgba(255,255,255,0.3);content: '';position: absolute;bottom: 5%;left: 5%;display: block;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;opacity: 0;filter:alpha(opacity=0);}
.designer_box .swi_designer .swiper-slide:hover:before{width: calc(90% - 2px);height: calc(90% - 2px);opacity: 1;filter:alpha(opacity=100);}
.designer_box .swi_designer .swiper-slide:hover:after{width: calc(90% - 2px);height: calc(90% - 2px);opacity: 1;filter:alpha(opacity=100);}


.designer_box .swi_designer .swiper-slide .text{position: absolute;bottom: 10%; color: #fff; right:10%;text-align: right;}
.designer_box .swi_designer .swiper-slide .text strong{font-size:calc(16px + 0.5vw);font-weight: inherit; display: block;}
.designer_box .swi_designer .swiper-slide .text span{font-size: 14px;text-transform: uppercase; color: rgba(255,255,255,0.5);display: block;}
.designer_box .swi_designer .swiper-slide .text em{display: block;transform: translate3d(0,100%,0);text-transform:uppercase; font-size:12px; opacity: 0;filter:alpha(opacity=0);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; padding-top: 10px;}
.designer_box .swi_designer .swiper-slide:hover .text em{transform: translate3d(0,0,0);opacity:0.8;filter:alpha(opacity=80);}
.designer_box .swiper-scrollbar{height:4px;background: rgba(255,255,255,0.1);z-index: 20;width: 70%;max-width: 500px; bottom: 10%;left: 50%;transform: translate3d(-50%,0,0);position: absolute;}
.designer_box .swiper-scrollbar .swiper-scrollbar-drag{background: #fff;}
.vdo_close .iconfont{font-size: 16px!important;}

.index_product_box{padding:calc(1.5rem + 4.5vw) 0; position: relative;z-index: 1; background:#fff;}
.index_product_box .wp{ max-width:70%;}
.index_product_box .title{text-align: center; margin-bottom: calc(0.5rem + 1vw);}
.index_product_box .title span{display: block;font-size: calc(16px + 0.3vw); color: #000000; text-transform:uppercase;}
.index_product_box .title em{font-size: 14px;color: #666;}
.index_product_box .swi_index_product{ padding-bottom:calc(30px + 1.5vw);}
.index_product_box .swi_index_product .swiper-slide{width: 23.5%;margin-right: 2%;position: relative;overflow: hidden;background: #000;}
.index_product_box .swi_index_product .swiper-slide p{ background:#fff; width:100%;}
.index_product_box .swi_index_product .swiper-slide .text{position: absolute;width: 100%;text-align: center;top: 35%;left: 0;transform: translate3d(0,50%,0);opacity: 0;filter:alpha(opacity=0);visibility: hidden;}
.index_product_box .swi_index_product .swiper-slide .text i{font-size: calc(1.8rem + 2vw);display: block;color: #d80c18; margin-bottom: calc(1rem + 1vw);transform: scale(0);}
.index_product_box .swi_index_product .swiper-slide:nth-of-type(3) .text i{font-size: calc(3.8rem + 2vw);}
.index_product_box .swi_index_product .swiper-slide .text strong{font-size: calc(14px + 0.2vw);display: block; color: #fff; font-weight:500;}
.index_product_box .swi_index_product .swiper-slide img{transform: scale(1); cursor:pointer;}
.index_product_box .swi_index_product .swiper-slide:hover img{transform: scale(1.05);opacity: 0.2;filter:alpha(opacity=20);}
.index_product_box .swi_index_product .swiper-slide:hover .text{transform: translate3d(0%,0,0);opacity:1;filter:alpha(opacity=100);visibility: visible;}
.index_product_box .swi_index_product .swiper-slide:hover .text i{transform: scale(1);}
.index_product_box .swi_index_product .swiper-pagination-bullet{background: #999;margin:0 8px!important;position: relative;display: inline-block;}
.index_product_box .swi_index_product .swiper-pagination-bullet-active{background: #666;}
.index_product_box .swi_index_product .swiper-pagination-bullet-active:before{width: 200%;height: 200%;}

.product_box{display: block;}
.product_box:before{content: '';width: 81%; position: fixed;left: 0;top: 0;height: 100vh;background-image: url(../images/bg_pc.png);background-size: cover;z-index: -1;}
.product_box .left{ width: 100px; float: left;margin-left: calc(1rem + 2vw); padding-top: calc(100px + 1vw + 1rem);}
.product_box .left ul li{width: 100px;margin-bottom: 1px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.product_box .left ul li a{padding:15px 0 15px 18px;cursor: pointer; color: #fff; text-transform: uppercase;opacity: 0.7;filter:alpha(opacity=70);display: block;}
.product_box .left ul li:hover,.product_box .left ul li.active{background: #252d31!important;}
.product_box .right{ width: calc(100% - 100px - 2rem - 3vw); float: right;overflow: hidden; margin-top:70px; margin-bottom: calc(1rem + 1vw);}
.product_box .right .swiper-container{background: #000;}
.product_box .right .swiper-container .swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.1,1.1);}
.product_box .right .swiper-container .swiper-slide-active img,.product_box .right .swiper-container .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}	
.product_box .right .swi_product .swiper-pagination{padding: 0 calc(1rem + 1vw); text-align: right;bottom: calc(1rem + 1vw);}
.product_box .right .swi_product .swiper-pagination .swiper-pagination-bullet{background: #fff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.product_box .right .swi_product .swiper-pagination .swiper-pagination-bullet-active{transform: scale(1.3);}
.product_box .right .title{position: absolute; top:20%;right:calc(1rem + 2vw);z-index: 10;display: block;width:100%; overflow: hidden;pointer-events: none; font-family:Arial, Helvetica, sans-serif; font-weight:300;}
.product_box .right .title:before{position: relative;width: 100%;height: 100%;content: '';}
.product_box .right .title span{font-size: calc(1rem + 1vw);color: #fff;font-weight:0;text-align: right; float: right; display: inline-block; position: relative;}
.product_box .right .title span:nth-of-type(1){margin-top: calc(1rem + 1vw);}
.product_box .right .title span:nth-of-type(2){transform: translateY(-30%);}
.product_box .right .title i{content: '';width: calc(2rem + 1vw);height: 1px;position: absolute;background: rgba(255,255,255,0.3);display: block;top: 0;right: 0;}

.product_back.active{background: rgba(0,0,0,0.7);visibility: visible; pointer-events: inherit;}
.product_list_box .product_list_open{}
.product_list_box .product_list_open.active{}
.product_back{width: 100%;height: 100vh;background: rgba(0,0,0,0.0);position: fixed;display: block;top: 0;left: 0;  -webkit-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-moz-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-ms-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-o-transition: all .4s cubic-bezier(0.7, .45, .45, 1);transition: all .4s cubic-bezier(0.7, .45, .45, 1);z-index: 100;visibility: hidden;pointer-events: none;}

.product_list_box .product_list_open .left{width: 70%;height:80vh;background: #fff;position: fixed;top:0;left:0;bottom: 0;right: 0;margin: auto;animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);opacity: 0;filter:alpha(opacity=0);z-index:150; padding: calc(2rem + 2vw);pointer-events:none; -webkit-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-moz-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-ms-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-o-transition: all .4s cubic-bezier(0.7, .45, .45, 1);transition: all .4s cubic-bezier(0.7, .45, .45, 1);}
.product_list_box .product_list_open.active .left{opacity: 1;filter:alpha(opacity=100);visibility: visible;pointer-events: inherit;}
.product_list_box .product_list_open .left .title{margin-bottom:0.1vw;}
.product_list_box .product_list_open .left .title h3{font-size:16px;font-weight:600;color: #000; display: block;padding-left: 3vw;margin-bottom: calc(0.5rem + 0.5vw);}
.product_list_box .product_list_open .left .title h3 span{font-size: 14px; /*font-family:butler;*/ padding-left: calc(0.5rem + 0.5vw);}
.product_list_box .product_list_open .left ul{height: 90%; overflow-y: scroll;}
.product_list_box .product_list_open .left ul::-webkit-scrollbar {display: none;}
.product_list_box .product_list_open .left ul li{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.product_list_box .product_list_open .left ul li:hover{opacity: 1!important;filter:alpha(opacity=100);}
.product_list_box .product_list_open .left ul li{ width: 25%; float: left;}
.product_list_box .product_list_open .left ul li .img img{ width: 100%;}
.product_list_box .product_list_open .left ul li span{display: block; text-align: center;}
.product_list_box .product_list_open .left ul p{width: 100%;}
.product_list_box .product_list_open .left ul em{display: block;margin-bottom: calc(1rem + 1vw); margin-top: calc(1rem + 1vw);}
.product_list_box .product_list_open .right{width:4px;height: 80vh;background: #1a191e;position: fixed;top: 10%;right:15%;animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);opacity: 1;filter:alpha(opacity=100);z-index:180;height: 0; -webkit-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-moz-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-ms-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-o-transition: all .4s cubic-bezier(0.7, .45, .45, 1);transition: all .4s cubic-bezier(0.7, .45, .45, 1);}
.product_list_box .product_list_open.active .right{height: 80vh;}
.product_list_box .product_list_open .right:before{content: ''; width: 100%;height: 100vh;position: relative;display: block;}
.product_list_box .product_list_open .right .mouse{ width: calc(0.6rem + 0.6vw);height: calc(1rem + 1vw); border: calc(0.06rem + 0.08vw) solid #fff;border-radius: calc(0.3rem + 0.3vw); position: absolute;bottom: calc(1rem + 1vw);left: 50%;transform: translateX(-50%);opacity: 0.7;filter:alpha(opacity=70);z-index: 10;}
.product_list_box .product_list_open .right .mouse:before{ content: '';width: 100%;height: 100%;display: block;position: relative;}
.product_list_box .product_list_open .right .mouse:after{ content: '';width: 10%;height: 30%;background: #fff;position: absolute;top: 10%;left: 50%; display: block;border-radius: 50%;transform: translateX(-50%); animation: mouse 1s 0.2s linear infinite alternate;}
@keyframes mouse {
	from {top: 10%;}
	to {top: 60%;}
}
.product_list_box .product_list_open .right .close{width: calc(1rem + 1vw);height: calc(1rem + 1vw);border: calc(0.06rem + 0.08vw) solid #fff; position: absolute;top: calc(1rem + 1vw);left: 50%;transform: translateX(-50%);border-radius: 50%;opacity: 0.7;filter:alpha(opacity=70);overflow: hidden;cursor: pointer;z-index: 15;}
.product_list_box .product_list_open .right .close:before{content: '';width: 100%;height: 100%;display: block;position: relative;}
.product_list_box .product_list_open .right .close i{width: 50%;height:calc(0.06rem + 0.08vw);display: block;background: #fff;position: absolute;top: 50%;left: 50%;transform-origin: center;}
.product_list_box .product_list_open .right .close i:nth-of-type(1){transform:translate(-50%,-50%) rotate(45deg);}
.product_list_box .product_list_open .right .close i:nth-of-type(2){transform:translate(-50%,-50%) rotate(-45deg);}
.progress{background-color: #666;top: 0;right: 0;position: absolute;width: 100%;height: 0%;z-index: 1;}
#wrapper{position: relative;width:200px;height:100px;border:1px solid darkgray;}
#progressbar{position: absolute;top:50%;left:50%;margin-left:-90px;margin-top:-10px;width:180px;height:20px;border:1px solid darkgray;}

.lxwm_box{padding: calc(3rem + 5vw) 0;background: #fff;}
.lxwm_box .wp{width:90%;}

.lxwm_box span{display: block;}
.lxwm_box .text{padding-top: 150px;--overflow:200px;}
.lxwm_box .text span.text1{font-size: 17px; margin-bottom: calc(1rem + 2vw);}
.lxwm_box .text span.text2{font-size: calc(20px + 1vw); line-height:calc(20px + 1.3vw); margin-bottom: calc(1rem + 3vw);color: #000;}
.lxwm_box .text .lxinfo{width:70%;max-width: 1000px;}
.lxwm_box .text .lxinfo ul li{width: 100%; margin-bottom: calc(0.6rem + 0.6vw);}
.lxwm_box .text .lxinfo ul li em{display: block; font-weight: inherit;}
.lxwm_box .text .lxinfo ul li strong{font-size:1rem;font-weight:400;}
.lxwm_box .text{width: 30%; float: left;}
.lxwm_box .rightimg{max-width:100%;float: right;}

.liuyan_box{position: relative;padding: calc(2rem + 6vw) 0;}
.liuyan_box .wp{width:90%;min-width: 1100px;}
.liuyan_box .liuyan_rr strong em{font-size:17px;display: block;margin-bottom: calc(5px + 0.5vw);color: #000;}
.liuyan_box .liuyan_rr strong i{font-size: 15px;opacity: 0.6;filter:alpha(opacity=60);font-weight:500; font-style: normal;color: #000;}
.liuyan_box .liuyan_rr{width: 100%;max-width: 640px;}
.liuyan_box .liuyan_rr #GBookAdd .wenben{ width: 100%; float: left; border-bottom: 1px solid rgba(255,255,255,0.2);margin-right: 9px;margin-bottom:10px;}
.liuyan_box .liuyan_rr #GBookAdd .wenben .titles_p{font-size: 14px; margin-bottom: 10px;}
.liuyan_box .liuyan_rr #GBookAdd .wenben .text{ width: 100%; height: 58px;line-height: 58px;background: rgba(255,255,255,0.8); padding: 0 10px;color: #333;font-size: 14px;}
.liuyan_box .liuyan_rr #GBookAdd .wenben:nth-of-type(3){margin-right: 0;}
.liuyan_box .liuyan_rr #GBookAdd .neirong{margin-top: 30px; margin-bottom: 30px;}
.liuyan_box .liuyan_rr #GBookAdd .neirong .cmessage{ width: 100%; padding: 10px; min-height: 150px;background: rgba(255,255,255,0.8);color: #333;border-bottom: 1px solid rgba(255,255,255,0.2);}
.liuyan_box .liuyan_rr #GBookAdd .neirong .titles_p{font-size: 14px; margin-bottom: 10px;}
.liuyan_box .liuyan_rr #GBookAdd .submit{ width:160px;height:42px; display: block;float: left;background:rgba(0,0,0,0.8); color: #fff;margin: 0 auto; font-size: 14px;position: relative;}
.liuyan_box .liuyan_rr #GBookAdd .submit:hover{background:#ee780c; color:#fff;}
.liuyan_box .liuyan_rr strong{font-size:15px; font-weight:400; display:block; margin-bottom:0px; color:#fff;}

.lxwm_back{width: 100%;height: 100vh;display: block;background-image: url(../images/lxwm_back.jpg);background-position: center;background-size: cover;position: fixed;top: 0;left: 0;z-index: -1;}

.header-search{	position: relative;	width:65px;height:66px;float: left;}
.header-search .on-roll{position: absolute;	right: 0;top: 0;width:70px;height:66px;background: url("../images/search.png") center center no-repeat;transition-duration:300ms;}
.header-search .on-roll:hover{background: url("../images/searchb.png") center center no-repeat #252525;}
.on-close{position: absolute;right: 0;top: 0;width:60px;height:66px;background: url("../images/close.png") center center no-repeat;display: none;}
.open-search{position: absolute;right:65px;top: 0;	width: 0;height:66px;background: #f4f4f4; padding:0 0 0 0 ;	overflow: hidden;}
.open-search .in-search{line-height:66px;font-size:16px;background: transparent;border:0 none;display: block;width: 250px;float: left;margin:0 0 0 24px;}
.open-search .submit-search{float: right;width:65px;height:66px;background: url("../images/search.png") center center no-repeat;border: 0 none;}

/*info*/
.banner_info{background: #000;position: relative;overflow: hidden;}
.banner_info .img{opacity: 0;}
.banner_info .img img{-webkit-transition: all 0s ease;-moz-transition: all 0s ease;-ms-transition: all 0s ease;-o-transition: all 0s ease;transition: all 0s ease;}
.banner_info .text{position: absolute;top:80%;transform: translateY(-80%);left: 0;width: 100%;display: block; color: #fff;}
.banner_info .text .wp{width: 70%;}
.banner_info .text span{font-size:16px;display: block;letter-spacing:0;overflow: hidden; margin-bottom:10px; color:#ccc;}
.banner_info .text strong{font-size:calc(16px + 0.3vw);font-weight: 300; display: block;margin-bottom: calc(1rem + 1vw);overflow: hidden;}
.banner_info .text em{display: block;}
.info_jianjie{background: #fff; padding: calc(2rem + 6vw) 0;}
.info_jianjie .wp{min-width: 1100px;width: 70%;}
.info_jianjie .title{color:#000;float: left;font-size: calc(16px + 0.3vw);}
.info_jianjie .title p{text-transform:uppercase;line-height: initial;padding-bottom: 6px;}
.info_jianjie .font{float: right; width:45%;color: #666; font-size: 15px;line-height: 1.7;}
.info_jianjie .font img{ max-width:100%;}

.info_jianjie .more{ font-size: 14px; color: #000; text-transform: uppercase;padding: calc(1rem + 1vw);padding-left: 0;position: relative;}
.info_jianjie .more em{position: relative;z-index: 5;color: rgba(0,0,0,0.5); font-weight: 200;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;display:inline-block;}
.info_jianjie .more:before{content: '';border-radius: 50%; width: calc(2rem + 2vw);height: calc(2rem + 2vw); display: block;position: absolute;right: 0;z-index: 1;bottom:50%;transform: translate3d(0,50%,0);background: rgba(200,186,177,0.3); transform-origin: bottom center;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.info_jianjie .more:hover em{transform: translate3d(10px,0%,0);color: rgba(0,0,0,1);}
.info_jianjie .more:hover:before{transform: scale(0.6) translate3d(0,50%,0);background: rgba(200,186,177,0.1);}
.jjbaner{ height:100vh; background:Rgba(0,0,0,0)}
.jjbaner #banner_video{ height:100vh!important;}

.info_zjtu{height: 100vh;overflow: hidden;position: relative;}
.info_zjtu .img{opacity: 1;visibility: visible;}
.info_zjtu .img img{--overflow:500px;-webkit-transition: all 0s ease;-moz-transition: all 0s ease;-ms-transition: all 0s ease;-o-transition: all 0s ease;transition: all 0s ease;}


.info_sheji{background: #fff; padding: calc(2rem + 6vw) 0;}
.info_sheji .wp{width: 70%; min-width: 1100px;}
.info_sheji .wp .box{float: right; width: calc(60% - 200px);color: #000; font-size: 15px;line-height: 1.8;text-align: justify;}
.info_sheji .wp strong{font-size: calc(18px + 1vw);display: block;font-weight: 400; color: #000;/* font-family: yingwen;*/}
.info_sheji .wp span{color: #000;display: block;margin-bottom: calc(15px + 1vw);}
.info_sheji .wp .font{color: rgba(0,0,0,0.8); line-height: 1.8;font-size: 15px;text-align: justify;}
.info_sheji .wp .font img{margin-top: calc(1rem + 1vw);}
.shejijiangimg{max-width:95%; margin:0 auto;}

.licheng_box{position: relative;}
.licheng_box .title{position: absolute;top: 10%;left: 0;width: 100%;z-index: 20;display: block;color:#fff; font-size:calc(16px + 0.3vw);}
.licheng_box .title .wp{width:75%; text-align:center; text-transform:uppercase;}
.licheng_box .title p{text-transform: uppercase; line-height: initial; padding-bottom: 6px;}
.licheng_box .licheng_nian{position: absolute;top: 44%;width: 100%;z-index: 20;}
.licheng_box .licheng_nian .swiper-slide{color:Rgba(255,255,255,0.5); text-align: center; font-size: calc(0.8rem + 0.3vw);font-family: shuzifont;cursor: pointer;}
.licheng_box .licheng_nian .swiper-slide-active{ color:#fff;font-size: calc(1rem + 0.3vw);}

.licheng_box .swi_licheng .swiper-wrapper{transition-timing-function: cubic-bezier(0.7, 0.3, 0, 1)!important;}
.licheng_box .swi_licheng .swiper-slide{position: relative;}
.licheng_box .swi_licheng .swiper-slide .font{font-size: calc(20px + 0.2vw);color: #fff;position: absolute;top: calc(40% + 3rem + 3vw);left: 0; width: 100%;}
.licheng_box .swi_licheng .swiper-slide .font .wp{width: 70%;min-width: 600px;}
.licheng_box .swi_licheng .swiper-slide .font .wp .zit{max-width: 600px;min-width: inherit;text-align: center; margin: 0 auto; font-size:14px; color:#f1f1f1;}
.licheng_box .swi_licheng .pagination_box{position: absolute;left: 0;width: 100%;top:45%;}
.licheng_box .swi_licheng .pagination_box .wp{width: 70%;min-width: 600px;}
.licheng_box .swi_licheng .pagination_box .swiper-pagination-bullet{background: #fff; margin-right: 10px;}
.licheng_box .swi_licheng .pagination_box .swiper-pagination-bullet-active{background: #fff;}
.licheng_box .swi_licheng .pagination_box .swiper-pagination{transform: translate3d(0,19vw,0);}
.licheng_box .swi_licheng .swiper-button-prev,.licheng_box .swi_licheng .swiper-button-next{border-radius:50%; width:41px; height:41px; background:Rgba(0,0,0,0.5); }
.licheng_box .swi_licheng .swiper-button-prev:after{ color:#fff;font-size:21px;}
.licheng_box .swi_licheng .swiper-button-next:after{ color:#fff;font-size:21px;}

.cpxljs-xq .index_news_tabs{ width:100%;height: 60px;background: #f1f1f1;padding: 0 2%;}
.cpxljs-xq .index_news_tabs ul li{ float:left; padding:0 40px; line-height:60px; cursor: pointer;position: relative;}
.cpxljs-xq .index_news_tabs ul li:before{width:0%;height: 2px;content: '';display: block;background: #ff6600; position: absolute;right: 0;bottom: 0;z-index: 20;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.cpxljs-xq .index_news_tabs ul li:hover:before{width: 100%;}
.cpxljs-xq .index_news_tabs ul li.active:before{width: 100%;}
.cpxljs-xq .index_news_tabs ul li span{float: left;width: 50px;text-align: center; font-weight: bold;}
.cpxljs-xq .index_news_tabs ul li time{display: block;}
.cpxljs-xq .index_news_tabs ul li strong{ margin-bottom: 0.4rem; display: block; color: #000;}
.cpxljs-xq .index_news_tabs ul li:hover strong,.index_news .right .index_news_tabs ul li.active strong{color: #14458f;}
.cpxljs-xq .index_news_tabs ul li .text{float: right;width: calc(100% - 50px);}
.cpxljs-xq .swi_index_news{ width:100%; padding:35px 0;}
.cpxljs-xq .swi_index_news .swiper-slide img{ max-width:100%; display:inline;}


@media screen and (max-width: 1024px){
	body{min-width:inherit}
	.wp{min-width: inherit;}
	.product_box .right .swiper-container .swiper-slide-active img, .product_box .right .swiper-container .swiper-slide-duplicate-active img{height: 70vh;object-fit: cover;}
	.product_box .right .swiper-container .swiper-slide img{height: 70vh;object-fit: cover;}
	
}

@media screen and (max-width: 769px){
	.product_box .right .swiper-container .swiper-slide-active img, .product_box .right .swiper-container .swiper-slide-duplicate-active img{height: 80vh;object-fit: cover;}
	.product_box .right .swiper-container .swiper-slide img{height: 80vh;object-fit: cover;}
	.top .menu{display: inherit;}
	.top .menu i{width: 90%;margin: 0 auto;height: 2px;display: block;margin-bottom: 5px;background: #fff;transform-origin: center;}
	.top .menu{width:30px;text-align: center; margin: 0 auto;cursor: pointer;position: relative;z-index: 20;float: right;margin-right: 4%; margin-top: 25px;}
	.top .menu i{width: 90%;margin: 0 auto;height: 2px;display: block;margin-bottom: 5px;background: #333;transform-origin: center;}
	.top_right{display: none;}
	.top_bd .menu i{background: #222;}
	.top .nav{display: none;}
	
	.caidan .caidan_nav{padding:calc(100px + 4vw) 0% 0;}
	.product_listbox .product_list ul li{width: 50%;}
	
	.productarticle_box .productimg{width: 100%;}
	.productarticle_box .producttitle{width: 100%;position: inherit;transform: translate(0); left: inherit; border-left: 0;}
	.caidan_navb{position: fixed;left: 0;top: 0;width: 60%;background: #fff;height: 100%;z-index:200;padding:4%;padding-top:5rem; transform: translate3d(-110%,0,0);}
	.product_listbox .right{width: 100%; border-left: 0;}
	.product_listbox .product_list ul li{width: 50%; margin-bottom: 2rem;}
	.productarticle_box .productimg{float: inherit; margin: 0 auto;}
	.productarticle_box .producttitle{ padding:calc(0.5rem + 0.5vw) 0; padding-left: 0; text-align:center;  margin:1.5rem 0;}
	.productarticle_box .content{padding: 0;}
	.productarticle_box_top{width: 100%;}
	
	.honorone .wp .text{position: inherit; padding-top:15%; padding-left:13%;}
	.honorone .info_bannerimg{width:40%;transform: translate(0);left: 10%;bottom: 3%; display:none;}
	.honorone .wp:before{ background:inherit;}
	.honorone .wp .xiaorenren{width:100%; margin-top:10%;}
	.honorone .more{bottom: 60%;left: 13%;}
	.honorone .wp .text span.text3{padding-left: calc(2rem + 1vw);}
	.honorone .wp .text span.text3:before{width: calc(5rem + 5vw);}
	.index_news_box .swi_index_news .swiper-slide .text strong{font-size: 1.2rem;}
	.index_news_box .swi_index_news .swiper-slide .more{display: none;}
	.index_news_box .swi_index_news .swiper-slide .text{padding-right: 0;padding-left: 2%;}
	.index_news_box .swi_index_news .news_title{left: 2%;}
	.ruchixinku .right .text span.text2{font-size: 1.2rem;}
	.ruchixinku .right .text span.text3{font-size: 1rem; padding-left:0;}
	.index_background_video{ height:auto;}
	.index_background_video .text em{padding-left: 0; font-size: 12px;}
	.index_background_video .text{width: 100%;}
	.index_background_video .text{left: 0;}
	.index_product .pc-vis {display: none;}
	.index_product .phone-vis {display: inherit;}
	.honorone .wp .text span.text4{margin-bottom: 2rem;}
	.swi_index_product .swiper-pagination-clickable .swiper-pagination-bullet{ background:#ee780c;}
	.swi_index_product .swiper-pagination{ bottom:0;}
	
	.swi_index_product .swiper-slide{ padding-bottom:28px;}
	.swi_index_product .swiper-slide .text{text-align: center; padding-bottom:10px;}
	.swi_index_product .swiper-slide .text strong{display: block;font-size:1.4rem;padding:15px 0 0;font-weight: 500; color:#000;}
	.swi_index_product .swiper-slide .text a{padding: 0 7px; color:#666; font-size:0.9rem;}
	#banner_video{display: none;}
	.index_background_video .img{opacity: 1;visibility: visible;}
	.honorone{padding-bottom: 1rem;}
	
	
	.banner_info .img img{transform: translate3d(0,0,0)!important;}
	.info_jianjie .title{width: 100%; float: inherit;}
	.info_jianjie .font{width: 100%;}
	.info_jianjie .font{padding-top: 3rem;}
	.info_jianjie .wp{width: 100%; min-width:inherit;}
	
	.info_zjtu{height: auto;}
	.info_zjtu .img img{ transform: translate3d(0,0,0)!important;}
	
	.licheng_box .swi_licheng .swiper-slide .pc-vis {display: none;}
	.licheng_box .swi_licheng .swiper-slide .phone-vis {display: inherit;}
	.licheng_box .licheng_nian{top: 35%;}
	.licheng_box .title .wp{width: 90%;}
	
	
	.designer_box .swi_designer_box_re .swiper-container .swiper-slide .pc-vis {display: none;}
	.designer_box .swi_designer_box_re .swiper-container .swiper-slide .phone-vis {display: inherit;}

	.product_list_box .product_list_open .left ul li{width: 50%;margin-bottom:calc(1rem + 1.5vw);}
	.case_listbox ul li{width: 49%;margin-right: 2%!important;}
	.case_listbox ul li:nth-of-type(2n){margin-right: 0%!important;}
	
	.articlelist_box ul li{border-bottom: 1px solid rgba(0,0,0,0.1);padding-bottom: 1rem;}
	.articlelist_box ul li .text{padding-top: 0; margin-bottom: 2rem;}
	.articlelist_box ul li .text .font{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;display: block;}
	
	.articlelist_box .moreBtn{margin-top: 1rem;}
	.video_boxlist .swi_video .swiper-slide .text{ width: 65%;}
	.video_boxlist .swi_video .swi_video_tabs ul li .title strong{display: none;}
	.video_boxlist .swi_video .swi_video_tabs ul li{padding: 15px 0;}
	.lxwm_box .text{transform: translate3d(0,0,0)!important;width: 40%;}
	.lxwm_box .wp{width: 90%;}
	.lxwm_box .text{padding-top: 8%;}
	.lxwm_box{padding-top: 8rem;}
	.liuyan_box .liuyan_rr{width: 100%;max-width: inherit;}
	.liuyan_box .wp{min-width: inherit; width: 90%;}
	.liuyan_box .liuyan_rr strong em{font-size:30px;}
	.jjbaner{ background:url(../images/banner_info_phone.jpg) center; background-size:100%; height:100vh;}
	.jjbaner .text .wp{width: 100%;padding: 0 8%;}
	.info_jianjie{padding: 3rem 8%;}
	.product_listbox .product_list .product_listbox2 li{width: calc(100%/3 - 20px); margin:0 10px 20px;}
	.articlelist_box ul li .text strong{ font-size:1rem;}
	.honorone2 .wp .text{ width:100%;}
	.honorone2 .right-sjs{ width:100%;}
	.honorone2 .more{ bottom:0;top: 36%;}
	.honorone2 .more:before{ bottom:0;top: -3%;}
	.licheng_box .swi_licheng .pagination_box .swiper-pagination{transform: translate3d(0,36vw,0);}
	.font-hj{ position: relative; bottom:0; padding-bottom:1.5rem;}
}
@media screen and (max-width: 640px){
	.pc-vis {display: none; visibility:hidden;}
	.phone-vis {display: inherit; visibility:inherit;}
	
	.product_box .right{width: 100%;margin-top: 60px;margin-bottom: 0;}
	.product_box .right .swiper-container .swiper-slide img{height: inherit;}
	.product_box .right .title{top: 15%;}
	.product_box .left{width: 100%;margin-left: 0;padding: 0 0.5rem; margin-bottom: 1rem;}
	.product_box .left ul li{width: calc(100% / 2 - 1px);margin-right: 1px; float: left;background: #fff!important; padding: 0.8rem 0;}
	.product_box .left{padding-top: 0;}
	.product_box:before{width: 100%;}
	.product_box .left ul li a{padding: 0; text-align: center;opacity: 1;filter:alpha(opacity=100); color: #000;}
	.product_box .left ul li a img{margin-bottom: 0.8rem;}
	.product_list_box .product_list_open .left{width: 80%;}
	.product_box .left ul li:hover, .product_box .left ul li.active{background: #fff!important;}
	.product_box:before{height:30vh;width: 80%;top:19%;position: absolute;display: none;}
	.product_list_box .product_list_open .left ul li{padding: 0;}
	.product_box .right{width: 96%;}
	.product_box .right .titles{width: 92%;max-width: 1550px; margin: 0 0 0.6rem;overflow: hidden;}
	.product_box .right .titles span.Section_name{font-size: 14px; float: left;display: block;position: relative; padding-left: calc(2rem + 2vw); margin-top: calc(0.8rem + 1vw); text-transform: uppercase; color: rgba(0,0,0,0.5);}
	.product_box .right .titles span.Section_name:before{content: '';width: calc(1rem + 2vw - 10px);position: absolute;left: 0;top: 12px;display: block; background: rgba(0,0,0,0.3);height: 1px;}
	.product_box .right .titles span.text{font-size: calc(0.9rem + 0.6vw); text-align: right; float: right; /*font-family:butler;*/margin-bottom: calc(1rem + 1vw);}
	.product_box .right .title{display: none;}
	.product_box .left ul li a{font-size: 12px;}
	.cpytt{ min-height:28vh; overflow:hidden;}
		
	.top{height: 52px!important;}
	.top .top_back{height: 52px!important;}
	.top .menu{margin-top: 20px;}
	.ny_banner .ny_bannernav{position: inherit;bottom: inherit;left: inherit;color: #222;background: #fff; border-bottom:1px solid #f1f1f1;border-top:1px solid #f1f1f1; padding:0.9rem 0; overflow: hidden;}
	.ny_banner .ny_bannernav a{color: #222;}
	.ny_bannernav .weizhi{float: left;line-height: 22px;}
	.ny_bannernav .product_caidan{ float: right;font-weight: bold; font-size: 15px;padding-right:6%;}
	.ny_bannernav{ padding-top: 0.5rem;}
	.product_listbox{padding-bottom: 1rem; padding-top:2rem;}
	.ny_banner{padding-top: 0;}
	.caidanb_oppen{transform: translate3d(0,0,0);}
	.top .logo{margin-left: 0.8rem;}
	.honorone{padding-top: 1.5rem;}
	.wp{width: 94%;}
	.index_background_video .wp{width: 80%;}
	.index_background_video .more{left: 10%;top: 80%;}
	.ruchixinku .left{width: 100%; padding-top: 0.5rem;float: inherit;}
	.ruchixinku .right{width: 100%;position: inherit;left: inherit;top: inherit;transform: translate(0); padding-top: 1.5rem;}
	.index_news_box .swi_index_news .swiper-slide .img{width: 100%;}
	.index_news_box .swi_index_news .swiper-slide .text{position: inherit;width: 100%;padding-left: 0;top: inherit;left: inherit;padding: 3rem 0 1.5rem;}
	.index_news_box .swi_index_news .swiper-slide .text strong{display: inline-block; font-size: 1.1rem;}
	.index_news_box .swi_index_news .news_title{position: inherit;}
	.index_news_box .wp .swiper-pagination{ right:inherit; top:inherit; width:inherit; padding-bottom: 60px; bottom:35px; transform: translateY(0);}
	.index_news_box .wp .swiper-pagination .swiper-pagination-bullet{ display: inline; margin: 0 5px;}
	.index_news_box .wp .swiper-pagination .swiper-pagination-bullet:before{margin-left: -6px;}
	
	.index_news_box .swi_index_news .swiper-slide{padding-right: 0px;padding: 1rem 0;}
	.index_news_box .swi_index_news{width: 100%;border-right: 0;}
	.index_news_box .swi_index_news .news_title{display: none;}
	.index_news_box .swi_index_news .swiper-slide .img{float: inherit;}
	.index_news_box .swi_index_news .swiper-slide .font{display: none;}
	.index_news_box .swi_index_news .swiper-slide.ani-slide .text strong{margin-bottom: 0;}
	.index_news_box .swi_index_news .swiper-slide.ani-slide .text span{font-size: 12px;}
	.index_news_box .swi_index_news .swiper-slide{padding-bottom: 0;}
	.ruchixinku .right .text span.text4{margin-bottom:10%;}
	.ruchixinku{ padding-bottom:10%;}
	
	.info_zjtu{height: inherit;}
	.info_sheji .wp{max-width: inherit;}
	.info_sheji{padding: 3rem 8%;}
	.info_sheji .wp .font{line-height: 1.5;}
	.licheng_box .swi_licheng .swiper-slide .font .wp .zit{font-size: 14px;}
	
	.licheng_box .swi_licheng .swiper-slide .font .wp{width: 80%;min-width: inherit;}
	.licheng_box .licheng_nian .swiper-slide{transform: scale(0.6);-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
	.licheng_box .licheng_nian .swiper-slide.swiper-slide-active{transform: scale(1);}
	.licheng_box .swi_licheng .pagination_box .wp{min-width: inherit;}
	.footer_box .banquan{text-align: center;}
	.footer_box .banquan .banquan_text{float: inherit;}
	.footer_box .banquan .jishu{float: inherit;}
	.licheng_box .swi_licheng .swiper-pagination{width: 100%;}
	.licheng_box .swi_licheng .pagination_box .wp{width: 100%;}
	.licheng_box .swi_licheng .swiper-slide .font .wp .zit{color: rgba(255,255,255,0.8);}
	.product_list_box .product_list_open .right{right: 10%;}
	.case_listbox .title{padding-bottom: 2rem; padding-top:5rem;}
	.case_listbox ul li{width: 100%;}
	.articlelist_box ul li .img{width: 100%;}
	.articlelist_box ul li .text{width: 100%;}
	.articlelist_box ul li .text .font{display: none;}
	.articlelist_box ul li .text{margin-bottom:0rem;}
	.articlelist_box ul li{border-bottom: 0; margin-bottom: 0; padding:0; padding-bottom:1rem;}
	.articlelist_box ul li .img{margin-bottom: 0.3rem;}
	.articlelist_box ul li .text span{margin-bottom: 0.5rem;}
	.articlelist_box .moreBtn{margin-top: 0;}
	.video_boxlist .swi_video .swi_video_tabs{width: 100%;bottom: 3%;right:inherit; transform: translate(0); height: 18px;left: 0; top: inherit;text-align: center;}
	.video_boxlist .swi_video .swi_video_tabs ul li{ float:inherit;top: inherit;display: inline-block; height: 18px;width: 18px;padding: 0;}
	.video_boxlist .swi_video .swi_video_tabs ul li span{background: #fff;}
	.video_boxlist .swi_video .swiper-slide .text{width: 90%;left: 5%;}
	.video_boxlist .swi_video .swi_video_tabs ul li span{width: 12px;height: 12px;}
	
	.lxwm_box .rightimg{width: 100%;}
	.lxwm_box .text{width: 100%;}
	.lxwm_box .text .lxinfo{width: 100%; margin-bottom: calc(1rem + 1vw);}
	.footer_box{padding:1rem 0; }
	main{position: inherit!important;}
	#soll_html{transform: translate3d(0,0,0)!important;}
	.designer_box .swi_designer_box_re .swiper-container .swiper-wrapper{ padding-left:0;}
	.designer_box .swi_designer_box_re .swiper-container{ padding:0 3%;}
	.case_listbox .wp{ min-width:inherit; width:90%;}
	.video_boxlist .swi_video .swiper-slide .text .bofang{ width:60px; height:60px; line-height:60px;}
	.product_listbox .product_list .product_listbox2 li{width: calc(100%/2 - 20px); margin:0 10px 20px;}
	.product_listbox2{ padding-left:0;}
	.index_product_box .wp{ max-width:90%;}
	.index_product_box .swi_index_product .swiper-slide{ background:#fff;}
	.index_product_box .swi_index_product .swiper-slide .text{ position:relative;opacity: 1; filter: alpha(opacity=100); visibility: inherit; transform:translate3d(0,0,0);}
	.index_product_box .swi_index_product .swiper-slide .text strong{ color:#333;}
	.swi_index_product .swiper-slide{ padding-bottom:0;}
	.cpxljs-xq .index_news_tabs{ width:100%;height: 60px;background: #f1f1f1;padding:0;}
	.cpxljs-xq .index_news_tabs ul li{ float:left; width:calc(100%/4 - 0.01px); text-align:center; line-height:60px; cursor: pointer;position: relative; padding: 0;}

}