.warning{position:fixed;top:0;left:0;z-index:2}.banner_video{height:100vh;position:fixed;top:0;left:0;width:100%}.banner_video video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.banner_mask{position:relative;width:100%;height:100%}.banner_mask::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2)}.video_more{color:#fff;line-height:1.2;padding:.78125vw;position:absolute;left:50%;top:80%;transform:translate(-50%, -50%);text-align:center}.video_more h2{font-size:1.875vw}.video_more p{font-size:1.35417vw;margin-top:.26042vw}.video_more .video_btn{display:flex;justify-content:center;margin-top:1.04167vw}.video_more .video_btn a{border-radius:1.5625vw;color:#fff;display:inline-block;width:9.79167vw;line-height:2.39583vw;height:2.39583vw;position:relative;text-transform:uppercase;margin:.52083vw;font-size:.83333vw;border:1px solid #ffffff;transition:all 300ms;overflow:hidden}.video_more .video_btn a:last-of-type{background-color:#ffffff;border-color:#ffffff;color:#000000}.video_more .video_btn a:first-of-type{background:#1eb096;border-color:transparent}.video_more .video_btn a:first-of-type::before{content:"";display:inline-block;position:absolute;width:0;height:100%;left:0;top:0;transition:all 300ms;z-index:-1;background-color:#ffffff}.video_more .video_btn a:first-of-type:hover{color:#ffffff}.video_more .video_btn a:first-of-type:hover::before{width:100%}.video_more .scroll{width:2.08333vw;margin-top:1.04167vw;animation:upDown 1s infinite}@keyframes upDown{from{transform:translateY(0)}to{transform:translateY(30%)}}.index{position:relative;z-index:2;margin-top:100vh;background-color:#ffffff}.banner{position:relative;height:39.0625vw}.banner .swiper-container{height:100%}.banner .poster{width:100%;height:100%;object-fit:cover}.banner .swiper-slide{background-color:#000000}.banner .swiper-slide img{width:100%;height:100%}.banner .swiper-slide .swiper-lazy{opacity:0}.banner .swiper-slide .swiper-lazy-loaded{opacity:1}.banner .swiper-pagination-bullet{width:1.97917vw;height:.20833vw;background:rgba(255,255,255,0.3);border-radius:.52083vw;position:relative}.banner .swiper-pagination-bullet::before{content:"";height:1.5625vw;left:0;top:0;position:absolute;width:100%}.banner .swiper-button-next,.banner .swiper-button-prev{transition:all .2s}.banner .swiper-button-next::before,.banner .swiper-button-next::after,.banner .swiper-button-prev::before,.banner .swiper-button-prev::after{width:1.77083vw;height:2.34375vw}.banner .swiper-pagination-bullet-active{opacity:1;position:relative;width:8.64583vw}.banner .swiper-pagination-bullet-active::after{content:"";border-radius:.52083vw;animation:progress 5.2s linear infinite;background:#fff;height:100%;left:0;position:absolute;top:0;width:10%}@keyframes progress{0%{width:0}to{width:100%}}@-webkit-keyframes progress{0%{width:0}to{width:100%}}.product_panel{position:relative;height:56.25vw;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.product_panel .title{text-transform:uppercase;padding-bottom:3.125vw;text-align:center}.product_panel .title h2{color:#000000;opacity:0.3;font-size:3.125vw;font-family:"Manrope-ExtraBold";font-weight:normal;transform:scale(4.1) translateY(10%)}.product_panel .title p{font-size:.9375vw;font-family:"Manrope-Light";font-weight:normal;transform:translateY(-300%);opacity:0}.product_list{width:100%;max-width:68.48958vw;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap}.product_list .item{position:relative;width:49%;margin-bottom:2%;height:15.625vw;border:1px solid #000000;overflow:hidden;transition:all 500ms;transform:scale(0.8);opacity:0}.product_list .item a{position:relative;z-index:2;display:inline-block;width:100%;height:100%;padding:1.82292vw 1.82292vw}.product_list .item h3{font-size:2.03125vw;font-family:"Manrope-ExtraBold";font-weight:normal;line-height:1;position:absolute;top:73%;transition:all 500ms ease}.product_list .item span{position:absolute;font-size:.9375vw;font-family:"Manrope-Regular";font-weight:normal;top:23%;transition:all 500ms ease}.product_list .item:nth-of-type(1){transition-delay:.1s}.product_list .item:nth-of-type(1) .con img{width:16.66667vw}.product_list .item:nth-of-type(2){transition-delay:.2s}.product_list .item:nth-of-type(2) .con img{width:18.22917vw}.product_list .item:nth-of-type(3){transition-delay:.3s}.product_list .item:nth-of-type(3) .con img{width:10.41667vw}.product_list .item:nth-of-type(4){transition-delay:.4s}.product_list .item.active{border-radius:1.04167vw;transform:scale(0.95);transition-delay:0s}.product_list .item.active .title_bg{color:#252525;transform:translate(-50%, -50%) scale(1.5)}.product_list .item.active a{color:#ffffff}.product_list .item.active h3{top:15%}.product_list .item.active span{top:84%}.product_list .item.active .con{transform:translateY(0);opacity:1;visibility:unset}.product_list .item.active .con img{transform:translateY(0)}.product_list .item.active .poster{bottom:50%;transform:translateY(50%) scale(0.8);right:-4%}.product_list .item.active .poster .static{opacity:0}.product_list .item.active .poster .gif{opacity:1}.product_list .item.active .mask{background-color:#000000}.product_list .item .mask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:transparent;transition:all 500ms}.product_list .con{margin-top:3.125vw;position:absolute;transform:translateY(-50%);opacity:0;visibility:hidden;transition:all 500ms ease;transition-delay:.2s}.product_list .con p{font-size:.9375vw;font-family:"Manrope-Light";font-weight:normal;line-height:1.2}.product_list .con img{width:13.38542vw;margin-top:1.04167vw;transform:translateY(-50%);transition:all 500ms ease}.product_list .poster{width:14.32292vw;position:absolute;bottom:0;transform:translateY(27%) scale(1);right:-4%;transition:all 500ms ease}.product_list .poster img{width:100%}.product_list .poster .gif{position:absolute;opacity:0;top:0;left:0}.product_list .title_bg{position:absolute;font-size:14.42708vw;color:#ebebeb;font-family:"Manrope-ExtraBold";font-weight:normal;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;transition:all 500ms ease}.sticky_box{height:200vh}.sticky{position:sticky;top:0;height:100vh;overflow:hidden}.medium_panel{background-color:#000000}.medium_panel .big_title{font-family:"Manrope-ExtraBold";font-weight:normal;position:absolute;font-size:3.64583vw;color:#ffffff;left:11.5%;top:20%;z-index:3}.video_panel{display:flex;align-items:center;justify-content:center;height:100vh;overflow:hidden;padding-top:6.04167vw}.video_panel h3{font-family:"Manrope-ExtraBold";font-weight:normal;font-size:3.17708vw;line-height:1;margin-bottom:1.04167vw;position:absolute;left:11.4%;top:36%;display:inline-block;color:#ffffff;z-index:3}.video_con{width:22.13542vw;color:#ffffff;position:relative;top:-6.5%}.video_con li{position:absolute}.video_con li.active .title,.video_con li.active .slogan,.video_con li.active .spec{transform:translateY(0);opacity:1}.video_con li.active .title{transition:all 500ms ease}.video_con li.active .slogan{transition:all 500ms ease;transition-delay:.2s}.video_con li.active .spec{transition:all 600ms ease;transition-delay:.4s}.video_con .title{font-family:"Manrope-ExtraBold";font-weight:normal;font-size:2.60417vw;transform:translateY(-50%);opacity:0;line-height:1;margin-bottom:.52083vw}.video_con .title span{font-family:"Manrope-Light";font-weight:normal}.video_con .slogan{font-family:"Manrope-Light";font-weight:normal;font-size:1.5625vw;line-height:1;transform:translateY(-100%);opacity:0}.video_con .spec{margin-top:1.04167vw;padding-left:.78125vw;border-left:2px solid #ffffff;transform:translateY(-25%);opacity:0}.video_con .spec p{margin-bottom:.26042vw;font-family:"Manrope-Bold";font-weight:normal;font-size:1.04167vw}.video_con .spec span{font-family:"Manrope-Light";font-weight:normal}.video_list{width:53.90625vw;position:relative}.video_list #product-carousel-container{position:relative;width:50%;margin:auto}.video_list #product-carousel{height:33vw;list-style:none;position:relative}.video_list #product-carousel li{position:absolute;left:50%;top:0;width:26%;padding:0;cursor:pointer;transition:transform 1.3s cubic-bezier(0.19, 1, 0.22, 1);z-index:1;border-radius:.26042vw;overflow:hidden}.video_list #product-carousel li::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:#000000;transition:all 500ms;z-index:2}.video_list #product-carousel li.item-1{z-index:2;transform:translate(-50%, 5%) scale(1) translate3d(0, 0, 0)}.video_list #product-carousel li.item-1::before{opacity:0}.video_list #product-carousel li.item-2{z-index:1;transform:translateX(-50%) scale(0.75) translate3d(160%, 10%, 0)}.video_list #product-carousel li.item-2::before{opacity:0.2}.video_list #product-carousel li.item-3{z-index:0;transform:translateX(-50%) scale(0.6) translate3d(130%, -15%, 0)}.video_list #product-carousel li.item-3::before{opacity:0.5}.video_list #product-carousel li.item-4{z-index:0;transform:translateX(-50%) scale(0.6) translate3d(-130%, -15%, 0)}.video_list #product-carousel li.item-4::before{opacity:0.5}.video_list #product-carousel li.item-5{z-index:1;transform:translateX(-50%) scale(0.75) translate3d(-160%, 10%, 0)}.video_list #product-carousel li.item-5::before{opacity:0.2}.video_list #product-carousel li:hover img.video_img{transform:scale(1.05)}.video_list #product-carousel li:hover img.play{transform:translate(-50%, -50%) scale(1.05)}.video_list #product-carousel li:hover::before{opacity:0}.video_list #product-carousel li img{width:100%;height:auto;transition:transform .25s ease-in}.video_list #product-carousel li .play{position:absolute;z-index:5;width:4.16667vw;top:50%;left:50%;transform:translate(-50%, -50%)}.video_list #product-carousel-nav{position:absolute;width:50%;bottom:0;display:flex;align-items:center;justify-content:space-between;left:50%;transform:translateX(-50%);z-index:2}.video_list #product-carousel-nav .carousel-nav{position:relative;z-index:5;width:1.30208vw;height:1.71875vw;cursor:pointer;background:url(/assets/images/swiper_left.svg) no-repeat;background-size:cover;transition:all .3s}.video_list #product-carousel-nav .carousel-nav.prev{left:0}.video_list #product-carousel-nav .carousel-nav.prev:hover{transform:scale(1.2)}.video_list #product-carousel-nav .carousel-nav.next{right:0;transform:rotate(180deg)}.video_list #product-carousel-nav .carousel-nav.next:hover{transform:scale(1.2) rotate(180deg)}.video_list #carousel-dots{position:absolute;width:100%;top:50%;transform:translateY(-50%)}.video_list #carousel-dots ul{position:relative;display:inline-block;width:100%}.video_list #carousel-dots ul li{width:100%;position:absolute;cursor:pointer;opacity:0;visibility:hidden;top:0;text-align:center;color:#fff;font-size:1.30208vw;font-family:"Manrope-Light";font-weight:normal;text-transform:uppercase;transform:translateY(-50%)}.video_list #carousel-dots ul li:first-of-type{position:relative}.video_list #carousel-dots ul li.active{display:block;transform:translateY(0);opacity:1;visibility:unset;transition:all 500ms}.medium_poster{background-color:#000000;height:112.5vw;margin-top:-1px}.medium_poster .sticky{top:8.07292vw;height:56.25vw}.medium_poster .swiper-wrapper{transition-timing-function:linear}.poster_panel{height:56.25vw;display:flex;position:relative;overflow:hidden}.poster_panel .show_title{color:#ffffff;position:absolute;font-size:25.52083vw;bottom:-3%;left:-24%;z-index:2;line-height:1;font-family:"Manrope-ExtraBold";font-weight:normal}.poster_panel .poster_swiper{cursor:grab}.poster_panel .left{width:75%}.poster_panel .right{width:25%}.poster_panel .top{display:flex}.poster_panel .bottom{width:36.875vw;left:50.4%;position:relative;overflow:hidden}.poster_panel .poster_first{width:75%}.poster_panel .text{width:25%;padding:.52083vw 1.5625vw}.poster_panel .text a{display:inline-block;width:100%;height:100%;color:#fff;position:relative}.poster_panel .text a>span{position:absolute;bottom:10%;font-size:1.04167vw;transition:transform 500ms}.poster_panel .text a:hover span{transform:scale(1.1)}.poster_panel .text h3{font-size:2.08333vw;font-family:"Manrope-ExtraBold";font-weight:normal;line-height:1;position:relative}.poster_panel .text h3 span{font-family:"Manrope-Light";font-weight:normal}.poster_panel .text p{margin-top:1.04167vw;font-size:.9375vw;position:relative}.poster_panel .poster_third{height:42.70833vw}.poster_panel .poster_second .swiper-slide{height:18.4375vw}.poster_panel .swiper-slide{padding:.15625vw;overflow:hidden;position:relative}.poster_panel .swiper-slide::before{content:"";display:inline-block;width:100%;height:100%;top:0;left:0;background-color:#000000;opacity:0.1;transition:all 500ms;position:absolute}.poster_panel .swiper-slide:hover img{transform:scale(1.05)}.poster_panel .swiper-slide:hover ::before{opacity:0}.poster_panel .swiper-slide img{width:100%;height:100%;object-fit:cover;transition:all 500ms}.poster_panel .swiper-slide .swiper-lazy{opacity:0}.poster_panel .swiper-slide .swiper-lazy-loaded{opacity:1}.touch_panel{width:100%;height:56.25vw;background-color:#fff;position:absolute;z-index:3;overflow:hidden}.touch_panel .title{text-align:center;padding:6.25vw 0 6.25vw 0}.touch_panel .title h2{font-size:2.60417vw;font-family:"Manrope-ExtraBold";font-weight:normal}.touch_list{width:100%;max-width:68.75vw;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto}.touch_list .item{width:48%;height:13.02083vw;margin-bottom:4%;transition:all 500ms;opacity:0;position:relative}.touch_list .item.left.first{transform:translate(-150%, 0)}.touch_list .item.right.first{transform:translate(150%, 0)}.touch_list .item.left.second{transform:translate(-180%, 0)}.touch_list .item.right.second{transform:translate(180%, 0)}.touch_list .item a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.touch_list .item h6{color:#ffffff;font-size:1.82292vw}.touch_list .item .bg{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:all 300ms}.touch_list .item:hover{border:1px solid #000000;border-radius:1.30208vw;transform:scale(0.9) !important;background-color:#ffffff}.touch_list .item:hover h6{color:#000000;transform:scale(1.05)}.touch_list .item:hover .bg{opacity:0}@media screen and (min-width: 993px){.banner .swiper-button-next{right:2.08333vw}.banner .swiper-button-next:hover{transform:scale(1.15) rotate(180deg) translateY(50%)}.banner .swiper-button-prev{left:2.08333vw}.banner .swiper-button-prev:hover{transform:scale(1.15) translateY(-50%)}.banner .swiper-button-prev,.banner .swiper-button-next{transition:all .3s}}@media screen and (max-width: 992px){.video_more{width:70%;top:80%}.video_more h2{font-size:8vw}.video_more p{font-size:4vw;margin-top:1.33333vw}.video_more .video_btn{margin-top:2.66667vw}.video_more .video_btn a{border-radius:4vw;width:37.33333vw;line-height:8vw;height:8vw;position:relative;text-transform:uppercase;margin:.66667vw 2vw;font-size:3.73333vw}.video_more .video_btn a:last-of-type::after{height:8vw;left:3%;top:5%}.video_more .scroll{width:6.66667vw;margin-top:2.66667vw}.banner{height:106.66667vw}.banner .swiper-pagination-bullet{width:5.33333vw;height:.8vw}.banner .swiper-pagination-bullet::before{height:.8vw}.banner .swiper-pagination-bullet-active{width:16vw}.banner .swiper-button-prev::after,.banner .swiper-button-next::after{width:6.93333vw;height:9.33333vw}.product_panel{height:auto}.product_panel .title{padding:5.33333vw 0}.product_panel .title h2{font-size:7.46667vw}.product_panel .title p{font-size:2.93333vw}.product_list{max-width:100%;padding:0 6.66667vw 6.66667vw 6.66667vw}.product_list .item{width:100%;height:32vw;margin-bottom:3.33333vw;box-shadow:0 0 40px -10px rgba(0,0,0,0.2);border-radius:2.66667vw;border:none}.product_list .item h3{top:50%;left:7%;font-size:6vw}.product_list .item span{font-size:3.73333vw;top:8%;left:6%}.product_list .title_bg{font-size:8.13333vw;font-size:24vw;left:35%}.product_list .poster{width:29.33333vw;right:-1%}.product_list .poster .gif{opacity:1}.product_list .poster .static{opacity:0}.video_panel h3{display:none}.video_con .title{font-size:4.8vw}.video_con .slogan{font-size:3.73333vw;margin-top:1.33333vw}.video_con li{width:40vw;padding-left:4vw;top:50%;transform:translateY(-50%)}.video_con .spec{border:none;padding-left:0;margin-top:4vw}.video_con .spec p{font-size:3.2vw;margin-top:.8vw}.m_title{color:#ffffff;font-size:6.93333vw;text-align:center;padding:4.8vw 0;font-family:"Manrope-ExtraBold";font-weight:normal}.m_title span{font-family:"Manrope-Light";font-weight:normal}.medium_panel{height:auto}.medium_panel .sticky{top:0;position:relative;height:auto}.video_panel{padding-top:0;padding-bottom:8vw;height:auto;display:flex;justify-content:space-between}.video_list{width:100%}.video_list #product-carousel{height:95vw}.video_list #product-carousel li{width:38%;border-radius:1.33333vw}.video_list #product-carousel li .play{width:13.33333vw}.video_list #product-carousel-nav{width:70%}.video_list #product-carousel-nav .carousel-nav{width:3.06667vw;height:4.13333vw}.video_list #carousel-dots ul li{font-size:4.53333vw;font-family:"Manrope-ExtraBold";font-weight:normal}.poster_panel{height:100vw}.poster_panel .swiper-slide{padding:.4vw .4vw 0 .4vw}.poster_panel .poster_first{width:100%}.poster_panel .left{width:65%}.poster_panel .right{width:35%}.poster_panel .bottom{width:100%;left:0}.poster_panel .poster_third{height:100%}.poster_panel .poster_second .swiper-slide{height:auto}.medium_poster{height:279vw}.medium_poster .sticky{height:120vw;top:20vw}.touch_panel{height:auto}.touch_panel .title h2{font-size:6.93333vw}.touch_list{justify-content:space-around;max-width:100%}.touch_list .item{width:80%;height:30.13333vw;margin-bottom:4vw;border-radius:1.33333vw;overflow:hidden}.touch_list .item h6{font-size:4vw}}