*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,time,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:""}
table{border-collapse:collapse;border-spacing:0}
body{color:#1e1e1e;background:#fff;font:14px/1.5 FuturaLT,sans-serif;outline:0}
a{color:#1e1e1e;text-decoration:none}
a:hover{color:inherit}
img{max-width:100%;border:none}
em,i{font-style:normal}
table{border-collapse:collapse;border-spacing:0}
input,select,textarea{font-size:14px;color:#1e1e1e;font-family:FuturaLT,sans-serif;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
::-ms-input-placeholder{color:#999}
::-ms-clear,::-ms-reveal{display:none}
.fix{*zoom:1}
.fix:after,.fix:before{display:block;content:"";height:0;clear:both}
.c{clear:both}
.col-l,.l{float:left}
.col-r,.r{float:right}
.wp{width:98%;max-width:1440px;margin:0 auto}
.wp1200{width:98%;max-width:1200px;margin:0 auto}
.h50{height:50px;clear:both;overflow:hidden}
.h100{height:100px;clear:both;overflow:hidden}
.dn{display:none}

body,html{
	overflow: visible !important;
}


::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:0 0}
::-webkit-scrollbar-thumb{background:#2997ff;border-radius:3px}
::-webkit-scrollbar-thumb:window-inactive{background:#2997ff}
@font-face{font-family:FuturaLT;src:url(../fonts/FuturaLT.otf)}
@font-face{font-family:FuturaLT-Heavy;src:url(../fonts/FuturaLT-Heavy.otf)}
@font-face{font-family:FuturaLT-Light;src:url(../fonts/FuturaLT-Light.otf)}
@font-face{font-family:FuturaLTExtra-Bold;src:url(../fonts/FuturaLTExtra-Bold.otf)}
.g-txt1 .s1{font-family:FuturaLT-Heavy;text-transform:uppercase;margin-bottom:6px}
.g-txt1 .s2{font-family:FuturaLT-Heavy;text-transform:uppercase;font-size:62px;line-height:1;margin-bottom:20px}
.g-txt1 .s3{font-size:16px}
.g-txt1 .s3:after{content:'';display:block;margin:15px 0 40px;width:25px;height:5px;background:#1e1e1e}
.g-txt1 .more{text-transform:uppercase;display:block;width:150px;height:50px;line-height:48px;text-align:center;border:1px solid #2997ff;background-color:#fff;color:#2997ff;border-radius:25px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.g-txt1 .more:hover{background:#2997ff;color:#fff}
.g-more{font-family:FuturaLT-Light;display:block;text-transform:uppercase;margin:0 auto;width:150px;height:50px;line-height:48px;text-align:center;border:1px solid #fff;border-radius:25px;color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.g-more:hover{background-color:#fff;color:#000}
.menuBtn{display:none;position:fixed;top:20px;right:20px;width:30px;height:30px;background:url(../images/menu_open.png) no-repeat center;-webkit-background-size:30px auto;background-size:30px auto;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.menuBtn.open{background-image:url(../images/menu_close.png)}
.header{position:fixed;top:0;left:0;right:0;z-index:800;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.hd-con{display:flex;justify-content:space-between}
.logo{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:218px;height:60px}
.logo .img{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;transition:all .6s;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover}
.logo .img2{width:0}
.nav{display:flex;flex:1}
.nav>li>a{position:relative;display:block;font-size:18px;line-height:100px;color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.nav>li>a:after{content:'';position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:0;height:5px;background:#2997ff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.nav>li+li{margin-left:40px}
.header .btn-get{font-family:FuturaLT-Light;width:200px;height:100px;line-height:100px;text-align:center;background:#2997ff;color:#fff}
.header .so{position:relative}
.header .so i{display:block;width:200px;height:100px;background:url(../images/so.png) no-repeat right 40px center;cursor:pointer}
.header .so:before{content:'';position:absolute;bottom:-10px;height:10px;left:0;right:0}
.form-so{display:none;position:absolute;top:100px;right:-80px;padding:10px 0 0;overflow:hidden}
.form-so .box{width:1200px;height:100px;background:#fff;border-radius:10px;padding:15px 280px 15px 20px}
.form-so .text{display:block;font-size:18px;width:100%;height:70px;padding:0 20px;border:1px solid #e5e5e5;border-radius:5px;color:#333}
.form-so .submit{text-transform:uppercase;font-size:18px;color:#fff;position:absolute;top:10px;right:0;width:260px;height:100px;padding-left:50px;background:#2997ff url(../images/so.png) no-repeat 78px center;border-radius:0 10px 10px 0;border:0;cursor:pointer}
.subbox{position:absolute;top:100px;left:0;right:0;padding:10px 0 0}
.subbox .box{display:flex;border-radius:10px;background-color:#fff;overflow:hidden;max-width:1440px;margin:0 auto;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;transition:all .6s}
.subbox .img{position:relative;width:400px;height:260px;margin-right:40px}
.subbox .img img{display:block;width:100%;height:100%}
.subbox .img .tit{font-family:FuturaLT-Heavy;position:absolute;top:20px;left:28px;font-size:32px;color:#fff}
.subbox .con{overflow:hidden;flex:1;margin:0 -60px}
.subbox .con .item{float:left;width:50%}
.subbox .con .item a{font-family:FuturaLT-Heavy;display:block;font-size:18px;line-height:75px;border-bottom:1px solid #e5e5e5;margin:0 60px;background:url(../images/icon-right.png) no-repeat right 20px center;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.subbox .con .item a:hover{
	color:#2997ff;
	background-image:url(../images/icon-right_on.png);
	background-repeat: no-repeat !important;
	background-position: right center;
}

.product-box{position:absolute;top:100px;left:0;right:0;background:#fff;border-radius:0 0 10px 10px;overflow:hidden;height:0;z-index:-1;visibility:hidden;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.product-tab{background:#f9f9f9}
.product-tab .wp{display:flex}
.product-tab .item{font-family:FuturaLT-Heavy;font-size:18px;width:180px;height:80px;line-height:80px;text-align:center;background-color:#f5f5f5;cursor:pointer}
.product-tab .item.on{color:#2997ff;background-color:#fff}
.swiper-product{overflow:hidden;margin:0 -65px;padding:42px 0 0}
.swiper-product .swiper-slide{display:flex;padding:0 65px;margin-bottom:62px}
.swiper-product .swiper-slide .pic{position:relative;width:180px;height:180px;margin-right:30px}
.swiper-product .swiper-slide .pic img{display:block;width:100%;height:100%}
.swiper-product .swiper-slide .pic em{position:absolute;top:10px;left:0;text-transform:uppercase;font-size:15px;color:#fff;width:90px;height:23px;line-height:23px;background:#2a97fe;border-radius:6px;text-align:center}
.swiper-product .swiper-slide .con{flex:1}
.swiper-product .swiper-slide .con .s1{font-family:FuturaLT-Heavy;font-size:20px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.swiper-product .swiper-slide .con .s1:after{content:'';display:block;width:15px;height:3px;margin:8px 0 15px;background:#e5e5e5}
.swiper-product .swiper-slide .con .s2{font-family:FuturaLT-Light;color:#6c7073;line-height:20px;height:47px;padding-bottom:7px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;border-bottom:1px solid #e5e5e5;margin-bottom:30px}
.swiper-product .swiper-slide .con .more{font-family:FuturaLT-Light;text-transform:capitalize;width:100px;height:35px;line-height:33px;text-align:center;border:1px solid #2997ff;border-radius:18px;color:#2997ff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.swiper-product .swiper-slide:hover .con .s1{color:#2997ff}
.swiper-product .swiper-slide:hover .con .more{background:#2997ff;color:#fff}
.swiper-product .swiper-dots-arrows .swiper-dots .swiper-pagination-bullet{background:#e5e5e5}
.product-item{height:0;visibility:hidden;overflow:hidden}
.product-item.show{height:auto;visibility:visible}
.banner{position:relative;overflow:hidden}
.banner .swiper-slide{height:100vh;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover}
.banner .con{position:absolute;top:35%;left:20%;text-transform:uppercase;color:#fff}
.banner .con .s1{margin-bottom:6px}
.banner .con .s2{font-family:FuturaLT-Heavy;font-size:62px;line-height:1;margin-bottom:6px}
.banner .con .s3{font-size:24px}
.banner .con .s3:after{content:'';display:block;margin:32px 0 30px;width:25px;height:5px;background:#fff}
.banner .con .more{display:block;width:150px;height:50px;line-height:50px;text-align:center;background:#2997ff;color:#fff;border-radius:25px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.banner .con .more:hover{background-color:#fff;color:#2997ff}
.swiper-dots-arrows{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:center;align-items:center;height:60px;z-index:10;cursor:pointer}
.swiper-arrows{width:50px;height:50px;background-repeat:no-repeat;background-position:center;-webkit-background-size:12px auto;background-size:12px auto;border-radius:50%;margin:0 36px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;background-color:#2997ff;}
.swiper-prev{background-image:url(../images/arrow-prev_on.png)}
.swiper-next{background-image:url(../images/arrow-next_on.png)}
.swiper-arrows:hover{background-color: rgba(41, 151, 255, .5);}




.swiper-dots{display:flex;align-items:center}
.swiper-dots .swiper-pagination-bullet{width:4px;height:15px;background:#fff;border-radius:2px;opacity:1;margin:0 5px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.swiper-dots .swiper-pagination-bullet-active{height:25px;background:#2997ff!important}
.footer{color:#fff}
.fd-top{display:flex}
.fd-left{font-family:FuturaLT-Light;flex:0 0 600px;background-color:#000;text-align:center;padding:115px 0 0}
.fd-left .tit{font-size:16px}
.fd-left .tit1{margin-bottom:85px}
.fd-left .tit2{margin-bottom:15px}
.fd-left .share{display:flex;justify-content:center;margin-bottom:25px}
.fd-left .share a{margin:0 10px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.fd-left .share a img{display:block}
.fd-left .share a:hover{opacity:.8}
.fd-logo{margin-bottom:8px}
.fd-right{flex:1;background-color:#06060b;padding:0 240px 0 80px}
.fd-right_s1{display:flex;justify-content:space-between;align-items:center;height:120px;border-bottom:1px solid rgba(255,255,255,.3);margin-bottom:34px}
.fd-right_s1 .tit{font-family:FuturaLT-Heavy;font-size:42px}
.fd-right_s1 .btn-know{font-family:FuturaLT-Light;text-transform:uppercase;font-size:12px;color:#fff;width:150px;height:50px;line-height:48px;border:1px solid #fff;border-radius:25px;text-align:center;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.fd-right_s1 .btn-know:hover{background:#fff;color:#000}
.fd-nav{padding:0 0 30px;display:flex;justify-content:space-between}
.fd-nav .tit{font-size:18px;margin-bottom:12px}
.fd-nav .tit:after{content:'';display:block;margin-top:8px;width:25px;height:3px;background:#fff}
.fd-nav .con a{font-family:FuturaLT-Light;display:block;line-height:30px;color:#fff}
.fd-nav .con a:hover{text-decoration:underline}
.fd-bot{font-family:FuturaLT-Light;text-align:center;background:url(../images/fd-bg.jpg) no-repeat center/cover;padding:20px 255px;line-height:30px}
.fd-nav2{padding:22px 0 22px;display:flex;border-top:1px solid rgba(255,255,255,.3)}
.fd-nav2 li{position:relative}
.fd-nav2 li+li:after{content:'丨';position:absolute;top:0;left:-17px}
.fd-nav2 li+li{margin-left:22px}
.fd-nav2 li a{font-family:FuturaLT-Light;color:#fff}
.fd-nav2 li a:hover{text-decoration:underline}
.sub-nav{position:relative;background:#f5f5f7}
.sub-nav ul{display:flex}
.sub-nav li>a{display:block;font-family:FuturaLT-Heavy;font-size:20px;height:100px;line-height:100px;border-bottom:5px solid transparent;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.sub-nav li>a.v1{padding-right:15px;background:url(../images/icon-down.png) no-repeat right 55%}
.sub-nav li+li{margin-left:80px}
.sub-nav li>a:hover{color:#2997ff}
.sub-nav li.on>a{color:#2997ff;border-bottom-color:#2997ff}
.sub-nav li.on>a.v1,.sub-nav li>a.v1:hover{background-image:url(../images/icon-down_on.png)}
.nav3{display:none;position:absolute;top:100%;left:0;right:0;padding:0 0 52px;background:#f9f9f9;z-index:10}
.nav3 .tit{font-family:FuturaLT-Heavy;font-size:22px;line-height:80px;border-bottom:1px solid #e5e5e5;margin-bottom:20px}
.nav3 .con{overflow:hidden;margin-right:-45px}
.nav3 .con .item{float:left;width:33.33%}
.nav3 .con .inner{display:block;margin-right:45px}
.nav3 .pic{position:relative;padding-top:33.33%;margin-bottom:15px;border-radius:10px;overflow:hidden}
.nav3 .pic img{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.nav3 .inner:hover .pic img{transform:scale(1.05)}
.nav3 p{font-family:FuturaLT-Heavy;font-size:18px;text-align:center}
.nav3 .inner:hover p{color:#2997ff}
.pop-video{position:fixed;top:0;right:0;left:0;height: 100%;background:rgba(0,0,0,.6);z-index:1000;display:none}
.pop-video .box{width:70%;padding:40px 10px;background:rgba(0,0,0,.8);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:10px}
.pop-video .box .close{position:absolute;top:5px;right:10px;width:30px;height:30px;color:#9fa3af;cursor:pointer;font-size:26px;line-height:26px;text-align:center}
.pop-video .box video{width:100%}
.main{overflow:hidden}
.index-row1{position:relative;overflow:hidden}
.index-row1 .pic{position:relative;padding-top:67.71%}
.index-row1 .pic img{position:absolute;width:100%;height:100%;top:0;left:0}
.index-row1 .pic:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.3);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.index-row1 .txt{position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);color:#fff;text-align:center;z-index:3;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.index-row1 .txt .icon{width:141px;margin:0 auto 10px;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.index-row1 .txt .icon img{display:block;width:100%}
.index-row1 .txt .s1{font-family:FuturaLT-Heavy;font-size:32px}
.index-row1 .txt .s2{font-family:FuturaLT-Light;font-size:16px;margin:15px 0 52px;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.index-row1 .txt .more{display:block;margin:0 auto;text-transform:uppercase;width:150px;height:50px;line-height:48px;text-align:center;border:1px solid #fff;color:#fff;border-radius:25px;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.index-row1 .txt .more:hover{background-color:#fff;color:#333}
.index-scroll{padding:19px 0 0;height:100px;background:#000;text-align:center}
.index-scroll img{display:block;margin:0 auto 6px;width:28px;height:40px}
.index-scroll p{font-family:FuturaLT-Light;text-transform:uppercase;color:#fff}
.index-row2{position:relative;padding:80px 0 80px 750px}
.index-row2 .box2{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);left:240px;width:510px;overflow:hidden;z-index:10}
.swiper-indexRow2{position:relative}
.swiper-indexRow2 .box{overflow:hidden}
.swiper-indexRow2 .swiper-slide{border-radius:10px;overflow:hidden}
.swiper-indexRow2 .pic{position:relative;padding-top:120%;border-radius:10px;overflow:hidden}
.swiper-indexRow2 .pic img{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.swiper-indexRow2 .swiper-slide:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.swiper-indexRow2 .img{position:absolute;top:50%;left:50%;width:100px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}
.swiper-indexRow2 .img img{display:block;width:100%}
.swiper-indexRow2 .swiper-dots-arrows{position:absolute;bottom:0;left:-175px;justify-content:flex-start}
.swiper-indexRow2 .swiper-dots-arrows .swiper-arrows{margin:0 6px}
.index-row4{padding:80px 0}
.index-row5{position:relative;overflow:hidden}
.index-row5 .pic{position:relative;padding-top:32.3%}
.index-row5 .pic img{position:absolute;width:100%;height:100%;top:0;left:0}
.index-row5 .txt{position:absolute;top:30%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);text-align:center;z-index:2;color:#fff}
.index-row5 .txt .s1{font-family:FuturaLT-Heavy;font-size:62px;margin-bottom:5px}
.index-row5 .txt .s2{font-family:FuturaLT-Heavy;font-size:32px;padding:0 76px 10px;border-bottom:2px solid #fff;margin-bottom:60px;white-space:nowrap}
.index-row6{padding:60px 0 80px;overflow:hidden}
.index-row6 .box{position:relative;overflow:hidden}
.index-row6 .pic{position:relative;padding-top:70.59%;border-radius:10px;overflow:hidden}
.index-row6 .pic img{position:absolute;width:100%;height:100%;top:0;left:0}
.index-row6 .txt{position:absolute;top:70%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.index-row6 .txt p{font-family:FuturaLT-Heavy;font-size:32px;white-space:nowrap;color:#fff;text-align:center}
.index-row6 .txt .g-more{margin-top:30px;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.index-row6 a:hover .txt{top:50%}
.index-row6 a:hover .txt .g-more{opacity:1}
.index-row3{position:relative}
.index-row3 .txt-box{position:absolute;top:0;left:0;right:0;z-index:10;height:200px;border-bottom:1px solid rgba(255,255,255,.2);color:#fff;display:flex}
.index-row3 .txt-box .txt-left{flex:0 0 65.625%;font-family:FuturaLT-Heavy;padding:40px 0 0 240px;border-right:1px solid rgba(255,255,255,.2)}
.index-row3 .txt-box .txt-right{flex:1;display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.3);padding:0 40px}
.index-row3 .txt-box .txt-right .info{flex:1}
.index-row3 .txt-box .txt-left .s1{font-size:32px}
.index-row3 .txt-box .txt-left .s2{font-size:64px;line-height:1.2}
.index-row3 .txt-box .txt-right .s1{font-family:FuturaLT-Heavy;font-size:32px;margin-bottom:10px}
.index-row3 .txt-box .txt-right .s2{font-family:FuturaLT-Light;font-size:16px;line-height:1.8}
.index-row3 video{display:block;width:100%;height:850px;object-fit:cover}
.index-row3 .play{position:absolute;top:50%;left:50%;margin-left:-65px;width:130px;cursor:pointer}
.index-row3 .play img{display:block;width:100%}
.pop-mask{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.9);z-index:800}
.pop-win{display:none;position:fixed;top:50%;left:50%;width:650px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1001}
.pop-cont{border-radius:10px;overflow:hidden;background-color:#fff}
.pop-win .pic{position:relative;padding-top:38.46%}
.pop-win .pic img{position:absolute;width:100%;height:100%;top:0;left:0}
.pop-win .txt{position:relative;text-align:center;padding-bottom:42px}
.pop-win .txt .icon{position:absolute;left:50%;margin-left:-80px;margin-top:-80px;width:160px;height:160px}
.pop-win .txt .icon img{display:block;width:100%;height:100%}
.pop-win .txt .s1{font-family:FuturaLT-Heavy;font-size:32px;padding:100px 0 12px}
.pop-win .txt .s2{font-size:16px}
.pop-win .txt .s3{display:flex;justify-content:center;padding:50px 0 0}
.pop-win .txt .s3 .btn{font-size:16px;color:#fff;height:50px;line-height:50px;border-radius:25px;margin:0 10px;cursor:pointer}
.pop-win .txt .s3 .btn1{text-transform:uppercase;width:260px;background:#2997ff;box-shadow:0 10px 20px 0 rgba(0,0,0,.1)}
.pop-win .txt .s3 .btn2{width:150px;background:#f4313f;border-radius:25px}
.pop-cookie{display:none;position:fixed;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);bottom:20px;max-width:1200px;width:90%;box-shadow:0 15px 35px 0 rgba(0,0,0,.15);z-index:100}
.pop-close{position:absolute;top:-30px;right:-30px;width:60px;height:60px;background:url(../images/close.png) no-repeat center;border-radius:50%;overflow:hidden;z-index:101;cursor:pointer}
.pop-cookie .box{overflow:hidden;display:flex;align-items:center;border-radius:10px;background:#fff}
.pop-cookie .img{flex:0 0 300px;height:170px;margin-right:40px}
.pop-cookie .img img{display:block;height:100%}
.pop-cookie .txt{font-size:16px;line-height:24px;color:#333}
.pop-cookie .txt a{color:#2a97ff;text-decoration:underline;margin:0 5px}
.pop-cookie .btn-accept{display:block;font-size:16px;color:#fff;flex:0 0 150px;height:50px;line-height:50px;text-align:center;background:#2a97ff;box-shadow:0 10px 20px 0 rgba(0,0,0,.1);border-radius:25px;margin:0 30px 0 40px}
.ban{height:600px;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover}
.ban .txt{padding:390px 0 0;color:#fff}
.ban .txt .s1{font-family:FuturaLT-Heavy;font-size:62px}
.ban .txt .s2{font-size:24px}
.ban .tip{font-size:16px;color:#fff;text-align:center}
.form-search{display:flex;justify-content:center;padding:270px 0 32px}
.form-search .inp{width:520px;height:60px;border:2px solid #fff;border-radius:30px;padding:0 30px;background-color:transparent;margin-right:40px;color:#fff}
.form-search .inp::-webkit-input-placeholder{color:#fff}
.form-search .inp::-moz-placeholder{color:#fff}
.form-search .inp::-ms-input-placeholder{color:#fff}
.form-search .search{text-transform:uppercase;padding-left:50px;font-size:20px;color:#2997ff;width:180px;height:60px;background:#fff url(../images/so4.png) no-repeat 35px center;border-radius:30px;border:0;cursor:pointer}
.sustainability-row1{position:relative;height:620px;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover}
.sustainability-row1:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.3)}
.sustainability-row1 .con{position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-family:FuturaLT-Heavy;text-align:center;color:#fff;z-index:3}
.sustainability-row1 .con .s1{font-size:42px;line-height:2.2}
.sustainability-row1 .con .s2{font-size:24px}
.sustainability-row2{padding:76px 20px 60px}
.sustainability-row2 .title{font-size:20px;color:#333;text-align:center;max-width:895px;margin:0 auto 52px}
.z-list1 li{display:flex;align-items:center;margin-bottom:40px}
.z-list1 li:nth-child(even){flex-direction:row-reverse}
.z-list1 li>div{flex:1}
.z-list1 .pic{position:relative;padding-top:69.15%;border-radius:10px;overflow:hidden}
.z-list1 .pic img{position:absolute;width:100%;height:100%;top:0;left:0}
.z-list1 .txt{padding:0 200px}
.z-list1 .txt .s1{font-family:FuturaLT-Heavy;font-size:32px;line-height:1.3;color:#1e1e1e;padding-right:100px}
.z-list1 .txt .s1:after{content:'';display:block;margin:12px 0 20px;width:25px;height:5px;background:#1e1e1e}
.z-list1 .txt .s2{font-size:16px;line-height:30px}
.sustainability-row3{padding:52px 0 80px;background:url(../images/z-p25.jpg) no-repeat center/cover}
.sustainability-row3 .title{font-family:FuturaLT-Heavy;font-size:32px;text-align:center;color:#fff;margin-bottom:20px}
.z-top{display:flex;justify-content:space-between}
.form-z .item{margin-bottom:25px}
.form-z .tit{font-size:18px;color:#fff;margin-bottom:14px}
.form-z .tit em{color:#f4313f}
.form-z .inp{font-size:16px;width:370px;height:60px;border:1px solid #e5e5e5;padding:0 10px;background-color:transparent;color:#fff}
.form-z textarea{font-size:16px;width:100%;height:120px;border:1px solid #e5e5e5;resize:none;background-color:transparent;color:#fff;padding:8px 10px}
.form-z .submit{font-family:FuturaLT-Light;text-transform:uppercase;display:block;margin:0 auto;width:150px;height:50px;border:1px solid #fff;border-radius:25px;color:#fff;background-color:transparent;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.form-z .submit:hover{background-color:#fff;color:#000}
.form-z .inp:focus,.form-z textarea:focus{border-color:#2997ff}
.form-z .required{border-color:#f4313f;color:#f4313f}
.form-z .required::-webkit-input-placeholder{color:#f4313f}
.form-z .required::-moz-placeholder{color:#f4313f}
.form-z .required::-ms-input-placeholder{color:#f4313f}
.g-tit2{font-family:FuturaLT-Heavy;font-size:42px;text-align:center;text-transform:uppercase}
.g-tit2:after{content:'';display:block;margin:15px auto 40px;width:25px;height:5px;background:#1e1e1e}
.search-row1{padding:64px 0 0}
.search-row1:after{content:'';display:block;height:1px;max-width:1200px;background:#e5e5e5;margin:80px auto 0}
.ul-product{margin:0 -20px 20px}
.ul-product li{float:left;width:50%}
.ul-product .inner{display:flex;justify-content:space-between;margin:0 20px 40px;height:308px;padding:20px 100px 0 40px;border:1px solid #f9f9f9;border-radius:10px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.ul-product .txt{position:relative;padding:80px 0 0}
.ul-product .txt .s1{position:absolute;top:0;left:0;font-family:FuturaBT-Medium;font-size:15px;color:#fff;width:90px;height:23px;line-height:23px;text-align:center;background:#2a97fe;border-radius:6px;margin-bottom:52px}
.ul-product .txt .s2{font-family:FuturaLT-Heavy;font-size:42px;margin-bottom:46px}
.ul-product .txt .s3{font-family:FuturaLT-Light;text-transform:uppercase;width:150px;height:50px;line-height:48px;border:1px solid #2997ff;border-radius:25px;padding-left:46px;background:url(../images/icon-view.png) no-repeat 17px center;color:#2997ff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.ul-product .pic{width:268px;height:268px}
.ul-product .pic img{display:block;width:100%;height:100%}
.ul-product .inner:hover{box-shadow:0 15px 35px 0 rgba(0,0,0,.15)}
.ul-product .inner:hover .txt .s3{background-color:#2997ff;background-image:url(../images/icon-view_on.png);color:#fff;box-shadow:0 15px 35px 0 rgba(0,0,0,.15)}
.g-more2{text-transform:uppercase;display:block;margin:0 auto;width:200px;height:50px;line-height:48px;border:1px solid #2997ff;border-radius:25px;color:#2997ff;padding-left:92px;background:url(../images/icon-more.png) no-repeat 68px center;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.g-more2:hover{background-color:#2997ff;color:#fff;background-image:url(../images/icon-more_on.png)}
.search-row2{padding:60px 0 100px}
.ul-meadia{padding:0 0 60px}
.ul-meadia li{padding:0 20px 10px;border-bottom:1px solid #e5e5e5}
.ul-meadia li a{padding:20px 0;display:flex;justify-content:space-between;align-items:center}
.ul-meadia .pic{flex:0 0 200px;height:112px;margin-right:41px;overflow:hidden}
.ul-meadia .pic img{display:block;width:100%;height:100%;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.ul-meadia .txt{flex:1}
.ul-meadia .txt .s1{font-family:FuturaLT-Heavy;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.ul-meadia .txt .s2{font-size:16px;color:#333}
.ul-meadia .more{color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.ul-meadia li a:hover .more,.ul-meadia li a:hover .txt .s1{color:#2997ff}
.ul-meadia a:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.touch-row1{position:relative;display:flex;justify-content:space-between;padding:92px 0 0}
.touch-row1:after{content:'';position:absolute;top:100px;left:50%;width:1px;height:868px;background:#e5e5e5}
.touch-left,.touch-right{width:600px}
.touch-left .title{padding-bottom:26px;font-size:18px;line-height:25px;border-bottom:1px solid #e5e5e5}
.form-z2{padding:34px 0 0}
.form-z2 .z-top{flex-wrap:wrap}
.form-z2 .item2{margin-bottom:55px}
.form-z2 .inp{width:280px;color:#333}
.form-z2 textarea{color:#333}
.form-z2 .submit{border-color:#2997ff;color:#2997ff}
.form-z2 .submit:hover{background-color:#2997ff;color:#fff}
.form-z2 .tit{font-family:FuturaLT-Heavy;color:#333}
.form-z2 .m-select .show.ok{color:#333}
.m-select{position:relative}
.m-select .show{font-size:16px;width:280px;height:60px;line-height:56px;padding:0 10px;border:1px solid #e5e5e5;color:#bbb;background:url(../images/icon-sel.png) no-repeat right 20px center;cursor:pointer}
.m-select .show.on{color:#333}
.m-select .opt{display:none;position:absolute;width:280px;max-height:270px;overflow-y:auto;background:#fff;box-shadow:0 5px 15px 0 rgba(0,0,0,.05);padding:5px 20px 0}
.m-select .opt li{font-size:16px;height:52px;line-height:52px;cursor:pointer}
.m-select .opt li+li{border-top:1px solid #e5e5e5}
#googleMap{height:280px;border-radius:10px;overflow:hidden}
.anchorBL{display:none!important}
.ul-touch{padding:40px 0 0}
.ul-touch li{border-bottom:1px solid #eee;margin-bottom:50px}
.ul-touch li:last-child{border-bottom:0}
.ul-touch .tit{font-family:FuturaLT-Heavy;font-size:18px;color:#333;margin-bottom:18px}
.ul-touch .con{padding:0 0 30px}
.ul-touch .con .s1{font-family:FuturaLT-Heavy;font-size:24px;line-height:30px;color:#1e1e1e;margin-bottom:8px}
.ul-touch .con .s2{font-size:16px;color:#1e1e1e}
.ul-touch .con a.s1:hover{color:#2997ff}
.ul-touch .con2{width:280px}
.ul-touch .con2 a.s1{display:block;background:url(../images/icon-z3.png) no-repeat right center}
.ul-touch .con2 a.s1:hover{background-image:url(../images/icon-z4.png)}
.ul-download{padding:100px 0 60px;margin:0 -20px;overflow:hidden}
.ul-download li{float:left;width:50%}
.ul-download .inner{display:block;position:relative;margin:0 20px 40px;border-radius:10px;overflow:hidden}
.ul-download .pic{position:relative;padding-top:56%;overflow:hidden;border-radius:10px}
.ul-download .pic img{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.ul-download .txt .btn{position:absolute;top:50%;left:50%;margin:-25px 0 0 -75px;width:150px;height:50px;line-height:48px;background:url(../images/icon-download.png) no-repeat 20px center;border:1px solid #fff;border-radius:25px;color:#fff;padding-left:48px;text-transform:uppercase;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.ul-download .txt .btn:hover{background-color:#2997ff;border-color:#2997ff}
.ul-download .txt p{position:absolute;bottom:30px;left:30px;font-family:FuturaLT-Heavy;font-size:24px;color:#fff}
.ul-download .inner:hover .txt .btn{opacity:1}
.ul-download .inner:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.careers-row1{display:flex;border-radius:10px;overflow:hidden;margin:100px 0 60px}
.careers-row1 .video-box{position:relative;flex:0 0 900px}
.careers-row1 .video-box video{display:block;height:502px;width:100%;object-fit:cover}
.careers-row1 .video-box .play{position:absolute;top:50%;left:50%;width:117px;height:117px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(../images/icon-play2.png) no-repeat center;z-index:2}
.careers-row1 .txt-box{background:#f9f9f9;padding:40px 136px 0 60px}
.careers-row1 .txt-box .img{width:130px;margin-bottom:56px}
.careers-row1 .txt-box .img img{display:block;width:100%}
.careers-row1 .txt-box .s1{font-family:FuturaLT-Heavy;font-size:32px;line-height:40px;margin-bottom:26px}
.careers-row1 .txt-box .s2{font-size:16px;line-height:30px}
.careers-row2{padding:0 0 100px}
.careers-top{padding:0 40px;background:url(../images/z-p33.jpg) no-repeat center/cover}
.area-department{display:flex;flex-wrap:wrap;justify-content:space-between;padding:40px 176px;border-bottom:1px solid #fff}
.area-department .item{display:flex;align-items:center}
.area-department .tit{font-family:FuturaLT-Heavy;font-size:18px;color:#fff;margin-right:30px;text-transform:capitalize}
.area-department .m-select .show{width:350px;background-image:url(../images/icon-sel3.png);color:#fff}
.careers-top .count{font-family:FuturaLT-Heavy;font-size:18px;line-height:80px;color:#fff;text-align:center}
.careers-jobs li{margin-bottom:5px}
.careers-jobs .tit{display:flex;align-items:center;height:80px;background:#f9f9f9 url(../images/icon-add.png) no-repeat right 30px center;padding:0 30px;cursor:pointer}
.careers-jobs .tit .item{font-size:18px;width:15%;text-align:center}
.careers-jobs .tit .item:first-child{font-family:FuturaLT-Heavy;font-size:24px;width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.careers-jobs .tit.on{background-color:#1b1b1b;background-image:url(../images/icon-cut.png);color:#fff}
.careers-jobs .con{display:none;padding:20px 30px 56px;background:#f9f9f9}
.careers-jobs .con dl{margin-bottom:44px}
.careers-jobs .con dt{font-family:FuturaLT-Heavy;font-size:20px;margin-bottom:16px}
.careers-jobs .con dd{position:relative;font-size:16px;line-height:30px;color:#333;padding-left:14px}
.careers-jobs .con dd:before{content:'•';position:absolute;top:0;left:0}
.careers-jobs .con .btn-application{display:block;width:150px;height:50px;line-height:50px;background:#fff url(../images/icon-application.png) no-repeat 19px center;box-shadow:0 15px 35px 0 rgba(0,0,0,.15);border-radius:25px;color:#2997ff;padding-left:47px}
.about-row1{padding:100px 0 76px}
.about-row1 .pic{position:relative;padding-top:29.17%;border-radius:10px;overflow:hidden}
.about-row1 .pic img{position:absolute;width:100%;height:100%;top:0;left:0}
.about-row1 .txt-box{display:flex;justify-content:space-between;padding:34px 0 0}
.about-row1 .txt-box .txt-left{font-family:FuturaLT-Heavy;width:50%;padding-right:5%}
.about-row1 .txt-box .txt-left .s1{font-size:82px}
.about-row1 .txt-box .txt-left .s2{font-size:32px}
.about-row1 .txt-box .txt-left .s3{font-size:42px;line-height:1.8;margin-bottom:10px}
.about-row1 .txt-box .txt-left .s4{font-family:FuturaLT;font-size:24px;color:#333}
.about-row1 .txt-box .txt-right{width:50%;font-size:16px;line-height:1.875;color:#333}
.ul-about1{display:flex;padding:60px 0 0}
.ul-about1 li{flex:1}
.ul-about1 .icon{width:90px;height:90px;line-height:90px;text-align:center;margin:0 auto 20px}
.ul-about1 .icon img{display:inline-block;vertical-align:middle}
.ul-about1 p{font-family:FuturaLT-Heavy;font-size:18px;text-align:center}
.about-row2{height:800px;padding:66px 0 0;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover}
.ul-about2{display:flex;justify-content:space-around}
.ul-about2 li{font-family:FuturaLT-Heavy;text-align:center}
.ul-about2 .s1{font-size:18px;color:#333}
.ul-about2 .s2{font-size:82px;line-height:1.2}
.ul-about2.one{padding:60px 0 30px}
.about-row3{padding:40px}
.about-row3 .box{position:relative}
.about-row3 .box .pic{position:relative;padding-top:36.4%}
.about-row3 .box .pic img{position:absolute;width:100%;height:100%;top:0;left:0}
.about-row3 .box .txt{color:#fff}
.about-row3 .box .txt>div{position:absolute}
.about-row3 .box .txt .s1{font-family:FuturaLT-Heavy;font-size:82px}
.about-row3 .box .txt .s2{font-size:30px}
.about-row3 .box .pos1{bottom:50px;left:50px}
.about-row3 .box .pos2{top:50px;left:50px}
.about-row3 .box .pos3{top:50px;right:50px}
.about-row3 .box .pos4{bottom:50px;right:50px}
.about-row4{position:relative;overflow:hidden}
.about-row4 .txt{position:absolute;width:100%;height:100%;top:65px;left:0}
.g-tit3{margin-top:80px;font-size:32px;text-transform:none}
.g-tit3:after{margin:10px auto 20px}
.about-row4 .pic{position:relative;padding-top:33.85%}
.about-row4 .pic img{position:absolute;width:100%;height:100%;top:0;left:0}
.about-row4 .txt p{font-size:20px;color:#fff;text-align:center;max-width:790px;margin:0 auto}
.about-row4 .swiper-arrows{position:absolute;top:50%;z-index:11;margin:-25px 0 0}
.about-row4 .swiper-prev{left:80px}
.about-row4 .swiper-next{right:80px}
.about-row4 .swiper-dots{position:absolute;justify-content:center;bottom:50px!important;z-index:10}
.product-row1{position:relative;overflow:hidden;margin:100px 0 60px}
.product-row1 .pic{position:relative;padding-top:27.78%}
.product-row1 .pic img{position:absolute;width:100%;height:100%;top:0;left:0}
.product-row1 .txt{font-family:FuturaLT-Heavy;position:absolute;top:25%;left:0;right:0;text-align:center;color:#fff}
.product-row1 .txt .s1{font-size:18px}
.product-row1 .txt .s2{font-size:62px;margin-bottom:10px}
.product-row1 .txt .s3{font-size:20px}
.product-row2{display:flex;padding-bottom:100px}
.product-slide{flex:0 0 330px;margin-right:40px}
.product-slide .title{font-family:FuturaLT-Heavy;font-size:24px;color:#fff;height:90px;line-height:90px;background:#1e1e1e;border-radius:10px 10px 0 0;padding-left:21px;text-transform:uppercase}
.sel-products{background:#f9f9f9;padding:0 20px 26px}
.sel-products li+li{border-top:1px solid #e5e5e5}
.sel-products .s1{font-family:FuturaLT-Heavy;display:block;font-size:20px;height:78px;line-height:78px}
.sel-products .s1.v1{background:url(../images/icon-down.png) no-repeat right center}
.sel-products li.on .s1.v1{color:#2997ff;background-image:url(../images/icon-down_on.png)}
.sel-products .s2{display:none}
.sel-products li.on .s2{display:block}
.sel-products .s2 a{display:block;font-size:16px;height:59px;line-height:58px;border-top:1px solid #e5e5e5;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.sel-products .s2 a:hover{color:#2997ff}
.product-main{flex:1}
.product-main .ul-product{padding-bottom:20px}
.product-main .ul-product li{float:none;width:auto}
.product-main .ul-product .inner{height:388px;padding-right:20px}
.product-main .ul-product .txt .s4{font-size:20px;margin-bottom:58px}
.product-main .ul-product .txt .s2{margin-bottom:8px}
.product-main .ul-product .pic{width:348px;height:348px}
.partner-row2{padding:40px 0 257px;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover}
.z-tab1{display:flex;justify-content:center;margin-bottom:132px}
.z-tab1 li{margin:0 25px}
.z-tab1 li a{position:relative;display:block}
.z-tab1 li a:before{content:'';position:absolute;top:10px;left:10px;width:100%;height:100%;background:rgba(255,255,255,.3);border-radius:10px}
.z-tab1 li a span{position:relative;z-index:2;font-family:FuturaLT-Heavy;display:block;font-size:18px;text-transform:uppercase;width:260px;height:80px;line-height:80px;background:#fff;border-radius:10px;text-align:center;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.z-tab1 li.on a span{top:10px;left:10px;color:#2997ff}
.z-tab1 li a:hover span{color:#2997ff}
.tab1-con{text-align:center;color:#fff;max-width:800px;margin:0 auto}
.tab1-con .s1{font-family:FuturaLT-Heavy;text-transform:uppercase;font-size:32px}
.tab1-con .s1:after{content:'';display:block;margin:8px auto 20px;width:25px;height:5px;background:#fff}
.tab1-con .s2{font-size:16px;line-height:1.875}
.partner-row3{padding:65px 0 0}
.table-membership{padding:0 0 80px}
.table-membership table{width:100%}
.table-membership th{font-family:FuturaLT-Heavy;font-size:20px;color:#fff;height:80px;background:#1e1e1e}
.table-membership td{font-size:18px;height:70px;padding:0 30px;text-align:center}
.table-membership tr:nth-child(even){background:#f5f5f7}
.table-membership tr td:first-child{text-align:left}
.partner-row4{position:relative;padding:40px 0 196px;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover}
.partner-row4 .box .swiper-slide{display:flex;padding:0 0 0 12.5%}
.partner-row4 .box .pic-box{flex:0 0 900px;margin-right:45px}
.partner-row4 .box .pic{position:relative;padding-top:56.22%;border-radius:10px;overflow:hidden}
.partner-row4 .box .pic img{position:absolute;width:100%;height:100%;top:0;left:0}
.partner-row4 .box .txt-box{display:flex;align-items:center}
.partner-row4 .box .txt-box .txt{color:#fff}
.partner-row4 .box .txt-box .txt .s1{font-family:FuturaLT-Heavy;font-size:32px;margin-bottom:22px}
.partner-row4 .box .txt-box .txt .s2{font-size:16px;line-height:1.875;margin-bottom:80px}
.partner-row4 .box .txt-box .txt .more{text-transform:uppercase;display:block;width:150px;height:50px;line-height:50px;border:1px solid #fff;border-radius:25px;text-align:center;color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.partner-row4 .box .swiper-slide:hover .txt-box .txt .more{background-color:#fff;color:#333}
.partner-row4 .swiper-dots-arrows{bottom:80px}
.partner-row5{padding:80px 0}
.partner-row5 .box{display:flex;justify-content:space-between}
.partner-row5 .box .txt-box{width:490px}
.partner-row5 .box .txt-box .s1{font-family:FuturaLT-Heavy;font-size:42px;margin-bottom:20px}
.partner-row5 .box .txt-box .s2{font-size:24px;line-height:1.25;padding-right:100px}
.partner-row5 .ul-list2{height:500px;overflow-y:auto}
.ul-list2{width:760px;display:flex;justify-content:right;flex-wrap:wrap;margin-left:-40px;padding:10px 0 0}
.ul-list2 li{width:50%;margin:0 0 20px 0}
.ul-list2 .inner{display:block;position:relative;overflow:hidden;border-radius:10px;margin-left:40px}
.ul-list2 em{text-transform:uppercase;font-family:FuturaLT-Heavy;position:absolute;top:10px;left:20px;width:60px;height:30px;line-height:30px;text-align:center;background:#2997ff;border-radius:5px;color:#fff}
.ul-list2 .pic{position:relative;height:400px;line-height:398px;border:1px solid #f9f9f9;text-align:center;border-radius:10px 10px 0 0;overflow:hidden}
.ul-list2 .pic img{display:inline-block;vertical-align:middle;max-width:95%;max-height:95%}
.ul-list2 .txt{border-radius:0 0 10px 10px;background:#f9f9f9;padding:10px 18px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.ul-list2 p{font-family:FuturaLT-Heavy;font-size:20px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:60px}
.ul-list2 .inner:hover{box-shadow:0 5px 15px 0 rgba(0,0,0,.15)}
.ul-list2 .inner:hover .txt{background:#2997ff;color:#fff}
.ul-list2 .pic{border:0}
.mask-box{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(41,151,255,.9);padding:135px 0 0;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.mask-box .btn{display:block;text-transform:uppercase;color:#fff;width:150px;height:50px;margin:0 auto 18px;line-height:48px;border:1px solid #fff;border-radius:25px;padding-left:46px;background-repeat:no-repeat;background-position:16px center;text-align:left;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.mask-box .btn-view{background-image:url(../images/icon-view_on.png)}
.mask-box .btn-download{background-image:url(../images/icon-download.png)}
.mask-box .btn:hover{background-color:#fff;color:#2997ff}
.mask-box .btn-view:hover{background-image:url(../images/icon-view.png)}
.mask-box .btn-download:hover{background-image:url(../images/icon-download_on.png)}
.ul-list2 .inner:hover .pic .mask-box{opacity:1}
.pop-file{opacity:0;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:1000px;width:90%;height:0;z-index:-1;visibility:hidden}
.pop-file.show{height:auto;opacity:1;visibility:visible;z-index:1000}
.pop-file .box{overflow:hidden;background-color:#fff;border-radius:10px}
.pop-file .box .swiper-slide{padding:40px 60px 20px 40px}
.pop-file .pic-txt{display:flex;margin-bottom:32px}
.pop-file .pic-txt .pic-box{flex:0 0 380px;height:450px;line-height:450px;text-align:center;margin-right:40px;overflow:hidden}
.pop-file .pic-txt .pic-box img{width:100%;display:inline-block;vertical-align:middle}
.pop-file .pic-txt .txt-box em{display:block;text-transform:uppercase;width:60px;height:30px;line-height:30px;text-align:center;background:#2997ff;border-radius:5px;color:#fff;margin-bottom:24px}
.pop-file .pic-txt .txt-box .s1{font-family:FuturaLT-Heavy;font-size:16px;margin-bottom:6px}
.pop-file .pic-txt .txt-box .s2{font-family:FuturaLT-Heavy;font-size:20px;padding-bottom:13px;border-bottom:1px solid #e5e5e5;margin-bottom:24px}
.pop-file .pic-txt .txt-box .s3{font-size:16px;line-height:1.875;margin-bottom:22px}
.pop-file .pic-txt .txt-box .scroll{height:262px;overflow-y:auto}
.pop-file .btn-download{display:block;width:200px;height:60px;line-height:60px;background:#2997ff url(../images/icon-download.png) no-repeat 45px center;border-radius:30px;padding-left:74px;color:#fff;margin:0 auto}
.pop-file .swiper-dots-arrows{position:static;height:0}
.pop-file .swiper-dots-arrows .swiper-arrows{position:absolute;top:50%;margin:-25px 0 0;z-index:1000}
.pop-file .swiper-dots-arrows .swiper-prev{left:-100px}
.pop-file .swiper-dots-arrows .swiper-next{right:-100px;background-color:#fff}
.partner-row6{height:420px;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover;text-align:center;color:#fff;padding:85px 0 0}
.partner-row6 .s1{font-family:FuturaLT-Heavy;font-size:62px;margin-bottom:12px}
.partner-row6 .s2{font-size:20px;margin-bottom:50px}
.partner-row6 .more{display:block;text-transform:uppercase;width:180px;height:50px;line-height:50px;margin:0 auto;text-align:center;background:#2997ff;box-shadow:0 15px 35px 0 rgba(0,0,0,.15);border-radius:25px;color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.partner-row6 .more:hover{opacity:.9}
.z-tit6{font-family:FuturaLT-Heavy;font-size:42px;display:flex;justify-content:center;align-items:center;text-transform:uppercase}
.z-tit6:after,.z-tit6:before{content:'';width:100px;height:1px;background:#e5e5e5;margin:0 30px}
.z-distributors{margin:20px -20px 24px}
.z-distributors li{float:left;width:20%}
.z-distributors .inner{display:block;margin:0 20px 40px;overflow:hidden;border-radius:10px;overflow:hidden}
.z-distributors .pic{position:relative;height:256px;line-height:256px;text-align:center}
.z-distributors .pic img{display:inline-block;vertical-align:middle;max-width:90%;max-height:90%}
.z-distributors .txt{text-align:center;font-family:FuturaLT-Heavy;background:#f9f9f9;padding:15px 10px 12px}
.z-distributors .txt .s1{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.z-distributors .txt .s2{font-size:16px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.row-distributors{padding:66px 0 60px}
.z-distributors .inner:hover{box-shadow:0 0 20px rgba(0,0,0,.15)}
.row-support1{padding:130px 0 145px;text-align:center;color:#fff;margin:100px 0 60px;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover;border-radius:10px;overflow:hidden}
.row-support1 .s1{font-family:FuturaLT-Heavy;font-size:62px;margin-bottom:10px}
.row-support1 .s2{font-size:16px}
.ul-list3{width:auto;padding-bottom:60px}
.ul-list3 li{width:33.33%}
.z-distributors .inner:hover .mask-box{padding:120px 0 0}
.z-distributors .inner:hover .mask-box{opacity:1}
.z-distributors .inner:hover .txt{background:#2997ff}
.z-distributors .txt .s3{font-family:FuturaLT;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;color:#fff}
.z-distributors .inner:hover .txt .s1,.z-distributors .inner:hover .txt .s2{color:#fff}
.z-distributors .inner:hover .s3{opacity:1}
.row-stories{position:relative;overflow:hidden;padding:100px 0 0}
.row-stories .swiper-slide{padding-left:440px}
.row-stories .txt-box{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:610px}
.row-stories .txt-box .s1{font-family:FuturaLT-Heavy;margin-bottom:20px}
.row-stories .txt-box .s2{font-family:FuturaLT-Heavy;font-size:62px;line-height:75px;margin-bottom:20px}
.row-stories .txt-box .s3{font-size:16px;line-height:1.875;width:350px}
.row-stories .swiper-dots-arrows{left:270px;bottom:0;justify-content:flex-start}
.row-stories .swiper-dots-arrows .swiper-arrows{margin:0 5px}
.m-text{padding:76px 0 34px}
.m-text .time{text-align:center;margin-bottom:12px}
.m-text h1{font-family:FuturaLT-Heavy;font-size:62px;line-height:75px;text-align:center}
.m-text .share{display:flex;justify-content:center;margin:28px 0 38px}
.m-text .share a{width:40px;height:25px;background:url(../images/share.png) no-repeat;margin:0 5px}
.m-text .share a.a1{background-position:0 0}
.m-text .share a.a2{background-position:-50px 0}
.m-text .share a.a3{background-position:-95px 0}
.m-text .share a.a4{background-position:-150px 0}
.m-text .share a.a5{background-position:right 0}
.m-text .share a:hover{background-image:url(../images/share_on.png)}
.m-text .con{font-size:16px;line-height:1.875;padding:60px 0 0;border-top:1px solid #e5e5e5}
.m-text .con img{display:block;margin:0 auto 48px}
.row-newsroom{overflow:hidden;padding:0 100px 60px;box-shadow:0 15px 35px 0 rgba(0,0,0,.15);border-radius:10px;margin-bottom:100px}
.row-newsroom .tit1{font-size:24px;color:#2997ff;line-height:102px;border-bottom:1px solid #e5e5e5;margin-bottom:22px}
.row-newsroom .tit2{font-family:FuturaLT-Heavy;font-size:24px;text-align:center;margin-bottom:20px}
.swiper-newsroom{position:relative}
.swiper-newsroom .box{overflow:hidden}
.swiper-newsroom .swiper-slide{overflow:hidden;border-radius:10px}
.swiper-newsroom .pic{position:relative;padding-top:55%;overflow:hidden;border-radius:10px 10px 0 0}
.swiper-newsroom .pic img{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.swiper-newsroom .txt{padding:16px 30px;background:#f9f9f9}
.swiper-newsroom .txt .s1{color:#333;margin-bottom:6px}
.swiper-newsroom .txt .s2{font-family:FuturaLT-Heavy;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.swiper-newsroom .swiper-dots-arrows{position:static}
.swiper-newsroom .swiper-arrows{position:absolute;top:50%;z-index:10;margin:-25px 0 0}
.swiper-newsroom .swiper-prev{left:-70px}
.swiper-newsroom .swiper-next{right:-70px;border:2px solid #2997ff}
.swiper-newsroom .swiper-slide:hover .pic img{transform:scale(1.05)}
.ul-news1{padding:100px 0 40px}
.ul-news1 li a{display:flex;border-radius:10px;overflow:hidden}
.ul-news1 .pic-box{flex:0 0 900px}
.ul-news1 .pic{position:relative;padding-top:55.78%;overflow:hidden}
.ul-news1 .pic img{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.ul-news1 .txt{position:relative;background:#1b1b1b;color:#fff;padding:36px 60px 0}
.ul-news1 .txt .s1{margin-bottom:48px}
.ul-news1 .txt .s2{font-family:FuturaLT-Heavy;font-size:32px;line-height:40px;height:80px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:24px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.ul-news1 .txt .s3{font-size:16px;line-height:30px;height:60px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ul-news1 .txt .s4{position:absolute;bottom:40px;font-size:16px}
.ul-news1 a:hover .txt .s2{color:#2997ff}
.ul-news1 a:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.ul-news2{margin:0 -20px;overflow:hidden}
.ul-news2 li{float:left;width:50%;margin-bottom:40px}
.ul-news2 li a{display:block;margin:0 20px;border-radius:10px;overflow:hidden;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.ul-news2 .pic{position:relative;padding-top:55.71%;overflow:hidden}
.ul-news2 .pic img{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.ul-news2 .txt{padding:26px 30px 24px;background:#1b1b1b;color:#fff}
.ul-news2 .txt .s1{margin-bottom:6px}
.ul-news2 .txt .s2{font-family:FuturaLT-Heavy;font-size:24px;line-height:30px;height:60px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px}
.ul-news2 .txt .s3{font-size:16px;color:#2997ff;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.ul-news2 li a:hover{box-shadow:0 0 15px rgba(0,0,0,.1)}
.ul-news2 a:hover .txt .s3{opacity:1}
.ul-news2 a:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.ul-news3 li{width:33.33%}
.ul-news3{padding-bottom:40px}
.video-row1{display:flex;margin:80px 0 60px;border-radius:10px;overflow:hidden}
.video-row1 .pic-box{flex:0 0 900px}
.video-row1 .pic-box .pic{position:relative;padding-top:55.78%}
.video-row1 .pic-box .pic img{position:absolute;width:100%;height:100%;top:0;left:0}
.video-row1 .pic-box .pic:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:url(../images/icon-play2.png) no-repeat center;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.video-row1 .txt{position:relative;flex:1;background:#f9f9f9;padding:38px 60px 0}
.video-row1 .txt img{display:block;width:130px;margin-bottom:55px}
.video-row1 .txt .s1{font-family:FuturaLT-Heavy;font-size:32px;line-height:40px;height:120px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:30px;padding-right:30px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.video-row1 .txt .s2{font-size:16px;line-height:30px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:60px}
.video-row1 .txt .s3{position:absolute;font-size:16px;bottom:35px;font-family:FuturaLT-Heavy}
.video-row1:hover .pic-box .pic:after{opacity:1}
.video-row1:hover .txt .s1{color:#2997ff}
.z-video{margin:0 -20px;overflow:hidden}
.z-video li{float:left;width:50%;margin-bottom:40px}
.z-video li a{position:relative;display:block;margin:0 20px;border-radius:10px;overflow:hidden}
.z-video .pic{position:relative;padding-top:55.71%;border-radius:10px;overflow:hidden}
.z-video .pic img{position:absolute;width:100%;height:100%;top:0;left:0}
.z-video .txt{position:absolute;left:0;right:0;bottom:0;height:80px;background:rgba(0,0,0,.2);z-index:5;display:flex;align-items:center;justify-content:space-between;color:#fff;padding:0 30px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.z-video .txt .s1{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:10px}
.z-video li a:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:url(../images/icon-play2.png) no-repeat center;-webkit-background-size:80px auto;background-size:80px auto;opacity:0;z-index:3;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.z-video li a:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.7);z-index:2;opacity:0;border-radius:10px;overflow:hidden;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.z-video li a:hover:after,.z-video li a:hover:before{opacity:1}
.z-video a:hover .txt{background:0 0}
.ban-video{position:relative;overflow: hidden;}
.ban-video video{display:block;width:100%;height:100vh;object-fit:cover}
.ban-video .txt-box{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);left:20px;right:20px;text-align:center;z-index:10}
.ban-video .txt-box .s1{font-family:FuturaLT-Heavy;font-size:80px;color:#fff;margin-bottom:26px}
.ban-video .txt-box .s2{font-size:32px;color:#fff;margin-bottom:70px}
.ban-video .txt-box .btn-watch{display:block;text-transform:uppercase;width:180px;height:60px;line-height:58px;border:1px solid #2997ff;border-radius:30px;padding-left:66px;color:#2997ff;margin:0 auto;background:url(../images/icon-play3.png) no-repeat left center;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.ban-video .txt-box .btn-watch:hover{background-color:#2997ff;color:#fff}
.designed-row1{padding:80px 0}
.designed-row1 .box{display:flex}
.designed-row1 .pic{flex:0 0 550px;margin-right:90px;border-radius:10px;overflow:hidden}
.designed-row1 .pic img{display:block;width:100%}
.designed-row1 .txt .s1{font-family:FuturaLT-Heavy;font-size:42px;line-height:55px}
.designed-row1 .txt .s1:after{content:'';display:block;margin:20px 0 30px;width:35px;height:5px;background:#000}
.designed-row1 .txt .s2{font-size:16px;line-height:1.875;padding-right:40px}
.designed-row2{padding:200px 0;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover}
.designed-row2 p{font-size:16px;line-height:1.875;color:#fff;text-align:center;max-width:840px;margin:0 auto}
.designed-row3{padding:65px 0}
.z-benefits{display:flex}
.z-benefits li{flex:1}
.z-benefits .icon{width:110px;height:110px;line-height:110px;text-align:center;margin:0 auto 20px}
.z-benefits .icon img{display:inline-block;vertical-align:middle}
.z-benefits p{font-family:FuturaLT-Heavy;font-size:18px;text-align:center}
.designed-row4 .box1{padding:110px 0 120px;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover}
.designed-row4 .box1 .g-tit2.white,.designed-row5 .g-tit2.white{text-transform:none;color:#fff}
.designed-row4 .g-tit2.white:after,.designed-row5 .g-tit2.white:after{background-color:#fff}
.designed-row4 .box1 .s2{font-size:16px;color:#fff;text-align:center;margin-bottom:35px}
.designed-row4 .box1 .more{display:block;margin:0 auto;text-transform:uppercase;width:150px;height:50px;line-height:48px;text-align:center;border:1px solid #fff;border-radius:25px;color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.designed-row4 .box1 .more:hover{background-color:#fff;color:#333}
.z-technologies{position:relative;margin-top:-62px}
.z-technologies li{position:relative;margin-bottom:80px}
.z-technologies li a{display:block;position:relative}
.z-technologies li a:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(225deg,rgba(0,0,0,.8) 0,rgba(67,67,67,.8) 100%);z-index:2;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.z-technologies .li1{width:29.17%}
.z-technologies .li2{width:27.5%;margin-left:1.67%}
.z-technologies .li3{width:44.44%}
.z-technologies .li4{position:absolute;top:320px;left:35%;width:32.3%}
.z-technologies .li5{position:absolute;top:100px;right:0;width:27.5%}
.z-technologies .li6{position:absolute;width:50%;right:0;bottom:14px}
.z-technologies img{display:block;width:100%}
.z-technologies .txt{position:absolute;top:50%;left:50%;width:280px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:10}
.z-technologies .txt .s1{font-size:20px;margin-bottom:10px}
.z-technologies .txt .s2{font-size:32px;line-height:35px}
.z-technologies li a:hover:after{opacity:1}
.designed-row5{padding:66px 0 80px;background-color:#000}
.designed-row5 .box{position:relative;overflow:hidden}
.designed-row5 .swiper-slide{border-radius:10px;overflow:hidden;background-color:#fff}
.designed-row5 .s1{height:100px;line-height:100px;text-align:center}
.designed-row5 .s1 img{display:inline-block;vertical-align:middle}
.designed-row5 .pic{position:relative;padding-top:75.76%;overflow:hidden}
.designed-row5 .pic img{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.designed-row5 .s2{font-family:FuturaLT-Heavy;font-size:20px;height:80px;text-align:center;padding:8px 0 0}
.designed-row5 .swiper-dots-arrows{position:static;margin-top:60px}
.designed-row5 .swiper-slide:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.designed-row6{padding:400px 0 420px;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover;text-align:center}
.designed-row6 .s1{font-family:FuturaLT-Heavy;font-size:62px;margin-bottom:10px}
.designed-row6 .s2{font-size:20px;margin-bottom:72px}
.designed-row6 a{display:block;text-transform:uppercase;width:180px;height:50px;margin:0 auto;line-height:50px;text-align:center;background:#2997ff;box-shadow:0 15px 35px 0 rgba(0,0,0,.15);border-radius:25px;color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.designed-row6 a:hover{background-color:#fff;color:#2997ff}
.odm-row1{padding-bottom:0}
.odm-row5{padding:100px 0;color:#fff}
.odm-row4{background-color:#fff}
.odm-row4 .s1,.odm-row4 .s2{background:#f5f5f5}
.odm-row4 .swiper-dots .swiper-pagination-bullet{background:#eee}
.odm-row3{position:relative;padding:66px 0 0;background:url(../images/z-p95.jpg) no-repeat top center}
.odm-row3 .box{max-height:800px;overflow:hidden}
.odm-row3 .box .swiper-slide{padding:0 120px;overflow:hidden;-webkit-transition:all .7s;-ms-transition:all .7s;-moz-transition:all .7s;transition:all .7s}
.odm-row3 .box .swiper-slide{z-index:2;opacity:.3!important}
.odm-row3 .box .swiper-slide-active{z-index:3;opacity:1!important}
.odm-row3 .txt{position:relative;text-align:center;max-width:820px;height:175px;overflow:hidden;margin:0 auto 60px}
.odm-row3 .txt .s1{font-family:FuturaLT-Heavy;font-size:62px}
.odm-row3 .txt .s1 span{color:#fff;opacity:.1}
.odm-row3 .txt .s2{position:absolute;top:25px;left:0;right:0;text-align:center;font-family:FuturaLT-Heavy;font-size:32px;color:#fff}
.odm-row3 .txt .s3{font-size:16px;line-height:1.875;color:#fff}
.odm-row3 .pic{position:relative;box-shadow:0 15px 35px 0 rgba(0,0,0,.15);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;width:100%;height:480px;transform:scale(.9);transform-origin:50% 0;top:-40px;border-radius:10px;overflow:hidden;-webkit-transition:all .7s;-ms-transition:all .7s;-moz-transition:all .7s;transition:all .7s}
.odm-row3 .swiper-slide-active .pic{transform:scale(1);top:0}
.odm-row3 .swiper-dots2{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:60px;width:25px;text-align:right}
.odm-row3 .swiper-dots2 .swiper-pagination-bullet{width:15px;height:4px;background:#eee;border-radius:2px;margin:10px 0;opacity:1}
.odm-row3 .swiper-dots2 .swiper-pagination-bullet-active{width:25px;background:#2997ff}
.pop-message{display:none;position:fixed;top:50%;left:50%;max-width:1000px;width:90%;border-radius:10px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1000}
.pop-message .img{border-radius:10px 10px 0 0;overflow:hidden}
.pop-message .img img{display:block;width:100%}
.form-z3{padding:0 40px 30px;background-color:#fff;border-radius:0 0 10px 10px;overflow:hidden;height:500px;overflow-y:auto}
.form-z3 .title{font-size:18px;padding:20px 0 24px;border-bottom:1px solid #e5e5e5;margin-bottom:30px}
.ban-video img{display:none}
.g-tit5{
	position: relative;
	z-index: 10;
	text-align:center}
.g-tit5 .s1{font-family:FuturaLT-Heavy;font-size:62px;margin-bottom:10px}
.g-tit5 .s2{font-size:24px;max-width:800px;margin:0 auto}
.g-tit5.white{color:#fff}
.zty-row1{background-repeat:no-repeat;background-position:bottom center;position:relative;padding:64px 0 650px;overflow:hidden}
.zty-row1 .wp{position:relative;z-index:2}
.zty1-row1{background-color:#f9f9f9}
.s3-row1{background-image:url(../images/zty-bg2.jpg)}
.zty-row1 .bigPic{position:absolute;bottom:0}
.zty-row1 .bigPic img{display:block}
.z-list5{display:flex;justify-content:space-between;padding:32px 0 0}
.z-list5 li{flex:1}
.z-list5 .pic{width:100px;height:100px;margin:0 auto 12px}
.z-list5 .pic img{display:block;width:100%;height:100%}
.z-list5 .txt{text-align:center}
.z-list5 .txt .s1{font-family:FuturaLT-Heavy;font-size:20px;margin-bottom:10px}
.z-list5 .txt .s2{font-size:16px;line-height:30px;padding:0 20px}
.zty-row2{padding:64px 0 78px}
.swiper-five{position:relative;padding:40px 70px 0;overflow:hidden}
.swiper-five .pic-box{position:relative;height:580px;margin-bottom:13px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.swiper-five .pic-box .bg{height:100%;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover}
.swiper-five .pic-box .pic{position:absolute;top:-13px;left:28%;width:130px;z-index:2;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.swiper-five .pic-box .pic img{display:block;width:100%;height:100%}
.swiper-five .pic-box .img{position:absolute;top:50%;left:0;right:0;text-align:center;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.swiper-five .pic-box .img img{display:block;margin:0 auto}
.swiper-five p{font-family:FuturaLT-Heavy;font-size:24px;text-align:center}
.swiper-five .swiper-slide:hover .pic-box{padding-top:180px}
.swiper-five .swiper-slide:hover .pic-box .pic{opacity:1}
.swiper-five .swiper-dots-arrows{display:none}
.zty-row3{background:#f9f9f9;padding:42px 0 60px}

.lllum-row2{
	margin-bottom: 200px;
}

.z-spec{display:flex;justify-content:space-between;padding:16px 0 0}
.z-spec2 .img{text-align:center;padding:62px 0}
.z-spec2 .ul-spec{display:flex;justify-content:space-between;flex-wrap:wrap}
.z-spec2 .ul-spec li{width:47.5%}



.thaw-row2 .z-spec{
	padding: 30px 0 0;
}

.ul-spec li{display:flex;align-items:center;height:78px;border-bottom:1px solid #eee}
.ul-spec .s1{font-size:18px;width:260px}
.ul-spec .s2{font-family:FuturaLT-Heavy;font-size:24px}
.zty-row4{padding:64px 0 30px;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover;overflow:hidden}
.zty-row5{padding:62px 0 80px;position: relative;
z-index: 2;background-color: #fff;}


.twist-row5{
	margin-top: -120px;
}

.blaze-row2 .swiper-five .pic-box .pic{
	left: 24%;
}

.swiper-mediakit{position:relative;margin-top:40px}
.swiper-mediakit .swiper-slide{display:flex;align-items:center}
.swiper-mediakit .pic{width:1080px;height:850px;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover;opacity:.8;position:relative;left:40px;-webkit-transform:scale(.96);-moz-transform:scale(.96);-ms-transform:scale(.96);-o-transform:scale(.96);transform:scale(.96);-webkit-transition:all .7s;-ms-transition:all .7s;-moz-transition:all .7s;transition:all .7s}
.swiper-mediakit .txt{padding:150px 0;width:535px;margin:0 auto 50px;text-align:center;background:url(../images/tuoyuan.jpg) no-repeat center}
.swiper-mediakit .txt p{font-size:24px;line-height:50px}
.swiper-mediakit .swiper-dots-arrows{left:auto;right:0;bottom:150px;width:calc(100vw - 1080px)}

.swiper-mediakit .swiper-arrows{margin:0 20px}
.swiper-mediakit .swiper-slide-active .pic{opacity:1;left:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.zty-row6{padding:60px 0 72px;background:#f9f9f9}
.z-best{display:flex;justify-content:center;padding:110px 0 0}
.z-best li{margin:0 85px}
.z-best .pic{position: relative;width:260px;height:260px;line-height:260px;margin:0 auto 20px;text-align:center}
.z-best .pic img{position: relative;z-index: 2; display:inline-block;vertical-align:middle}

.z-best .pic:before{
	content: '';
	position: absolute;
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	background-color: #cdcdcd;
	border-radius: 50%;
	-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;
}

.z-best a:hover .pic:before{
	background-color: #1E1E1E;
}


.z-best .txt{text-align:center}
.z-best .txt .s1{font-size:16px;color:#333;margin-bottom:6px}
.z-best .txt .s2{font-family:FuturaLT-Heavy;font-size:24px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.z-best a:hover .txt .s2{color:#2997ff}



.explode-tip li{position:absolute;width:430px}
.explode-tip .tip{position:relative;height:60px}
.explode-tip .tip i{position:absolute;top:0;width:60px;height:60px;background:url(../images/ico-add.png) no-repeat center;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.explode-tip .tip:hover i{background-image:url(../images/ico-close.png)}
.explode-tip .tip:after{content:'';position:absolute;top:50%;width:350px;height:1px;background:rgba(255,255,255,.5);pointer-events:auto}
.explode-tip .left .tip i{left:0}
.explode-tip .left .tip:after{right:0}
.explode-tip .right .tip i{right:0}
.explode-tip .right .tip:after{left:0}
.explode-tip .con{display:none;position:absolute;top:70px;left:0;width:360px;height:202px;background:#000;overflow:hidden;border-radius:10px;padding:20px 0 0;z-index:10}
.explode-tip .left .con{left:0}
.explode-tip .right .con{right:0}
.explode-tip .con:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(45deg,#000 0,#434343 100%);opacity:.8}
.explode-tip .con img{display:block;margin:0 auto;width:320px;height:162px}
.explode-tip .con p{font-family:FuturaLT-Heavy;position:absolute;top:50%;margin-top:-15px;left:0;right:0;text-align:center;z-index:2;font-size:20px;color:#fff}
.explode-tip .left{right:50%}
.explode-tip .right{left:50%}
.explode-tip .li1{top:40px}
.explode-tip .li2{top:142px}
.explode-tip .li3{top:313px}
.explode-tip .li4{top:421px}
.explode-tip .li5{top:460px}
.explode-tip .li6{top:421px}
.explode-tip .li7{bottom:376px}
.explode-tip .li8{bottom:70px}
.explode-tip .li9{bottom:10px}
.explode-tip .li8 .con,.explode-tip .li9 .con{bottom:70px;top:auto}
.s3-row1{padding-bottom:796px}
.s3-row2 .img{padding:30px 0 0 150px}
.twist-buckle{
	position: relative;z-index: 10;
	display:flex;justify-content:center}
.twist-buckle li{margin:0 30px}
.twist-buckle .btn{display:block;text-transform:uppercase;width:150px;height:50px;line-height:50px;padding-left:70px;background-color:#fff;background-repeat:no-repeat;background-position:40px center;box-shadow:0 15px 35px 0 rgba(0,0,0,.15);border-radius:25px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.twist-buckle .btn-twist{background-image:url(../images/icon-twist.png)}
.twist-buckle .btn-buckle{background-image:url(../images/icon-buckle.png)}
.twist-buckle .btn-twist:hover,.twist-buckle li.on .btn-twist{background-image:url(../images/icon-twist_on.png)}
.twist-buckle .btn-buckle:hover,.twist-buckle li.on .btn-buckle{background-image:url(../images/icon-buckle_on.png)}




.twist-buckle .btn-round{background-image:url(../images/icon-round.png);padding-left: 60px;
	background-position: 30px center;
}
.twist-buckle .btn-flat{background-image:url(../images/icon-flat.png)}
.twist-buckle .btn-round:hover,.twist-buckle li.on .btn-round{background-image:url(../images/icon-round_on.png)}
.twist-buckle .btn-flat:hover,.twist-buckle li.on .btn-flat{background-image:url(../images/icon-flat_on.png)}



.twist-buckle .btn-button{background-image:url(../images/icon-button.png);padding-left: 60px;
	background-position: 30px center;
}
.twist-buckle .btn-Breath{background-image:url(../images/icon-Breath.png)}
.twist-buckle .btn-button:hover,.twist-buckle li.on .btn-button{background-image:url(../images/icon-button_on.png)}
.twist-buckle .btn-Breath:hover,.twist-buckle li.on .btn-Breath{background-image:url(../images/icon-Breath_on.png)}


.thaw-row3 .twist-buckle .btn-button{
	background-image: url(../images/icon-button2.png);
}
.thaw-row3 .twist-buckle .btn-button:hover,
.thaw-row3 .twist-buckle li.on .btn-button{background-image:url(../images/icon-button2_on.png)}


.twist-buckle .btn:hover,.twist-buckle li.on .btn{background-color:#2997ff;color:#fff}





.twist-buckle .btn-glass{
	background-image: url(../images/icon-class.png);
}
.twist-buckle .btn-glass:hover,
.twist-buckle li.on .btn-glass{background-image:url(../images/icon-class_on.png)}

.twist-buckle .btn-plastic{
	background-image: url(../images/icon-plastic.png);
}
.twist-buckle .btn-plastic:hover,
.twist-buckle li.on .btn-plastic{background-image:url(../images/icon-plastic_on.png)}





.s3-row4{padding:60px 0 0}
.s3-row4 .twist-buckle{margin-top:48px}
.explode-tip2{
	visibility: hidden;
}
.explode-tip2 li{position:absolute;height:180px}
.explode-tip2 .tip{position:relative;width:60px;height:100%}
.explode-tip2 .tip i{position:absolute;width:60px;height:60px;background:url(../images/ico-add.png) no-repeat center;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.explode-tip2 .tip:hover i{background-image:url(../images/ico-close.png)}
.explode-tip2 .tip:after{content:'';position:absolute;left:50%;width:1px;height:100px;background:rgba(255,255,255,.5);pointer-events:auto}
.explode-tip2 .top .tip i{left:0}
.explode-tip2 .top .tip:after{bottom:0}
.explode-tip2 .bottom .tip i{bottom:0}
.explode-tip2 .con{display:none;position:absolute;bottom:45px;left:70px;width:360px;height:202px;background:#000;overflow:hidden;border-radius:10px;padding:20px 0 0;z-index:10}
.explode-tip2 .con.right{right:70px;left:auto}
.explode-tip2 .left .con{left:0}
.explode-tip2 .right .con{right:0}
.explode-tip2 .con:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(45deg,#000 0,#434343 100%);opacity:.8}
.explode-tip2 .con img{display:block;margin:0 auto;width:320px;height:162px}
.explode-tip2 .con p{font-family:FuturaLT-Heavy;position:absolute;top:50%;margin-top:-15px;left:0;right:0;text-align:center;z-index:2;font-size:20px;color:#fff}
.explode-tip2 li.bottom{top:50%}
.explode-tip2 li.bottom .con{
	top: 45px;
}
.explode-tip2 li.top{bottom:50%}
.solo-row1{background-color:#e4e4e3}
.z-spec3 .img{text-align:center;padding:40px 60px 0 0}
.z-spec3 .img,.z-spec3 .ul-spec{flex:1}
.bbn li:last-child{border-bottom:none}


.ani-box .pic{
	background-repeat: no-repeat;
	background-position: 0 center;
	margin: 0 auto;
	overflow: hidden;
}
.pro-futuristic{
	position:relative;
	margin: 0 auto;
}
.pro-futuristic .ani-box{
	height: 0;
}
.pro-solo{
	width: 1293px;
	padding:395px 0 240px;
	margin: 85px auto 0;
}
.pro-solo .ani-box .pic{
	width: 272px;
	height: 1293px;
	-webkit-background-size: auto 1293px;background-size: auto 1293px;
	transform: rotate(-90deg);
	transform-origin: -83.5% 22%;
}


.zty-blaze{
	padding-bottom: 70px;
}
.pro-blaze{
	width: 1012px;
	padding:315px 0 295px;
	margin: 85px auto 0;
}
.pro-blaze .ani-box .pic{
	width: 190px;
	height: 1012px;
	-webkit-background-size: auto 1012px;background-size: auto 1012px;
	transform: rotate(-90deg);
	transform-origin: -88.5% 24%;
}

.s3-row3{
	padding-bottom: 60px;
}
.combinations-box{
	position: relative;
	height: 600px;
	margin-bottom: 20px;
}
.lllums-box{
	position: relative;
	height: 720px;
	margin-top: 20px;
}
.pro-combinations,
.pro-lllums{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);
	opacity: 0;
}
.pro-combinations .pic{
	position: relative;
	right: 20px;
	height: 600px;
	width: 162px;
	-webkit-background-size: auto 600px;background-size: auto 600px;
}

.pro-combinations .ani-box-twist1 .pic{
	left: 10px;
}
.pro-combinations .ani-box-buckle1 .pic{
	right: 10px;
}
.pro-combinations.show,
.pro-lllums.show{
	opacity: 1;
}


.pro-lllums .ani-box .pic{
	position: relative;
	right: 20px;
	height: 600px;
	width: 162px;
	-webkit-background-size: auto 600px;background-size: auto 600px;
}



.pro-twist2{
	width: 1014px;
	padding:280px 0 360px;
}
.pro-twist2 .ani-box .pic{
	width: 180px;
	height: 1014px;
	-webkit-background-size: auto 1014px;background-size: auto 1014px;
	transform: rotate(-90deg);
	transform-origin: -81.5% 27%;
}
.pro-blaze2{
	width: 1014px;
	padding:280px 0 360px;
}
.pro-blaze2 .ani-box .pic{
	width: 185px;
	height: 1014px;
	-webkit-background-size: auto 1014px;background-size: auto 1014px;
	transform: rotate(-90deg);
	transform-origin: -81.5% 26%;
}


.futuristic-box{
	position: relative;
	height: 640px;
	margin-bottom: 20px;
}
.pro-futuristic2{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);
	opacity: 0;
	z-index: -100;
}
.pro-futuristic2.show{
	opacity: 1;
	z-index: 100;
}

/*Twist*/
.twist-row3{
	position: relative;
	height: 950px;
	padding: 60px 0 0;
}
.twist-row3 .pic{
	position: absolute;
	top: 0;
	right: 0;
	width: 1200px;
	height: 853px;
}



.twist-row4{
	padding: 250px 0 0;
}
.twist-row4 .g-tit5{
	position: relative;
	top: -190px;
}
.twist-row4 .pic{
	position: relative;
	top: -120px;
	width: 150px;
	height: 681px;
	-webkit-background-size: auto 681px;background-size: auto 681px;
}


/*Elevate-S2*/
.pro-elevate{
	position: relative;
	padding-bottom: 285px;
}
.pro-elevate .ani-box .pic{
	width: 188.167px;
	transform-origin: -93% 25%;
}


.pro-roundTip{
	width: 1000px;
	padding: 230px 0 0;
}
.pro-roundTip .ani-box .pic{
	width: 519.5px;
	height: 1000px;
	transform-origin: 6% 32%;
	-webkit-background-size: auto 1000px;background-size: auto 1000px;
}
.pro-flatTip{
	width: 1000px;
	padding: 270px 0 0;
}
.pro-flatTip .ani-box .pic{
	width: 220.27px;
	height: 1000px;
	transform-origin: -72% 31%;
	-webkit-background-size: auto 1000px;background-size: auto 1000px;
}

/*Spark*/
.ani-box-spark.ani-box .pic{
	width: 606px;
	height: 650px;
	-webkit-background-size: auto 650px;background-size: auto 650px;
	margin: 50px auto;
}


.illum-row2{
	padding-bottom: 260px;
}

/*Illuminate*/
.lllum-row3{
	padding: 30px 0;
	position: relative;
	margin-top: -200px;
	background-color: #fff;
}
.lllum-row3 .g-tit5{
	margin-bottom: 25px;
}
.lllum-row3 .g-tit5 .s1{
	margin-bottom: 0;
}
.ani-box-lllum .pic{
	width: 612px;
	height: 560px;
	-webkit-background-size: auto 560px;background-size: auto 560px;
	margin: 50px auto;
}
.lllum-row4 .g-tit5 .s1{
	line-height: 65px;
}
.ani-box-lllum_breath{
	position: relative;
	top: -25px;
}
.ani-box.ani-box-lllum_breath .pic{
	width: 176.44px;
	height: 741px;
	-webkit-background-size: auto 741px;background-size: auto 741px;
}
.ani-box.ani-box-lllum_button .pic{
	width: 1497.6px;
	height: 741px;
	background-position: left center;
	-webkit-background-size: auto 741px;background-size: auto 741px;
}





/*Thaw*/
.thaw-row3{
	padding: 60px 0;
}
.thaw-row3 .twist-buckle{
	margin-top: 40px;
}
.thaw-box{
	position: relative;
	height: 600px;
}
.pro-thaw{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	z-index: -100;
}
.pro-thaw .pic{
	width: 635.1px;
	height: 600px;
	-webkit-background-size: auto 600px;background-size: auto 600px;
}
.pro-thaw.show{
	opacity: 1;
	z-index: 100;
}
.pro2-thaw{
	position: relative;
	width: 1295px;
	margin: 0 auto;
	padding: 310px 0 350px;
}
.pro2-thaw .ani-box .pic {
	width: 282.67px;
	height: 1295px;
	-webkit-background-size: auto 1295px;
	background-size: auto 1295px;
	transform: rotate(-90deg);
	transform-origin: -58.5% 25%;
}










.maskz-row4 .twist-buckle{
	margin-top: 20px;
}



.mashz-box{
	position: relative;
	height: 660px;
}
.pro-mashz{
	width: 1000px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	z-index: -100;
}
.pro-mashz.show{
	opacity: 1;
	z-index: 100;
}
.pro-mashz .ani-box {
	height: 0;
}
.pro-mashz .ani-box .pic {
	width: 280.875px;
	height: 1000px;
	-webkit-background-size: auto 1000px;
	background-size: auto 1000px;
	transform: rotate(-90deg);
	transform-origin: 20.5% 41%;
}

/*Mash-Y*/
.pro-mashy{
	width: 1115px;
	padding:315px 0 295px;
	margin: 85px auto 0;
}
.pro-mashy .ani-box .pic{
	width: 425.57px;
	height: 1115px;
	-webkit-background-size: auto 1115px;background-size: auto 1115px;
	transform: rotate(-90deg);
	transform-origin: -18.5% 25%;
}






@media only screen and (max-width:1499px){
.swiper-mediakit .pic{width:700px;height:550px}
.swiper-mediakit .txt{width:360px;background:0 0;padding:0}
.swiper-mediakit .txt p{font-size:16px;line-height:2}
.swiper-mediakit .swiper-dots-arrows{width:auto}
}
@media only screen and (min-width:1299px){
.solo-row1 .z-list5{padding:30px 150px 0}
.solo-row1 .z-list5 li,
.maskz-row1 .z-list5 li{padding:0 60px}
	.twist-row1 .z-list5{
		padding: 32px 20% 0;
	}
	.s2-row1 .z-list5{
		padding: 32px 90px 0;
	}
	.spark-row1 .z-list5,
	.illum-row1 .z-list5{
		padding: 32px 100px 0;
	}
.maskz-row1 .z-list5,
.masky-row1 .z-list5{
	padding: 32px 180px 0;
}


}
@media only screen and (max-width:1199px){
.s3-row2 .img{padding:20px 0 0 30px}
}
@media only screen and (max-width:959px){
.explode-tip{display:none}
.swiper-mediakit .swiper-slide{display:block}
.swiper-mediakit .pic{width:auto;height:600px;margin-bottom:30px}
.swiper-mediakit .swiper-dots-arrows{position:static}
.g-tit5 .s1{font-size:32px}
.g-tit5 .s2{font-size:16px}
.zty-row5{padding:50px 0}
.z-spec{display:block}
.spec-box{width:auto}
.z-list5{flex-wrap:wrap}
.z-list5 li{flex:0 0 33.33%;margin-bottom:20px}
.s3-row2 .img{padding:0;text-align:center;margin-bottom:30px}
.explode-tip2{display:none}
.pro-futuristic{width:auto;padding:30px 0}
.z-spec2 .ul-spec{display:block}
.z-spec2 .ul-spec li{width:auto}
.swiper-five{padding:40px 0 0}
.twist-row4 .pic{
	top: -150px;
}
.twist-row5{
	margin-top: -150px;
}
}
@media only screen and (max-width:767px){
.ban-video video{display:none}
.ban-video img{display:block;
	width: 100%;
	height:calc(100vh - 70px)}
.zty-row1{padding:50px 0 0 !important}
	.z-list5{
		justify-content: center;
	}
.z-list5 li{flex:0 0 50%;}
.z-list6{display:block}
.z-list6 li{width:auto;margin-bottom:20px}
.z-list6 .pic-box{height:450px}
.zty-row2{padding:50px 0}
.ul-spec li{display:block;padding:10px 0;height:auto;text-align:center}
.spec-box{margin-bottom:40px}
.spec-box .img{height:auto;display:block;width:300px;margin:0 auto}
.ul-spec .s1{margin-bottom:10px;width:auto}
.zty-row3{padding:30px 0 20px}
.swiper-mediakit .pic{height:300px}
.zty-row5{padding:50px 20px}
.z-best{display:block;padding:30px 0 0}
.z-best li{margin:0 auto 30px}
.zty-row6{padding:30px 0}
.twist-buckle li{margin:0 10px}
.zty-row1 .bigPic{position:static}
.swiper-five{padding:30px 0 0}
.swiper-five .pic-box{height:380px;padding-top:100px;margin-bottom: 30px;}
.swiper-five .pic-box .pic{opacity:1;width:100px;top:0;left:50%;margin-left:-40px}
.swiper-five .pic-box .pic2{margin-left:-66px}


.blaze-row2 .swiper-five .pic-box .pic{
	left: 45%;
}

.swiper-five .swiper-dots-arrows{display:flex;bottom:-10px}
.swiper-five .swiper-dots-arrows .swiper-arrows.swiper-prev{margin: 0 100px 0 0;}
.swiper-five .swiper-dots-arrows .swiper-arrows.swiper-next{margin: 0 0 0 100px;}







.z-spec3 .img{padding:0 30px}
}
@media only screen and (max-width:1799px){
.partner-row4 .box .swiper-slide{padding:0 8%}
}
@media only screen and (max-width:1499px){
.fd-right{padding:0 30px}
.fd-bot{padding:20px}
.swiper-dots-arrows{bottom:10px}
.index-row5 .txt{top:20%}
.index-row5 .txt .s2{margin-bottom:20px}
.index-row3 .txt-box .txt-left{padding:40px 0 0 40px}
.index-row2 .box2{left:40px;width:460px}
.banner .con{left:40px}
.nav>li+li{margin-left:15px}
.fd-left{flex:0 0 400px}
.fd-nav .con a{font-size:12px}
.z-list1 .txt p{font-size:24px}
.index-row2{padding:30px 0 30px 500px}
.index-row4,.index-row6{padding:30px 0}
.index-row3 video{height:700px}
.form-so .box{width:1000px}
.z-list1 .txt{padding:0 50px}
.careers-row1 .txt-box{padding:20px 20px 0}
.area-department{padding:40px 30px}
.about-row3 .box .txt .s2{font-size:20px}
.about-row3 .box .txt .s1{font-size:50px}
.g-tit3{margin-top:0}
.about-row4 .txt{top:30px}
.about-row4 .swiper-dots-arrows .swiper-dots{bottom:20px}
.partner-row4 .box .pic-box{flex:0 0 600px}
}
@media only screen and (max-width:1299px){
.touch-left,.touch-right{width:500px}
.form-z2 .inp,.m-select .show{width:230px}
.ul-news1 .pic-box,.video-row1 .pic-box{flex:0 0 700px}
.pop-file .swiper-dots-arrows .swiper-prev{left:0}
.pop-file .swiper-dots-arrows .swiper-next{right:0}


	.pro-futuristic{
		-webkit-transform: scale(.85);-moz-transform: scale(.85);-ms-transform: scale(.85);-o-transform: scale(.85);transform: scale(.85);
		margin-top: 30px;
	}





}



@media only screen and (min-width:1200px){
.header.float,.header:hover{background:#fff}
.header.float .img1,.header:hover .img1{opacity:0}
.header.float .img2,.header:hover .img2{width:100%}
.header.float .nav>li>a,.header:hover .nav>li>a{color:#1e1e1e}
.header.float .so i,.header:hover .so i{background-image:url(../images/so3.png)}
.header .so:hover i{background-image:url(../images/so2.png)}
.header .so:hover .form-so{display:block}
.header .nav li:hover .subbox{height:270px;visibility:visible}
.header .nav li:hover .subbox .box{height:260px}
.nav li:hover .product-box{visibility:visible;height:670px;z-index:100}
.nav>li:hover>a{color:#2997ff}
.nav>li:hover>a:after{width:100%}
.index-row1 .swiper-slide:hover .pic:after{background-color:rgba(0,0,0,.8)}
.index-row1 .swiper-slide:hover .txt{top:45%}
.index-row1 .swiper-slide:hover .txt .icon,.index-row1 .swiper-slide:hover .txt .more,.index-row1 .swiper-slide:hover .txt .s2{opacity:1}
.g-tit2.white{color:#fff}
.g-tit2.white:after{background:#fff}
.form-z3 .z-top .item:last-child{flex:1;margin-left:40px}
.nav li:first-child .subbox{display:none!important}
.subbox{height:0;visibility:hidden}
.subbox .box{height:0}
.mo-so{display:none}

	.maskz-row2 .swiper-five .pic-box .pic2,
	.masky-row2 .swiper-five .pic-box .pic2{
		left: 20%;
	}
	.masky-row2 .swiper-five .pic-box .pic3{
		left: 25%;
	}
	.thaw-row2 .ul-spec{
		width: 52%;
	}

}



@media only screen and (max-width:1199px){
.odm-row3 .box{max-height:600px}
.wp,.wp1200{width:100%;padding:0 20px}
.menuBtn{display:block}
.header{height:70px;background:#fff}
.header .so{display:none}
.hd-con{display:none;position:fixed;top:70px;left:0;right:0;max-height:calc(100vh - 70px);overflow-y:auto;padding:0 0 25px;background:#fff;z-index:1000;box-shadow:0 0 5px rgba(0,0,0,.1)}
.nav{display:block;margin-bottom:25px}
.nav>li{margin-bottom:3px}
.nav>li>a{font-family:FuturaLT-Heavy;color:#1e1e1e;line-height:60px;text-align:center;background:#f9f9f9 url(../images/nav-right.png) no-repeat right 20px center;-webkit-background-size:20px auto;background-size:20px auto}
.nav>li>a.on{background-image:url(../images/nav-down.png)}
.nav>li+li{margin-left:0}
.logo{width:150px;height:41px}
.logo .img1{display:none}
.logo .img2{width:100%}
.header .so i{width:100%;background-image:url(../images/so3.png);background-position:center}
.form-so{position:static;padding-top:0}
.form-so .box{position:relative;width:auto}
.form-so .submit{right:20px;top:15px;height:70px}
.form-so .text{border-radius:5px 0 0 5px}
.header .btn-get{display:block;font-size:16px;width:180px;height:60px;line-height:60px;background:#2997ff;margin:0 auto}
.subbox{display:none;position:static;padding:0}
.subbox .box{display:block;height:auto}
.subbox .con{margin:0}
.subbox .con .item{float:none;width:auto}
.subbox .con .item a{font-family:FuturaLT;font-size:16px;line-height:52px;text-align:center;background:0 0;margin:0 30px}
.subbox .con .item:last-child a{border-bottom:0}
.subbox .img{display:none}
.index-row2{padding:30px}
.index-row2 .box2{width:auto;position:static;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);text-align:center;padding:24px 0 0}
.g-txt1 .s3:after{display:none}
.g-txt1 .s2{font-size:31px}
.g-txt1 .more{margin:38px auto 20px;width:120px;height:40px;line-height:38px}
.banner .swiper-slide{height:610px}
.index-row3 .txt-box .txt-left{flex:0 0 50%}
.index-row5 .txt{top:0}
.z-list1 .txt p{font-size:18px}
.z-list1 .txt .g-more{margin-top:20px;width:100px;height:36px;line-height:34px;border-radius:18px}
.fd-top{display:block}
.fd-left{padding:30px 0}
.fd-logo{width:240px;margin:0 auto 8px}
.fd-left .tit1{margin-bottom:20px}
.fd-right_s1{display:none}
.fd-right{padding:0}
.fd-nav{display:block;padding:0}
.fd-nav .con,.fd-nav .tit:after{display:none}
.fd-nav li{border-top:3px solid #fff}
.fd-nav .tit{text-align:center;margin-bottom:0;line-height:60px;background:url(../images/arrow-fd2.png) no-repeat right 15px center;-webkit-background-size:20px auto;background-size:20px auto}
.fd-nav .tit.on{background-image:url(../images/arrow-fd1.png)}
.fd-nav2{border-top:0;background:#fff;justify-content:center;font-size:16px}
.fd-nav2 li a{font-family:FuturaLT;color:#131313}
.fd-nav2 li+li:after{color:#131313}
.fd-bot{line-height:22px}
.fd-nav .con{background:#fff;padding:0 30px}
.fd-nav .con a{font-family:FuturaLT;text-align:center;font-size:16px;line-height:52px;color:#1e1e1e}
.fd-nav .con a+a{border-top:1px solid #e5e5e5}
.index-scroll{display:none}
.form-advice .inp{width:300px}
.touch-row1{display:block}
.touch-row1:after{display:none}
.touch-left,.touch-right{width:auto}
.touch-left{margin-bottom:60px}
.z-top{display:block}
.form-z2 .inp,.m-select .show{width:100%}
.m-select .opt{width:100%}
.careers-row1{display:block}
.careers-row1 .txt-box{padding:20px}
.careers-row1 .txt-box .img{margin-bottom:20px}
.area-department .m-select .show{width:260px}
.careers-row1 .video-box video{height:auto}
.careers-row1 .video-box .play{width:80px;height:80px;-webkit-background-size:80px auto;background-size:80px auto}
.about-row1 .txt-box .txt-left .s1{font-size:50px}
.about-row3 .box .txt .pos2{top:20px;left:20px}
.about-row3 .box .txt .pos1{bottom:20px;left:20px}
.about-row3 .box .pos3{top:20px;right:20px}
.about-row3 .box .pos4{right:20px;bottom:20px}
.about-row3 .box .txt .s2{font-size:18px}
.about-row3 .box .txt .s1{font-size:36px}
.about-row4{padding-bottom:80px}
.about-row4 .txt{position:static}
.about-row4 .txt *{color:#333!important}
.about-row4 .swiper-dots .swiper-pagination-bullet{background-color:#333}
.about-row4 .swiper-arrows{top:auto;bottom:15px}
.about-row4 .swiper-dots{bottom:30px!important}
.product-row2{display:block}
.product-slide{margin-right:0;margin-bottom:30px}
.nav3 .con{margin-right:-10px}
.nav3 .con .inner{margin-right:10px}
.z-tab1 li a span{width:180px}
.partner-row4 .box .swiper-slide{padding:0 20px}
.partner-row5 .box{display:block}
.partner-row5 .box .txt-box,.ul-list2{width:auto;margin-left:0}
.partner-row5 .box .txt-box{margin-bottom:30px}
.z-distributors li{width:33.33%}
.ul-list2 .pic .mask-box .btn-view{display:none}
.row-stories .txt-box .s2{font-size:32px;line-height:2}
.ul-news1 .pic-box,.video-row1 .pic-box{flex:0 0 600px}
.ul-news1 .txt,.video-row1 .txt{padding:20px 30px 0}
.video-row1 .txt img{margin-bottom:15px}
.video-row1 .txt .s1{font-size:24px;line-height:30px;height:60px;margin-bottom:15px}
.ban-video video{height:550px}
.z-technologies .li6{bottom:0;margin-bottom:0}
.designed-row6{padding:200px 0}
.mo-so{position:absolute;top:50%;left:15px;margin-top:-15px;width:30px;height:30px;background:url(../images/so3.png) no-repeat center}

	.pro-futuristic{
		-webkit-transform: scale(.6);-moz-transform: scale(.6);-ms-transform: scale(.6);-o-transform: scale(.6);transform: scale(.6);
	}

	.s2-row1{
		padding-bottom: 300px;
	}
	.twist-row3{
		height: 500px;
	}
	.twist-row3 .pic{
		-webkit-transform: scale(.5);-moz-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);transform: scale(.5);
		-webkit-transform-origin: 100% 0;-moz-transform-origin: 100% 0;-ms-transform-origin: 100% 0;-o-transform-origin: 100% 0;transform-origin: 100% 0;
	}


	.pro-blaze{
		-webkit-transform: scale(.8);-moz-transform: scale(.8);-ms-transform: scale(.8);-o-transform: scale(.8);transform: scale(.8);
	}


	.pro-elevate{
		margin-top: 0;
	}

	.mashz-box{
		-webkit-transform: scale(.8);-moz-transform: scale(.8);-ms-transform: scale(.8);-o-transform: scale(.8);transform: scale(.8);
	}
	.pro2-thaw{
		-webkit-transform: scale(.7);-moz-transform: scale(.7);-ms-transform: scale(.7);-o-transform: scale(.7);transform: scale(.7);
		transform-origin: 0 0;
	}

}

@media only screen and (min-width:1024px){
	.pcHide{
		display: none;
	}
	.skrollr-pic{
		position: relative;
		width: 1250px;
		height: 616px;
	}
	.skrollr-pic img{
		position: absolute;top: 0;

	}


}



@media only screen and (max-width:959px){
	.skrollr-pic{
		display: none;
	}
.ul-news1 .pic-box,.video-row1 .pic-box{flex:0 0 450px}
.ul-news1 .txt .s1{margin-bottom:10px}
.ul-news1 .txt .s2{margin-bottom:15px;font-size:24px;line-height:35px;height:70px}
.video-row1 .txt .s2{font-size:14px;line-height:24px;height:48px}
.ul-news1 .txt .s4,.video-row1 .txt .s3{bottom:20px}
.ul-news2{margin:0 -10px}
.ul-news2 li a{margin:0 10px}
.ul-news2 .txt{padding:10px}
.ul-news2 .txt .s3{opacity:1}
.ul-news2 .txt .s2{font-size:18px}
.index-row3{position:relative}
.index-row3 .txt-box{display:block;position:static;height:auto}
.index-row3 .txt-box .txt-left{position:absolute;top:0;left:0;right:0;text-align:center;padding:20px 0;z-index:2;border-bottom:1px solid rgba(255,255,255,.2)}
.index-row3 .txt-box .txt-left .s1{font-size:16px}
.index-row3 .txt-box .txt-left .s2{font-size:31px}
.index-row3 .txt-box .txt-right{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:24px 0 30px;display:block;text-align:center}
.index-row3 .txt-box .txt-right .s1{font-size:20px}
.index-row3 .txt-box .txt-right .s2{font-size:16px;line-height:1.3;margin-bottom:30px}
.g-more{font-size:14px;width:120px;height:40px;line-height:38px;border-radius:20px}
.index-row3 .play{top:30%;width:100px;margin-left:-50px}
.index-row4 .box .txt p{font-size:20px;bottom:10px;left:10px}
.index-row5 .txt .s1{font-size:30px}
.index-row5 .txt .s2{font-size:16px;padding:0 10px 10px}
.z-list1{margin:0 -3px}
.z-list1 li a{margin:0 3px}
.ban{height:360px}
.ban .txt{padding:260px 0 0}
.ban .txt .s1{font-size:30px}
.ban .txt .s2{font-size:12px}
.sustainability-row1{height:310px}
.sustainability-row1 .con .s1{font-size:21px}
.sustainability-row1 .con .s2{font-size:12px}
.sustainability-row2 .title{font-size:18px;margin-bottom:30px}
.z-list1 li{display:block;margin-bottom:20px}
.z-list1 .txt{padding:30px}
.z-list1 .txt .s1{font-size:20px;padding-right:0}
.z-list1 .txt .s2{font-size:14px;line-height:1.5}
.advice-top{display:block}
.form-advice .inp{width:100%}
.form-search{padding:160px 0 30px}
.form-search .inp{width:360px;margin-right:20px}
.ul-meadia .more{display:none}
.ul-download{padding:50px 0;margin:0 -10px}
.ul-download .inner{margin:0 10px 20px}
.careers-top{padding:0 20px}
.area-department .tit{margin-right:10px}
.area-department .m-select .show{width:220px}
.about-row1 .txt-box{display:block}
.about-row1 .txt-box .txt-left,.about-row1 .txt-box .txt-right{width:auto}
.about-row3 .box .txt .s2{width:200px}
.product-main .ul-product .pic{width:300px;height:300px}
.product-row1 .txt{position:static;color:#333}
.product-row1{margin:50px 0 30px;padding-bottom:50px}
.product-row1 .txt .s2{font-size:36px}
.sub-nav li>a{font-size:16px}
.sub-nav li+li{margin-left:30px}
.about-row1 .txt-box .txt-left .s3{font-size:30px}
.z-tab1{margin-bottom:40px}
.z-tab1 li{margin:0 10px}
.z-tab1 li a span{width:160px}
.partner-row4 .box .swiper-slide{display:block}
.partner-row4 .box .pic-box{margin-right:0;margin-bottom:20px}
.partner-row4 .g-tit2{color:#fff}
.partner-row4 .g-tit2:after{background:#fff}
.ul-list3{margin-left:-40px}
.ul-list3 li{width:50%}
.row-support1{padding:50px 20px;margin:50px 0}
.row-support1 .s1{font-size:30px}
.row-stories .swiper-slide{padding-left:0}
.row-stories .txt-box{left:20px;color:#fff}
.row-stories .swiper-dots-arrows{left:0;justify-content:center;bottom:30px}
.m-text h1{font-size:30px;line-height:1.5}
.z-video .txt{padding:0 10px;height:50px}
.z-video .txt .s1{font-size:18px}
.video-row1{margin:50px 0}
.designed-row1 .box{display:block}
.designed-row1 .pic{margin-right:0;margin-bottom:20px}
.designed-row2{padding:100px 0}
.z-technologies{overflow:hidden;padding-bottom:60px}
.z-technologies li{position:static!important;width:50%!important;margin:0 auto 20px!important}
.odm-row3 .box{max-height:500px}
.pop-file .pic-txt{display:block}
.pop-file .pic-txt .pic-box{display:none}
.odm-row3 .pic .img2{top:-30px}

.ani-box.ani-box-lllum_button .pic{
	width: 768px;
	height: 380px;
	background-position: left center;
	-webkit-background-size: auto 380px;background-size: auto 380px;
	margin-top: 10px;
	right: 50px;
}
	.pro2-thaw{
		-webkit-transform: scale(.5);-moz-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);transform: scale(.5);
		transform-origin: 5% 0;
	}




}

@media only screen and (min-width:960px){
	.pro-scale1 {

		-webkit-transform: scale(.9) translateX(-50%);
		-moz-transform: scale(.9) translateX(-50%);
		-ms-transform: scale(.9) translateX(-50%);
		-o-transform: scale(.9) translateX(-50%);
		transform: scale(.9) translateX(-50%);
	}
}


@media only screen and (min-width:768px){
.index-row1 .swiper-dots-arrows,.index-row4 .swiper-dots-arrows,.index-row6 .swiper-dots-arrows{display:none}
.index-row4 .box .swiper-wrapper{position:relative;padding-top:64.583%;display:block}
.index-row4 .box .swiper-slide{display:block;position:absolute;overflow:hidden;border-radius:10px}
.index-row4 .box .swiper-slide .pic{height:100%}
.index-row4 .box .swiper-slide:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.7);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.index-row4 .box .swiper-slide:hover:after{opacity:1}
.index-row4 .box .swiper-slide1{top:0;left:0;width:73%;height:58.65%}
.index-row4 .box .swiper-slide2{bottom:0;left:0;width:35.76%;height:39.8%}
.index-row4 .box .swiper-slide3{bottom:0;left:37.2%;width:35.76%;height:39.8%}
.index-row4 .box .swiper-slide4{top:0;right:0;bottom:0;width:25.694%}
.index-row4 .box .swiper-slide img{display:block;width:100%;height:100%}
.index-row4 .box .txt{position:absolute;width:100%;height:100%;top:0;left:0;color:#fff;z-index:2}
.index-row4 .box .txt .more{position:absolute;top:50%;left:50%;margin:-25px 0 0 -75px;width:150px;height:50px;line-height:48px;border:1px solid #fff;border-radius:25px;text-transform:uppercase;text-align:center;z-index:2;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.index-row4 .box .txt .more:hover{background-color:#fff;color:#333}
.index-row4 .box .txt p{position:absolute;left:40px;bottom:30px;font-family:FuturaLT-Heavy;font-size:32px}
.index-row4 .box .swiper-slide:hover .more{opacity:1}
.sub-nav li:hover .nav3{display:block}


	.mashz-box{
		-webkit-transform: scale(.6);-moz-transform: scale(.6);-ms-transform: scale(.6);-o-transform: scale(.6);transform: scale(.6);
	}

}
@media only screen and (max-width:767px){
body{padding-top:70px}
.banner{padding-bottom:105px}
.mo-banner{position:absolute;width:100%;height:100%;top:0;left:0;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover}
.swiper-dots-arrows .swiper-arrows{width:40px;height:40px;margin:0 20px}
.swiper-dots-arrows .swiper-dots .swiper-pagination-bullet{width:3px;height:11px;margin:0 4px;border-radius:2px}
.swiper-dots-arrows .swiper-dots .swiper-pagination-bullet-active{height:24px}
.banner .con{top:auto;bottom:-55px;left:20px;right:20px;padding:28px 0 34px;background-color:#000;text-align:center}
.banner .con .more,.banner .con .s3:after{display:none}
.banner .con .s1{font-size:12px;margin-bottom:10px}
.banner .con .s2{font-size:41px;margin-bottom:20px}
.banner .con .s3{font-size:18px}
.banner .swiper-dots-arrows{bottom:260px}
.index-row1{margin:0 20px}
.index-row1 .txt{position:static;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;padding:22px 0 0}
.index-row1 .txt .s1{font-size:20px;color:#1e1e1e}
.index-row1 .txt .s2{font-family:FuturaLT;font-size:18px;color:#333;opacity:1;margin-bottom:30px}
.index-row1 .txt .more{opacity:1;border-color:#2997ff;color:#2997ff;width:120px;height:40px;line-height:38px}
.index-row1 .txt .icon{position:absolute;top:15%;left:50%;margin-left:-45px;width:90px;opacity:1;z-index:10}
.index-row1 .pic:after{background-color:rgba(0,0,0,.5)}
.index-row1 .swiper-dots-arrows{top:20%;bottom:auto;justify-content:space-between}
.swiper-indexRow2 .img{width:69px}
.swiper-indexRow2 .swiper-dots-arrows{left:0;right:0;bottom:30px;justify-content:center}
.index-row4{margin:0 20px;padding:50px 0}
.index-row4 .wp{padding:0}
.index-row4 .box{position:relative;overflow:hidden}
.index-row4 .box .pic{position:relative;padding-top:51.2%;border-radius:10px;overflow:hidden;margin-bottom:24px}
.index-row4 .box .pic img{position:absolute;width:100%;height:100%;top:0;left:0}
.index-row4 .box .txt{text-align:center}
.index-row4 .box .txt p{font-family:FuturaLT-Heavy;margin-bottom:20px}
.index-row4 .box .txt .more{text-transform:uppercase;display:block;margin:0 auto 2px;width:120px;height:40px;line-height:38px;text-align:center;border:1px solid #2997ff;color:#2997ff;border-radius:25px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.index-row4 .box .swiper-dots-arrows{justify-content:space-between}
.index-row4 .box .swiper-dots-arrows .swiper-arrows{margin:0}
.index-row5{margin:0 20px;padding-bottom:80px}
.index-row5 .pic{margin-bottom:25px}
.index-row5 .txt{position:static;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.index-row5 .txt .s1{font-size:16px;color:#1e1e1e}
.index-row5 .txt .s2{font-family:FuturaLT;font-size:18px;color:#333}
.index-row5 .txt .g-more{border-color:#2997ff;color:#2997ff}
.swiper-dots-arrows .swiper-dots .swiper-pagination-bullet{background:#1e1e1e}
.index-row6{padding-bottom:60px}
.index-row6 .box{padding-bottom:80px}
.ban{height:240px}
.ban .txt{padding:160px 0 0}
.sustainability-row1{height:200px}
.sustainability-row2{padding:30px 20px}
.sustainability-row3 .title{font-size:24px}
.pop-win{width:300px}
.pop-win .txt .icon{width:100px;height:100px;margin-left:-50px;margin-top:-50px}
.pop-win .txt .s1{font-size:18px;padding:60px 0 12px}
.pop-win .txt .s2{font-size:14px}
.form-search{display:block;padding:50px 20px 0}
.form-search .inp{width:100%;margin-bottom:10px}
.form-search .search{display:block;margin:0 auto;font-size:12px;width:100px;height:40px;border-radius:20px;background-position:10px center;-webkit-background-size:15px auto;background-size:15px auto;padding-left:20px}
.g-tit2{font-size:22px}
.g-tit2:after{width:10px;height:3px;margin:5px auto 20px}
.ul-product .inner{display:block;height:auto!important;padding:20px}
.ul-product .txt{padding:30px 0 0}
.ul-product .txt .s2{font-size:21px;text-align:center}
.ul-product .txt .s2{margin-bottom:20px}
.ul-product .txt .s3{margin:0 auto}
.ul-meadia li a{display:block}
.ul-meadia .pic{margin-right:0;position:relative;padding-top:56%}
.ul-meadia .pic img{position:absolute;width:100%;height:100%;top:0;left:0}
.ul-download li{float:none;width:auto}
.ul-download .txt p{font-size:18px;bottom:20px;left:20px}
.careers-row1{margin:50px 0}
.careers-row1 .video-box .play{width:60px;height:60px;-webkit-background-size:60px auto;background-size:60px auto}
.careers-row1 .txt-box .s1{font-size:24px;line-height:1.5;margin-bottom:20px}
.careers-row1 .txt-box .s2{font-size:14px;line-height:1.5}
.area-department{display:block;padding:30px 0}
.area-department .item{display:block;margin-bottom:20px}
.area-department .m-select .show{width:auto}
.area-department .tit{margin-bottom:10px}
.careers-jobs .tit{display:block;height:auto;padding:10px 10px 30px;background-position:center bottom 10px}
.careers-jobs .tit .item{font-size:16px;line-height:2;width:auto!important;text-align:center!important}
.careers-jobs .tit .item:first-child{font-size:20px}
.careers-row2{padding:0 0 50px}
.about-row1{padding:50px 0}
.about-row1 .txt-box{padding:20px 0 0}
.about-row1 .txt-box .txt-left .s1{font-size:36px}
.about-row1 .txt-box .txt-left .s2{font-size:24px;margin-bottom:10px}
.about-row1 .txt-box .txt-right{font-size:14px;line-height:1.5}
.ul-about1{padding:30px 0 0}
.ul-about2 .s2{font-size:28px}
.about-row2{height:300px;padding:30px 0 0}
.ul-about2.one{padding:10px 0}
.ul-about2 .s1{font-size:14px}
.about-row4{margin:20px;overflow:hidden}
.about-row4 .txt p{font-size:14px}
.about-row4 .swiper-dots-arrows{position:absolute}
.about-row4 .swiper-dots-arrows .swiper-arrows{position:static;margin:0 10px}
.about-row4 .swiper-dots-arrows .swiper-dots{position:static}
.about-row4 .pic{margin-bottom:15px}
.about-row3{padding:20px 20px 10px}
.about-row3 .box .txt .s1{font-size:20px}
.about-row3 .box .txt .s2{font-size:14px;width:140px}
.about-row3 .box .txt .pos2{top:10px;left:10px}
.about-row3 .box .txt .pos1{bottom:10px;left:10px}
.about-row3 .box .pos3{top:10px;right:10px}
.about-row3 .box .pos4{right:10px;bottom:10px}
.ul-product .pic{margin:0 auto}
.product-main .ul-product .pic{margin-top:20px}
.sub-nav ul{display:block}
.sub-nav li+li{margin-left:0}
.sub-nav li>a{height:60px;line-height:60px}
.about-row1 .txt-box .txt-left{padding-right:0}
.about-row1 .txt-box .txt-left .s3{font-size:24px}
.nav3{position:static;padding:0 0 20px}
.nav3 .pic{display:none}
.nav3 .con .item{float:none;width:auto}
.nav3 .con .inner{margin-right:0;line-height:2}
.nav3 p{font-size:14px;text-align:left}
.nav3 .tit{font-size:18px;line-height:50px}
.z-tab1{display:block}
.z-tab1 li{margin-bottom:20px}
.z-tab1 li a span{width:auto}
.partner-row2{padding:40px 0}
.partner-row4 .box .txt-box .txt .s2{margin-bottom:30px}
.partner-row5 .box .txt-box .s1{font-size:24px}
.partner-row5 .box .txt-box .s2{font-size:18px;padding-right:0}
.partner-row5{padding:50px 0}
.ul-list2 li{margin:0 0 20px;width:auto}
.ul-list2 .inner{margin-left:0}
.partner-row6 .s1{font-size:30px}
.partner-row6{height:280px;padding:30px 0 0}
.table-membership{overflow-x:auto}
.table-membership .box{width:600px}
.z-distributors li{width:50%}
.z-distributors{margin:20px -5px}
.z-distributors .inner{margin:0 5px 10px}
.z-distributors .pic{height:150px;line-height:150px}
.z-distributors .txt .s1{font-size:12px}
.z-distributors .txt .s2{font-size:12px}
.z-tit6{font-size:30px}
.ul-list2 .pic{height:300px;line-height:298px}
.ul-list2 p{font-size:15px;line-height:2}
.ul-list3{padding-bottom:30px;margin-left:0}
.product-row2{padding-bottom:50px}
.ul-list2{display:block}
.row-stories{padding:50px 0}
.row-stories .txt-box{position:static;width:auto;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;color:#333}
.row-stories .txt-box .s2{font-size:20px;line-height:1.5}
.row-stories .swiper-dots-arrows{bottom:0}
.z-distributors .inner:hover .mask-box{padding:60px 0 0}
.row-newsroom{padding:0 60px 40px;margin-bottom:50px}
.swiper-newsroom .txt{padding:10px}
.row-newsroom .tit1{line-height:60px}
.ul-news1 li a,.video-row1{display:block}
.ul-news1 .txt,.video-row1 .txt{padding:20px}
.ul-news1 .txt .s4,.video-row1 .txt .s3{position:static;margin-top:20px}
.ul-news2 li{float:none;width:auto!important}
.ul-news3{padding-bottom:20px}
.h100{height:50px}
.z-video li{float:none;width:auto;margin-bottom:20px}
.designed-row6{padding:100px 0}
.designed-row6 .s1{font-size:24px}
.z-technologies li{width:auto!important}
.z-benefits{flex-wrap:wrap}
.z-benefits li{flex:none;width:50%;margin-bottom:20px}
.z-benefits p{font-size:14px}
.designed-row1 .txt .s1{font-size:24px;line-height:1.5}
.ban-video .txt-box .s1{font-size:26px}
.ban-video .txt-box .s1:after{margin:3px auto 10px}
.ban-video video{height:300px}
.ban-video .txt-box .s2{font-size:18px;margin-bottom:30px}
.designed-row6{padding:50px 0}
.designed-row6 .s2{margin-bottom:36px}
.designed-row5{padding:50px 0}
.designed-row1 .txt .s2{padding-right:0}
.odm-row3 .box .swiper-slide{padding:0}
.odm-row3 .swiper-dots2{right:0}
.odm-row3{padding:20px 0}
.odm-row3 .box{max-height:450px}
.pop-close{width:30px;height:30px;top:-15px;right:-15px}
.pop-file .box .swiper-slide{padding:20px}
.pop-win .txt .s3 .btn{font-size:14px}
.pop-cookie .img{display:none}
.pop-cookie .box{display:block;padding:20px}
.pop-cookie .btn-accept{margin-top:20px}
.odm-row3 .pic{height:180px;top:-20px}
.product-main .ul-product .txt .s4{margin-bottom:15px}
.product-main .ul-product .pic{width:160px;height:160px}
.product-main .ul-product .inner{padding:15px}


	.pro-futuristic {
		-webkit-transform: scale(.25);
		-moz-transform: scale(.25);
		-ms-transform: scale(.25);
		-o-transform: scale(.25);
		transform: scale(.25);
	}

	.futuristic-box{
		height: 150px;
	}

	.futuristic-box .pro-futuristic{
		left: 20%;
		-webkit-transform: scale(.3);
		-moz-transform: scale(.3);
		-ms-transform: scale(.3);
		-o-transform: scale(.3);
		transform: scale(.3);
	}
	.swiper-mediakit .txt{
		width: auto;
	}
	.twist-row3{
		height: 450px;
		padding: 300px 0 0;
	}
	.twist-row3 .pic{
		-webkit-transform: scale(.3);-moz-transform: scale(.3);-ms-transform: scale(.3);-o-transform: scale(.3);transform: scale(.3);
	}

	.twist-row4 .pic{
		margin-top: 10px;
	}
	.zty-blaze{
		height: 400px;
		overflow: hidden;
	}




	.pro-elevate{
		-webkit-transform: scale(.3);
		-moz-transform: scale(.3);
		-ms-transform: scale(.3);
		-o-transform: scale(.3);
		transform: scale(.3);
		-webkit-transform-origin: 3% 0;-moz-transform-origin: 3% 0;-ms-transform-origin: 3% 0;-o-transform-origin: 3% 0;transform-origin: 3% 0;
		margin-top: 0;
	}



	.pro-roundTip .ani-box .pic{
		transform-origin: -44% 57%;
	}


	.pro-elevate .ani-box .pic{
		transform-origin: -3% 19%;
	}

	.zty-row4{
		height: 650px;
	}
	.masky-row4{
		height: 350px;
	}

	.twist-row4{
		height: 1000px;
	}

	.twist-row4 .pic{
		top: -221px;
	}
	.twist-row4 .g-tit5{
		top: -221px;
	}

	.ani-box-spark.ani-box .pic{
		-webkit-transform: scale(.5);-moz-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);transform: scale(.5);
		-webkit-transform-origin: 10% 0;-moz-transform-origin: 10% 0;-ms-transform-origin: 10% 0;-o-transform-origin: 10% 0;transform-origin: 10% 0;
	}
	.ani-box-lllum.ani-box .pic{
		-webkit-transform: scale(.5);-moz-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);transform: scale(.5);
		-webkit-transform-origin: 10% 0;-moz-transform-origin: 10% 0;-ms-transform-origin: 10% 0;-o-transform-origin: 10% 0;transform-origin: 10% 0;
	}

	.pro-lllums{
		left: 66%;
	}

	.ani-box.ani-box-lllum_button .pic{
		/* -webkit-transform: scale(.5);-moz-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);transform: scale(.5); */
		-webkit-transform-origin: 44% 0;-moz-transform-origin: 44% 0;-ms-transform-origin: 44% 0;-o-transform-origin: 44% 0;transform-origin: 44% 0;
	}
	.ani-box.ani-box-lllum_breath .pic{
		-webkit-transform: scale(.5);-moz-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);transform: scale(.5);
		-webkit-transform-origin: 20% 0;-moz-transform-origin: 20% 0;-ms-transform-origin: 20% 0;-o-transform-origin: 20% 0;transform-origin:20% 0;
	}

	.mashz-box{
		height: 350px;
		-webkit-transform: scale(.3);-moz-transform: scale(.3);-ms-transform: scale(.3);-o-transform: scale(.3);transform: scale(.3);
		-webkit-transform-origin: 48% 0;-moz-transform-origin: 48% 0;-ms-transform-origin: 48% 0;-o-transform-origin: 48% 0;transform-origin: 48% 0;
	}

	.thaw-box{
		height: 360px;
		-webkit-transform: scale(.6);-moz-transform: scale(.6);-ms-transform: scale(.6);-o-transform: scale(.6);transform: scale(.6);
		-webkit-transform-origin: 30% 0;-moz-transform-origin: 30% 0;-ms-transform-origin: 30% 0;-o-transform-origin: 30% 0;transform-origin: 30% 0;
	}
	.pro2-thaw {
		-webkit-transform: scale(.27);
		-moz-transform: scale(.27);
		-ms-transform: scale(.27);
		-o-transform: scale(.27);
		transform: scale(.27);
		transform-origin: 2% 0;
	}
	.zty-row4.thaw-row4{
		height: 360px;
	}
	.zty-row4.maskz-row4{
		height: 450px;
	}
}



@media only screen and (max-width:376px){
	.pro-elevate .ani-box .pic{
		transform-origin: -10% 26%;
	}
}