section.main-banner{align-items:stretch;height:100vh;min-height:8.5rem;display:flex;position:relative}@media screen and (max-width:900px){section.main-banner{min-height:auto}}section.main-banner .mainSwiper{width:100%;height:100%}section.main-banner .mainSwiper .swiper-slide{background-position:50%;background-repeat:no-repeat;background-size:cover;background-image:var(--bg-desktop);width:100%;height:100%;padding-top:1.9rem;position:relative}section.main-banner .mainSwiper .swiper-slide:after{z-index:-1;content:"";width:75%;height:100vh;min-height:8.5rem;position:absolute;bottom:0;left:0}@media screen and (max-width:900px){section.main-banner .mainSwiper .swiper-slide:after{min-height:auto}section.main-banner .mainSwiper .swiper-slide{background-position:top;background-image:var(--bg-mobile);padding-top:1.2rem}}section.main-banner .mainSwiper .swiper-slide .content .title{color:#fff;text-transform:uppercase;width:100%;max-width:9rem;font-style:normal;font-weight:700;line-height:100%}@media screen and (max-width:1440px){section.main-banner .mainSwiper .swiper-slide .content .title{color:#fff;text-transform:uppercase;font-size:.64rem;font-style:normal;font-weight:700;line-height:100%}}@media screen and (max-width:900px){section.main-banner .mainSwiper .swiper-slide .content .title{letter-spacing:-.64px;max-width:max-content;font-size:.32rem;line-height:110%}}section.main-banner .mainSwiper .swiper-slide .content .title+.sub-title{margin-top:.4rem}@media screen and (max-width:900px){section.main-banner .mainSwiper .swiper-slide .content .title+.sub-title{margin-top:.14rem}}section.main-banner .mainSwiper .swiper-slide .content .sub-title{width:100%;max-width:8rem;display:flex}@media screen and (max-width:1440px){section.main-banner .mainSwiper .swiper-slide .content .sub-title{color:#fff;font-size:.2rem;font-style:normal;font-weight:500;line-height:140%}}@media screen and (max-width:900px){section.main-banner .mainSwiper .swiper-slide .content .sub-title{max-width:max-content;font-size:.18rem;font-weight:300}section.main-banner .mainSwiper .swiper-slide .content .sub-title br{display:none}}section.main-banner .mainSwiper .swiper-slide .content .video{margin-top:.4rem}section.main-banner .mainSwiper .swiper-slide .content .video .video-popup{cursor:pointer;display:inline-block;position:relative}section.main-banner .mainSwiper .swiper-slide .content .video .video-popup:after{content:"";background-image:url(../media/play.15okhf69iq0f1.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:.62rem;height:.62rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:900px){section.main-banner .mainSwiper .swiper-slide .content .video .video-popup:after{width:.24rem;height:.24rem}}section.main-banner .mainSwiper .swiper-slide .content .video .video-popup img{width:100%;height:auto}section.main-banner .mainSwiper .swiper-slide .content .btn-default{width:max-content;margin-top:.34rem}section.main-banner .mainSwiper .swiper-slide .content .btn-default img{width:.16rem;margin-left:.08rem}@media screen and (max-width:900px){section.main-banner .mainSwiper .swiper-slide .content .btn-default img{filter:brightness(0)invert()}section.main-banner .mainSwiper .swiper-slide .content .btn-default{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0000;margin-top:.32rem}}section.main-banner .mainSwiper .swiper-slide .content .btn-default+.btn-default{margin-left:.08rem}section.main-banner .mainSwiper .swiper-arrow{width:auto;height:.6rem;position:absolute;bottom:.41rem;right:5rem}@media screen and (max-width:900px){section.main-banner .mainSwiper .swiper-arrow{right:.7rem}}section.main-banner .mainSwiper .swiper-arrow .swiper-button-next{right:-60px}@media screen and (max-width:900px){section.main-banner .mainSwiper .swiper-arrow .swiper-button-next{right:-.4rem}}section.main-banner .mainSwiper .swiper-arrow .swiper-button-prev{left:-60px}section.main-banner .mainSwiper .swiper-arrow .swiper-button-prev:after,section.main-banner .mainSwiper .swiper-arrow .swiper-button-next:after{content:none}@media screen and (max-width:900px){section.main-banner .mainSwiper .swiper-arrow .swiper-button-prev img,section.main-banner .mainSwiper .swiper-arrow .swiper-button-next img{width:.48rem;height:.48rem}}section.main-banner .mainSwiper .carousel-progress{background-color:#c6c6c633;width:50%;height:2px;position:relative;bottom:.7rem;left:1rem;z-index:1!important}@media screen and (max-width:900px){section.main-banner .mainSwiper .carousel-progress{max-width:1.8rem;left:.2rem}}section.main-banner .mainSwiper .progress{background-color:#fff;height:2px;position:absolute}section.main-banner .thumbSwiper{pointer-events:none;width:3.36rem;height:1.2rem;position:absolute;bottom:0;right:0}@media screen and (max-width:900px){section.main-banner .thumbSwiper{display:none}}section.main-banner .thumbSwiper .swiper-slide{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:#ffffffd6;width:100%;height:100%;display:flex}section.main-banner .thumbSwiper .swiper-slide img{object-fit:cover;width:1.2rem;height:1.2rem}section.main-banner .thumbSwiper .swiper-slide .title{color:#000;letter-spacing:.88px;text-transform:uppercase;padding:.35rem .21rem;font-size:.16rem;font-style:normal;font-weight:500;line-height:120%}
