.module-banner{background:#f5f5f5;padding:80px 0}
.module-banner-box{width:1200px;margin:0 auto;position:relative}
.module-banner-head{font-weight:400;text-align:center;margin-bottom:40px;color:#0068eb}
.module-banner-head em{display:block;margin-bottom:14px;font-style:normal;font-size:30px}
.module-banner-head span{font-size:16px;opacity:.6}
.module-banner-tab-list{float:left;width:280px}
.module-banner-tab-list .module-tab-nav li:nth-child(1){background:#0068eb;border-bottom:1px solid #fff}
.module-banner-tab-list .module-tab-nav li:nth-child(2){background:#0068eb;border-bottom:1px solid #fff}
.module-banner-tab-list .module-tab-nav li:nth-child(3){background:#0068eb;border-bottom:1px solid #fff}
.module-banner-tab-list .module-tab-nav li:nth-child(4){background:#0068eb;border-bottom:1px solid #fff}
.module-banner-tab-list .module-tab-nav li:nth-child(5){background:#0068eb;border-bottom:1px solid #fff}
.module-banner-tab-list .module-tab-nav li:nth-child(6){background:#0068eb;border-bottom:1px solid #fff}
.module-banner-tab-list ul li{color:#fff;width:280px;height:70px;cursor:pointer;text-align:center;position:relative;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.module-banner-tab-list ul li p{margin:0;line-height:70px;color:#fff;font-size:1.4em}
.module-banner-tab-list ul li i{width:40px;height:20px;display:none}
.module-banner-tab .module-banner-tab-list .module-tab-nav .on{opacity:1;height:100px;background-image:-webkit-linear-gradient(left,#01c2e6 0,#1160ff 100%);background-image:-moz-linear-gradient(left,#01c2e6 0,#1160ff 100%);background-image:-moz-linear-gradient(to right,#01c2e6 0,#1160ff 100%);background-image:-o-linear-gradient(to right,#01c2e6 0,#1160ff 100%);background-image:linear-gradient(to right,#01c2e6 0,#1160ff 100%);background-repeat:repeat}
.module-banner-tab .module-banner-tab-list .module-tab-nav .on .icon{display:inline-block}
.module-banner-tab .module-banner-tab-list .module-tab-nav li:hover{background-image:-webkit-linear-gradient(left,rgba(1,194,230,.4) 0,rgba(17,96,255,.4) 100%);background-image:-moz-linear-gradient(left,rgba(1,194,230,.4) 0,rgba(17,96,255,.4) 100%);background-image:-moz-linear-gradient(to right,rgba(1,194,230,.4) 0,rgba(17,96,255,.4) 100%);background-image:-o-linear-gradient(to right,rgba(1,194,230,.4) 0,rgba(17,96,255,.4) 100%);background-image:linear-gradient(to right,rgba(1,194,230,.4) 0,rgba(17,96,255,.4) 100%);background-repeat:repeat}
.module-banner-tab .module-banner-tab-list .module-tab-nav .on:hover{opacity:1;height:100px;background-image:-webkit-linear-gradient(left,#01c2e6 0,#1160ff 100%);background-image:-moz-linear-gradient(left,#01c2e6 0,#1160ff 100%);background-image:-moz-linear-gradient(to right,#01c2e6 0,#1160ff 100%);background-image:-o-linear-gradient(to right,#01c2e6 0,#1160ff 100%);background-image:linear-gradient(to right,#01c2e6 0,#1160ff 100%);background-repeat:repeat}
.module-banner-tab-list-box{float:right;width:800px;height:490px;background:#fff;padding:40px;overflow:hidden;position:relative}
.module-tab-box-ma{width:820px;opacity:1;z-index:1;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;position:absolute}
.module-tab-title h4{margin:0 0 20px 0;font-size:16px;font-weight:400;position:relative}
.module-tab-title h4:before{content:" ";display:inline-block;width:3px;height:16px;background:#108cee;margin-bottom:-2px;margin-right:8px}
.module-tab-title p{color:#666;font-size:14px;line-height:24px}
.module-tab-text{margin:10px 0}
.module-tab-text h4{margin:0 0 20px 0;font-size:16px;font-weight:400;position:relative}
.module-tab-text h4:before{content:" ";display:inline-block;width:3px;height:16px;background:#108cee;margin-bottom:-2px;margin-right:8px}
.module-tab-text ul li{width:31%;float:left;font-size:14px;margin-right:2%;cursor:pointer;color:#a2a2a2;margin-bottom:20px;border:1px solid #f4f4f4;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.module-tab-text ul li .plink{line-height:30px;background:#0068eb;color:#fff;text-align:center}
.module-tab-text ul li .plink:hover{background:#0991f2}
.icon{width:16px;height:16px;display:inline-block;vertical-align:middle;margin-right:10px;margin-left:10px}
.module-tab-text ul li a{color:#fff}
.module-tab-text ul .module-tab-link:hover:after{border-color:#fff}
.module-tab-more a{cursor:pointer;color:#fff;font-size:14px;background:#108cee;text-align:center;width:160px;display:inline-block;line-height:40px;margin-top:20px;text-decoration:none;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.module-tab-more a:hover{background:#41a6f7}
.module-tab-case li{float:left;margin-right:20px}
.module-tab-case li i{width:60px;height:60px;border:1px solid #f0f0f0;border-radius:12px;display:inline-block}
.module-tab-case li span{color:#666;font-size:12px;display:block;text-align:center;line-height:24px}
.in-case-menu{float:left;width:300px}
.in-case-menu li a{display:block;background:url(../images/ag2.jpg) no-repeat center/100% 100%;line-height:64px;padding-left:64px;font-size:16px;padding-right:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.in-case-menu li.active a{background-image:url(../images/ag1.jpg);color:#fff}
.in-case-con{margin-left:325px}
.in-case-con dl{margin:0;overflow:hidden}
.in-case-con dt{float:left;width:436px}
.in-case-con dd{margin-left:466px}
.in-case-con dd h4{margin:0;font-size:18px}
.in-case-con dd p{margin:20px 0 0;color:#777;line-height:2;text-align:justify;height:258px}
.in-case-con dd .more{display:block;width:180px;line-height:38px;background-color:#d00;color:#fff;text-align:center;margin-top:20px;font-size:16px}
.warp{width:1200px;margin:0 auto;position:relative}
.am-cf:after,.am-cf:before{content:" ";display:table}
.am-cf:after{clear:both}
.search{width:100%;background-color:#eaeaea;padding-top:23px;padding-bottom:23px}
.search .fl{padding-top:10px;font-size:0}
.search .fl a{font-size:14px;color:#515151;margin-right:20px}
.search .fl a:hover{color:#2c88d7}
.search .fl font{font-size:16px;color:#0d6fb8;margin-right:10px}
.search .fr{font-size:0}
.search .fr input[type=text]{width:249px;height:35px;background-color:#fff;border:solid 0 #0d6fb8;text-indent:17px;vertical-align:top;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-size:14px}
.search .fr input[type=text]::-webkit-input-placeholder{color:#d0cfd0}
.search .fr input[type=text]::-moz-input-placeholder{color:#d0cfd0}
.search .fr input[type=submit]{width:91px;height:35px;background-color:#0d6fb8;vertical-align:top;color:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-size:16px}
@media (max-width:1100px){.search{display:none}
.module-banner{display:none}
}
.vbox{background-color:#000}
.vbox video.momenta-video{margin:0 auto;width:100%;height:90vh}
.partners-swiper .makeup img{width:.8rem;margin:0 auto;display:block}
.dialog-phone,.dialog-video,.h5-video-img{display:none}
.pc-video-img{display:block}
.video-box{display:none}
.main-one{position:relative;width:100%;min-width:320px;height:100vh;background-color:#f0f0f0;overflow:hidden}
.main-otit p.zh_1{font-family:'PingFang SC Heavy';letter-spacing:1px;font-size:.54rem}

.main-one::before{content:"";position:absolute;background-color:#0068eb;width:180%;height:160%;top:0;left:0;z-index:1;opacity:1;overflow:hidden;animation:bg-index02 .7s 0s;-webkit-animation:bg-index02 .7s 0s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

.main-one-active::after,.main-one-active::before{content:"";position:absolute;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transition:2s;-moz-transition:2s;-ms-transition:2s;-o-transition:2s;transition:2s}


/*

.main-one::before{content:"";position:absolute;background-color:#0068eb;width:180%;height:100%;top:0;left:0;z-index:1;opacity:1;overflow:hidden;animation:bg-index02 .7s 0s;-webkit-animation:bg-index02 .7s 0s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.main-one::after{content:"";position:absolute;background-color:#0068eb;width:190%;height:100%;bottom:0;z-index:1;overflow:hidden;opacity:1;animation:bg-index01 .7s 0s;-webkit-animation:bg-index01 .7s 0s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.main-one-active::after,.main-one-active::before{content:"";position:absolute;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transition:2s;-moz-transition:2s;-ms-transition:2s;-o-transition:2s;transition:2s}
.main-one-active::before{top:-100%}
.main-one-active::after{bottom:-100%}
*/

.ligh-series .tit.tit-dms{width:460px}
.text-module .tit.tit-dms span.size-small{font-size:40px;word-break:break-word;line-height:46px}
@-webkit-keyframes bg-index02{0%{-webkit-transform:translate3d(-30%,-50%,0) rotateZ(-12deg);-moz-transform:translate3d(-30%,-50%,0) rotateZ(-12deg);-ms-transform:translate3d(-30%,-50%,0) rotateZ(-12deg);-o-transform:translate3d(-30%,-50%,0) rotateZ(-12deg);transform:translate3d(-30%,-50%,0) rotateZ(-12deg)}
100%{-webkit-transform:translate3d(-30%,-66%,0) rotateZ(-12deg);-moz-transform:translate3d(-30%,-66%,0) rotateZ(-12deg);-ms-transform:translate3d(-30%,-66%,0) rotateZ(-12deg);-o-transform:translate3d(-30%,-66%,0) rotateZ(-12deg);transform:translate3d(-30%,-66%,0) rotateZ(-12deg)}
}
@keyframes bg-index02{0%{-webkit-transform:translate3d(-30%,-50%,0) rotateZ(-12deg);-moz-transform:translate3d(-30%,-50%,0) rotateZ(-12deg);-ms-transform:translate3d(-30%,-50%,0) rotateZ(-12deg);-o-transform:translate3d(-30%,-50%,0) rotateZ(-12deg);transform:translate3d(-30%,-50%,0) rotateZ(-12deg)}
100%{-webkit-transform:translate3d(-30%,-66%,0) rotateZ(-12deg);-moz-transform:translate3d(-30%,-66%,0) rotateZ(-12deg);-ms-transform:translate3d(-30%,-66%,0) rotateZ(-12deg);-o-transform:translate3d(-30%,-66%,0) rotateZ(-12deg);transform:translate3d(-30%,-66%,0) rotateZ(-12deg)}
}
@keyframes bg-index022{0%{-webkit-transform:translate3d(-30%,-50%,0) rotateZ(-14deg);-moz-transform:translate3d(-30%,-50%,0) rotateZ(-14deg);-ms-transform:translate3d(-30%,-50%,0) rotateZ(-14deg);-o-transform:translate3d(-30%,-50%,0) rotateZ(-14deg);transform:translate3d(-30%,-50%,0) rotateZ(-14deg)}
100%{-webkit-transform:translate3d(-30%,-60%,0) rotateZ(-14deg);-moz-transform:translate3d(-30%,-60%,0) rotateZ(-14deg);-ms-transform:translate3d(-30%,-60%,0) rotateZ(-14deg);-o-transform:translate3d(-30%,-60%,0) rotateZ(-14deg);transform:translate3d(-30%,-60%,0) rotateZ(-14deg)}
}
@-webkit-keyframes bg-index01{0%{-webkit-transform:translate3d(-34%,34%,0) rotateZ(-12deg);-moz-transform:translate3d(-34%,34%,0) rotateZ(-12deg);-ms-transform:translate3d(-34%,34%,0) rotateZ(-12deg);-o-transform:translate3d(-34%,34%,0) rotateZ(-12deg);transform:translate3d(-34%,34%,0) rotateZ(-12deg)}
100%{-webkit-transform:translate3d(-30%,84%,0) rotateZ(-12deg);-moz-transform:translate3d(-30%,84%,0) rotateZ(-12deg);-ms-transform:translate3d(-30%,84%,0) rotateZ(-12deg);-o-transform:translate3d(-30%,84%,0) rotateZ(-12deg);transform:translate3d(-30%,84%,0) rotateZ(-12deg)}
}
@keyframes bg-index01{0%{-webkit-transform:translate3d(-34%,34%,0) rotateZ(-12deg);-moz-transform:translate3d(-34%,34%,0) rotateZ(-12deg);-ms-transform:translate3d(-34%,34%,0) rotateZ(-12deg);-o-transform:translate3d(-34%,34%,0) rotateZ(-12deg);transform:translate3d(-34%,34%,0) rotateZ(-12deg)}
100%{-webkit-transform:translate3d(-30%,84%,0) rotateZ(-12deg);-moz-transform:translate3d(-30%,84%,0) rotateZ(-12deg);-ms-transform:translate3d(-30%,84%,0) rotateZ(-12deg);-o-transform:translate3d(-30%,84%,0) rotateZ(-12deg);transform:translate3d(-30%,84%,0) rotateZ(-12deg)}
}
.main-otit{position:absolute;top:0;bottom:0;left:108px;margin:auto;height:440px;font-size:.96rem;line-height:.98rem;color:#fff;z-index:1;text-transform:uppercase}
.main-otit p{color:#fff;font-family:'Din black'}
.main-otit p.zh_2{font-size:.24rem;line-height:.44rem;width:4.87rem}
/*
#loading-wrapper{position:fixed;left:0;top:40px;width:100%;height:100%;z-index:999;transform:rotate(-14deg) scale(1.5)}
#loading-wrapper #loading-top{position:fixed;left:0;top:0;width:300%;height:50vh;z-index:100;background-color:#0068eb}
#loading-wrapper #loading-btm{position:fixed;right:0;bottom:0;width:100%;height:50vh;z-index:100;background-color:#0068eb}
#loading-wrapper #progress{position:fixed;left:0;width:0;top:50%;height:1px;background-color:#fff;z-index:101}
#loading-wrapper #progress:before{content:"";position:absolute;background-image:url(../images/loading-pen.png);width:60px;height:100px;right:-60px;top:-100px;background-size:contain;background-repeat:no-repeat}
#loading-wrapper #progressline{content:"";position:absolute;width:0;height:1px;left:0;bottom:0;background-color:rgba(255,255,255,.4)}
.text-module .paragraph{margin-top:.18rem}
*/
.momenta-video-play{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:130px;height:130px;background:url(../images/icon-play.png) no-repeat center/40px;font-size:16px;color:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;z-index:10;-webkit-transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s;-ms-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;transition:all .5s ease-in-out .3s;cursor:pointer}
.momenta-video-play span{position:absolute;top:0;bottom:0;left:-26px;margin:auto;height:20px;font-size:22px;text-transform:uppercase}
.momenta-video-play u{display:block;position:absolute;left:0;right:0;margin:auto;width:100%;height:130px;background:url(../images/ico-sers.png) no-repeat center/100%}
.momenta-video-play.active u.cb{clip:rect(0,156px,-10px,78px);animation:1s playx linear 3.6s forwards;-webkit-animation:1s playx linear 3.6s forwards}
.momenta-video-play.active u.ct{animation:2s plays linear 1.8s forwards;-webkit-animation:2s plays linear 1.8s forwards;clip:rect(0,5px,40px,0)}
.momenta-video-play2{display:none;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:130px;height:130px;font-size:16px;color:#fff;z-index:10;cursor:pointer}
.momenta-video-play2>div{width:130px;height:130px}
.video-img{position:absolute;width:100%;top:0}
.momenta-video-play2 #crl0{width:100%}
.momenta-video-play2 span{position:absolute;top:0;bottom:0;left:-26px;margin:auto;height:20px;font-size:22px;text-transform:uppercase;font-family:'Din black'}
.main-second{padding:114px 0 24px;width:60.57%;margin-left:20.57%}
@-webkit-keyframes broadwise{form{width:2px;height:2px}
100%{width:100%;height:4px}
}
@keyframes broadwise{form{width:2px;height:2px}
100%{width:100%;height:4px}
}
@-webkit-keyframes vertical{form{width:2px;height:2px}
100%{width:4px;height:100%}
}
@keyframes vertical{form{width:2px;height:2px}
100%{width:4px;height:100%}
}
.pc-full-img,.pc-photo{display:block}
.h5-full-img,.h5-photo{display:none}
.broadwise{-webkit-animation-name:broadwise;animation-name:broadwise;animation-fill-mode:forwards!important}
.vertical{-webkit-animation-name:vertical;animation-name:vertical;animation-fill-mode:forwards!important}
.text-module .paragraph{font-size:16px;line-height:34px;color:#666;font-family:'PingFang SC Regular'}
.text-module .explore-wrap{padding:.3rem 0}
.left-con-t .tit{margin-bottom:10px;text-align:right}
.left-con-t .tit i{left:auto;right:-20px}
.left-con-t .tit-sub{text-align:right;font-family:'PingFang SC Semibold'}
.padding-top-n{margin-top:-2.65rem}
.main-third{position:relative;padding-bottom:60px;overflow:hidden}
.main-third::before{content:'';position:absolute;top:1.3rem;left:0;width:200%;height:20.5rem;transform:skew(0,-12deg);background-color:#f0f0f0}
.public-detailo .text-module{position:absolute;top:1.8rem;right:8%;background-color:#fff;box-shadow:0 0 6px #dee0e4;padding:.9rem 5.4%;width:36%}
.big-tit{width:100%;margin-top:0}
.hzhb-tit{width:95%;margin:.2rem auto .4rem 0}
.public-photo{position:relative;z-index:1}
.public-photo img{width:75.11%;transition:.2s all;-webkit-transition:.2s all;-moz-transition:.2s all;-ms-transition:.2s all;-o-transition:.2s all}
.public-detailp .text-module{left:8%;right:auto;top:3.25rem}
.public-detailp .public-photo{left:auto;text-align:right}
.indx-swiper{position:relative;z-index:1;text-align:center}
.indx-swiper .swiper-slide{overflow:hidden}
.indx-swiper img{width:95%}
.indx-swiper .swiper-button-next,.indx-swiper .swiper-button-prev{top:auto;left:auto;bottom:15%}
.indx-swiper .swiper-button-prev{right:10%}
.indx-swiper .swiper-button-next{right:5%}
.indx-swiper .swiper-pagination{left:auto;right:16%;bottom:16.5%;text-align:right}
.ligh-series{position:absolute;top:-14%;right:10%;bottom:0;margin:auto;width:496px;height:270px;color:#fff;text-align:left}
.ligh-series .tit{color:#fff;text-transform:none}
.ligh-series .tit span{display:block;line-height:54px}
.ligh-series .paragraph-y{color:#fff}
.ligh-series .paragraph{color:#fff}
.fix-full-screen .text-module-wid{width:605px}
.fix-full-screen .text-module .paragraph{width:305px;margin:20px 0 auto auto}
.fix-full-screen .text-module .paragraph-log{width:320px}
.fix-full-screen .text-module-only-left .paragraph{margin:20px auto auto 0}
.fix-full-screen .text-module-only-left{left:5.5%;top:4%;right:auto}
.main-fourth{position:relative;padding:0 0 88px;overflow:hidden;margin-top:-1.58rem}
.single .left-con-t{position:relative;width:100%}
.partner-title-box{width:95%}
.partner-title-box-h5{display:none}
.partner-title-box .big-tit .cg_tit{margin-right:.36rem}
.partner-title-box .big-tit i{right:0}
.partners-swiper{width:90%;margin:0 auto}
.partners-swiper .swiper-button-prev{left:10%}
.partners-swiper .swiper-button-next{right:5%}
.partners-swiper .details,.partners-swiper .makeup,.partners-swiper .partner-img{padding:0 60px}
.partners-swiper .partner-img{position:relative;width:100%;height:138px;box-sizing:border-box}
.partners-swiper .partner-img img{position:absolute;bottom:0;left:0;right:0;margin:auto;width:1.6rem}
.partners-swiper .partner-img img.ambarella,.partners-swiper .partner-img img.img_texas{width:2rem}
.partners-swiper .partner-symbol{width:100%;text-align:center}
.partners-swiper .makeup{display:inherit;margin:44px 0 10px;height:48px}
.partners-swiper .details{color:#666;font-size:16px;line-height:26px;text-align:center;overflow:hidden}
.partners-swiper .details .bold{font-weight:700;font-family:'PingFang SC Semibold'}
.single .left-con-t{right:.4rem}
.main-fifth{padding:20px 0 20px;background:#0068eb url(../images/fifth-bg.png) no-repeat right center/auto 100%}
@-webkit-keyframes fadeInLeft2{0%{opacity:0;-webkit-transform:translateX(-200px);transform:translateX(-200px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInLeft2{0%{opacity:0;-webkit-transform:translateX(-200px);-ms-transform:translateX(-200px);transform:translateX(-200px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInLeft2{-webkit-animation-name:fadeInLeft2;animation-name:fadeInLeft2}
@-webkit-keyframes fadeInRight2{0%{opacity:0;-webkit-transform:translateX(200px);transform:translateX(200px);-moz-transform:translateX(200px);-ms-transform:translateX(200px);-o-transform:translateX(200px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInRight2{0%{opacity:0;-webkit-transform:translateX(200px);-ms-transform:translateX(200px);transform:translateX(200px);-moz-transform:translateX(200px);-o-transform:translateX(200px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInRight2{-webkit-animation-name:fadeInRight2;animation-name:fadeInRight2}
@media (max-width:374px){.main-otit{top:-31%;left:18px;height:170px;font-size:30px}
.momenta-video-play2{top:22%}
.public-photo{left:-54%}
.public-photo img{width:148%}
.public-detailo .text-module{right:0;left:0}
.main-third{padding-bottom:0}
.public-detailp .text-module{top:44%;left:0;right:0}
.public-detailp .public-photo{right:-6%}
.text-module .tit{font-size:28px;margin-bottom:20px}
.text-module .tit-sub{margin-bottom:24px;font-size:20px}
.text-module .paragraph{line-height:26px}
.public-detailo .text-module .tit{margin-bottom:4px}
.left-con-t .tit{text-align:left}
.left-con-t .tit i{left:-20px;right:auto}
.left-con-t .tit-sub{text-align:left}
.single .left-con-t{right:auto;left:5%}
.indx-swiper img{width:200%}
.main-fourth::before{height:300px}
.main-fifth{padding:84px 0;background-position:-182% center}
.text-module .explore-wrap{text-align:left!important;float:left;padding:.6rem 0 0}
.padding-top-n{padding-top:110px;padding-bottom:2rem;margin-top:0!important}
.public-detailo .text-module-top{top:6.4rem!important}
.indx-swiper .swiper-button-next{right:10px;left:auto}
.indx-swiper .swiper-button-prev{left:10px;right:auto}
.indx-swiper .swiper-button-next,.indx-swiper .swiper-button-prev{top:0;bottom:0;margin:auto;border:0;background-color:rgba(255,255,255,.4)}
.indx-swiper .swiper-pagination{bottom:0}
.ligh-series{left:0;right:0;top:13%;width:66%}
.partners-swiper .partner-img{height:100px}
.single{padding-top:66px}
}
.index-main-otit{text-transform:none;line-height:.68rem;font-size:.56rem}
.index-main-otit p{line-height:.65rem;font-size:.56rem}
.index-main-otit p.text-heavy{line-height:.75rem;font-size:.6rem}
.index-main-otit .text-light{font-family:'Din light'}
.index-main-otit .text-bold{font-family:'Din bold'}
.index-main-otit .text-heavy{font-family:'PingFang SC Medium'}
.index-main-otit .explore-wrap{padding:0}
.index-main-otit .explore{display:inline-block;font-size:16px;color:#fff;position:relative;padding-right:1.12rem;font-family:'Din black';width:110px}
.index-main-otit .explore .elongate{background:url(../images/icon-play.png) no-repeat right center/8px;width:1.12rem}
.index-main-otit .explore .elongate:after{background-color:#fff}
.index-main-otit .explore:hover .elongate{width:1.42rem}
.index-main-otit .text-h5{display:none}
@media (min-width:375px) and (max-width:444px){.main-otit{top:-24%;left:18px;height:360px;font-size:46px}
.main-otit p{line-height:52px}
.momenta-video-play2{top:22%}
.public-photo{left:-54%}
.public-photo img{width:148%}
.public-detailo .text-module{right:0;left:0}
.main-third{padding-bottom:0}
.public-detailp .text-module{top:44%;left:0;right:0}
.public-detailp .public-photo{right:-6%}
.text-module .tit{font-size:28px}
.text-module .tit-sub{margin-bottom:24px;font-size:20px}
.text-module .paragraph{font-size:14px}
.public-detailo .text-module .tit{margin-bottom:4px}
.left-con-t .tit{text-align:left}
.left-con-t .tit i{left:-20px;right:auto}
.left-con-t .tit-sub{text-align:left}
.single .left-con-t{right:auto;left:5%}
.indx-swiper img{width:150%}
.main-fourth::before{height:300px}
.main-fifth{padding:84px 0;background-position:-182% center}
.explore-wrap{text-align:left!important;float:left}
.padding-top-n{padding-top:36px;padding-bottom:2rem}
.indx-swiper .swiper-button-next{right:10px;left:auto}
.indx-swiper .swiper-button-prev{left:10px;right:auto}
.indx-swiper .swiper-button-next,.indx-swiper .swiper-button-prev{top:0;bottom:0;margin:auto;border:0;background-color:rgba(255,255,255,.4)}
.indx-swiper .swiper-pagination{bottom:0}
.ligh-series{left:0;right:0;top:13%;width:66%}
}
@media (min-width:445px) and (max-width:640px){.main-otit{top:-24%;left:18px;height:360px;font-size:46px}
.main-otit p{line-height:52px}
.momenta-video-play2{top:22%}
.public-photo{left:-54%}
.public-photo img{width:148%}
.public-detailo .text-module{right:0;left:0}
.main-third{padding-bottom:0}
.public-detailp .text-module{top:50%;left:0;right:0}
.public-detailp .public-photo{right:-6%}
.text-module .tit{font-size:28px}
.text-module .tit-sub{margin-bottom:24px;font-size:20px}
.text-module .paragraph{line-height:26px}
.public-detailo .text-module .tit{margin-bottom:4px}
.left-con-t .tit{text-align:left}
.left-con-t .tit i{left:-20px;right:auto}
.left-con-t .tit-sub{text-align:left}
.single .left-con-t{right:auto;left:5%}
.indx-swiper img{width:128%}
.main-fourth::before{height:300px}
.main-fifth{padding:84px 0}
.explore-wrap{text-align:left!important;float:left}
.padding-top-n{padding-top:36px;padding-bottom:2rem}
.indx-swiper .swiper-button-next{right:10px;left:auto}
.indx-swiper .swiper-button-prev{left:10px;right:auto;background-position:-18px center}
.indx-swiper .swiper-button-next,.indx-swiper .swiper-button-prev{top:0;bottom:0;margin:auto;border:0;background-color:rgba(255,255,255,.4)}
.indx-swiper .swiper-pagination{bottom:0}
.ligh-series{left:0;right:0;top:13%;width:66%}
}
@media (min-width:639px) and (max-width:768px){.main-otit{height:360px;line-height:.8rem!important;font-size:.7rem!important}
.momenta-video-play2{top:22%}
.public-photo{left:-54%}
.public-photo img{width:148%}
.public-detailo .text-module{right:0;left:0}
.main-third{padding-bottom:0}
.public-detailp .text-module{top:44%;left:0;right:0}
.public-detailp .public-photo{right:-6%}
.text-module .tit{font-size:40px}
.text-module .tit-sub{margin-bottom:40px;font-size:20px}
.text-module .paragraph{line-height:34px}
.public-detailo .text-module .tit{margin-bottom:4px}
.left-con-t .tit{text-align:left}
.left-con-t .tit i{left:-20px;right:auto}
.left-con-t .tit-sub{text-align:left}
.single .left-con-t{right:auto;left:5%}
.indx-swiper img{width:110%}
.main-fourth::before{height:300px}
.main-fifth{padding:84px 0}
.explore-wrap{text-align:left!important;float:left}
.padding-top-n{padding-top:0;padding-bottom:50px;margin-top:-14%}
.indx-swiper .swiper-button-next{right:10px;left:auto}
.indx-swiper .swiper-button-prev{left:10px;right:auto}
.indx-swiper .swiper-button-next,.indx-swiper .swiper-button-prev{top:0;bottom:0;margin:auto;border:0;background-color:rgba(255,255,255,.4)}
.indx-swiper .swiper-pagination{bottom:0}
.ligh-series{left:0;right:0;top:6%;width:66%}
}
@media (min-width:769px) and (max-width:991px){.main-otit{top:-24%;left:42px;height:360px;font-size:70px}
.main-otit p{line-height:74px}
.momenta-video-play2{top:14%}
@-webkit-keyframes bg-index02{0%{-webkit-transform:translate3d(-30%,-50%,0) rotateZ(-12deg);-moz-transform:translate3d(-30%,-50%,0) rotateZ(-12deg);-ms-transform:translate3d(-30%,-50%,0) rotateZ(-12deg);-o-transform:translate3d(-30%,-50%,0) rotateZ(-12deg);transform:translate3d(-30%,-50%,0) rotateZ(-12deg)}
100%{-webkit-transform:translate3d(-30%,-72%,0) rotateZ(-12deg);-moz-transform:translate3d(-30%,-72%,0) rotateZ(-12deg);-ms-transform:translate3d(-30%,-72%,0) rotateZ(-12deg);-o-transform:translate3d(-30%,-72%,0) rotateZ(-12deg);transform:translate3d(-30%,-72%,0) rotateZ(-12deg)}
}
@keyframes bg-index02{0%{-webkit-transform:translate3d(-30%,-50%,0) rotateZ(-12deg);-moz-transform:translate3d(-30%,-50%,0) rotateZ(-12deg);-ms-transform:translate3d(-30%,-50%,0) rotateZ(-12deg);-o-transform:translate3d(-30%,-50%,0) rotateZ(-12deg);transform:translate3d(-30%,-50%,0) rotateZ(-12deg)}
100%{-webkit-transform:translate3d(-30%,-72%,0) rotateZ(-12deg);-moz-transform:translate3d(-30%,-72%,0) rotateZ(-12deg);-ms-transform:translate3d(-30%,-72%,0) rotateZ(-12deg);-o-transform:translate3d(-30%,-72%,0) rotateZ(-12deg);transform:translate3d(-30%,-72%,0) rotateZ(-12deg)}
}
@-webkit-keyframes bg-index01{0%{-webkit-transform:translate3d(-34%,34%,0) rotateZ(-12deg);-moz-transform:translate3d(-34%,34%,0) rotateZ(-12deg);-ms-transform:translate3d(-34%,34%,0) rotateZ(-12deg);-o-transform:translate3d(-34%,34%,0) rotateZ(-12deg);transform:translate3d(-34%,34%,0) rotateZ(-12deg)}
100%{-webkit-transform:translate3d(-30%,90%,0) rotateZ(-12deg);-moz-transform:translate3d(-30%,90%,0) rotateZ(-12deg);-ms-transform:translate3d(-30%,90%,0) rotateZ(-12deg);-o-transform:translate3d(-30%,90%,0) rotateZ(-12deg);transform:translate3d(-30%,90%,0) rotateZ(-12deg)}
}
@keyframes bg-index01{0%{-webkit-transform:translate3d(-34%,34%,0) rotateZ(-12deg);-moz-transform:translate3d(-34%,34%,0) rotateZ(-12deg);-ms-transform:translate3d(-34%,34%,0) rotateZ(-12deg);-o-transform:translate3d(-34%,34%,0) rotateZ(-12deg);transform:translate3d(-34%,34%,0) rotateZ(-12deg)}
100%{-webkit-transform:translate3d(-30%,90%,0) rotateZ(-12deg);-moz-transform:translate3d(-30%,90%,0) rotateZ(-12deg);-ms-transform:translate3d(-30%,90%,0) rotateZ(-12deg);-o-transform:translate3d(-30%,90%,0) rotateZ(-12deg);transform:translate3d(-30%,90%,0) rotateZ(-12deg)}
}
.public-photo{left:0}
.public-photo img{width:92%}
.public-detailo .text-module{top:26%;right:4%}
.main-third{padding-bottom:0}
.public-detailp .text-module{top:22%;left:4%;right:auto}
.public-detailp .public-photo{right:0}
.text-module .tit{font-size:54px}
.text-module .tit-sub{margin-bottom:40px;font-size:24px}
.text-module .paragraph{line-height:34px}
.public-detailo .text-module .tit{margin-bottom:10px}
.left-con-t .tit{text-align:right}
.left-con-t .tit-sub{text-align:right}
.left-con-t .tit i{left:auto;right:-20px}
.single .left-con-t{right:5%;left:auto}
.main-fourth::before{height:800px}
.main-fifth{padding:50px 0 50px;background-position:right center}
.padding-top-n{padding-top:64px}
.indx-swiper .swiper-button-next{right:5%}
.indx-swiper .swiper-button-prev{right:12%}
.indx-swiper .swiper-button-next,.indx-swiper .swiper-button-prev{top:auto;left:auto;bottom:15%;margin:inherit}
.indx-swiper .swiper-pagination{right:20%}
.partners-swiper .partner-img{height:138px}
}
@media (min-width:992px){.momenta-video-play2{top:14%}
.public-photo{left:0}
.public-detailo .text-module{right:2%}
.main-third{padding-bottom:0}
.public-detailp .text-module{left:2%;right:auto}
.public-detailp .public-photo{right:0}
.text-module .tit{font-size:.36rem}
.text-module .tit-sub{margin-bottom:40px;font-size:24px}
.text-module .paragraph{line-height:34px}
.public-detailo .text-module .tit{margin-bottom:10px}
.left-con-t .tit{text-align:right}
.left-con-t .tit-sub{text-align:right}
.left-con-t .tit i{left:auto;right:-20px}
.single .left-con-t{left:auto}
.main-fourth::before{height:800px}
.main-fifth{padding:70px 0 60px;background-position:right center}
.padding-top-n{padding-top:20px;padding-bottom:0}
.indx-swiper .swiper-button-next{right:5%}
.indx-swiper .swiper-button-prev{right:12%}
.indx-swiper .swiper-button-next,.indx-swiper .swiper-button-prev{top:auto;left:auto;bottom:15%;margin:inherit}
.indx-swiper .swiper-pagination{right:20%}
.partners-swiper .partner-img{height:138px}
}
@media (min-width:1200px){.public-detailo .text-module{right:4%}
.main-third{padding-bottom:0}
.public-detailp .text-module{left:4%;right:auto}
.text-module .tit{font-size:.36rem}
.text-module .tit-sub{margin-bottom:40px;font-size:24px}
.text-module .paragraph{line-height:34px}
.public-detailo .text-module .tit{margin-bottom:10px}
.left-con-t .tit{text-align:right}
.left-con-t .tit-sub{text-align:right}
.left-con-t .tit i{left:auto;right:-20px}
.single .left-con-t{left:auto}
.main-fourth::before{height:800px}
.main-fifth{padding:70px 0 60px;background-position:right center}
.padding-top-n{padding-top:0;padding-bottom:0}
.indx-swiper .swiper-button-next{right:5%}
.indx-swiper .swiper-button-prev{right:10%}
.indx-swiper .swiper-button-next,.indx-swiper .swiper-button-prev{top:auto;left:auto;bottom:15%;margin:inherit}
.indx-swiper .swiper-pagination{right:16%}
.partners-swiper .partner-img{height:138px}
}
@media (min-width:1440px){
.public-detailo .text-module{right:8%}
.main-third{padding-bottom:0}
.public-detailp .text-module{left:8%;right:auto}
.text-module .tit{font-size:54px}
.text-module .tit-sub{margin-bottom:40px;font-size:24px}
.text-module .paragraph{line-height:34px}
.public-detailo .text-module .tit{margin-bottom:10px}
.left-con-t .tit{text-align:right}
.left-con-t .tit-sub{text-align:right}
.left-con-t .tit i{left:auto;right:-20px}
.single .left-con-t{left:auto}
.main-fourth::before{height:800px}
.main-fifth{padding:70px 0 60px;background-position:right center}
.padding-top-n{padding-top:0;padding-bottom:0}
.indx-swiper .swiper-button-next{right:5%}
.indx-swiper .swiper-button-prev{right:10%}
.indx-swiper .swiper-button-next,.indx-swiper .swiper-button-prev{top:auto;left:auto;bottom:15%;margin:inherit}
.indx-swiper .swiper-pagination{right:16%}
.partners-swiper .partner-img{height:138px}
}
@media (min-width:1600px){.public-detailo .text-module{right:8%}
.main-third{padding-bottom:0}
.public-detailp .text-module{left:8%;right:auto}
.text-module .tit{font-size:54px}
.text-module .tit-sub{margin-bottom:40px;font-size:24px}
.text-module .paragraph{line-height:34px}
.public-detailo .text-module .tit{margin-bottom:10px}
.left-con-t .tit{text-align:right}
.left-con-t .tit-sub{text-align:right}
.left-con-t .tit i{left:auto;right:-20px}
.single .left-con-t{left:auto}
.main-fourth::before{height:800px}
.main-fifth{padding:120px 0 120px;background-position:right center}
.padding-top-n{padding-top:0;padding-bottom:0}
.indx-swiper .swiper-button-next{right:5%}
.indx-swiper .swiper-button-prev{right:10%}
.indx-swiper .swiper-button-next,.indx-swiper .swiper-button-prev{top:auto;left:auto;bottom:15%;margin:inherit}
.indx-swiper .swiper-pagination{right:16%}
.partners-swiper .partner-img{height:138px}
}
@media (min-width:1860px){.public-detailo .text-module{right:8%}
.main-third{padding-bottom:0}
.public-detailp .text-module{left:8%;right:auto}
.text-module .tit{font-size:54px}
.text-module .tit-sub{margin-bottom:40px;font-size:36px}
.text-module .paragraph{line-height:34px}
.public-detailo .text-module .tit{margin-bottom:10px}
.left-con-t .tit{text-align:right}
.left-con-t .tit-sub{text-align:right}
.left-con-t .tit i{left:auto;right:-20px}
.single .left-con-t{left:auto}
.main-fourth::before{height:800px}
.main-fifth{padding:120px 0 120px;background-position:right center}
.padding-top-n{padding-top:0;padding-bottom:0}
.indx-swiper .swiper-button-next{right:5%}
.indx-swiper .swiper-button-prev{right:10%}
.indx-swiper .swiper-button-next,.indx-swiper .swiper-button-prev{top:auto;left:auto;bottom:15%;margin:inherit}
.indx-swiper .swiper-pagination{right:16%}
.partners-swiper .partner-img{height:138px}
.btm-logo{padding-bottom:1.4rem}
}
.newslist-one{overflow:hidden}
.top-shadowblue{position:absolute;top:-40%;left:-20%;width:200%;height:1000px;background-color:#0068eb;transform:rotate(-12deg);-webkit-transform:rotate(-12deg);-moz-transform:rotate(-12deg);-ms-transform:rotate(-12deg);-o-transform:rotate(-12deg);z-index:2}
.newslist-one>img{width:100%}
.top-shadowtit{position:absolute;right:0;bottom:-4%;left:-36%;margin:auto;width:310px;height:320px;text-align:center;z-index:3;transform:rotate(12deg);-webkit-transform:rotate(12deg);-moz-transform:rotate(12deg);-ms-transform:rotate(12deg);-o-transform:rotate(12deg)}
.top-shadowtit h2{font-size:96px;color:#fff;text-transform:uppercase}
.top-shadowtit p{font-size:54px;color:#fff}
.top-shadowtit span{position:absolute;right:0;bottom:-70%;left:0;top:0;margin:auto;width:1px;height:50%;background-color:rgba(255,255,255,.8)}
.top-shadowtext{opacity:0;position:absolute;right:0;bottom:40%;left:0;margin:auto;width:280px;height:150px;font-size:14px;line-height:18px;text-align:center;z-index:0;transition:1.6s;-webkit-transition:1.6s;-moz-transition:1.6s;-ms-transition:1.6s;-o-transition:1.6s}
.top-shadowtext p{margin-bottom:12px;color:#fff}
.top-shadowtext p:first-of-type{width:184px;margin:0 auto 12px}
.top-shadowtext a{color:#fff}
.newslist-wrap{width:716px!important;padding-bottom:100px}
.newslist-wrap .text-module{width:100%}
.newslist-item{width:100%;margin-bottom:24px}
.newslist-item>a{display:block;width:100%;height:136px;margin-bottom:10px;overflow:hidden}
.newslist-item img{display:block;width:100%;margin-bottom:10px;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}
.newslist-item>a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}
.newslist-item p{height:36px;margin-bottom:10px;line-height:18px;overflow:hidden}
.newslist-item p a{font-size:14px;color:#848484}
.newslist-item span{font-size:14px;color:#a9a9a9}
.newslist-wrap .swicth .swiper-button-prev{left:-86px}
.newslist-wrap .swicth .swiper-button-next{right:-86px}
@media (min-width:639px) and (max-width:768px){.top-shadowblue{height:526px}
.top-shadowtit span{display:none;height:44%}
.line-blue{height:140px}
.top-shadowtit{height:160px;right:auto;bottom:5%;left:15%}
.top-shadowtit h2{font-size:74px}
.top-shadowtit p{font-size:36px}
}
@media (min-width:769px) and (max-width:991px){.top-shadowblue{height:596px}
.top-shadowtit span{display:none;height:44%}
.line-blue{height:140px}
.top-shadowtit{height:200px;right:auto;bottom:5%;left:15%}
.top-shadowtit h2{font-size:80px}
.top-shadowtit p{font-size:40px}
}
@media (min-width:992px){.top-shadowblue{height:680px}
.top-shadowtit span{height:44%}
.line-blue{height:140px}
.top-shadowtit{height:320px;right:0;bottom:-4%;left:-36%}
.top-shadowtit h2{font-size:90px}
.top-shadowtit p{font-size:48px}
}
@media (min-width:1200px){.top-shadowblue{height:700px}
.top-shadowtit span{height:44%}
.line-blue{height:140px}
.top-shadowtit{height:320px;right:0;bottom:-4%;left:-36%}
.top-shadowtit h2{font-size:92px}
.top-shadowtit p{font-size:50px}
}
@media (min-width:1440px){.top-shadowblue{height:830px}
.top-shadowtit span{height:44%}
.line-blue{height:140px}
.top-shadowtit{height:320px;right:0;bottom:-4%;left:-36%}
.top-shadowtit h2{font-size:94px}
.top-shadowtit p{font-size:52px}
}
@media (min-width:1600px){.top-shadowblue{height:890px}
.top-shadowtit span{height:44%}
.line-blue{height:140px}
.top-shadowtit{height:320px;right:0;bottom:-4%;left:-36%}
.top-shadowtit h2{font-size:94px}
.top-shadowtit p{font-size:52px}
}
@media (min-width:1860px){.top-shadowblue{height:1000px}
.top-shadowtit span{height:50%}
.line-blue{height:160px}
.top-shadowtit{height:320px;right:0;bottom:-4%;left:-36%}
.top-shadowtit h2{font-size:96px}
.top-shadowtit p{font-size:54px}
}
@media (min-width:1025px) and (max-width:1688px){.ligh-series .tit span{line-height:38px}
.ligh-series .tit.tit-dms{width:420px}
.text-module .tit.tit-dms span.size-small{font-size:32px;line-height:36px}
.fix-full-screen .text-module .paragraph{width:230px}
.fix-full-screen .text-module .paragraph-log{width:252px}
.partners-swiper .makeup img{width:.5rem}
.padding-top-n{margin-top:-1.65rem}
.big-left-boder-tit,.big-right-boder-tit{margin-bottom:.1rem}
.partners-swiper .details,.partners-swiper .makeup,.partners-swiper .partner-img{padding:0 .28rem}
.partners-swiper .details{padding:0 .22rem;line-height:.2rem}
.single .left-con-t{right:.4rem}
.main-fourth{margin-top:-1rem}
/*  
.main-one::after{width:158%}
.main-one::before{width:280%}
*/
.main-otit{top:10%;font-size:.56rem}
.main-otit p{line-height:.62rem}
.main-otit p.zh_1{padding:0 0 .13rem 0;font-family:'PingFang SC Heavy';font-size:.4rem}
.main-otit p.zh_2{font-size:.12rem;line-height:.24rem;width:3.5rem}
.index-main-otit p{font-size:.4rem;line-height:.5rem}
.index-main-otit p.text-heavy{line-height:.6rem;font-size:.4rem}
@-webkit-keyframes bg-index02{0%{-webkit-transform:translate3d(-30%,-50%,0) rotateZ(-13deg);-moz-transform:translate3d(-30%,-50%,0) rotateZ(-13deg);-ms-transform:translate3d(-30%,-50%,0) rotateZ(-13deg);-o-transform:translate3d(-30%,-50%,0) rotateZ(-13deg);transform:translate3d(-30%,-50%,0) rotateZ(-13deg)}
100%{-webkit-transform:translate3d(-30%,-74%,0) rotateZ(-13deg);-moz-transform:translate3d(-30%,-74%,0) rotateZ(-13deg);-ms-transform:translate3d(-30%,-74%,0) rotateZ(-13deg);-o-transform:translate3d(-30%,-74%,0) rotateZ(-13deg);transform:translate3d(-30%,-74%,0) rotateZ(-13deg)}
}
@keyframes bg-index02{0%{-webkit-transform:translate3d(-30%,-50%,0) rotateZ(-13deg);-moz-transform:translate3d(-30%,-50%,0) rotateZ(-13deg);-ms-transform:translate3d(-30%,-50%,0) rotateZ(-13deg);-o-transform:translate3d(-30%,-50%,0) rotateZ(-13deg);transform:translate3d(-30%,-50%,0) rotateZ(-13deg)}
100%{-webkit-transform:translate3d(-30%,-74%,0) rotateZ(-13deg);-moz-transform:translate3d(-30%,-74%,0) rotateZ(-13deg);-ms-transform:translate3d(-30%,-74%,0) rotateZ(-13deg);-o-transform:translate3d(-30%,-74%,0) rotateZ(-13deg);transform:translate3d(-30%,-74%,0) rotateZ(-13deg)}
}
@-webkit-keyframes bg-index01{0%{-webkit-transform:translate3d(-34%,34%,0) rotateZ(-13deg);-moz-transform:translate3d(-34%,34%,0) rotateZ(-13deg);-ms-transform:translate3d(-34%,34%,0) rotateZ(-13deg);-o-transform:translate3d(-34%,34%,0) rotateZ(-13deg);transform:translate3d(-34%,34%,0) rotateZ(-13deg)}
100%{-webkit-transform:translate3d(-30%,88%,0) rotateZ(-13deg);-moz-transform:translate3d(-30%,88%,0) rotateZ(-13deg);-ms-transform:translate3d(-30%,88%,0) rotateZ(-13deg);-o-transform:translate3d(-30%,88%,0) rotateZ(-13deg);transform:translate3d(-30%,88%,0) rotateZ(-13deg)}
}
@keyframes bg-index01{0%{-webkit-transform:translate3d(-34%,34%,0) rotateZ(-13deg);-moz-transform:translate3d(-34%,34%,0) rotateZ(-13deg);-ms-transform:translate3d(-34%,34%,0) rotateZ(-13deg);-o-transform:translate3d(-34%,34%,0) rotateZ(-13deg);transform:translate3d(-34%,34%,0) rotateZ(-13deg)}
100%{-webkit-transform:translate3d(-30%,88%,0) rotateZ(-13deg);-moz-transform:translate3d(-30%,88%,0) rotateZ(-13deg);-ms-transform:translate3d(-30%,88%,0) rotateZ(-13deg);-o-transform:translate3d(-30%,88%,0) rotateZ(-13deg);transform:translate3d(-30%,88%,0) rotateZ(-13deg)}
}
@-webkit-keyframes broadwise{form{width:2px;height:2px}
100%{width:100%;height:4px}
}
@keyframes broadwise{form{width:2px;height:2px}
100%{width:100%;height:2px}
}
@-webkit-keyframes vertical{form{width:2px;height:2px}
100%{width:2px;height:100%}
}
@keyframes vertical{form{width:2px;height:2px}
100%{width:2px;height:100%}
}
.text-module .paragraph{font-size:.12rem;line-height:.24rem;margin-top:.13rem}
.text-module .explore-wrap{padding:.2rem 0}
.public-detailo .text-module{top:1.2rem;padding:.45rem 5.4% .35rem}
.public-detailo .text-module-top{top:2.7rem}
.fix-full-screen .text-module-only-left{top:6%}
.main-second{padding:.7rem 0 .24rem}
.main-third::before{top:.4rem;height:13.5rem}
.partners-swiper .details{font-size:.12rem}
.partners-swiper .partner-img img{width:1.2rem}
.partners-swiper .partner-img img.img_texas{width:1.6rem}
.partners-swiper .partner-img img.ambarella{width:1.4rem}
.indx-swiper .swiper-pagination{right:17%}
.indx-swiper .swiper-button-prev{right:11%}
.partners-swiper .partner-img{height:.9rem}
.partner-title-box .big-tit .cg_tit{margin-right:.26rem}
}
@media (min-width:1400px) and (max-width:1688px){.ligh-series .tit span{line-height:54px}
.text-module .tit.tit-dms span.size-small{font-size:40px;line-height:42px}
.public-detailo .text-module-top{top:2.7rem}
.public-detailo .text-module{padding:.65rem 5.4% .65rem}
}
@media (min-width:1680px) and (max-width:1688px){.public-detailo .text-module{padding:.85rem 5.4% .65rem}
.ligh-series .tit span{line-height:54px}
.text-module .paragraph{font-size:.16rem;line-height:.36rem}
.text-module .explore-wrap{padding:.3rem 0}
.main-third::before{top:.7rem;height:19rem}
.public-detailo .text-module-top{top:3rem}
}
.index-banner-pagination{text-align:right;padding:0 0 .6rem 0;box-sizing:border-box;display:flex;justify-content:flex-end;align-items:center;display:none}
.index-banner-pagination .swiper-pagination-bullet{width:10px;height:10px;text-align:center}
.index-banner-pagination .swiper-pagination-bullet-active{width:12px;height:12px}
.index-banner-pagination .swiper-pagination-bullet,.index-banner-pagination .swiper-pagination-bullet-active{background:#fff}
.video-close-btn{width:.5rem;height:.5rem;position:absolute;right:.32rem;top:.7rem;background:url(../images/video-close.png) no-repeat center;background-size:.32rem .32rem;display:none;cursor:pointer}
@media (max-width:1024px){.ligh-series .tit.tit-dms{width:100%}
.ligh-series .tit.tit-dms span em{font-family:'Din black';font-size:28px}
.ligh-series .tit span{line-height:.66rem}
.main-otit p.zh_2{width:5.5rem;text-align:justify}
#loading-wrapper,#loading-wrapper #loading-btm,#loading-wrapper #loading-top{display:none}
.text-module .explore-wrap{padding:.6rem 0 0}
.dialog-phone{position:fixed;top:0;left:0;height:100vh;width:100%;background-color:rgba(0,0,0,.6);z-index:999}
.dialog-video{position:absolute;top:30vh;z-index:1000}
.h5-video-img{width:100vw;height:100vh;background:url(../images/img_msd_phone.png) 0 center no-repeat;background-size:cover;display:block}
.proh5-video-img{width:100vw;height:100vh;background-size:cover;display:block}
.h5-video-img-brand{background:url(../images) 0 center no-repeat;background-size:cover}
.pc-video-img{display:none}
.main-third{margin-top:.51rem}
.main-second{width:5rem;margin:0 auto}
.public-detailo .text-module{width:4.68rem;padding:.9rem .8rem;z-index:103!important}
.padding-top-n{margin-top:1.2rem}
.pc-full-img,.pc-photo{display:none}
.h5-full-img,.h5-photo{display:block}
.public-photo{width:6.34rem;left:0}
.public-detailo{width:100%!important}
.fix-full-screen{margin-top:.5rem}
.public-photo img{width:100%}
.public-detailo .text-module{top:3.81rem}
.public-detailo .text-module-top{top:4.81rem}
.public-detailp .public-photo{margin:0 0 0 auto}
.text-module-top{top:5.72rem}
.indx-swiper img{width:100%}
.text-module-wid{width:4.24rem}
.single{padding-top:1rem}
.single .left-con-t{width:5rem}
.partners-swiper .partner-img{height:1.5rem}
.partners-swiper .partner-img img.ambarella,.partners-swiper .partner-img img.img_texas{width:3.1rem}
.partners-swiper .partner-img .nxp{width:2.5rem}
.main-third::before{height:44rem}
.main-otit{font-size:.8rem;left:.7rem;margin:0;top:2rem}
.index-main-otit{top:2.8rem}
.index-main-otit p{line-height:.78rem;font-size:.52rem}
.index-main-otit p.text-heavy{font-size:.6rem;line-height:.9rem}
.index-main-otit .explore-wrap{padding-top:.2rem}
.index-main-otit .explore .elongate{width:1.65rem}
.main-fourth{padding-bottom:1.5rem}
.index-main-otit .text-h5{display:block}
.index-main-otit .text-pc{display:none}
.partners-swiper .details{font-size:.24rem;line-height:.48rem;padding:0;margin:0 auto;width:100%;max-width:4.16rem}
.partners-swiper .makeup{height:.7rem;margin-bottom:0}
.partner-title-box{display:none}
.partner-title-box-h5{display:block;width:4.16rem;margin:0 auto;padding:0 .8rem}
.partner-title-box .big-tit .cg_tit{margin-right:0}
.partners-swiper-box{padding-top:.5rem}
.text-module .tit{margin-bottom:10px}
.text-module .paragraph{font-size:.24rem;line-height:.48rem;text-align:justify}
.fix-full-screen .text-module-wid{width:66%}
.fix-full-screen .text-module-only-left{left:0;right:0}
.fix-full-screen .text-module .paragraph{width:100%;margin:0 auto}
.ligh-series{top:4%}
.index-banner-pagination{padding:0!important;right:.65rem!important;bottom:1.5rem!important;left:auto!important}
.index-banner-pagination .swiper-pagination-bullet{width:10px;height:10px;opacity:1;background:rgba(255,255,255,.5)}
.index-banner-pagination .swiper-pagination-bullet-active{width:12px;height:12px;background:#fff}
}
@media (max-height:550px){.index-main-otit p{line-height:.7rem}
.index-main-otit p.text-heavy{line-height:.8rem}
.index-main-otit .explore-wrap{padding:0}
}
@media (max-width:360px){.main-otit p.zh_2{width:90%;font-size:.18rem;line-height:.36rem}
.index-main-otit{top:2rem}
}
@media (min-width:768px) and (max-width:1024px){.public-detailo{width:80%!important}
.main-fourth{margin-top:0}
.indx-swiper .swiper-button-next,.indx-swiper .swiper-button-prev{bottom:0}
.indx-swiper .swiper-pagination{bottom:14px}
.main-fourth .fix-width{width:100%!important}
.index-main-otit{top:2rem;font-size:.7rem}
.index-main-otit.msd-text{top:2rem}
.index-main-otit p{font-size:.4rem;line-height:.55rem}
.index-main-otit p.text-heavy{font-size:.4rem;line-height:.7rem}
.index-main-otit.msd-text p{font-size:.35rem;line-height:.5rem}
}


.container{margin:0 auto;padding:0 0px}