@charset "utf-8";
/*通用样式*/
@font-face{font-family:shuzifont;src:url('../font/shuzifont.ttf');}/*数字统一字体*/
@font-face{font-family:yingwen;src:url('../font/yingwen.ttf');}/*数字统一字体*/
body{min-width: 1200px;}
.wp{ width: 85%; min-width: 1100px; margin: 0 auto;}
.wp2{ width:85%; min-width: 1100px; margin: 0 auto; background:#fff;margin-bottom: 5%;}

/*头部*/
.top{position: fixed; width: 100%;height: 74px;top: 0;left: 0;display: block;z-index: 50;-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;z-index: 180;}
.top .wp{position: relative;height: 100%;width: 96%;z-index: 5;}
.top .logo{position: absolute;top: 50%;transform: translateY(-50%);max-width: 164px;}
.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;filter:alpha(opacity=0);}
.top .nav{top: 50%;transform: translate(-50%,-50%);left: 50%;position: absolute;width: 600px;}
.top .nav ul li{width: calc(100% / 6 - 0.3px);float: left; text-align: center;}
.top .nav ul li a{color: #fff;-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;}
.top .top_right{position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.top .top_right ul li{float: left; width: 40px;height: 40px;border-radius: 50%;line-height: 40px; text-align: center;position: relative;margin-left: 10px;cursor: pointer;}
.top .top_right ul li a{display: block; font-size: 15px;}
.top .top_right ul li:nth-of-type(2){background: rgba(0,0,0,0.3);}
.top .top_right ul li i{color: #fff;font-style: normal;display: block;}
.top .top_right ul li i.icon-weixin{font-size: 20px;}
.top .top_right ul li .erweima{position: absolute;top: 120%;left: 50%;transform: translateX(-50%) translateY(10px);opacity: 0;filter:alpha(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;filter:alpha(opacity=100);visibility: visible;pointer-events:inherit;}
.top .top_right ul li:nth-of-type(2):hover{background: rgba(255,255,255,0.8);}
.top .top_right ul li:nth-of-type(2):hover i{color: #000;}

.top .top_back{width: 100%;height: 65px;position: fixed;z-index: -1;background: #fff;top: 0;left: 0;transform: translate3d(0,-105%,0);}
.top_hd{width: 100%;height: 74px;position: fixed;z-index: -1;background: #000;top: 0;left: 0;z-index: 5;}
.top_hd.top_hd_hidden{opacity: 0;height: 65px;filter:alpha(opacity=0);}
.top.top_bd .top_back{transform: translate3d(0,0,0);box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.top.top_bd{height: 65px;}
.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;filter:alpha(opacity=0);}
.top.top_bd .logo .logo_h,.top.top_ny .logo .logo_h{opacity: 1;filter:alpha(opacity=100);}



/*首页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: 2%; bottom: calc(1rem + 1vw);}
.index_banner .swi_index_banner .swiper-pagination .swiper-pagination-bullet{background: inherit;width: inherit; height: inherit;float: left;display: block;color: #fff;}
.index_banner .swi_index_banner .swiper-pagination .swiper-pagination-bullet:after{width:0px;height: 1px;display: block;content: '';background: rgba(255,255,255,0.5); 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:79px;}
.index_banner .swi_index_banner .right_soll{ width: 1px;height: 110px;display: block;background:#39353a;position: absolute;right: 2%;bottom: calc(1rem + 1vw);z-index: 20;}
.index_banner .swi_index_banner .right_soll:before{width: 1px;height: 100%;content: '';position: relative;}
.index_banner .swi_index_banner .right_soll:after{width: 1px;height: 80px;content: '';background: #d1a044;display: block;position: absolute;bottom: 0;left: 0;
	animation:right_soll 1s infinite;
	-webkit-animation:right_soll 1s infinite;
	animation-direction:alternate;
	animation-timing-function: ease;
	-webkit-animation:right_soll 1s infinite;
	-webkit-animation-direction:alternate;
	-webkit-animation-timing-function: ease;}
 @keyframes right_soll{0%{
	 transform: translate3d(0,-30px,0);}
	 100%{ transform: translate3d(0,0px,0);}}
 
@-webkit-keyframes right_soll{0%{
	 transform: translate3d(0,-30px,0);}
	 100%{ transform: translate3d(0,0px,0);}}
.index_banner .swi_index_banner{}


/*首页360度*/
.index_360deg{background: #fff;}
.index_360deg .wp{position: relative;}
.index_360deg .left{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.index_360deg .left .title{margin-bottom: calc(3rem + 6vw);}
.index_360deg .left .title strong{ font-size: calc(24px + 2vw);display: block; font-family: yingwen; text-transform: uppercase;font-weight: inherit; line-height: 1; color: #000;margin-bottom: calc(5px + 0.5vw);}
.index_360deg .left .title span{ font-size: calc(18px + 0.2vw); font-weight: 300;color: rgba(0,0,0,0.5);}
.index_360deg .left .more{ float: left;}
.index_360deg .left .more a{color: #d9b55d;font-weight: bold;text-transform: uppercase; padding-left: calc(1.5rem + 1.5vw); position: relative; display: block;margin-bottom:5px;}
.index_360deg .left .more a:before{width: calc(1.3rem + 1.3vw);height: 1px;display: block;background: #d9b55d;position: absolute;left: 0;top: 50%;overflow: hidden; content: '';-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_360deg .left .more:hover a:before{transform: translate3d(120%,0,0);}
.index_360deg .left .more span{text-transform: uppercase;color: #666666;padding-left: calc(2.8rem + 2.8vw); font-size: 12px;opacity: 0.5; font-weight: 400;filter:alpha(opacity=50);}
.index_360deg .zj360deg{width:100%; max-width:800px; margin: 0 auto;position: relative;}
.index_360deg .zj360deg .threesixty{ width: 100%!important;height: 100%!important; position: absolute;left: 0;top: 0;}
.index_360deg .zj360deg .threesixty ol li 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;}
.index_360deg .right{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.index_360deg .right ul li{display: block; text-align: center; margin-bottom: calc(2rem + 2vw);}
.index_360deg .right ul li strong{ font-size: calc(22px + 2vw); display: block; font-family: yingwen;color: #222; font-weight: 400;}


/*首页产品*/
.index_product{position: relative;min-width: 1200px;padding: calc(2rem + 3vw) 0;overflow: hidden;background: #000;}
.index_product .index_product_back{position: absolute;width: 100%;height:100%;top:0%;left: 0;z-index:1;}
.index_product .index_product_back .swi_index_product_back{height: 100%;width: 100%;}
.index_product .index_product_back .swi_index_product_back .swiper-slide img{height: 100%;width: 100%;object-fit: cover;}
.index_product .product_box{z-index: 20; position: relative;}
.index_product .product_box .title{color: #fff; float: left;}
.index_product .product_box .title span{display: block; font-size: 12px; opacity: .5;filter:alpha(opacity=50);text-transform: uppercase;margin-bottom: calc(5px + 0.5vw);}
.index_product .product_box .title strong{font-size: calc(20px + 1vw);font-weight: inherit; font-family: yingwen; text-transform: uppercase;}
.index_product .product_box .title p{ font-size: calc(17px + 0.2vw); opacity: 0.5;filter:alpha(opacity=50); padding-left: calc(1rem + 1vw);}
.index_product .product_box .more{float: right;margin-top: calc(1rem + 1vw);}
.index_product .product_box .more a{color: #d9b55d; font-weight: bold;text-transform: uppercase;position:relative;}
.index_product .product_box .more a:before{width: calc(1rem + 1vw);height: 1px;content: ''; display: block;background: #d9b55d;position: absolute;right: 115%;top: 10px;opacity: 0.5;filter:alpha(opacity=50);-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 .product_box .more:hover a:before{transform: translate3d(200%,0,0);}
.index_product .product_box .index_product_img{margin-top: calc(1.3rem + 1.3vw);}
.index_product .product_box .index_product_img .swi_index_product_img .swi_index_product_tabs{position: absolute;left: 0;bottom:5px; background:Rgba(10,10,10,0.5); width: 100%;height: calc(50px + 1.5vw);line-height: calc(50px + 1.5vw);z-index: 30;}
.swi_index_product_img .swi_index_product_tabs ul li{width:calc(100%/3 - 1px); margin-right:1px; float: left; text-align: center; font-size: calc(17px + 0.05vw);background: rgba(57,57,57,0.5); color: #fff;cursor: pointer;}
.swi_index_product_img .swi_index_product_tabs ul li i{font-size: calc(20px + 0.3vw);margin-right: 10px; font-weight: inherit;}
.swi_index_product_img .swi_index_product_tabs ul li.active{background:#d9b55d; color:#fff;}
.swi_index_product_img .swi_index_product_tabs ul li span{display: inline-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;}
.swi_index_product_img .swi_index_product_tabs ul li:hover span{ transform: translate3d(10px,0,0);}

/*首页case*/
.index_case_box{padding: calc(1.5rem + 2.5vw) 0;}
.index_case_box .title{float: left;}
.index_case_box .index_honrn{float: left;width: 96%;max-width: 408px; float: right; margin-top: calc(10px + 0.8vw);}
.index_case_box .title strong{display: inline-block; font-size: calc(24px + 2vw);font-weight: inherit;font-family: yingwen;text-transform: uppercase; margin-right: calc(1rem + 1vw);}
.index_case_box .title span{display: inline-block; font-size: calc(17px + .2vw); color: rgba(0,0,0,0.6);}
.index_case_box .index_case_wp{ width: 92%; float: right; margin-top: calc(0.7rem + 0.7vw);}
.index_case_box .index_case_wp .left{ width: 55.3%; float: left;position: relative;}
.index_case_box .index_case_wp .right{ width:40.4%; float: right;}
.index_case_box .index_case_wp .right ul li .img{background: #000;}
.index_case_box .index_case_wp .right ul li .img:nth-of-type(1){margin-bottom:10px;}
.index_case_box .index_case_wp .right ul li:nth-of-type(1){float: left;width:58.5%;margin-right: 1.5%;}
.index_case_box .index_case_wp .right ul li:nth-of-type(2){width: 40%;float: right;}
.index_case_box .index_case_wp .left .swi_index_case .swiper-button-box{}
.index_case_box .index_case_wp .left .swiper-button-box{position: absolute;top: 100%;right: 0; width: 190px;height: 48px;line-height: 48px;}
.index_case_box .index_case_wp .left .swiper-button-box:before{position: relative;width: 100%;height: 100%;content: '';display: block;}
.index_case_box .index_case_wp .left .swiper-button-box .swiper-button{ width: 50%;height: 48px;line-height: 48px;top: 0;bottom: inherit;margin: inherit;}
.index_case_box .index_case_wp .left .swiper-button-box .swiper-button-prev{left: 0;transform: rotateY(180deg);}
.index_case_box .index_case_wp .left .swiper-button-box .swiper-button-next{right: 0;}
.index_case_box .index_case_wp .left .swiper-button-box .swiper-button i{color: #000; font-size: 40px;}
.index_case_box .index_case_wp .left .swiper-button-box .swiper-button:after{display: none;}


/*首页新闻*/
.index_news_box{padding: calc(2rem + 3vw) 0;background: #f1f1f1;position: relative;}
.index_news_box .index_news_back{position: absolute;width: 28%;height: 100%;left: 0;top: 0;z-index: 1;background: #000;}
.index_news_box .index_news_back .swi_index_news_back{height: 100%;}
.index_news_box .index_news_back .swi_index_news_back .swiper-slide{height: 100%;}
.index_news_box .index_news_back .swi_index_news_back .swiper-slide img{object-fit: cover; height: 100%;opacity: 0.1;filter:alpha(opacity=10);}
.index_news_box .wp{padding-left: 10%;padding-right: 4%; position: relative;}
.index_news_box .swi_index_news{z-index: 20;border-right: 1px solid #ecdaae;}
.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;background: #fff;}
.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: 50%; float: left;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;right: 0; top:38%;}
.index_news_box .swi_index_news .swiper-slide .text strong{font-size:18px;display: block; font-weight: inherit;margin-bottom: calc(3px + 0.2vw);transform: translate3d(0,50px,0);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;}
.index_news_box .swi_index_news .swiper-slide.ani-slide .text strong{transform: translate3d(0,0px,0);opacity: 1;filter:alpha(opacity=100);}
.index_news_box .swi_index_news .swiper-slide .text span{display: block; font-size: 15px; color: rgba(0,0,0,0.5);transform: translate3d(0,80px,0);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;}
.index_news_box .swi_index_news .swiper-slide.ani-slide .text span{transform: translate3d(0,0px,0);opacity: 1;filter:alpha(opacity=100);}
.index_news_box .swi_index_news .swiper-slide .font{margin-top: calc(1rem + 1vw);transform: translate3d(0,100px,0);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;}
.index_news_box .swi_index_news .swiper-slide.ani-slide .text .font{transform: translate3d(0,0px,0);opacity: 1;filter:alpha(opacity=100); color:#666;}
.index_news_box .swi_index_news .swiper-slide .more{position: absolute;left: 60%;bottom: 15%;pointer-events: none;-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;transform: translate3d(0,60px,0);opacity: 0;filter:alpha(opacity=0);}
.index_news_box .swi_index_news .swiper-slide.ani-slide .more{transform: translate3d(0,0,0);opacity: 1;filter:alpha(opacity=100);}
.index_news_box .swi_index_news .swiper-slide .more span{display:inline-block; transform: translate3d(0,-60%,0);opacity: 0;filter:alpha(opacity=0);-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_news_box .swi_index_news .swiper-slide .more i{ font-size: calc(20px + 2vw); display: inline-block;transform: translate3d(-150%,0,0);-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_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);filter:alpha(opacity=100);}
.index_news_box .swi_index_news .news_title{position: absolute;left: 60%;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: 14px;height: 20px;line-height: 20px;margin: 5px 0;position: relative;-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_news_box .wp .swiper-pagination .swiper-pagination-bullet:before{width: 2px;height: 0%;display: block;background: #d9b55d;content: '';position: absolute;left: 0;top: 0;z-index: 10;-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_news_box .wp .swiper-pagination .swiper-pagination-bullet-active:before{height: 100%;}

/*底部*/
.footer_box{padding: calc(1.5rem + 2vw) 0 calc(0.8rem + 0.8vw);background: #282828;}
.footer_box .pc-vis{position: relative; padding-bottom: calc(1rem + 1vw);border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: calc(0.5rem + 0.5vw);}
.footer_box .left{float: left;}
.footer_box .left ul li{float: left;padding-right: 20px;}
.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: calc(3px + 0.2vw);}
.footer_box .left ul li a:hover{color: #fff;}
.footer_box .footer_logo{position: absolute;left: 50%;transform: translate(-50%,-50%);top:17%; text-align: center;}
.footer_box .footer_logo img{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);}


/*简介banner*/
.ny_banner{width: 100%;height: 100vh;display: block;position: relative;}
.ny_banner .text{position: absolute;text-align: center;width: 100%;color: #fff;left: 0;z-index: 20;bottom: 25%;}
.ny_banner .text strong{font-size: calc(14px + 0.8vw);display: block;margin-bottom: calc(0.2rem + 0.2vw); text-transform: uppercase; font-weight: inherit;color: transparent;text-shadow: #fff 0 0 15px;-webkit-transition: all 3.4s ease;-moz-transition: all 3.4s ease;-ms-transition: all 3.4s ease;-o-transition: all 3.4s ease;transition: all 3.4s ease;}
.ny_banner .text p{font-size:16px;display: block;color: transparent;text-shadow: #fff 0 0 15px;-webkit-transition: all 3.4s ease;-moz-transition: all 3.4s ease;-ms-transition: all 3.4s ease;-o-transition: all 3.4s ease;transition: all 3.4s ease;}
.ny_banner .text strong.animated{text-shadow: #fff 0 0 0px;color: #fff; visibility: visible;opacity: 1;filter:alpha(opacity=100);}
.ny_banner .text p.animated{text-shadow: #fff 0 0 0px;color: rgba(255,255,255,1); visibility: visible;opacity:0.8;filter:alpha(opacity=80);}

/*简介头顶*/
.info_top{height:100vh;width: 100%;position: relative;background: #fff; padding:0 10%; overflow:hidden; box-sizing:border-box;}
.info_top .info_bannerimg{position: absolute;bottom:10%;width: 95%;}
.info_top .food-finder2__bowl-slider{width: 33%; position: relative;}
.info_top .food-finder2__bowl-slider .food-finder2__kibble-bowl {background-image: url(../images/info_top_img1.jpg);z-index: 10;}
.info_top .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: 100%;}
.info_top .food-finder2__bowl-slider .food-finder2__raw-bowl {background-image: url(../images/info_top_img2.jpg);z-index:5; width: 100%!important;}
.info_top .food-finder2__bowl-slider .food-finder2__kibble-bowl:before {position: relative;width: 100%;height: 100%;display: block;content: '';}
.info_top .food-finder2__bowl-slider .food-finder2__kibble-bowl:after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(20%, #fff), color-stop(95%, #fff), to(rgba(255,255,255,0)));
    background: linear-gradient(180deg, rgba(255,255,255,0) 0, #fff 20%, #fff 95%, rgba(255,255,255,0));
    content: "";
    height: 100%;
    right: -1px;
    position: absolute;
    top: 0;
    width: 2px;
}

.info_top .text{width:80%;top:25%;left:50%;position: absolute;z-index: 10;}
.info_top .text strong{font-size: calc(18px + 1vw);font-family: shuzifont; color: #000;display: block;}
.info_top .text .font{width: 40%;font-size: 16px; min-width: 450px;margin-top:3%;line-height: 1.5;}

.zj_back:before{content: '';width: 100%;height: 100%;display: block;background: url(../images/info_zj_img1.jpg);background-size: cover;position: fixed;top: 0;left: 0;background-position: center;Z-index:-1;}
.info_zj ul li{position: relative;}
.info_zj ul li .img{width: 50%;float: right;background-repeat: no-repeat;background-attachment: fixed;}
.info_zj ul li .img img{opacity: 0;filter:alpha(opacity=0);}
.info_zj ul li .text{width:50%;height: 100%; background: #202020; position: absolute;left:0%;padding-left: 10%; top: 0%; color: #fff;}
.info_zj ul li .text:before{width:100%;height: 100%;display: block;position: relative;content: '';}
.info_zj ul li .text .box{width: 80%; position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%); max-width: 440px;}
.info_zj ul li .text strong{font-size: calc(18px + 1vw); display: block; text-transform: uppercase;font-weight: inherit;margin-bottom: calc(1rem + 1vw);}
.info_zj ul li .text strong p{font-family: yingwen;font-size: 1.5rem;color: rgba(255,255,255,0.5);}
.info_zj ul li .text .font{font-size:16px;color: rgba(255,255,255,0.8);}
.info_zj ul li .text .shejijiang{margin-top: calc(1rem + 1vw);}
.info_zj ul li:nth-of-type(2n) .img{float: left;}
.info_zj ul li:nth-of-type(2n) .text{left: inherit; right:0%;}
.info_zj ul li:nth-of-type(2n) .img{background-position: left;}

.gs_photo_box{padding: calc(1.4rem + 3vw) 0; background: #f4f4f4;}
.gs_photo_box .wp{width: 90%; float: right;}
.gs_photo_box .wp .left{ float: left;width: calc(200px + 3vw);}
.gs_photo_box .wp .left .title{ padding-top: 3vw; margin-bottom: calc(1rem + 6vw);}
.gs_photo_box .wp .left .title span{font-size: 16px; font-weight: inherit; text-transform: uppercase;color: rgba(0,0,0,0.7);margin-bottom: 10px;display: block;}
.gs_photo_box .wp .left .title strong{font-size: calc(20px + 1vw);font-family: yingwen;display: block;font-weight: inherit; line-height: 1;text-transform:uppercase;}
.gs_photo_box .wp .right {width: calc(95% - 220px - 3.5vw);float: right;}
.gs_photo_box .wp .right .swi_gs_photo{}
.gs_photo_box .wp .right .swi_gs_photo .swiper-slide{width: 50%;}
.gs_photo_box .wp .right .swi_gs_photo .swiper-slide img{margin-bottom: 6px;}
.gs_photo_box .left .swiper-button-box{width: calc(35px + 2vw);}
.gs_photo_box .left .swiper-button{width: calc(35px + 2vw);height: calc(35px + 2vw);position: inherit;margin: 0;top: inherit;left: inherit;right: inherit;font-size: calc(20px + 0.5vw);border-radius: 50%;box-shadow: 0 0 15px rgba(0,0,0,0.15);margin-bottom: 10px;}
.gs_photo_box .left .swiper-button:after{display: none;}
.gs_photo_box .left .swiper-button i{font-size: 20px; color: #333;}
.gs_photo_box .left .swiper-button:hover{background: #d9b55d;}
.gs_photo_box .left .swiper-button:hover i{color: #fff;}

.info_jiewei{background: #fff; padding: calc(3rem + 3vw) 0;}
.info_jiewei .wp{position: relative;}
.info_jiewei .left{width: 20%;max-width: 370px; margin: 0 auto; padding-bottom: 10px;}
.info_jiewei .right{width: 70%;max-width: 520px; margin: 0 auto; text-align: center;}
.info_jiewei .right span{font-size: 14px; margin-bottom: calc(0.6rem + 0.6vw); display: block; color: rgba(0,0,0,0.5);}
.info_jiewei .right p{font-size: calc(20px + 0.8vw);line-height: 1.2;}


/*案例项目*/
.project_box{ padding: calc(2rem + 3vw) 0 calc(3rem + 6vw + 20px);overflow: hidden;}
.project_box .text_box{padding: calc(7rem + 7vw) 0;}
.project_box .text_box .font{width: 55%;float: left; font-size: calc(18px + 0.6vw);}
.project_box .text_box .title{float: right;}
.project_box .title{text-align: right;}
.project_box .title strong{display:inline-block;font-size:calc(14px + 0.1vw);margin-right: 10px; height: calc(20px + 2vw);line-height: calc(20px + 2vw); text-transform: uppercase;font-family: yingwen; font-weight: inherit;}
.project_box .title span{font-size: 17px;color: #000; font-weight: bold;}
.project_box .wp{width: 65%;min-width: 1100px;}
.project_box ul li{position: relative;width:46%;float: left;margin-bottom: calc(1rem + 3vw);transform: translateY(20%);}
.project_box ul li a{display: block;}
.project_box ul li .img{overflow: hidden;}
.project_box ul li .img img{width:100%;object-fit: cover;transform: scale(1.1);-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.project_box ul li .img:before{content: '';position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;background-image: linear-gradient(rgba(12, 12, 12, 0), rgb(12, 12, 12,0.8));z-index: 5;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.project_box ul li:hover .img:before{opacity: 0;filter:alpha(opacity=0);}
.project_box ul li:hover .img img{transform: scale(1);}
.project_box ul li .text{position: absolute;top: 50%;width: 100%;left: 0;text-align: center; color: #fff;z-index: 10;}
.project_box ul li .text strong{font-size: calc(20px + 1.2vw);font-family: yingwen; position: relative;overflow: hidden;display: inline-block;padding-bottom: 0px;font-weight: 500;}
.project_box ul li .text strong:after{width: 100%;position: absolute;content: '';height: 1px;bottom: 0;left: 0; display: block;background: rgba(255,255,255,0.2);transform: translate3d(-110%,0,0);-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;}
.project_box ul li:hover .text strong:after{transform: translate3d(0,0,0);}
.project_box ul li .text p{display: block;color: rgba(255,255,255,0.7); margin-bottom: calc(2rem + 2vw);}
.project_box ul li .text span{text-transform: uppercase;color: #d9b55d;letter-spacing: 2px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; font-size: 12px;}
.project_box ul li:hover .text span{letter-spacing: 8px;}
.project_box ul li:nth-of-type(2n){float: right;transform: translateY(0px); display: block;}
.moreBtn {font-size: 14px;padding: 15px 0;width: 180px;margin: calc(1.5rem + 1.5vw) auto 0;text-align: center;color: #333;background: #ececec;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;}
.moreBtn:hover {background: #222;color: #fff;}
.project_box .moreBtn {margin-top: calc(2rem + 5vw); margin-bottom: -5vw;}
.case_banner{padding: calc(6rem + 6vw) 0 calc(5rem + 4vw)!important;}
/*.case_banner .text strong{color: #222!important;}

首页案例*/
.index_caselist{ padding: calc(2rem + 2.5vw) 0 calc(1.5rem + 1vw);}
.index_caselist ul li{position: relative;float: left;margin-bottom: calc(2.2%); width:calc(100%/2 - 1rem); margin-right:1rem;}
.index_caselist ul li .img{overflow: hidden;}
.index_caselist ul li:hover .img img{transform: scale(1.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_caselist ul li:before{content: ''; position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0);z-index: 10;-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;pointer-events: none;}
.index_caselist ul li:hover:before{background: rgba(0,0,0,.6);}
.index_caselist ul li .text{position: absolute;top: 50%;width: 100%;left: 0;transform: translateY(-50%); text-align: center; color: #fff;z-index: 20;}
.index_caselist ul li .text strong{color: #fff;font-size: calc(18px + 0.4vw);display: block;margin-bottom: calc(6px + 0.2vw); font-weight: 500; transform: translate3d(0,100%,0);opacity: 0;filter:alpha(opacity=0);}
.index_caselist ul li .text span{font-size:16px;font-weight: 500;color: #999; transform: translate3d(0,100%,0);opacity: 0;display: block;filter:alpha(opacity=0);}
.index_caselist ul li:hover .text strong{transform: translate3d(0,0%,0);opacity: 1;filter:alpha(opacity=100);}
.index_caselist ul li:hover .text span{transform: translate3d(0,0%,0);opacity: 1;filter:alpha(opacity=100);}



/*内容页*/
.article_box{padding: 11% 0 6%;}
.article_box .content{ padding:30px 0 0; font-size:16px; line-height:28px;}
.article_box .content img{ max-width:100%; display:inline;}
.article_box .wp{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: #666;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);}
.article_box .xwxqbt{border-bottom: 1px solid rgba(0,0,0,0.1);padding-bottom: calc(1rem + 1vw);}
.article_box .xwxqbt h1{display: block;margin-bottom: calc(0.2rem + 0.2vw);}
.article_box .xwxqbt p{color: rgba(0,0,0,0.6);}


/*案例内容页*/
.case_article_box{ padding:calc(4rem + 4vw) 8% 0 0;}
.case_article_box .case_top{margin-bottom: calc(2rem + 2vw); position: relative;}
.case_article_box .case_top .img{ width: 66%;float: right;}
.case_article_box .case_top .img img{margin-bottom: calc(1rem + 1vw);-webkit-transition: all 0s ease;-moz-transition: all 0s ease;-ms-transition: all 0s ease;-o-transition: all 0s ease;transition: all 0s ease;}
.case_article_box .case_top .text{width: 22%;position: absolute;height: calc(100vh - 4rem - 4vw);left: 8%;top:0;}
.case_article_box .case_top .text:before{width:100%;position: relative;height: 100%;content: '';display: block;}
.case_article_box .case_top .text .text_box{width: 100%;position: absolute;left:0%;top:50%; transform: translateY(-40%);}
.case_article_box .case_top .text h1{font-size: calc(20px + 3vw);font-family: yingwen;text-transform: uppercase;font-weight: 500; display: block;margin-bottom: calc(1rem + 1vw); color: #222;}
.case_article_box .case_top .font{ padding-left: 15%;font-size: 12px;color: rgba(0,0,0,0.5);}
.case_article_box .case_top .font strong{display: block; margin-bottom: calc(5px + 0.5vw);color: #333; font-size: calc(18px + 0.1vw);}

.case_content{ padding-right: 8%;}
.case_content .wp{ width: 66%; float: right;}
.case_content .wp img{margin-bottom: calc(1rem + 1vw);}


/*新闻banner*/
.articlelist_banner{background: rgba(25,25,25);}
.articlelist_banner img{ max-width:100%;}
.articlelist_banner .text{text-align: center;}
.articlelist_banner .text span{font-size:14px;color: #fff; display: block;margin-bottom: calc(0.2rem + .2vw);}
.articlelist_banner .text strong{display: block;font-size: calc(18px + 1vw);color: #fff; font-weight: inherit;}
.articlelist_banner .text p{width: 88%;max-width: 780px;margin: 0 auto; line-height: 1.2rem; color:#999;}

/*新闻列表*/
.articlelist_box{ padding: calc(2rem + 2vw) 0;}
.articlelist_box .wp{width:76%;min-width: 1100px;}
.articlelist_box ul li{width: calc(100% / 3 - 2%);margin-right: 3%; float: left; margin-bottom: 2%;}
.articlelist_box ul li:nth-of-type(3n){margin-right: 0;}
.articlelist_box ul li .img{margin-bottom: calc(0.3rem + 0.3vw);overflow: hidden;}
.articlelist_box ul li .img img{transform: scale(1);-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(1.05);}
.articlelist_box ul li .text{}
.articlelist_box ul li .text strong{font-size:16px;display: block; font-weight: inherit; font-family: yingwen;overflow: hidden;position: relative;margin:calc(0.5rem + 0.5vw) 0 calc(0.3rem + 0.2vw);}
.articlelist_box ul li .text span{color: rgba(0,0,0,0.5);}
.articlelist_box ul li .text strong:after{width: 100%;position: absolute;content: '';height: 1px;bottom: 0;left: 0; display: block;background:#f1f1f1;transform: translate3d(-110%,0,0);-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;}
.articlelist_box ul li:hover .text strong:after{transform: translate3d(0,0,0);}



#lxwm_box{position:relative;height: 100vh;width: 100%;background:#000;overflow: hidden;}
.lxwm_box canvas{width: 100%!important;height: 100vh!important;}
#lxwm_box{background-image: url(../images/lxwmbg.jpg);background-size: cover;}
.lxwm_box .text{position:absolute; left: 0;width: 100%;bottom:32%;display: block;z-index: 30;}
.lxwm_box .text .wp{width: 92%;max-width: 1480px;margin: 0 auto;}
.lxwm_box .text .wp span{font-size: 14px; color: #d9b55d;font-weight: 300;text-transform: uppercase; display: block;margin-bottom: calc(1rem + 0.5vw);}
.lxwm_box .text .wp strong{font-size: calc(16px + 0.6vw); color: #fff;display: block;margin-bottom: calc(0.4rem + 0.4vw);}
.lxwm_box .text .wp .font{font-size:14px; color: rgba(255,255,255,0.6);display: block;line-height:20px;}

.product_index_box{position: relative;}
.product_index_box>.w_100{opacity: 0;filter:alpha(opacity=0);}
.swi_product_index{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 50;}
.swi_product_index .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 460px;text-align: center;z-index: 10;}
.swi_product_index .text a{color: #fff;}
.swi_product_index .text strong{font-size: calc(14px + 0.3vw);text-transform:uppercase;font-weight: inherit; display: block; font-family: yingwen; color:Rgba(255,255,255,0.5)}
.swi_product_index .text span{display: block;font-size: calc(17px + 0.3vw);}
.swi_product_index .text em{font-size:14px;text-transform: uppercase; padding-top:30px; color: #fff;letter-spacing: 2px;display: block;-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;text-align: center; width: 160px; padding-bottom: 6px;position: relative; overflow: hidden;margin: 0 auto;}
.swi_product_index .text em:after{width: 100%;height: 1px;display: block;position: absolute;bottom: 0;left: 0;content: '';background: rgba(255,255,255,0.4); -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; transform: translate3d(-105%,0,0);}
.swi_product_index .text:hover em:after{transform: translate3d(0,0,0);}
.swi_product_index .text:hover em{letter-spacing: 8px;}
.swi_product_index .slide-inner{width: 100%;height: 100%; background-size: cover;pointer-events: none;}
.swi_product_index .hover_back{background: rgba(0,0,0,0);width: 100%;height: 100%;display: block;z-index: 5; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-ms-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all 0.7s ease; position: absolute;left: 0;top: 0;}
.swi_product_index .text:hover + .hover_back{background: rgba(0,0,0,0.5);}
.swi_product_index .swiper-slide{overflow: hidden; background: #000;}


.swi_product_index .swi_index_product_tabs{position: absolute;bottom: 10%;left: 0;width: 100%;z-index: 20; text-align: center;}
.swi_product_index .swi_index_product_tabs ul li{display:inline-block;margin:0 calc(1rem + 1vw);color:rgba(255,255,255,0.6); font-size: 17px;cursor: pointer;}
.swi_product_index .swi_index_product_tabs ul li.active{ color: #fff;}
.swi_product_index .swi_index_product_tabs ul li i{font-size: calc(18px + 0.5vw);margin-right: 10px;}
.swi_product_index .swi_index_product_tabs ul li a{}



/*产品列表*/
.productlist_banner{width: 100%;height: 100vh;display: block;position: fixed;top: 0;left: 0;z-index: -1;background: #000;}
.productlist_banner .swi_productlist_back{background: #000;}
.product_listboss .text{width:85%;margin:0 auto calc(2rem + 1vw);}
.product_listboss .text .tleft{ float:left; width:50%;}
.product_listboss .text .rright{ float: right; width:50%; text-align:right;}
.product_listboss .text .rright ul li a{ color:Rgba(255,255,255,0.6); padding:2px 0; display:block;}
.product_listboss .text .rright .active a{color:#fff;}

.product_listboss .text span{font-size: 14px;text-transform: uppercase;color:Rgba(255,255,255,0.5); padding-bottom:10px;display: block;}
.product_listboss .text strong{font-size: calc(14px + 0.6vw); color: #fff;font-weight: inherit;font-family: yingwen;text-transform: uppercase; display: block;}
.product_listboss .text .font{font-size: 14px; color: rgba(255,255,255,0.6);width: 300px;}

.product_listboss{}
.product_listbox{padding:calc(2rem + 2vw);margin: 0 auto;text-align: center;}
.product_listbox>li{width: calc(100% / 4 - 10px);min-height: 20vw; margin-right: 12px;margin-bottom: 12px; float: left; background: #fff;}
.product_listbox>li:nth-of-type(4n){margin-right: 0;}
.product_listbox>li>a>.img{padding: 0 10%;overflow: hidden;}
.product_listbox>li>a>.img>img{-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;}
.product_listbox>li:hover .img>img{transform: scale(1.04);}
.product_listbox>li>a>.name{text-align: center;padding-bottom:calc(15px + 0.5vw); font-size: 15px;font-weight: 500;}
.product_listbox>li .product_erjibox{}

.product_back.active{background: rgba(0,0,0,0.7);visibility: visible; pointer-events: inherit;}
.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: calc(1rem + 0.8vw);font-weight: 500;color: #333; display: block; padding-left:11%;}
.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%;}
.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;}



/*产品详情*/
.porduct_photo{padding:calc(0.5rem + 0.5vw) 0 calc(1rem + 1vw);}
.porduct_photo .wp{position: relative;}
.porduct_photo .left{width:100%;border-bottom: 1px solid rgba(0,0,0,0.1);padding-bottom: calc(1rem + 1vw);}
.porduct_photo .left .pord_img_swi{padding-bottom: calc(1rem + 1vw);}
.porduct_photo .left .pord_img_swi .swiper-slide img{margin: 0 auto;width: 100%;max-width: 452px;}
.porduct_photo .left .pord_img_swi .swiper-pagination-bullet-active{background: #000;}
.porduct_photo .right{width:100%;}
.porduct_photo .right strong{font-size: calc(1rem + 0.5vw);font-weight: 500;}
.canshu_box{padding-bottom: calc(1rem + 2vw);}
.canshu_box .wp{width: 70%;min-width: 1100px;}
.porductxiangq_banner{position: relative;}
.porductxiangq_banner .title{position: absolute;width: 100%;left: 0;top:63%;color: #fff;text-align: center;}
.porductxiangq_banner .title span{display: block;color: rgba(255,255,255,0.5);}
.porductxiangq_banner .title strong{font-size: calc(20px + 1vw);font-family: yingwen; font-weight: inherit;}


.pc-vis {display: inherit;}
.phone-vis {display: none;}




/*菜单*/
.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: 120;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:150;transform: translate3d(-110%,0,0);width: 100%;background: #000;}
.caidan .caidan_nav{ padding: calc(80px + 8vw) 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-weight: bold;font-size:17px; height:3rem;line-height:3rem;color: #fff;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);z-index:150;}
.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: #fff;}
.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:10%;left: 0%;width: 100%; text-align: center;}
.rexian span{display: block;font-size: 12px;width: 100%;}
.rexian strong{font-size: 1.3rem; color:#fff;}
.top.top_ny .menu i{background: #222!important;}

.top.top_bd .menu.menu2 i{background: #222;}



@media screen and (max-width: 1024px){
body{min-width:inherit}
	.wp{min-width: inherit;width: 90%;}
	.wp2{min-width: inherit;width: 90%;}
	.index_product{min-width: inherit;}
	.info_top{height: 500px;}
	.info_top .text{top: inherit;bottom: 20%;}
	.product_index_box>.w_100{height: 100vh;}
	.swi_product_index .slide-inner{background-position: center;}
	.ajsgfkjg{height: 30vh!important;}
	.swiper-container-fade .swiper-slide{height: 100vh;}
	.swiper-container-fade .swiper-slide img{height: 100vh; object-fit: cover;}
}
@media screen and (max-width: 769px){
	.pc-vis {display: none;}
	.phone-vis {display: inherit;}
	.top .nav{display: none;}
	.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: #fff;transform-origin: center;}
	.top_right{display: none;}
	.top_bd .menu i{background: #222;}
	
	
	.index_case_box .index_honrn{display: block;width: 100%;float: inherit;}
	.index_case_box .index_case_wp .left{width: 100%;}
	
	.index_case_box .index_case_wp .right{width: 100%;}
	.index_case_box .index_case_wp{width: 90;float: inherit; margin: 0 auto;}
	.index_case_box .title{margin-bottom: 1rem;float: inherit;}
	.index_honrn{margin-bottom: 1rem;}
	.swiper-container-fade .swiper-slide img{height: inherit;}
	.swiper-container-fade .swiper-slide{height: inherit;}
	.index_case_box .index_case_wp .left{margin-bottom: 1rem;}
	.index_case_box .index_case_wp .left .swiper-button-box{bottom: 3%;left: 50%;transform: translateX(-50%);z-index: 50; top: inherit;}
	.index_case_box .index_case_wp .left .swiper-button-box i{color: #fff!important;}
	
	.index_news_box .wp{padding-left: 0;width: 91%;}
	.swiper-container-fade .swiper-slide img{transform: scale(1.05);}
	.gs_photo_box .wp .right{width: calc(95% - 150px - 1.5vw)}
	.gs_photo_box .wp .left{width: 150px;}
	.gs_photo_box .wp .left .title{margin-bottom: 2rem;}
	.info_top .text strong{font-size:2rem; font-weight:500;}
	.productlist_banner .swiper-container-fade .swiper-slide img{height: 100vh;}
	.product_listboss .wp{width: 92%;}
	.product_listbox>li{width: calc(100% / 2 - 5px);margin-right: 10px!important;}
	.product_listbox>li:nth-of-type(2n){margin-right:0px!important;}
	.product_listboss .text strong{transform: translateX(0);}
	.articlelist_box .wp{min-width: inherit;}
	.articlelist_banner{}
	.articlelist_box .wp{width: 90%;}
	.article_box .wp{width: 90%;}
	.article_box .content{min-height: 80vh;}
	
	.canshu_box .wp{min-width: inherit; width: 90%;}
	.project_box .wp{width: 92%;min-width:inherit;}
	.project_box ul li .img img.pc-vis{display: inherit!important;}
	.project_box ul li .img img.phone-vis{display: none!important;}
	.case_article_box .case_top .text{width: 100%;position: inherit; height: inherit;left: inherit; top: inherit; padding-top: 100px;}
	.case_article_box .case_top .img{width: 100%;}
	.case_article_box{padding: 0 5%;}
	.case_article_box .case_top .text .text_box{position: inherit;left:inherit;top:inherit;transform: translateY(0%);}
	.case_article_box .case_top .img{position: inherit;}
	.case_article_box .case_top .font{display: none;}
	.case_article_box .case_top .text h1{text-align: center;}

	.marquee.intro h1{font-size: 160px!important;line-height: 180px!important;}
	.index_caselist ul li{position: relative;float: left;margin-bottom: calc(2.2%); width:100%; margin-right:0;}
	.index_caselist ul li .text{ position:relative; text-align:left;}
	.index_caselist ul li .text strong{ opacity:1; filter:alpha(opacity=100);color:#333; font-size:1rem; padding:0.5rem 0;}
	.index_caselist ul li .text span{ opacity:1; filter:alpha(opacity=100);color:#666; font-size:0.8rem;padding-top: 2px;}
	.product_listboss .text .rright ul li a{ padding:0;}
	.product_listbox{padding: calc(1rem + 1vw); padding-bottom: calc(0.5rem + 0.5vw);}
	.case_banner{padding:calc(3rem + 3vw) 0 calc(6rem + 6vw)!important}
	.ny_banner .text strong{font-size:1.2rem;}
	.ny_banner .text p{ font-size:13px;}
}
@media screen and (max-width: 640px){
	.pc-vis {display: none;}
	.phone-vis {display: inherit;}
	.index_case_box .index_honrn{}
	.index_360deg .zj360deg{width:100%;}
	.index_360deg .left{width: 100%;position: inherit;transform: translateY(0); padding-top: 2rem;top: inherit;}
	.index_360deg .right{width: 100%;position: inherit;transform: translateY(0); top: inherit; padding-bottom: 3rem;}
	.index_360deg .left .title{margin-bottom: 2rem;}
	.index_360deg .zj360deg .back img{ padding-top:10px;}
	
	.marquee.intro h1{font-size: 120px!important;line-height: 150px!important;}
	.index_360deg .right ul li strong{font-size: 36px;}
	.index_360deg .right ul li{margin-bottom: 20px;width: 33%; float: left;}
	.swi_index_product_img .swi_index_product_tabs ul li span{font-size: 15px;}
	.index_news_box .swi_index_news{border-right: 0px;}
	.index_news_box .swi_index_news .swiper-slide .img{width: 100%;float: inherit;}
	.index_news_box .swi_index_news .swiper-slide .text{position: inherit; top: inherit;left: inherit;transform: translateY(0); width: 100%;padding: 2rem;}
	.index_news_box .wp .swiper-pagination{top: inherit;left: 50%;transform: translateX(-50%);bottom: 0;width: 100%; text-align: center;}
	.index_news_box .wp .swiper-pagination .swiper-pagination-bullet{display: inline-block;width: auto; margin: 0 5px;}
	.index_news_box .wp .swiper-pagination .swiper-pagination-bullet:before{width: 100%;height: 2px;opacity: 0;filter:alpha(opacity=0);}
	.index_news_box .wp .swiper-pagination .swiper-pagination-bullet-active:before{width: 100%;height: 2px;opacity:1;filter:alpha(opacity=100);}
	.index_news_box .wp{padding-right: 0;}
	.index_news_box .wp{padding-bottom: 30px;}
	.index_news_box .index_news_back{display: none;}
	.index_news_box{padding: 1.3rem 0;}
	.footer_box .banquan{text-align: center;}
	.footer_box .jishu{text-align: center;width: 100%; display: block;}
	.index_360deg .right ul li{font-size: 12px;}
	.index_360deg .right ul li span{padding: 0 15%;text-align: center; display: block;}
	.index_360deg .left .title{margin-bottom: 2rem;}
	.index_360deg .left .more{position: relative; float: right; top: -79px;}
	.index_360deg .left .more a{ margin-bottom:0;}
	.index_360deg .left .more span{ padding-left:0;}
	.index_news_box .swi_index_news .news_title{display: none;}
	.index_news_box .wp .swiper-pagination .swiper-pagination-bullet:before{display: none;}
	.index_360deg .left .title span{ display:none;}
	.swi_product_index .swi_index_product_tabs ul li{ display:inherit;}
	
	.top .logo{padding-left: 1rem;}
	.ny_banner{height: 500px;}
	#banner_video{height: 500px!important;}
	.info_top .food-finder2__bowl-slider{width:100%;}
	.info_top .text{position: inherit;left:0;width:100%;bottom:inherit; padding-top: 3rem;}
	.info_top .text .font{min-width: inherit; width:100%;}
	.info_top .info_bannerimg{position: inherit; width:100%;}
	.info_zj ul li .text strong p{ font-size:1rem;}
	.info_zj ul li .text .font{ font-size:0.9rem;}
	.info_zj ul li .text .shejijiang{ max-width:90%; margin:20px auto 0;}
	.info_jiewei{padding: calc(2rem + 3vw) 0;}
	
	.info_top{height: inherit; padding-bottom: 2rem; padding:0 5%;}
	.info_top .text .font{font-size: 14px; margin-bottom: 2rem;}
	.info_top .text .font{margin-left: 0; margin-right: 0;}
	
	.info_zj ul li .img{width: 100%;}
	.info_zj ul li .text{width: 100%;padding-left: 2%;}
	.info_zj ul li .text .box{position: inherit; max-width: inherit;}
	.info_zj ul li .img img{opacity: 1;filter:alpha(opacity=100);}
	.info_zj ul li .img{float: inherit;}
	.info_zj ul li .text{position: inherit;left: inherit;top: inherit;}
	.info_zj ul li .text .box{position: inherit;top: inherit;left: inherit;transform: translate(0); width: 100%; padding:3rem 1.5rem ;}
	.info_zj ul li:nth-of-type(2n) .img{float: inherit;}
	
	.gs_photo_box .wp .left{width: 100%;}
	.gs_photo_box .left .swiper-button-box{float: right;width: calc(90px + 6vw); padding-right: 1rem; margin-top: 2rem;}
	.gs_photo_box .wp .left .title{float: left;}
	.gs_photo_box .left .swiper-button{float: left;}
	.gs_photo_box .left .swiper-button-next{float: right;}
	.gs_photo_box .wp .right{width: 100%;}
	
	.gs_photo_box .wp{float: inherit;}
	.info_jiewei .left{width: 40%;padding-bottom: 11px;}
	
	.articlelist_box ul li{width: 100%; margin-bottom:1rem;}
	.article_box{padding-top:30%;}
	.project_box ul li .text p{}
	.project_box ul li{width: 100%; margin-bottom: 1rem; transform: translateY(0)!important;}
	
	.project_box .moreBtn{margin-top: calc(1rem + 3vw); margin-bottom: -10vw;}
	
	.lxwm_box canvas{display: none!important;}
	#lxwm_box{background-image: url(../images/lxwmbackphone.jpg);background-size: cover;}
	.vidbg-container{display: none;}
	#banner_video{background-image: url(../images/info_banner_back.jpg)!important;background-size: cover!important;}
	.article_box .xwxqbt h1{ font-weight:500;font-size: 1.3rem;line-height: 1.6rem;color: #000;}
	
}