.video-swiper-banner{position:relative;width:100%;overflow:hidden;background:#000}.video-swiper-banner .container.index{position:relative;height:100%}.video-swiper-banner .wrapper{position:relative;height:100%}.video-swiper-banner .slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 0.5s ease-in-out;display:flex;align-items:center;justify-content:center}.video-swiper-banner .slide.active{opacity:1}.video-swiper-banner .slide.trans{transition:all 0.5s ease-in-out}.video-swiper-banner .i-pic{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.video-swiper-banner .out{position:relative;z-index:2;text-align:left;color:#fff;max-width:1680px;margin:0 auto;padding:0 20px}.video-swiper-banner .title{font-size:3rem;font-weight:700;margin-bottom:2rem;line-height:1.2;text-shadow:2px 2px 4px rgb(0 0 0 / .5)}.video-swiper-banner .btn{display:inline-block;background:rgb(0 0 0 / .6);padding:12px 24px;border-radius:6px;color:#fff;text-decoration:none;font-size:1.1rem;transition:all 0.3s ease;cursor:pointer;border:1px solid rgb(255 255 255 / .3)}.video-swiper-banner .btn:hover{background:rgb(0 0 0 / .8);transform:translateY(-2px)}.video-swiper-banner .btn .svg{width:16px;height:16px;margin-left:8px;vertical-align:middle}.video-swiper-banner .container.son{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgb(0 0 0 / .7));padding:20px 0;z-index:3}.video-swiper-banner .thumbs .wrapper{display:flex;justify-content:center;gap:20px;max-width:1680px;margin:0 auto;padding:0 20px}.video-swiper-banner .thumbs .slide{position:relative;flex:1;max-width:300px;cursor:pointer;transition:all 0.3s ease;padding:10px 0}.video-swiper-banner .thumbs .slide:hover{transform:translateY(-2px)}.video-swiper-banner .thumbs .slide.active{transform:translateY(-2px)}.video-swiper-banner .thumbs .line{position:absolute;top:0;left:0;height:3px;width:0;background-color:red;transition:width 0.3s ease;border-radius:2px}.video-swiper-banner .thumbs .slide.active .line{width:0%}@keyframes progressBar{0%{width:0%}100%{width:100%}}.video-swiper-banner__navigation{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10}.video-swiper-banner__arrow{position:absolute;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:rgb(0 0 0 / .5);color:#fff;border:none;border-radius:4px;cursor:pointer;pointer-events:auto;transition:all 0.3s ease;z-index:11;user-select:none}.video-swiper-banner__arrow:hover{background-color:rgb(0 0 0 / .8);transform:scale(1.1)}.video-swiper-banner__arrow:active{transform:scale(.95)}.video-swiper-banner__arrow--top{top:20px}.video-swiper-banner__arrow--center{top:50%;transform:translateY(-50%)}.video-swiper-banner__arrow--center:hover{transform:translateY(-50%) scale(1.1)}.video-swiper-banner__arrow--bottom{bottom:20px}.video-swiper-banner__arrow--prev{left:20px}.video-swiper-banner__arrow--next{right:20px}.video-swiper-banner__arrow i,.video-swiper-banner__arrow svg{font-size:24px;width:24px;height:24px;fill:currentColor}.video-swiper-banner__arrow-svg{width:24px;height:24px;filter:brightness(0) invert(1)}.video-swiper-banner__pagination{position:absolute;bottom:30px;left:0;right:0;text-align:center;z-index:10;pointer-events:none}.video-swiper-banner__dot{display:inline-block;width:12px;height:12px;background-color:rgb(255 255 255 / .5);cursor:pointer;pointer-events:auto;transition:all 0.3s ease;margin:0 4px;border:none;outline:none}.video-swiper-banner__dot:not(:last-child){margin-right:8px}.video-swiper-banner__dot:hover{background-color:rgb(255 255 255 / .8);transform:scale(1.2)}.video-swiper-banner__dot--active{background-color:#fff;transform:scale(1.3)}.video-swiper-banner__pagination--circle .video-swiper-banner__dot{border-radius:50%}.video-swiper-banner__pagination--square .video-swiper-banner__dot{border-radius:0}.video-swiper-banner__pagination--pill .video-swiper-banner__dot{border-radius:10px;width:20px;height:8px}.video-swiper-banner__pagination--diamond .video-swiper-banner__dot{border-radius:0;transform:rotate(45deg);margin:0 6px}.video-swiper-banner__pagination--diamond .video-swiper-banner__dot:hover{transform:rotate(45deg) scale(1.2)}.video-swiper-banner__pagination--diamond .video-swiper-banner__dot--active{transform:rotate(45deg) scale(1.3)}.video-swiper-banner__pagination--fade .video-swiper-banner__dot{transition:opacity 0.3s ease,background-color 0.3s ease}.video-swiper-banner__pagination--scale .video-swiper-banner__dot{transition:transform 0.3s ease,background-color 0.3s ease}.video-swiper-banner__pagination--slide .video-swiper-banner__dot{transition:transform 0.3s ease,background-color 0.3s ease}.video-swiper-banner__pagination--slide .video-swiper-banner__dot--active{transform:translateY(-2px) scale(1.3)}@media (max-width:768px){.video-swiper-banner__arrow{width:40px;height:40px}.video-swiper-banner__arrow i,.video-swiper-banner__arrow svg,.video-swiper-banner__arrow-svg{font-size:18px;width:18px;height:18px}.video-swiper-banner__arrow--prev,.video-swiper-banner__arrow--next{left:10px;right:10px}.video-swiper-banner__arrow--next{left:auto;right:10px}.video-swiper-banner__pagination{bottom:20px}.video-swiper-banner__dot{width:10px;height:10px;margin:0 3px}.video-swiper-banner__pagination--pill .video-swiper-banner__dot{width:16px;height:6px}}.video-swiper-banner .thumbs .text{color:#fff;font-size:.9rem;line-height:1.4;text-shadow:1px 1px 2px rgb(0 0 0 / .7);transition:all 0.3s ease;opacity:1;visibility:visible}.video-swiper-banner .thumbs .slide.active .text{color:#fff;font-weight:700;opacity:1}.video-swiper-banner .thumbs .slide:not(.active) .text{color:rgb(255 255 255 / .8);font-weight:400;opacity:1}.video-swiper-banner .thumbs .text-over{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.video-swiper-banner .page{position:absolute;bottom:50%;right:20px;transform:translateY(50%);z-index:4;display:flex;flex-direction:column;gap:10px}.video-swiper-banner .pn{width:40px;height:40px;background:rgb(0 0 0 / .6);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;border:1px solid rgb(255 255 255 / .3);pointer-events:auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.video-swiper-banner .pn:hover{background:rgb(0 0 0 / .8)}.video-swiper-banner .pn .svg{width:20px;height:20px;filter:invert(1)}.video-swiper-banner .pn.prev .svg{transform:rotate(90deg)}.video-swiper-banner .pn.next .svg{transform:rotate(-90deg)}@media (max-width:1200px){.video-swiper-banner .title,.video-swiper-banner__title{font-size:2.5rem;margin:15px 0}.video-swiper-banner .thumbs .wrapper{gap:15px}}@media (max-width:768px){.video-swiper-banner .title,.video-swiper-banner__title{font-size:2rem;margin:12px 0}.video-swiper-banner .btn{padding:10px 20px;font-size:1rem}.video-swiper-banner .thumbs .wrapper{gap:10px}.video-swiper-banner .thumbs .text{font-size:.8rem}.video-swiper-banner__description{font-size:15px;margin:12px 0;max-width:95%}.video-swiper-banner .page{right:10px}.video-swiper-banner .pn{width:35px;height:35px}.video-swiper-banner .pn .svg{width:16px;height:16px}}@media (max-width:480px){.video-swiper-banner .title,.video-swiper-banner__title{font-size:1.5rem;margin:10px 0}.video-swiper-banner .btn{padding:8px 16px;font-size:.9rem}.video-swiper-banner .thumbs .wrapper{flex-direction:column;gap:8px}.video-swiper-banner .thumbs .slide{max-width:none}.video-swiper-banner .thumbs .text{font-size:.75rem}.video-swiper-banner__description{font-size:14px;margin:10px 0;max-width:90%}}.video-swiper-banner .fadeInUp{animation:fadeInUp 0.6s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.video-swiper-banner .thumbs .slide.thumb-slide-visible{opacity:1!important;visibility:visible!important;transform:translateY(0)!important;animation:none!important}.video-swiper-banner .thumbs .slide.thumb-slide-visible .text{opacity:1!important;visibility:visible!important;display:block!important}.video-swiper-banner__title,.video-swiper-banner .title{color:#fff;font-size:48px;font-weight:700;line-height:1.2;text-align:center;margin:20px 0;opacity:0;transform:translateY(20px);transition:all 0.8s ease;text-shadow:1px 1px 2px rgb(0 0 0 / .7);letter-spacing:0}.video-swiper-banner .slide.active .video-swiper-banner__title,.video-swiper-banner .slide.active .title{opacity:1;transform:translateY(0)}.video-swiper-banner__title.animate-fadeIn,.video-swiper-banner .title.animate-fadeIn{animation:titleFadeIn 0.8s ease forwards}.video-swiper-banner__title.animate-slideInUp,.video-swiper-banner .title.animate-slideInUp{animation:titleSlideInUp 0.8s ease forwards}.video-swiper-banner__title.animate-slideInLeft,.video-swiper-banner .title.animate-slideInLeft{animation:titleSlideInLeft 0.8s ease forwards}.video-swiper-banner__title.animate-slideInRight,.video-swiper-banner .title.animate-slideInRight{animation:titleSlideInRight 0.8s ease forwards}.video-swiper-banner__title.animate-scaleIn,.video-swiper-banner .title.animate-scaleIn{animation:titleScaleIn 0.8s ease forwards}.video-swiper-banner__title.animate-typewriter,.video-swiper-banner .title.animate-typewriter{overflow:hidden;border-right:3px solid #fff;white-space:nowrap;animation:titleTypewriter 2s steps(40,end),blinkTitleCursor 0.75s step-end infinite}@keyframes titleFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes titleSlideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes titleSlideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes titleSlideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes titleScaleIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes titleTypewriter{from{width:0}to{width:100%}}@keyframes blinkTitleCursor{from,to{border-color:#fff0}50%{border-color:#fff}}.video-swiper-banner__description{color:#fff;font-size:16px;font-weight:400;line-height:1.5;text-align:center;margin:15px 0;opacity:0;transform:translateY(20px);transition:all 0.6s ease;text-shadow:1px 1px 2px rgb(0 0 0 / .7);max-width:600px;margin-left:auto;margin-right:auto}.video-swiper-banner .slide.active .video-swiper-banner__description{opacity:1;transform:translateY(0)}.video-swiper-banner__description.animate-fadeIn{animation:descriptionFadeIn 0.6s ease forwards}.video-swiper-banner__description.animate-slideInUp{animation:descriptionSlideInUp 0.6s ease forwards}.video-swiper-banner__description.animate-slideInLeft{animation:descriptionSlideInLeft 0.6s ease forwards}.video-swiper-banner__description.animate-typewriter{overflow:hidden;border-right:2px solid #fff;white-space:nowrap;animation:descriptionTypewriter 1.5s steps(40,end),blinkCursor 0.75s step-end infinite}@keyframes descriptionFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes descriptionSlideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes descriptionSlideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes descriptionTypewriter{from{width:0}to{width:100%}}@keyframes blinkCursor{from,to{border-color:#fff0}50%{border-color:#fff}}.video-swiper-banner video{width:100%;height:100%;object-fit:cover}.video-swiper-banner .slide.loading{opacity:.7}.video-swiper-banner .slide.loading::after{content:'';position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid rgb(255 255 255 / .3);border-top:3px solid #fff;border-radius:50%;animation:spin 1s linear infinite;z-index:3}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.video-swiper-banner .thumbs .wrapper.transitioning{transition:all 0.3s ease-in-out}.video-swiper-banner .thumbs .slide{transition:width 0.3s ease-in-out,flex 0.3s ease-in-out,max-width 0.3s ease-in-out,opacity 0.3s ease-in-out,visibility 0.3s ease-in-out}.video-swiper-banner .thumbs .slide:not(.thumb-slide-visible){display:none!important;opacity:0!important;visibility:hidden!important}.video-swiper-banner .thumbs .slide.thumb-slide-visible{display:block!important;opacity:1!important;visibility:visible!important}@media (max-width:1199px){.video-swiper-banner .thumbs .slide:not(.thumb-slide-visible.active){display:none!important;opacity:0!important;visibility:hidden!important}.video-swiper-banner .thumbs .slide.thumb-slide-visible.active{display:block!important;opacity:1!important;visibility:visible!important;flex:0 0 100%!important;max-width:100%!important;width:100%!important;margin-right:0!important}.video-swiper-banner .thumbs .wrapper{justify-content:center}}@media (min-width:1200px){.video-swiper-banner .thumbs .slide.thumb-slide-visible{display:block!important;opacity:1!important;visibility:visible!important}.video-swiper-banner .thumbs .slide.thumb-slide-visible.active{transform:translateY(-2px)}}@media (max-width:768px){.video-swiper-banner::before{content:"Mobile: ≤768px";position:absolute;top:10px;right:10px;background:rgb(0 0 0 / .7);color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;z-index:1000;display:none}}@media (min-width:769px) and (max-width:1199px){.video-swiper-banner::before{content:"Tablet: 769px-1199px";position:absolute;top:10px;right:10px;background:rgb(0 0 0 / .7);color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;z-index:1000;display:none}}@media (min-width:1200px){.video-swiper-banner::before{content:"Desktop: ≥1200px";position:absolute;top:10px;right:10px;background:rgb(0 0 0 / .7);color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;z-index:1000;display:none}}