.nopad{padding:0!important}.flex-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:center;align-items:center}.flex-column{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;align-items:center}.layui-layer-msg::after{background-color:rgba(0,0,0,.8);content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:2}.moreBtnIcon{position:absolute;bottom:25px;right:20px;z-index:3;width:28px;height:28px;border-radius:5px;background-color:#ffcd14}.moreBtnIcon.nops{right:0;bottom:0}.moreBtnIcon .jian{width:100%;height:100%;background-image:url(/www-voopoo/static/dist/images/2025/jian-double.png);background-position:-28px 0;transition:all .5s;display:block}.moreBtnIcon .jian.w{background-image:url(/www-voopoo/static/dist/images/2025/jian-double-w.png)}.moreBtnIcon .jian.h{background-image:url(/www-voopoo/static/dist/images/2025/jian-double-h.png);background-position:-28px -1px}.moreBtnIcon:hover{opacity:.9}.moreBtnIcon:hover .jian{background-position:-56px 0}.moreBtnIcon:hover .jian.h{background-image:url(/www-voopoo/static/dist/images/2025/jian-double.png);background-position:-56px -1px}.swiper-button-next-wrap,.swiper-button-prev-wrap{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:140px;z-index:20;background-color:rgba(0,0,0,0);opacity:0;visibility:hidden;transition:all .5s}.swiper-button-next-wrap:hover,.swiper-button-prev-wrap:hover{background-color:rgba(0,0,0,.3)}.swiper-button-next-wrap .swiper-button-next,.swiper-button-next-wrap .swiper-button-prev,.swiper-button-prev-wrap .swiper-button-next,.swiper-button-prev-wrap .swiper-button-prev{background:0 0;width:100%;height:100%;cursor:pointer;z-index:21}.swiper-button-next-wrap .swiper-button-next:hover:before,.swiper-button-next-wrap .swiper-button-prev:hover:before,.swiper-button-prev-wrap .swiper-button-next:hover:before,.swiper-button-prev-wrap .swiper-button-prev:hover:before{color:#ffcd14}.swiper-button-next-wrap .swiper-button-next,.swiper-button-next-wrap .swiper-button-prev,.swiper-button-prev-wrap .swiper-button-next,.swiper-button-prev-wrap .swiper-button-prev{margin-top:0;top:0;display:flex;justify-content:center;align-items:center}.swiper-button-next-wrap .swiper-button-next.black:before,.swiper-button-next-wrap .swiper-button-prev.black:before,.swiper-button-prev-wrap .swiper-button-next.black:before,.swiper-button-prev-wrap .swiper-button-prev.black:before{color:#000}.swiper-button-next-wrap .swiper-button-next:before,.swiper-button-next-wrap .swiper-button-prev:before,.swiper-button-prev-wrap .swiper-button-next:before,.swiper-button-prev-wrap .swiper-button-prev:before{font-size:32px}.swiper-button-next-wrap .swiper-button-next,.swiper-button-prev-wrap .swiper-button-next{right:0}.swiper-button-next-wrap .swiper-button-prev,.swiper-button-prev-wrap .swiper-button-prev{left:0}.swiper-button-next-wrap{right:0}.swiper-button-prev-wrap{left:0}.swiper-pagination.schedule{bottom:30px;top:initial;left:50%;transform:translateX(-50%);width:620px;height:4px}.swiper-pagination.schedule .swiper-pagination-bullet{width:50px;height:100%;background-color:rgba(255,255,255,.6);border-radius:4px;position:relative}.swiper-pagination.schedule .swiper-pagination-bullet::after{content:'';display:block;position:absolute;bottom:0;left:-1px;height:100%;width:0;background-color:#ffcd14;border-radius:4px}.swiper-pagination.schedule .swiper-pagination-bullet.swiper-pagination-bullet-active::after{width:calc(100% + 2px);transition:all 5s}body.white #header{background-color:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body.white #header.fixed{border-bottom:1px solid transparent;background-color:#fff}body.white #header.fixed .grid-flex .logo .icon{background-image:url(/www-voopoo/static/dist/images/2025/logo-h.png)}body.white #header.fixed .grid-flex nav .nav-list li .nav-list-link{color:#000}body.white #header.fixed .grid-flex nav .nav-list li .nav-list-link:hover{color:#ffcd14}body.white #header:hover .grid-flex .logo .icon{background-image:url(/www-voopoo/static/dist/images/2025/logo-h.png)}body.white #header:hover .grid-flex nav .nav-list li .nav-list-link{color:#000}body.white #header:hover .grid-flex nav .nav-list li .nav-list-link:hover{color:#ffcd14}body.white #header:hover .grid-flex .nav-addons{background-color:#000}body.white #header:hover .grid-flex .nav-addons .icon-shop:hover{color:#fff}body.white #header:hover .grid-flex .nav-addons .nav-lang .lang-chose:hover{color:#fff}body.white #header .grid-flex .logo .icon{background-image:url(/www-voopoo/static/dist/images/2025/logo-w.png)}body.white #header .grid-flex nav .nav-list li .nav-list-link{color:#fff}@media only screen and (max-width:1600px){.fullW{margin:0 40px!important}.fullW .footerBg::after{width:calc(100% + 40px);left:-40px}}@-webkit-keyframes roundRule{0%,100%{-webkit-transform:rotate(-15deg)}50%{-webkit-transform:rotate(15deg)}}@-moz-keyframes roundRule{0%,100%{-webkit-transform:rotate(-15deg)}50%{-webkit-transform:rotate(15deg)}}@-o-keyframes roundRule{0%,100%{-webkit-transform:rotate(-15deg)}50%{-webkit-transform:rotate(15deg)}}@keyframes roundRule{0%,100%{-webkit-transform:rotate(-15deg)}50%{-webkit-transform:rotate(15deg)}}@-moz-keyframes tada{10%,20%{-webkit-transform:rotate(-1.5deg)}30%,50%,70%,90%{-webkit-transform:rotate(1.5deg)}40%,60%,80%{-webkit-transform:rotate(-1.5deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-webkit-keyframes tada{10%,20%{-webkit-transform:rotate(-1.5deg)}30%,50%,70%,90%{-webkit-transform:rotate(1.5deg)}40%,60%,80%{-webkit-transform:rotate(-1.5deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-o-keyframes tada{10%,20%{-webkit-transform:rotate(-1.5deg)}30%,50%,70%,90%{-webkit-transform:rotate(1.5deg)}40%,60%,80%{-webkit-transform:rotate(-1.5deg)}100%{-webkit-transform:scale(1) rotate(0)}}@keyframes tada{10%,20%{-webkit-transform:rotate(-1.5deg)}30%,50%,70%,90%{-webkit-transform:rotate(1.5deg)}40%,60%,80%{-webkit-transform:rotate(-1.5deg)}100%{-webkit-transform:scale(1) rotate(0)}}@keyframes swing{0%{transform:rotate(0)}50%{transform:rotate(15deg)}100%{transform:rotate(-15deg)}}@keyframes score{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.w1400{width:1400px;margin:0 auto}.brandstory{overflow:hidden}.brandstory .title{text-align:center}.brandstory .title h1,.brandstory .title h4{font-size:30px;color:#161010;margin-bottom:10px}.brandstory .title p{font-size:16px;color:#000}.brandstory .brandstory-banner{text-align:center;color:#fff;position:relative;height:900px}.brandstory .brandstory-banner .bg{height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brandstory .brandstory-desc{overflow:hidden}.brandstory .brandstory-desc .top{padding:100px 0 0}.brandstory .brandstory-desc .top p{width:970px;margin:0 auto;font-size:18px;color:#7a7a7a;line-height:30px}.brandstory .brandstory-desc .bot{height:598px;margin-top:90px;background-size:1400px;color:#000}.brandstory .brandstory-desc .bot .tit{position:absolute;bottom:80px;left:0;text-align:center;font-size:40px;font-family:Metropolis-Bold;width:100%}.brandstory .brandstory-desc .bot .desc-list{width:844px;height:484px;text-align:left;background-size:844px 484px;background-repeat:no-repeat;position:absolute;top:57px;left:210px}.brandstory .brandstory-desc .bot .desc-list li{position:absolute;top:80px;font-size:72px;line-height:72px}.brandstory .brandstory-desc .bot .desc-list li .scorll{font-family:Metropolis-Medium;display:flex;color:#000}.brandstory .brandstory-desc .bot .desc-list li .scorll .jia{font-size:52px}.brandstory .brandstory-desc .bot .desc-list li p{margin-top:15px;font-size:14px;line-height:24px}.brandstory .brandstory-desc .bot .desc-list li.a{left:20px}.brandstory .brandstory-desc .bot .desc-list li.b{left:255px}.brandstory .brandstory-desc .bot .desc-list li.c{left:540px}.brandstory .brandstory-desc .bot .desc-list li.d{left:805px;font-size:52px}.brandstory .brandstory-desc .bot .desc-list li.d .scorll .jia{font-size:42px}.brandstory .digital{margin:220px 0;overflow:hidden}.brandstory .digital .top{font-size:16px;line-height:24px;color:#7a7a7a;text-align:center}.brandstory .digital .top h2{margin-bottom:5px;font-size:48px;line-height:60px;color:#000;font-family:Metropolis-Bold}.brandstory .digital .swiperBox.history .swiper-button-next-wrap,.brandstory .digital .swiperBox.history .swiper-button-prev-wrap{top:calc(50% + 54px)}.brandstory .digital .swiperBox.history:hover .swiper-button-next-wrap,.brandstory .digital .swiperBox.history:hover .swiper-button-prev-wrap{opacity:1;visibility:visible}.brandstory .digital .swiperBox .tit-sm{font-size:36px;line-height:36px;color:#000;font-family:Metropolis-Medium;margin-top:80px;text-align:center}.brandstory .digital .swiperBox .tit-sm.big{font-size:48px;line-height:48px;margin-top:220px;font-weight:700}.brandstory .digital .swiperBox .brand-swiper{height:512px;width:1400px;border-radius:10px;margin-top:20px}.brandstory .digital .swiperBox .brand-swiper:hover .swiper-button-next-wrap,.brandstory .digital .swiperBox .brand-swiper:hover .swiper-button-prev-wrap{opacity:1;visibility:visible}.brandstory .digital .swiperBox .brand-swiper .swiper-slide{width:100%;height:100%}.brandstory .digital .swiperBox .brand-swiper .swiper-slide .info{position:absolute;left:100px;top:50%;transform:translateY(-50%);width:280px;line-height:24px;font-size:14px;color:#000}.brandstory .digital .swiperBox .brand-swiper .swiper-slide .info h3{font-size:30px;margin-bottom:15px;font-family:Metropolis-Medium}.brandstory .digital .swiperBox .technical-swiper{height:512px;width:1400px;border-radius:10px;margin-top:20px}.brandstory .digital .swiperBox .technical-swiper:hover .swiper-button-next-wrap,.brandstory .digital .swiperBox .technical-swiper:hover .swiper-button-prev-wrap{opacity:1;visibility:visible}.brandstory .digital .swiperBox .technical-swiper .swiper-slide{width:100%;height:100%;background-size:981px;background-color:#fff;background-position:left top;background-repeat:no-repeat}.brandstory .digital .swiperBox .technical-swiper .swiper-slide .info{position:absolute;right:0;top:0;width:419px;height:100%;line-height:24px;font-size:14px;color:#000;display:flex;flex-direction:column;justify-content:center;padding-left:60px}.brandstory .digital .swiperBox .technical-swiper .swiper-slide .info h3{font-size:30px;margin-bottom:15px;font-family:Metropolis-Medium}.brandstory .digital .swiperBox .technical-swiper .swiper-slide .info p{width:280px}.brandstory .digital .swiperBox .topLine{position:absolute;top:147px;left:0;width:100%;height:1px;background-color:#000;z-index:2}.brandstory .digital .swiperBox .history-swiper{height:500px;width:1400px;border-radius:10px;margin-top:60px;z-index:1}.brandstory .digital .swiperBox .history-swiper .swiper-slide{width:226px;height:100%;background-size:981px;background-color:transparent;background-position:left top;background-repeat:no-repeat;border-radius:10px;transition:all .8s}.brandstory .digital .swiperBox .history-swiper .swiper-slide:hover{background-color:#ffcd14;cursor:pointer}.brandstory .digital .swiperBox .history-swiper .swiper-slide:hover .info{color:#000}.brandstory .digital .swiperBox .history-swiper .swiper-slide .info{position:absolute;left:0;top:80px;width:100%;height:calc(100% - 10.6667vw);line-height:24px;font-size:14px;color:#7a7a7a;display:flex;flex-direction:column;padding:0 15px}.brandstory .digital .swiperBox .history-swiper .swiper-slide .info h3{font-size:36px;line-height:36px;margin-bottom:45px;color:#000;font-family:Metropolis-Medium}.brandstory .social-responsibility{margin:220px 0 0;overflow:hidden}.brandstory .social-responsibility .top{font-size:16px;line-height:24px;color:#7a7a7a;text-align:left;width:1100px;margin:0 auto}.brandstory .social-responsibility .top h2{margin-bottom:40px;font-size:48px;line-height:60px;color:#000;text-align:center;font-family:Metropolis-Bold}.brandstory .social-responsibility .social-swiper{height:660px;width:1400px;border-radius:10px;margin-top:20px}.brandstory .social-responsibility .social-swiper:hover .swiper-button-next-wrap,.brandstory .social-responsibility .social-swiper:hover .swiper-button-prev-wrap{opacity:1;visibility:visible}.brandstory .social-responsibility .social-swiper .swiper-button-next-wrap,.brandstory .social-responsibility .social-swiper .swiper-button-prev-wrap{top:calc(50% - 70px)}.brandstory .social-responsibility .social-swiper .social-pagination{bottom:168px}.brandstory .social-responsibility .social-swiper .swiper-slide{width:100%;background-color:#fff;border-radius:10px;background-repeat:no-repeat;background-size:1400px;background-position:center top}.brandstory .social-responsibility .social-swiper .swiper-slide .info{height:138px;position:absolute;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;color:#7a7a7a;font-size:14px;line-height:24px}.brandstory .social-responsibility .social-swiper .swiper-slide .info h3{color:#000;font-size:24px;width:600px;text-align:center;font-family:Metropolis-Medium}.brandstory .social-responsibility .social-swiper .swiper-slide .info p{width:800px}