/* CSS Document */

/*通用样式*/
body{min-width: 1200px;}
@font-face{font-family:Futura;src:url('../font/Futura.ttf');}/*数字统一字体*/
.wp{ width:80%; min-width: 1200px; margin: 0 auto;}
.family{font-family:Playfair;font-weight: 400;}
.index_banner{background: #000;}
.index_banner .swiper-wrapper{}
.index_banner .swiper-slide{position: relative;}
.index_banner .swiper-slide .w_100{}
.index_banner .swiper-slide .text{position: absolute;top:42%;z-index: 50; color: #fff; width: 100%;display: block;}
.index_banner .swiper-slide .text strong{font-family: "Futura"; font-size: calc(2rem + 2vw);line-height:0.8;margin-bottom: calc(0.4rem + 0.5vw);display:inline-block;}
.index_banner .swiper-slide .text strong span{ font-size: calc(1rem + 1.5vw);transform: translateX(33%); display: inline-block;font-family: "Futura";}
.index_banner .swiper-slide .text p{ font-size:calc(0.8rem + 0.2vw);display: block;padding-left:5%;position: relative;}
.index_banner .swiper-slide .text p:before{width: 0%;left:0;height: 1px;display: block;content: '';background:Rgba(255,255,255,0.5);position: absolute;top: 10px;-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;transition-delay:0.5s;
-webkit-transition-delay:0.5s; /* Safari 和 Chrome */}
.index_banner .swiper-slide-active .text p:before{width: 4%;}
.index_banner .swiper-slide .text p em{display: inline-block;margin-right: 8px;}
.index_banner .swi_index_banner .swiper-pagination{bottom:6%;width: inherit; right: 0; color: #fff;z-index: 5;}
.index_banner .swi_index_banner .swiper-pagination-bullet{background:Rgba(255,255,255,0.6);margin: 0 5px;position: relative;width:15px;height:15px;opacity:1;filter:alpha(opacity=100);border-radius:0;}
.index_banner .swi_index_banner .swiper-pagination-bullet-active{background:#fff;}
.index_banner .swi_index_banner .swiper-pagination-bullet-active:before{width: 20px;height: 20px;}
.index_banner .swi_index_banner .swiper-pagination span{margin: 0 3px;}
.index_banner .swi_index_banner .swiper-button-box{width: 140px;height: 30px;bottom: 5.5%;left: 50%;transform: translateX(-50%);z-index:10;position: absolute;}
.index_banner .swi_index_banner .swiper-button-box:before{content: '';width: 100%;height: 100%;display: block;position: relative;}
.index_banner .swi_index_banner .swiper-button-box .swiper-button{width:30px;height:30px;line-height: 30px; position:absolute;cursor: pointer;top: 0;bottom: inherit;margin: inherit;background: inherit;}
.index_banner .swi_index_banner .swiper-button-box .swiper-button:after{display: none;}
.index_banner .swi_index_banner .swiper-button-box .swiper-button i{font-size: 18px; display: block;color: #fff;}
.index_banner .swi_index_banner .swiper-button-box .swiper-button-prev{float: left;left: 0;}
.index_banner .swi_index_banner .swiper-button-box .swiper-button-next{float: right;right: 0;}

.top{width: 100%;position:fixed;top: 0;left: 0;z-index: 100; padding: calc(0.5rem + 1vw) 3%;padding-bottom: 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;}
.top .menu{ float: right;cursor: pointer;}
.top .logo{ float: left;max-width: 150px;}
.top .logo img{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;}
.top_hidden{background: #fff;padding: calc(0.15rem + 0.3vw) 3%; box-shadow: 0px 3px 3px rgba(0,0,0,0.05);}
.top_hidden .logo img{transform: scale(0.8);}
.top_hidden .menu{}
.top_hidden .hamburger .line{background: #000;}
.top_hidden .hamburger .line:nth-of-type(1){ margin-top: 11px;}
.hamburger .line{width:30px;height:2px;display:block;margin:8px auto;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color: #fff;}
#hamburger-11{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#hamburger-11.is-active{animation:smallbig .6s forwards}@keyframes smallbig{0%,100%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}}#hamburger-11.is-active .line:nth-child(1),#hamburger-11.is-active .line:nth-child(2),#hamburger-11.is-active .line:nth-child(3){-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}#hamburger-11.is-active .line:nth-child(2){opacity:0;filter:alpha(opacity=0);}#hamburger-11.is-active .line:nth-child(1){-webkit-transform:translateY(7px) rotate(45deg);-ms-transform:translateY(7px) rotate(45deg);-o-transform:translateY(7px) rotate(45deg);transform:translateY(13px) rotate(45deg)}#hamburger-11.is-active .line:nth-child(3){-webkit-transform:translateY(-7px) rotate(-45deg);-ms-transform:translateY(-13px) rotate(-45deg);-o-transform:translateY(-7px) rotate(-45deg);transform:translateY(-7px) rotate(-45deg)}
#menu_box{width: 60%; height: 100vh;position: fixed;top: 0;left: 0;z-index: 50;overflow: hidden;transform: translate3d(0%,0,0);pointer-events: none; visibility: hidden;}
#menu_box:before{content: ''; width: 100%; height: 100vh;position: relative;}
#menu_box canvas {display: block;position: absolute;top: 0px;left: 0px;z-index: -1;pointer-events: none;}
#menu_box .link {cursor: pointer;display: block;overflow: hidden; padding:calc(0.25rem + 0.3vw) 0;}
#menu_box .link .family{display: block;transform: translate3d(0,-100%,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; transition-delay:.2s;transition-delay:0.2s;-webkit-transition-delay:0.2s;/*font-family:Playfair;src:url('../font/PlayfairDisplayBold.ttf');*/}
#menu_box .link img {display: none;}
#menu_box .grid{position: absolute; top:28%;left: 40%;}
#menu_box .grid .grid-items{}
#menu_box .grid .grid-items strong{font-size: calc(1.2rem + 0.4vw);color: #fff;display:block;font-weight: 200; text-align: left; width: 100%;}
.menu_back{width: 100%;height: 100%;background: #000; display: block;position: fixed;top: 0;left: 0;z-index: 50;transform: translate3d(-100%,0,0);
	-webkit-transition: all 1s cubic-bezier(0.42,0,0.58,1);
    -moz-transition: all 1s cubic-bezier(0.42,0,0.58,1);
    -ms-transition: all 1s cubic-bezier(0.42,0,0.58,1);
    -o-transition: all 1s cubic-bezier(0.42,0,0.58,1);
    transition: all 1s cubic-bezier(0.42,0,0.58,1);}
.oppenmenu_up{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease; }

.menu_right{width: 40%; height: 100vh;position: fixed;top: 0;right: 0;z-index: 50;overflow: hidden;pointer-events: none;transform: translate3d(0%,0%,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;filter:alpha(opacity=0); transition-delay:.3s;transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.menu_right:before{width: 100%;content: '';display: block; height: 100%;position: relative;z-index: 50;overflow: hidden;pointer-events: none;}
.menu_right .menu_right_box{position: absolute;top:60%;transform: translateY(-50%);}
.menu_right .menu_right_box .language{margin-bottom: calc(1rem + 2vw);}
.menu_right .menu_right_box .language a{display: inline-block;margin-right: calc(0.5rem + 0.5vw);color: #999;}
.menu_right .menu_right_box .language a:hover{color: #fcd202;}
.menu_right .menu_right_list{margin-bottom: calc(1rem + 3vw);}
.menu_right .menu_right_list ul li{display: block;margin-bottom: calc(0.5rem + 0.5vw);}
.menu_right .menu_right_list ul li a{color: #fff;font-size: calc(0.9rem + 0.6vw);}
.menu_right .menu_right_list ul li a:hover{color: #fcd202;}
.menu_right .menu_call{font-size: 13px; color: #666;line-height: 1.5;margin-bottom: calc(1rem + 1vw);display: block;}
.bdsharebuttonbox{}
.bdsharebuttonbox a{ color: #666; margin-right: 20px;cursor: pointer;}
.bdsharebuttonbox a i{pointer-events:none;font-size: 18px;}
.bdsharebuttonbox a:hover{color: #fcd202;}

.excellent_box{background: #fff;overflow: hidden;padding-bottom: calc(1rem + 2vw);}
.excellent_box .wp{position: relative;}
.excellent_box .left{padding: calc(4rem + 8vw) 0 0;margin-bottom: calc(4rem + 12vw); width: 50%; float: left;position: relative;z-index: 10;}
.index_title strong{font-size: calc(1rem + 1.3vw);font-family: "Futura";color: #333;display: block;line-height:0.7; margin-bottom: calc(0.4rem + 1vw);font-weight: 300;text-transform: uppercase;}
.index_title strong span{font-size: calc(1rem + 1.3vw);color: #333;font-family: "Futura";display: block;line-height: 1;padding-left:calc(2rem + 2vw);font-weight: 300;padding-top: calc(0.1rem + 0.1vw);}
.index_title p{font-size: 14px;padding-left: calc(2rem + 2vw);position: relative;}
.index_title p:before{width: 0%;height: 1px; content: '';display: block;background: #ccc;position: absolute;left:calc(0.2rem + 0.2vw);top: 50%;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.index_title p.animated:before{width:7%;}
.index_title p em{display:inline-block;}
.index_title .font{font-size:14px; color:#666;line-height:1.8;padding-top:calc(2rem + 2vw); padding-left:calc(1.8rem + 1.8vw); width:calc(340px + 36%);text-align: justify;}

.excellent_box .right{width: 50%;position: absolute;right: 0;top: 0; height: 100%;padding: calc(1rem + 2vw) 0;}
.excellent_box .right:before{content: '';position: relative;height: 100%;}
.excellent_box .right img{-webkit-transition: all .1s ease;-moz-transition: all .1s ease;-ms-transition: all .1s ease;-o-transition: all .1s ease;transition: all .1s ease;display: block;transition-delay:.0s;transition-delay:0.0s;-webkit-transition-delay:0.0s;pointer-events: none;}
.excellent_box .right img:nth-of-type(1){height: 60%; width: auto;position: absolute;left: 20%;top: 10%;}
.excellent_box .right img:nth-of-type(2){height: 60%;width: auto;position: absolute;left: 57%;top:20%;}
.excellent_box .right img:nth-of-type(3){height: 24%;width: auto;position: absolute;left: 30%;top:72%;}

.excellent_box .video_box{position: absolute;width: 23%;left: 17%;bottom: 0;z-index: 1;}
.excellent_box .video_box:before{position: relative;width: 100%;left: 0%;top: 0;}
.excellent_box .video_box a{position: absolute;left: 50%;top: 62%;transform: translate3d(-50%,-50%,0); display: block;}
.excellent_box .video_box a i{font-size: 30px; color: #fbd204; 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;}
.excellent_box .video_box a:hover i{transform: scale(1.3);}
.excellent_box .video_box img{pointer-events: none;}

.index_product_box{padding: calc(2rem + 2vw) 0; background: url(../image/index_product_back.jpg) no-repeat;background-size: cover;}
.index_product_box .index_title{width: 50%; float: left;margin-bottom: calc(1rem + 1vw);}
.index_more{ float: right;margin-top: calc(1rem + 1vw);}
.index_more a{position: relative;color: #666;}
.index_more a span{position: relative; z-index: 10;-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;transform-origin: center right; }
.index_more a:hover span{transform: translate3d(10px,0,0) scale(0);color: #fff;opacity: 0;filter:alpha(opacity=0);}
.index_more a:after{width: 52px;height: 52px;content: ''; position: absolute;border-radius: 50%;border: 1px dashed rgba(0,0,0,0.1);right: -0px;top: 50%;transform: translate3d(0,-50%,0);transform-origin: center;z-index: 1;-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_more a:hover:after{transform: scale(2.2) translate3d(0,-21%,0);background: #fcd202;border: 0;}
.index_more a i.iconfont{font-size: 12px;display: inline-block; margin: 0 20px 0 10px;position: relative;z-index: 10;}
.index_more a i.iconfont:after{width: 7px;height: 7px;border-radius: 50%;background: #fff;content: '';display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0) scale(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_more a i.iconfont:before{opacity: 1;filter:alpha(opacity=100);transform: scale(1);-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_more a:hover i.iconfont:before{opacity: 0;filter:alpha(opacity=0);transform: scale(0);}
.index_more a:hover i.iconfont:after{transform:translate3d(-50%,-50%,0) scale(1.2);}
.index_product_box .wp{width: 90%;float: right; position: relative;margin-right: 5%;}
.index_product_box .swi_index_product{background: #303a46;margin-bottom: 1rem;}
.index_product_box .swi_index_product .swiper-wrapper{}
.index_product_box .swi_index_product .swiper-slide{width: calc(100% / 2);height: 85vh; position: relative;-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;overflow: hidden;}
.index_product_box .swi_index_product .swiper-wrapper:hover .swiper-slide.my-slide-visible{width: 45%;}
.index_product_box .swi_index_product .swiper-wrapper .swiper-slide.my-slide-visible:hover{width: 55%;}
.index_product_box .swi_index_product .swiper-slide img{height: 85vh;object-fit:cover;width: inherit; opacity: 0.02;filter:alpha(opacity=1);-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;}
.index_product_box .swi_index_product .swiper-slide:hover img{opacity:0.7;filter:alpha(opacity=70); }
.index_product_box .swi_index_product .swiper-slide .name{position: absolute;top: 50%;transform: translate3d(0%,-50%,0);text-align: center;left: 0%;width: 100%;text-align: center;}
.index_product_box .swi_index_product .swiper-slide .name strong{font-size: calc(1rem + 0.6vw);display: block; color: #fff;font-weight: 200;}
.index_product_box .swi_index_product .swiper-slide .name strong p{font-size: 14px;}
.index_product_box .swi_index_product .swiper-slide:nth-of-type(1){background: #303a46;}
.index_product_box .swi_index_product .swiper-slide:nth-of-type(2){background: #b3aaa1;}
.index_product_box .swi_index_product .swiper-slide:nth-of-type(3){background: #a6937c;}
.index_product_box .swi_index_product .swiper-slide:nth-of-type(4){background: #303a46;}
.index_product_box .swi_index_product .swiper-slide:nth-of-type(5){background: #b3aaa1;}
.index_product_box .swi_index_product .swiper-slide:nth-of-type(6){background: #a6937c;}
.index_product_box .swi_index_product .swiper-slide:nth-of-type(7){background: #303a46;}
.index_product_box .swi_index_product .swiper-slide:nth-of-type(8){background: #b3aaa1;}
.index_product_box .swi_index_product .swiper-slide:nth-of-type(9){background: #a6937c;}
.index_product_box .wp .swiper-scrollbar{height: 4px; width: 50%;}
.load-more__btn{ width:150px; margin:25px auto; padding:8px 0; background:#fcd202; display: block; text-align: center;}

.index_anli_box{position: relative;width: 100%;overflow: hidden;}
.index_anli_box img{ max-width:100%;}
.index_anli_box:before{content: '';width: 100%;height: 100%;position: fixed;z-index: -1;top: 0;left: 0;display: block;background: url(../image/index_li_back.jpg) no-repeat;background-size: cover;}
.index_anli_box .w_100{opacity: 0;filter:alpha(opacity=0);}
.index_anli_box .index_title p.animated:before{background: rgba(255,255,255,0.3);}
.index_anli_box .text{position: absolute;width: 100%;top: 40%;}
.index_anli_box .text .index_title{width: 50%; float: left;}
.index_anli_box .text .index_title strong{color: #fff;}
.index_anli_box .text .index_title strong span{color: #fff;}
.index_anli_box .text .index_title p{color: #fff;}
.index_anli_box .text .index_more a{color: #fff;}
.index_anli_box .text .index_more a:after{border: 1px dashed rgba(255,255,255,0.2);}
.index_anli_box .text .index_more a:hover:after{border: 0;}


.index_news{padding: calc(2rem + 2vw) 0; background: #fff; overflow: hidden;}
.index_news .index_title{margin-bottom: calc(1rem + 1vw);}
.index_news .index_title strong{margin-bottom: calc(0.5rem + 0.5vw);}
.index_news .index_title p.animated:before{left:0%;width: 4%;}
.index_news .swi_index_news{padding-bottom: calc(1rem + 1vw);}
.index_news .swi_index_news .swiper-slide{ width: calc(100% / 3 - 5%);margin-right: 5%; position: relative;background: #000;}
.index_news .swi_index_news .swiper-slide .img{overflow: hidden;}
.index_news .swi_index_news .swiper-slide .img:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background: url(../image/indexnews_img_back.png);
    background-size: 100% 100%;
    bottom: 0;
    left: 0;
    pointer-events: none;}

.index_news .swi_index_news .swiper-slide .img img{ max-width:100%; object-fit: cover;transform: scale(1);-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 .swi_index_news .swiper-slide:hover .img img{transform: scale(1);opacity: 0.5;filter:alpha(opacity=50);}
.index_news .swi_index_news .swiper-slide a{display: block;}
.index_news .swi_index_news .swiper-slide .text{padding:0 calc(20px + 1vw); position: absolute;bottom: calc(10px + 0.5vw);left: 0; z-index:1000; width: 100%;transform: translate3d(0,0px,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;}
.index_news .swi_index_news .swiper-slide:hover .text{transform: translate3d(0,0px,0);}
.index_news .swi_index_news .swiper-slide .text strong{font-size: 15px;color: #fff; font-weight: 300; display: block;-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 .swi_index_news .swiper-slide:hover .text strong{transform: translate3d(10px,0,0);}
.index_news .swi_index_news .swiper-slide .text span{font-size: 13px; display: block;margin:0 0; color: rgba(255,255,255,0.5);}
.index_news .swi_index_news .swiper-pagination-bullet-active{background: #000;}

.footer{padding: calc(1.5rem + 1.5vw) 0;background: #f4f4f4;display: block; position: relative;}
.footer .wp{width: 80%;min-width: 1200px;position: relative;}
.footer .footer_nav{text-align: center;margin-bottom: calc(1.5rem + 1.5vw);}
.footer .footer_nav a{padding: 0 calc(1rem + 1vw);display: inline-block;}
.footer .footer_nav a:hover{color: #fcd202;}
.footer .footer_logo{position: absolute;width: calc(6rem + 3vw);left: 50%; transform:translateX(-50%); bottom:18%;}
.footer .menu_call{margin-bottom: calc(0.3rem + 0.2vw);line-height: 1.5;font-size: 12px; color: #999;}
.footer .left{float: left;}
.footer .left img{width: 150px;margin-bottom:15px;display: block;}
.footer .left strong{font-size: calc(0.9rem + 0vw);font-weight: 400;}
.footer .left strong span{font-size: calc(0.9rem + 0vw);font-weight: 400;padding-left: 5px;}
.footer .right{float: right; font-size: 12px;color: #999;text-align: right; margin-top:0;}
.footer .right a{color: #999;}

.banner_ny{overflow: hidden;}
.banner_ny .img_scale{transform: scale(1.1);-webkit-animation: img_scale 16s infinite alternate ease;-moz-animation: img_scale 16s infinite alternate ease;-ms-animation: img_scale 16s infinite alternate ease;-o-animation: img_scale 16s infinite alternate ease;animation: img_scale 16s infinite alternate ease;pointer-events: none;}
 @keyframes img_scale{0%{
	 transform: scale(1.1);}
	 100%{transform: scale(1);}}
@-webkit-keyframes img_scale /*Safari and Chrome*/{0%{
	transform: scale(1.1);}
	100%{transform: scale(1);}}


.banner_info{background: #000;}
.banner_info img.w_100{-webkit-transition: all 5s ease;-moz-transition: all 5s ease;-ms-transition: all 5s ease;-o-transition: all 5s ease;transition: all 5s ease;}
.banner_info .animated{opacity: 1;filter:alpha(opacity=100);}
.banner_info .text{ position: absolute;left: 50%;transform: translateX(-50%);bottom: 20%; color: rgba(255,255,255,0.6);z-index: 5;}
.banner_info .text strong{display: block;margin-bottom: calc(2rem + 2vw);}
.banner_info .text strong em{display: inline-block; font-size: calc(1.4rem + 0.8vw);margin: 0 calc(0.5rem + 0.5vw);font-family:Futura;}
.banner_info .text p{display:block; font-size: calc(1rem + 0.1vw);text-align: center; color: rgba(255,255,255,0.6);}




.info_jianjie{padding: calc(2rem + 2vw) 0;background: #fff;width: 100%;overflow: hidden; /*background-image: url(../images/B.jpg);background-size: 20%;background-position: left bottom;background-repeat: no-repeat;*/}
.info_jianjie .left{ width: 60%;float: left;}
.info_jianjie .left .index_title{margin: calc(1rem + 4vw) 0;}
.info_jianjie .left .index_title p{padding-left: calc(3rem + 3vw); color: #666;font-size: 14px;}
.info_jianjie .left .index_title p em{margin-right: 5px;}
.info_jianjie .left .index_title p:before{width: calc(1.5rem + 1.5vw);left: calc(1rem + 1vw);background: rgba(0,0,0,0.12);}
.info_jianjie .left .index_title strong{margin-bottom: calc(0.5rem + 0.5vw); font-size: calc(1rem + 1.3vw);}
.info_jianjie .left .info_text{}
.info_jianjie .left .info_text .font{width: 75%;padding-left: calc(3rem + 3vw); font-size: 14px; color: #666;line-height:1.8;}
.info_jianjie .left .info_text .font strong{color: #222;}

.info_jianjie .right{width: 35%; float: right;}
.info_jianjie .right img{ max-width:100%;}

.wenhua_box{padding: calc(2rem + 2vw) 0 calc(1rem + 1vw);overflow: hidden;}
.wenhua_box .wp{position: relative;}
.wenhua_box:before{content: '';width: 100%;height: 100%;display: block;background: url(../image/info_qywh_back.jpg);position: fixed;top: 0;left: 0;z-index: -1;}

.wenhua_box .left{width: 50%;min-height: 700px; float: left; overflow: hidden;}
.wenhua_box .left img{min-height: 700px;object-fit: cover;width: inherit;}
.wenhua_box .right{width: 40%;float: right; padding-top:5%;}
.wenhua_box .right .index_title{margin-bottom: calc(0rem + 7vw);}
.wenhua_box .right .index_title strong span{ padding-top: 1rem; padding-left:calc(3rem + 3vw);}
.wenhua_box .right .index_title strong{font-size: calc(1rem + 1.3vw);}
.wenhua_box .right .index_title p{font-size: 14px; padding-left:calc(2rem + 2vw);}
.wenhua_box .right .index_title p:before{width: calc(1.5rem + 1.5vw); background: rgba(0,0,0,0.3);}
.wenhua_box .right .index_title p em{margin-right: 4px;}

.wenhua_box .right .text{}
.wenhua_box .right .text p{font-size: 12px;color: #666;text-transform: uppercase;letter-spacing:6px;display: block;margin-bottom: 6px;}
.wenhua_box .right .text strong{font-size: calc(0.8rem + 0.5vw);font-weight:300;display: block;}

.wenhua_box .info_wenhua_box{width: 90%;position: absolute;bottom: 10%;right: 0%; background: #fff;}
.wenhua_box .info_wenhua_box ul li{ width: calc(100% / 4);float: left;text-align: center;padding: calc(1rem + 1.5vw) 0;position: relative;overflow: hidden;}
.wenhua_box .info_wenhua_box ul li:after{width: 1px;display: block;content: '';height: 50%;background: rgba(0,0,0,0.1);position: absolute; top: 25%;left: 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;}
.wenhua_box .info_wenhua_box ul li:before{width: 100%;display: block;content: '';height: 100%;background: #fcd202;position: absolute; top: 0%;left: 0; transform: translate3d(-100%,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;z-index: 0;}
.wenhua_box .info_wenhua_box ul li:hover:before{transform: translate3d(0%,0,0);}
.wenhua_box .info_wenhua_box ul li:nth-of-type(1):after{display: none;}

.wenhua_box .info_wenhua_box ul li i{font-size: calc(1rem + 1.5vw);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;position: inherit;z-index: 5;}
.wenhua_box .info_wenhua_box ul li strong{font-size: calc(1.2rem + 0.1vw);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;position: inherit;z-index: 5;}
.wenhua_box .info_wenhua_box ul li span{color: #999;-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;position: inherit;z-index: 5;}
.wenhua_box .info_wenhua_box ul li:hover:after{height: 0;}

.designAward_box{padding: calc(1rem + 1vw) 0; background: #fff;}
.designAward_box .designAward{width: 90%;min-width: 1260px; float: right; position: relative;}

.designAward_box .designAward .title{position: absolute;top: 15%;left: 10%; z-index: 10; color: #fff;}
.designAward_box .designAward .title span{position: relative; display: inline-block;}
.designAward_box .designAward .title span:before{content: ''; width:0%;right: 110%;position: absolute;top: 50%; height: 1px;display: block;background: rgba(255,255,255,0.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;}
.designAward_box .designAward .designaward_logo{position: absolute;bottom: 15%;left:7%; color: #fff;z-index: 10;}
.designAward_box .designAward .designaward_logo strong{font-size: calc(1rem + 0.3vw);font-weight: 300; margin-bottom: calc(0.7rem + 0.7vw);display: block;}
.designAward_box .designAward .title.animated span:before{width:42%;}

.History_box{padding: calc(2rem + 2vw) 0 calc(1rem + 1vw) ; background: #fff;}
.History_box .wp{position: relative;}
.History_box .left{width: 70%; float: left; overflow: hidden;}
.History_box .index_title{margin-bottom: calc(1.5rem + 2vw);}
.History_box .index_title strong{font-size: calc(1rem + 1.3vw);line-height: 1;}
.History_box .index_title strong span{font-size: calc(1.5rem + 1vw);padding-left: 10%; margin-top: 10px;}
.History_box .index_title p{padding-left: 10%;}

.History_box .index_title strong span{}
.History_box .index_title p{font-size: 14px;}
.History_box .index_title p.animated:before{width: 3%;left: 6%;background: rgba(0,0,0,0.2);}
.History_box .licheng_map{position: relative;}
.History_box .text_box{position: absolute; width: 100%;height: 100%;text-align: center;top:-10%;left: 0;overflow-x: hidden;}
.History_box .swi_licheng_map{height: 100%;}
.History_box .swi_licheng_map .swiper-slide{height: 100%;position: relative;}
.History_box .swi_licheng_map .swiper-slide .font{width:60%; position: absolute; top: 20%;left:15%;}
.History_box .swi_licheng_map .swiper-slide .font strong{font-size: calc(1rem + 0.4vw); padding-bottom:5px;}

.History_box .swi_licheng_map .swiper-slide strong{transform:translate3d(0,-20px,0);opacity:0;filter:alpha(opacity=0);transition:all .2s;display: block;}
.History_box .swi_licheng_map .swiper-slide p{transform:translate3d(0,20px,0);opacity:0;filter:alpha(opacity=0);transition:all .2s;display: block;}
.History_box .swi_licheng_map .swiper-slide.ani-slide strong,.History_box .swi_licheng_map .swiper-slide.ani-slide p{transform:translateX(0);opacity:1;filter:alpha(opacity=100);}
.History_box .licheng_nian{ width: 100%;padding: calc(1rem + 1vw) 0;position: absolute; overflow: inherit;bottom: calc(2rem + 2vw);left: 0;}
.History_box .swi_licheng_nian{overflow: inherit;}
.History_box .licheng_nian:before{content: ''; width: 90%;height: 1px;display: block; background: rgba(0,0,0,0.1);position: absolute; top: 50%;left: 5%;}
.History_box .licheng_nian .swiper-slide{text-align: center;position: relative; cursor: pointer;}
.History_box .licheng_nian .swiper-slide:before{content: '';width: 120px;height: 120px;display: block;background: #e6e6e6;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate3d(-50%,-50%,0) scale(0.1);-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;}
.History_box .licheng_nian .swiper-slide span{font-size: 14px;display: block;transform: translate3d(0,-20px,0); color: #666;-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;}
.History_box .licheng_nian .swiper-slide:hover span,.History_box .licheng_nian .swiper-slide.active span{transform: translate3d(0,0px,0); color: #000;}
.History_box .licheng_nian .swiper-slide:hover:before,.History_box .licheng_nian .swiper-slide.active:before{transform:translate3d(-50%,-50%,0) scale(1);transform-origin: center;background: #fcd202;}
.History_box .licheng_nian .swiper-button:after{display: none;}
.History_box .licheng_nian .swiper-button i{font-size: calc(1rem + 1vw); color: #333;}

.History_box .right{width: 20%;float: right; position: absolute;left: 75%;top: -30%;z-index: 20;}
.History_box .right img{width: 100%;}

.grid__item--bg{position: absolute;top: 0;left: 0;}
.grid__item--bg img{opacity: 0;visibility: hidden;}
.grid__item--bg img:nth-of-type(2){position: absolute;top: 0;left: 0; z-index: 0;}
.grid__item--bg canvas{position: absolute;top: 0;left: 0;height: 100%;width: 100%;display: block; z-index:1;}

.info_more{position: relative; overflow: hidden;}
.info_more .text{position: absolute;top: 50%;left: 0;text-align: center;width: 100%; transform: translateY(-50%);}
.info_more .text .index_more{float: inherit;margin: 0;}
.info_more .text .index_more a{color: #fff;}
.info_more .text .index_more a:after{border: 1px dashed rgba(255,255,255,0.1);}
.info_more .text strong{ font-size: calc(1rem + 1.3vw);color: #fff; margin-bottom: 10px;font-weight:300; display: block;font-family: "Futura";text-transform: uppercase;}
.info_more img{ max-width:100%;}

.xwxqbt{border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom:20px;}
.xwxqbt h1{font-size:20px; font-weight:500;}
.xwxqbt p{ color:#666; font-size:13px;}

.product_index_box{padding: 0;}
.index_product_box.product_index_box .swi_index_product{margin-bottom: 0;}
.index_product_box.product_index_box .swi_index_product .swiper-slide{height: 100vh;}
.index_product_box.product_index_box .swi_index_product .swiper-slide img{height: 100vh;}

.index_product_box.product_index_box .swiper-scrollbar{height: 4px; width: 50%; left: 25%;bottom: 3%;position: absolute;z-index: 50;}
.index_product_box.product_index_box .swiper-scrollbar-drag{background: #dedede;}

.designers_box{z-index: 20;width: 100%;height: 100vh;overflow: hidden; margin-bottom: calc(1rem + 1vw);}
.designers_box .slideshow{z-index:30;}


.avticle_list{ display: block;}
.avticle_list .wall-column .img img{width: 100%;}
.articleLIst_box { width: 100%;max-width: 1500px; margin: 0 auto calc(1rem + 2vw);}
.articleLIst_box .wow{margin-bottom: calc(1rem + 1.5vw);}
.articleLIst_box .wow .img{margin-bottom: calc(0.3rem + 0.3vw);overflow: hidden;position: relative;}
.articleLIst_box .wow .img:before{content:'';width: 100%;height: 100%;display: block;background: rgba(0,0,0,0.0);position: absolute;top: 0;left: 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;z-index: 10;}
.articleLIst_box .wow:hover .img:before{background: rgba(0,0,0,0.5);}
.articleLIst_box .wow .img img{transform: scale(1.1);-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;}
.articleLIst_box .wow p{display: inline-block; padding-bottom: 4px;position: relative;}
.articleLIst_box .wow p:before{content: '';width: 0%;height: 1px;background: #000;display: block;position: absolute;bottom: 0;left: 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;}
.articleLIst_box .wow:hover p:before{width: 100%;}
.articleLIst_box .wow:hover .img img{transform: scale(1);}

.ny_banner{position: relative;overflow: hidden;z-index: 1;background: #000;}
.ny_banner img{ max-width:100%;}
.ny_banner .text{position: absolute;width: 100%;top: 46%;color: #fff;z-index: 10;display: none;}
.ny_banner .text .index_title{}
.ny_banner .text .index_title strong{color: #fff;margin-bottom: 1rem;}
.ny_banner .text .index_title strong span{color: #fff;padding-left: 10%;}
.ny_banner .text .index_title p{padding-left:4%;}
.ny_banner .text .index_title p:before{background:Rgba(255,255,255,0.5);width:3%;left:0;}
.ny_banner .ny_bannernav{ position: absolute;bottom: 10px; left: 0;width: 100%; display: block; color: #fff;font-size: 12px;opacity: 0.7;filter:alpha(opacity=70);}
.ny_banner .ny_bannernav a{color: #fff; font-size: 12px;}
.ny_banner2{height: 100vh;width: 100%; overflow: hidden;position:fixed;top: 0;bottom:0;background: #000;}
.ny_banner2:before{content: '';width: 100%;height: 100%;position: relative;}
.ny_banner2 .img{height: 100%;}
.ny_banner2 img{height: 100%;width: inherit; object-fit: cover;-webkit-animation: fangda_ani 9s infinite alternate ease; animation: fangda_ani 9s infinite alternate ease;}

.product_list_box .text{text-align:left; width:100%;text-transform: uppercase; padding-left:15%;}
.product_list_box .text p{font-size:18px; position: relative; padding:10px 0; color:Rgba(255,255,255,0.7); padding-left:4rem;}
.product_list_box .text p:before{content: '';width:3rem;height: 1px;display: block;background: rgba(255,255,255,0.3);position: absolute;bottom:-20px;}
.product_list_box .text strong{font-size: calc(12px + 1.6vw); color: #fff; font-family: yingwen;display: block;font-family: "Futura"; margin-bottom:0;}

.product_list_box{z-index: 5;position: relative;padding-bottom: calc(1.5rem + 1.5vw); margin-top:25%;}
.product_list_box .wp{width: 93.5%;min-width: 1260px; position: relative;margin-top: -80px; margin-bottom: 0;}
.product_list_box .wp .title{height: 60px;/*border-bottom: 1px solid rgba(0,0,0,0.1);background: rgba(255,255,255,0.9);*/line-height: 60px;overflow: hidden; margin-bottom:5px; margin-top:12%;}
.product_list_box .wp .title .left{/*float: left;*/}
.product_list_box .wp .title .left ul li{ display: block; float: left;width:calc(100%/2);text-align: center; background:Rgba(0,0,0,0.5);}
.product_list_box .wp .title .left ul li:hover{float: left;background: #888;}
.product_list_box .wp .title .left ul li.on{ background: #fcd202;}
.product_list_box .wp .title .left ul li.on a{ color:#222;}
.product_list_box .wp .title .left ul li:hover a{ color: #fff;}
.product_list_box .wp .title .left ul li.on:hover a{ color: #222;}
.product_list_box .wp .title .left ul li a{ color:#fff; padding:0 calc(1rem + 1vw);height: 100%; display: block;}
.product_list_box .wp .title .right{float: right;background: #fcd202;display: none;}
.product_list_box .wp .title .right a{ color: #fff;display: block; padding:0 calc(2rem + 2vw); -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 .wp .title .right a span{position: relative;display: block;}
.product_list_box .wp .title .right a span i.iconfont{font-size: 22px; display: inline-block;position: absolute;left: -30px;top: 0; transform: translate3d(0,20px,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;}
.product_list_box .wp .title .right a:hover span i.iconfont{transform: translate3d(0,0px,0);opacity:1;filter:alpha(opacity=100);}
.product_list_box .wp .title .right a:hover{padding-left: calc(3rem + 3vw);}
.product_list_box .product_list{ padding:calc(1rem + 1vw) calc(2rem + 2vw) calc(0.8rem + 1vw);background: #fff;}
.product_list_box .product_list ul{overflow: hidden;}
.product_list_box .product_list ul li{width: calc(100% / 4 - 0.5rem - 0.5vw);float: left;margin-right: calc(0.6rem + 0.6vw);text-align: center;}
.product_list_box .product_list ul li a{display: block;padding:calc(1rem + 1vw);}
.product_list_box .product_list ul li .img{overflow: hidden;}
.product_list_box .product_list ul li .img img{-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 ul li:nth-of-type(4n){margin-right:0;}
.product_list_box .product_list ul li:hover .img img{transform: scale(1.05);}
.product_list_box .product_list ul li:hover{ border:1px solid #f1f1f1;}
@media screen and (max-width: 1400px){
.product_list_box .product_list ul li{width: calc(100% / 4 - 0.5rem - 0.5vw);}
.product_list_box .product_list ul li:nth-of-type(4n){margin-right:0;}
}
.productarticle_img_box{background: #fff; padding:0 0 calc(1rem + 1vw) 0;}
.productarticle_img_box .wp{width: 80%;min-width: 1200px; position: relative;}
.productarticle_img_box .wp .left{width:48%;max-width:450px; position: absolute;top: 50%;transform: translateY(-50%); padding-left:2%; overflow:hidden;}
.productarticle_img_box .wp .right{width:50%;float: right;}
.productarticle_img_box .wp .right .swi_productarticle_img{max-width:480px;margin: 0 auto;}
.productarticle_img_box .wp .left h1{font-size: calc(1rem + 1vw);display: block;margin-bottom: calc(0.5rem + 0.5vw);}
.productarticle_img_box .wp .left .font{font-size: 1rem;}
.productarticle_img_box .wp .left .fanhui{ padding-top: calc(1rem + 1vw);}
.productarticle_img_box .wp .left .fanhui a{width: 50px;height: 50px;display: block;background: #f1f1f1; border-radius: 50%; text-align: center;line-height: 50px; color: #999;font-size: 12px;position: relative; overflow: hidden;}
.productarticle_img_box .wp .left .fanhui a:before{width: 100%;height: 100%;display: block;background: #fcd202;content: '';position: absolute;left: 50%;top: 50%;transform: translate3d(-50%,-50%,0) scale(0);border-radius: 50%;-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;z-index: 10;}
.productarticle_img_box .wp .left .fanhui a:hover:before{transform: translate3d(-50%,-50%,0) scale(1.2);}
.productarticle_img_box .wp .left .fanhui a i{position: absolute;left: 50%;top: 50%; transform: translate3d(-50%,-50%,0) scale(0);z-index: 20; opacity: 0;filter:alpha(opacity=0);font-size: 24px;-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;}
.productarticle_img_box .wp .left .fanhui a:hover i{opacity: 1;filter:alpha(opacity=100);transform: translate3d(-50%,-50%,0) scale(1.05);}
.productarticle_img_box .wp .left .fanhui a:hover{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;}

.swi_productarticle_img{padding-bottom: 1rem;}
.swi_productarticle_img .swiper-pagination{}
.swi_productarticle_img .swiper-pagination-bullet{width: 5px;height: 5px;border-radius: 50%;background: #222;position: relative; margin: 0 10px!important;display: inline-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;}
.swi_productarticle_img .swiper-pagination-bullet:before{content: '';width: 20px;height: 20px;display: block;border: 1px solid #999;position: absolute;left: 50%;top: 50%;transform: translate3d(-50%,-50%,0) scale(0); border-radius: 50%;-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;}
.swi_productarticle_img .swiper-pagination-bullet-active:before{transform: translate3d(-50%,-50%,0) scale(1);}

.product_article_info{background: #fff; padding: 0 0 calc(1rem + 1vw) 0;}
.product_article_info .wp{background: #fff; border-top:1px solid #f1f1f1; padding-top:30px;}
.product_article_info .wp img{ max-width:100%; display: inline;}


.project_list{padding: calc(1.5rem + 1.5vw) 0;}
.waterfall{width: 80%;min-width: 1200px; margin: 0 auto;}

.container{background: #fff;}
.waterfall{padding:calc(1rem + 1.5vw) 0}
.waterfall .list-group{margin-right:14px;width: calc(100% / 3 - 3rem); margin: 0 1.5rem calc(1rem + 1vw);}
.waterfall .list-group .img{overflow: hidden;margin-bottom: 5px;position: relative;}
.waterfall .list-group .img img{transform: scale(1.2);-webkit-transition: all .8s ease;-moz-transition: all .8s ease;-ms-transition: all .8s ease;-o-transition: all .8s ease;transition: all .8s ease;}
.waterfall .list-group .img:before{content: '';width: 100%;height: 100%;display: block;background: rgba(0,0,0,0);position: absolute;top: 0;left: 0;z-index: 5;-webkit-transition: all .8s ease;-moz-transition: all .8s ease;-ms-transition: all .8s ease;-o-transition: all .8s ease;transition: all .8s ease;}
.waterfall .list-group .img:after{content: 'Watch+';display: block;color: rgba(255,255,255,0.5); position: absolute;bottom: 1rem;right: 1rem;z-index:10;-webkit-transition: all .8s ease;-moz-transition: all .8s ease;-ms-transition: all .8s ease;-o-transition: all .8s ease;transition: all .8s ease;transform: translate3d(0,50px,0);text-transform: uppercase; font-size: 12px;}
.waterfall .list-group:hover .img:after{transform: translate3d(0,0px,0);}
.waterfall .list-group:hover .img:before{background: rgba(0,0,0,0.5);}
.waterfall .list-group p{color: #666;}
.waterfall .list-group:hover p{color: #111;}
.waterfall .list-group:hover .img img{transform: scale(1);}

.articlelist_box{ padding: calc(0.5rem + 1vw) 0 calc(1rem + 2vw); background: #fff;}
.articlelist_box .wp{width: 70%;}
.articlelist_box ul{}
.articlelist_box ul li{ padding: calc(0.5rem + 0.5vw) 0; border-bottom:1px solid #f1f1f1;}
.articlelist_box ul li .img{ width:122px;float: right; overflow: hidden;}
.articlelist_box ul li .img img{max-height:130px;object-fit: cover; max-width: 100%; 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{ width: calc(80% - 1rem - 1vw);float: left; padding-top: calc(1rem + 1vw);}
.articlelist_box ul li .text strong{font-size:20px;display: block;margin-bottom: calc(0.3rem + 0.3vw); font-weight: 400;position: relative; overflow: hidden;}
.articlelist_box ul li .text strong span{-webkit-transition: all .8s ease;-moz-transition: all .8s ease;-ms-transition: all .8s ease;-o-transition: all .8s ease;transition: all .8s ease;display: block;}
.articlelist_box ul li:hover .text strong span{transform: translate3d(40px,0,0);}
.articlelist_box ul li .text strong:before{width: 30px;height: 1px;content: '';display: block;background: #000;position: absolute;bottom: 0;left: 0;transform: translate3d(-30px,0,0);-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 .text strong:before{transform: translate3d(0px,0,0);}
.articlelist_box ul li .text p{color: #999;font-size: 12px; -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 .text p{color: #111;}

.articlelist_box .page ul li{padding: 0;}
.article_banner{}
.article_banner .wp{min-width: 1000px;}
.article_banner .title{ position: absolute;bottom: 15%;left: 0; width: 100%; text-align: center;}
.article_banner .title strong{font-size: calc(1rem + 0.5vw);color: #fff; font-weight: 300;}
.article_banner .title p{font-size: 14px;color: #999;}


.article_box{padding: calc(1rem + 3vw) 0;}
.article_box .content{ padding:30px 0; font-size:16px; line-height:28px;}
.article_box .content img{ max-width:100%; display:inline;}
.article_box .wp{width:60%;}
.return{width: 100%;border-top: 1px solid rgba(0,0,0,0.1); padding-top: calc(0.5rem + 0.5vw); font-size:12px;}
.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);}

.video_list{background: #fff;z-index: 5;position: relative;padding-bottom: calc(1rem + 1vw);}
.video_list .wp{width: 90%;min-width: 1260px;float: right;margin-right: 5%; position: relative; padding:30px 0;}
.video_list ul{ padding: 0 0 0;}
.video_list ul li{width:calc(100% / 2 - 4rem);float: left; margin: 2rem 2rem 0; overflow: hidden;}
.video_list ul li a{position: relative;display: block;}
.video_list ul li .img{position: relative;}
.video_list ul li .img:after{content: ''; width: calc(1rem + 1vw); height: calc(1rem + 1vw); background-image: url(../image/bof.png);background-repeat: no-repeat;background-size: cover; display: block; position: absolute;top: 50%;transform: translate(-50%,-50%) scale(0);left: 50%;z-index: 10; overflow: hidden;opacity: 0;filter:alpha(opacity=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;}
.video_list ul li:hover .img:after{opacity: 1;filter:alpha(opacity=100);transform: translate(-50%,-50%) scale(1);}
.video_list ul li a p{z-index: 20; position: absolute;text-align: center; bottom: 0;left: 0;width: 100%; padding: 15px 10px 15px; display: block; color: #fff; transform: translate3d(0,50px,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;}
.video_list ul li:hover a p{transform: translate3d(0,-30px,0);}
.video_list ul li .img:before{content: ''; width: 100%;height: 100%;display: block;background: rgba(0,0,0,0.0);position: absolute;top: 0;left: 0;z-index: 10; -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);pointer-events: none;}
.video_list ul li:hover .img:before{background: rgba(0,0,0,0.5);}
.video_list .page {text-align: center;}
.video_list .page ul li{width: auto;margin: 0 5px; float: none;}
.box_vdo{width:80%!important;}

.video_list .wp .title{height: 80px;line-height: 80px;overflow: hidden;width: calc(100% - 2rem);margin-right: 1rem; float: right;background: rgba(255,255,255,0.8);}
.video_list .wp .title .left{float: left; padding-left: 2rem;}
.video_list .wp .title .right{float: right;background: #fcd202;}
.video_list .wp .title .right a{ color: #222;display: block; padding:0 calc(2rem + 2vw); -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_list .wp .title .right a span{position: relative;display: block;}
.video_list .wp .title .right a span i.iconfont{font-size: 22px; display: inline-block;position: absolute;left: -30px;top: 0; transform: translate3d(0,20px,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;}
.video_list .wp .title .right a:hover span i.iconfont{transform: translate3d(0,0px,0);opacity:1;filter:alpha(opacity=100);}
.video_list .wp .title .right a:hover{padding-left: calc(3rem + 3vw);}

.sd_list ul{ padding: 0rem 1rem 1rem;}
.sd_list{padding-bottom: calc(1rem + 1vw);}
.sd_list ul li{ width: 100%;margin: 2% 0 0;}
.sd_list ul li a{width: 100%; display: block;}
.sd_list ul li .img{width:50%;float: left;}
.sd_list ul li .text{width:50%;float: right; padding-top: calc(1rem + 3vw);padding-left: calc(1rem + 3vw);}
.sd_list ul li .text p{font-size: 16px;}
.sd_list ul li .text span{display: block;/*font-family:butler;*/ color:#999;}
.sd_list ul li:nth-of-type(2n) .img{float: right;}
.sd_list ul li:nth-of-type(2n) .text{float: left;}
.sd_list ul li a p{z-index: 20; position: inherit;color: #333;text-align: left; -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;transform: translate3d(0,0,0);padding: 0;margin-bottom: 5px;}
.sd_list ul li:hover a p{transform: translate3d(20px,0,0);}
.sd_list .page ul li a{width: 40px;}


.lxwm_banner{min-height: 100vh;}
.lxwm_box{ position: absolute;width: 80%; left:3.5%; bottom:10%;z-index: 20;}
.lxwm_box .text{float: left;}
.lxwm_box .lxwm_info{}
.lxwm_back{}
.lxwm_box .lxwm_info strong{}
.lxwm_box .lxwm_info{padding: 5% calc(3rem + 3vw) 0 0; line-height: 2;}
.lxwm_box .lxwm_info strong{margin-bottom: calc(2rem + 2vw); font-size: calc(1.2rem + 0.3vw); text-align: center;display: block; color: #fff;}
.lxwm_box .lxwm_info i{margin-right: 10px; color: #fff;}
.lxwm_box .lxwm_info ul li{ padding-right:5%; float: left; display: block; color: #fff; font-size: 13px;position: relative;}
.lxwm_box .lxwm_info ul li:before{width: 1px;height: calc(3rem + 3vw);display: block;content: '';background: rgba(0,0,0,0.1); position: absolute;left: 0;top: 0;}
.lxwm_box .lxwm_info ul li i{width: calc(1rem + 2vw);display: block;text-align: center;height: calc(1rem + 2vw); font-size: calc(1rem + 0.5vw);border-radius: 50%;line-height: calc(1rem + 2vw); margin-bottom: calc(0rem + 0.5vw); background:Rgba(255,255,255,0.3);color: #999;}
.lxwm_box .lxwm_info ul li p{font-size: 14px;}

.lxwm_box .wp .title{margin-bottom: 0;}
.lxwm_box .wp .lxfo_title{ float: left;}
.lxwm_box{ padding: calc(2rem + 2vw) 0;}
.lxwm_box .index_title p{margin-top: calc(0.5rem + 0.5vw); font-size: 12px; color:rgba(255,255,255,0.5);padding-left: 0;}
.lxwm_box .index_title p:before{ width: calc(1.5rem + 1.5vw);background: #fff;right: 102%;left: inherit;display: none;}
.lxwm_box .index_title strong{ margin-bottom: 0; font-size: calc(1.2rem + 0.6vw); color: #fff;}


.swi_designers_box{position: relative;}
.swi_designers_box .designers_name{position: absolute;width:460px;height: 60px; left: 50%; transform: translateX(-50%);bottom: 5%;z-index: 5;}
.swi_designers_box .designers_name ul li{text-align: center; color: #fff;cursor: pointer;}
.swi_designers_box .designers_name ul li p{opacity: 0.6;filter:alpha(opacity=60);position: relative; padding-bottom: 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;}
.swi_designers_box .designers_name ul li p:before{content: '';width: 10px;height: 10px;display: block;border-radius: 50%;border: 1px solid rgba(255,255,255,1);position: absolute;bottom: 0;left: 50%;transform: translate3d(-50%,0,0) scale(0);}
.swi_designers_box .designers_name ul li.swiper-slide-thumb-active p{opacity: 1;filter:alpha(opacity=100);transform: scale(1);}
.swi_designers_box .designers_name ul li.swiper-slide-thumb-active p:before{transform: translate3d(-50%,0,0) scale(0.8);}





.swi_designers{overflow: hidden; background: #000;position: relative;}
.swi_designers .swiper-slide{position: relative;}
.swi_designers .swiper-slide img{object-fit: cover;width:inherit;
		height:auto;
		min-height:100%;
		transition:1s linear 2s;
		transform:scale(1.1,1.1);}
.swi_designers .swiper-slide-active img,.swi_designers .swiper-slide .swiper-slide-duplicate-active img{
		transition:6s linear;
		transform:scale(1,1);
		}	
.swi_designers .swiper-slide .text{ position: absolute; top:40%;right: 20%;width:40%;max-width: 800px;color: #fff; text-align: right;}
.swi_designers .swiper-slide .text span{display: block;}
.swi_designers .swiper-slide .text span.name{font-size: calc(1rem + 1.9vw);font-family:butler;margin-bottom: calc(1rem + 1vw);/*font-family:Playfair;src:url('../font/PlayfairDisplayBold.ttf');*/}
.swi_designers .swiper-slide .text span.info{font-size: 12px; color: rgba(255,255,255,1);line-height: 1.7;font-size: 14px;}
.swi_designers .swiper-slide .text .more{color: rgba(255,255,255,0.8);margin-top: calc(1rem + 1vw);padding:calc(0.5rem + 0.3vw) calc(1rem + 0.5vw);border: 1px solid rgba(255,255,255,0.5); display: inline-block;position: relative;cursor: pointer; overflow: hidden;}
.swi_designers .swiper-slide .text .more i{font-style: normal;}



.product_box .right .title{position: absolute; top: 30%;right: calc(1rem + 2vw);z-index: 10;display: block;width: 100%; overflow: hidden;pointer-events: none;}
.product_box .right .title:before{position: relative;width: 100%;height: 100%;content: '';}
.product_box .right .title span{font-size: calc(1.2rem + 1.3vw);color: #fff;/*font-family:butler;*/ 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;}
.sjsproduct_list_box{position: fixed;top: 0;left: 0;z-index: 1000;}

.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: 80%;}
.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;}

.sjsproduct_list_box .product_list_open .left{width: calc(70% - 1.2rem - 3.1vw);height: 80vh;background: #fff;position: fixed;top: 10%;left: 10%;animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);opacity: 1;filter:alpha(opacity=100);z-index:150;padding: calc(1rem + 1vw) calc(2rem + 2vw);-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;overflow: hidden;pointer-events: none;transform: translate3d(-10%,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(0%,0,0);opacity: 1;filter:alpha(opacity=100);visibility: visible;}
.sjsproduct_list_box .product_list_open .left .title{}
.sjsproduct_list_box .product_list_open .left .title h3{font-size: calc(1.1rem + 1vw); /*font-family:butler;*/font-weight: 100;color: #000; display: block;}
.sjsproduct_list_box .product_list_open .left .title h3 span{font-size: 14px; /*font-family:butler;*/ padding-left: calc(0.5rem + 0.5vw);}
.sjsproduct_list_box .product_list_open .left ul{height: calc(60vh); overflow-y: scroll;}
.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;}
.sjsproduct_list_box .product_list_open .left ul li:hover{opacity: 1!important;filter:alpha(opacity=100);}
.sjsproduct_list_box .product_list_open .left ul li{ width:calc(100% / 4); padding: 0 2%; 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 .product_list_open .right{opacity: 0;filter:alpha(opacity=0);width: calc(0.6rem + 2vw);height: 80vh;overflow: hidden; background: #666;position: fixed;top: 10%;right:10%;animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);z-index:80; -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;pointer-events:none;transform: translate3d(50%,0,0);display: none;}
.sjsproduct_list_box .product_list_open.active .right{opacity: 1;filter:alpha(opacity=100);width: calc(1.2rem + 3.1vw);visibility: visible;transform: translate3d(0,0,0);pointer-events:inherit;}
.product_list_box .product_list_open .right:before{content: ''; width: 100%;height: 80vh;position: relative;display: block;}

.sjsproduct_list_box .product_list_open .right .mouse{ width: calc(0.6rem + 0.6vw);height: calc(1rem + 1vw); border: calc(0.06rem + 0.08vw) solid #222;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;}
.sjsproduct_list_box .product_list_open .right .mouse:before{ content: '';width: 100%;height: 100%;display: block;position: relative;}
.sjsproduct_list_box .product_list_open .right .mouse:after{ content: '';width: 10%;height: 30%;background: #222;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%;}}

.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;}
.sjsproduct_list_box .product_list_open .right .close{width: calc(1rem + 1vw);height: calc(1rem + 1vw);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;}
.sjsproduct_list_box .product_list_open .right .close:before{content: '';width: 100%;height: 100%;display: block;position: relative;}
.sjsproduct_list_box .product_list_open .right .close i{width: 50%;height:calc(0.06rem + 0.08vw);display: block;background: #222;position: absolute;top: 50%;left: 50%;transform-origin: center;}

.sjsproduct_list_box .product_list_open .right .close i:nth-of-type(1){transform:translate(-50%,-50%) rotate(45deg);}
.sjsproduct_list_box .product_list_open .right .close i:nth-of-type(2){transform:translate(-50%,-50%) rotate(-45deg);}






.project_box{ padding: calc(1rem + 1vw) 0;}
.project_box .wp{width: 80%;min-width: 1200px;}
.project_box ul li{position: relative;}
.project_box ul li .img{float: left;width:48%;overflow: hidden;}
.project_box ul li .img img{width:100%;max-height: calc(350px + 3vw);object-fit: cover;}
.project_box ul li .text{width: 45%; position: absolute;right:0;top: 50%;transform: translateY(-50%);}
.project_box ul li .text p{display: block;}
.project_box ul li .text span{font-size: 12px;color: #666;}
.project_box ul li:nth-of-type(2n) .img{float: right;}
.project_box ul li:nth-of-type(2n) .text{right:inherit; left: 0;text-align: right;}

.video_list{ height: 100vh;}



.apple-retail {
	height: 100vh;background: #000;
	min-height: 680px;
}
.apple-retail .swi_apple-retail{padding:12% 0 80px;}
.apple-retail .swiper-slide {
	text-align: center;
    padding: 0 calc(2rem + 1vw);
	width:60%;
	max-width: 1100px;
	opacity: 0.3;
	filter:alpha(opacity=30);
	pointer-events: none;
}
.apple-retail .swiper-slide-active{opacity: 1;filter:alpha(opacity=100);pointer-events:inherit;}
.apple-retail .inner figure {
	width: 100%;
}
.apple-retail .inner figure img {
	max-width: 100%;
}
.apple-retail .gallery-item-desc {
	bottom: 0;
	left: 0;
	width: 100%;
	/*position: absolute;background: rgba(0,0,0,0.5);*/
	text-align: left;
	display: inline-block;
	padding:25px 0 16px 0;
	transition-duration: 1.2s;
}
.apple-retail .init .gallery-item-desc {
	opacity: 1;filter:alpha(opacity=100);
}
.apple-retail .gallery-item-desc h3 {
	line-height: 1.16667;
	font-weight: 500;
	letter-spacing: .009em;
	color: #fff;
	font-size: 16px;
}
.apple-retail .gallery-item-desc p {
	margin-top: 1em;
	color: #fff;
	font-size: 15px;
}

.gallery-item-desc {
	padding-top: 41px;
}
@media only screen and (max-width: 735px) {
.apple-retail .gallery-item-desc {
	padding-top: 26px;
	width: 90%;
}
}
.apple-retail .swiper-button-next,.apple-retail .swiper-button-prev {
	top: 40%;
	background-color: rgba(210,210,210,.6);
	background-size: 15px 15px;
	border-radius: 50%;
	width: 52px;
	height: 52px;
	transition: all .5s;
	outline: none;
	opacity: 1;
	filter:alpha(opacity=100);
}
.apple-retail .mouse-hover .swiper-button-next,.apple-retail .mouse-hover .swiper-button-prev {
	opacity: 1;
	filter:alpha(opacity=100);
}
.apple-retail .swiper-button-next:hover,.apple-retail .swiper-button-prev:hover {
	background-color: rgba(210,210,210,.8);
}
.apple-retail .swiper-button-next {
	right:0px;float: right;
}
.apple-retail .swiper-button-box{width:150px;height: 50px;  bottom: 0;right:5%;position: absolute;}
.apple-retail .swiper-button-box .swiper-pagination{bottom: 15px;color: #fff;opacity: 1;filter:alpha(opacity=100);pointer-events: none;text-align: center;}
.apple-retail .swiper-button-box .swiper-scrollbar{height: 2px;width: 110px;background: rgba(255,255,255,0.3);top:50%;transform: translateY(-50%); margin-top: 2px;display: none;}
.apple-retail .swiper-button-box .swiper-scrollbar-drag{background: #fff;}
.apple-retail .swiper-button{width: 50px;height: 50px;line-height:50px; border-radius: 50%;background: rgba(0,0,0,0);top: inherit;position: inherit; margin: 0;}
.apple-retail .swiper-button:hover{background: #fbd204;}
.apple-retail .swiper-button i{font-size: 20px;color: #fff; text-align: center;display: block;}
.apple-retail .swiper-button:hover i{color: #000;}
.apple-retail .swiper-button:after{display: none;}

.apple-retail .swiper-button-prev {
	left:0%;float: left;
}
.apple-retail .swiper-container .swiper-button-next.swiper-button-disabled,.apple-retail .swiper-container .swiper-button-prev.swiper-button-disabled {

}



.progress{
      background-color: #fbd204;
      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;

}


.vdo_close .iconfont{font-size: 16px!important;}