@keyframes middle-db2ed08a{0%{transform:scaleX(0);left:0}to{transform:scaleX(1);left:0}}@media(min-width:1024px){.home-page-banner-container-mix[data-v-db2ed08a]{width:100vw;height:100vh;position:relative;overflow:hidden}.home-page-banner-container-mix .swiper-part[data-v-db2ed08a],.home-page-banner-container-mix .swiper-part .swiper-wrapper[data-v-db2ed08a]{width:100vw;height:100vh}.home-page-banner-container-mix .swiper-part .swiper-wrapper .swiper-slide[data-v-db2ed08a]{width:100vw;height:100vh;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#eef6f8;position:relative}.home-page-banner-container-mix .swiper-part .swiper-wrapper .swiper-slide .slide-bg[data-v-db2ed08a]{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#0006}.home-page-banner-container-mix .swiper-part .swiper-wrapper .swiper-slide .content-container[data-v-db2ed08a]{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;position:absolute;left:0;right:0;z-index:2;top:10vw;margin:auto;display:flex;align-items:center;flex-direction:column}.home-page-banner-container-mix .swiper-part .swiper-wrapper .swiper-slide .content-container .sub-title-text[data-v-db2ed08a]{font-weight:500;font-size:24px;line-height:1.1667;color:#fff;margin-bottom:1.6666666667vw}.home-page-banner-container-mix .swiper-part .swiper-wrapper .swiper-slide .content-container .title-text[data-v-db2ed08a]{display:flex;flex-direction:column;gap:.6944444444vw;align-items:center}.home-page-banner-container-mix .swiper-part .swiper-wrapper .swiper-slide .content-container .title-text .title-big[data-v-db2ed08a]{font-weight:500;font-size:48px;line-height:1.1667;color:#fff}.home-page-banner-container-mix .swiper-part .swiper-wrapper .swiper-slide .button-list[data-v-db2ed08a]{gap:1.1111111111vw;z-index:2;position:absolute;width:100%;bottom:6.25vw;display:flex;justify-content:center}.home-page-banner-container-mix .swiper-part .swiper-wrapper .swiper-slide .button-list .btn-wrap[data-v-db2ed08a]{width:11.1111111111vw;height:3.3333333333vw}.home-page-banner-container-mix .arrow-btn[data-v-db2ed08a]{position:absolute;top:50%;transform:translateY(-50%);z-index:3;background-color:#00000040;backdrop-filter:blur(24px);color:#ffffffbf}.home-page-banner-container-mix .arrow-btn[data-v-db2ed08a]:hover{background-color:#00000080;color:#fff}.home-page-banner-container-mix .arrow-btn.arrow-btn-left[data-v-db2ed08a]{left:4.4444444444vw}.home-page-banner-container-mix .arrow-btn.arrow-btn-right[data-v-db2ed08a]{right:4.4444444444vw}.home-page-banner-container-mix .swiper-controller[data-v-db2ed08a]{position:absolute;bottom:0;padding:2.0833333333vw 4.4444444444vw;width:100%;display:flex;z-index:1;align-items:center}.home-page-banner-container-mix .swiper-controller .swiper-pagination[data-v-db2ed08a]{position:relative;display:flex;justify-content:flex-start}.home-page-banner-container-mix .swiper-controller[data-v-db2ed08a] .swiper-pagination-bullet{background-color:transparent;opacity:1;margin:0 4px!important;position:relative;width:-moz-fit-content!important;width:fit-content!important;height:2px!important;transition:all .5s linear}.home-page-banner-container-mix .swiper-controller[data-v-db2ed08a] .swiper-pagination-bullet span{width:40px;height:2px;background-color:#fff6;display:block;transform-origin:left center;transition:all .5s linear}.home-page-banner-container-mix .swiper-controller[data-v-db2ed08a] .swiper-pagination-bullet span:before{transition:all .5s linear;content:"";position:absolute;transform-origin:left center;top:0;left:0;width:40px;height:2px;background-color:transparent;z-index:-1;transform:scaleX(0)}.home-page-banner-container-mix .swiper-controller[data-v-db2ed08a] .swiper-pagination-bullet-active span{background-color:#fff6;width:80px}.home-page-banner-container-mix .swiper-controller[data-v-db2ed08a] .swiper-pagination-bullet-active span:before{transition:all 0s linear;width:80px;background-color:#fff;animation-name:middle-db2ed08a;animation-duration:var(--fac8643c);animation-timing-function:linear;animation-fill-mode:forwards}}@media(max-width:1023px){.home-page-banner-container-mix[data-v-db2ed08a]{width:100vw;height:calc(var(--dvh, 1vh) * 100);position:relative;overflow:hidden}.home-page-banner-container-mix .swiper-part[data-v-db2ed08a],.home-page-banner-container-mix .swiper-part .swiper-wrapper[data-v-db2ed08a]{width:100vw;height:calc(var(--dvh, 1vh) * 100)}.home-page-banner-container-mix .swiper-part .swiper-wrapper .swiper-slide[data-v-db2ed08a]{width:100vw;height:calc(var(--dvh, 1vh) * 100);background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#eef6f8;position:relative}.home-page-banner-container-mix .swiper-part .swiper-wrapper .swiper-slide .slide-bg[data-v-db2ed08a]{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#0006}.home-page-banner-container-mix .swiper-part .swiper-wrapper .swiper-slide .content-container[data-v-db2ed08a]{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;position:absolute;left:0;right:0;z-index:2;top:148px;margin:auto;display:flex;align-items:center;flex-direction:column;gap:12px}.home-page-banner-container-mix .swiper-part .swiper-wrapper .swiper-slide .content-container .sub-title-text[data-v-db2ed08a]{font-weight:400;font-size:16px;line-height:24px;color:#fff}.home-page-banner-container-mix .swiper-part .swiper-wrapper .swiper-slide .content-container .title-text[data-v-db2ed08a]{display:flex;flex-direction:column;gap:10px;align-items:center}.home-page-banner-container-mix .swiper-part .swiper-wrapper .swiper-slide .content-container .title-text .title-big[data-v-db2ed08a]{font-weight:400;font-size:24px;line-height:1.1667;color:#fff}.home-page-banner-container-mix .swiper-part .swiper-wrapper .swiper-slide .button-list[data-v-db2ed08a]{gap:12px;z-index:2;position:absolute;width:100%;bottom:calc(var(--dvh, 1vh) * 10);display:flex;justify-content:center;flex-wrap:wrap}.home-page-banner-container-mix .swiper-part .swiper-wrapper .swiper-slide .button-list .btn-wrap[data-v-db2ed08a]{width:100px;height:40px}.home-page-banner-container-mix .swiper-controller[data-v-db2ed08a]{position:absolute;bottom:24px;width:100%;display:flex;z-index:1;justify-content:center}.home-page-banner-container-mix .swiper-controller .swiper-pagination[data-v-db2ed08a]{position:relative;text-align:center;display:flex;align-items:center;justify-content:center}.home-page-banner-container-mix .swiper-controller[data-v-db2ed08a] .swiper-pagination-bullet{background-color:transparent;opacity:1;margin:0 4px;position:relative;width:-moz-fit-content!important;width:fit-content!important;height:-moz-fit-content!important;height:fit-content!important;vertical-align:middle;transition:all .5s linear}.home-page-banner-container-mix .swiper-controller[data-v-db2ed08a] .swiper-pagination-bullet span{width:24px;height:2px;background-color:#fff6;display:block;transform-origin:left center;transition:all .5s linear}.home-page-banner-container-mix .swiper-controller[data-v-db2ed08a] .swiper-pagination-bullet span:before{transition:all .5s linear;content:"";position:absolute;transform-origin:left center;top:0;left:0;width:24px;height:2px;background-color:transparent;z-index:-1;transform:scaleX(0)}.home-page-banner-container-mix .swiper-controller[data-v-db2ed08a] .swiper-pagination-bullet-active span{background-color:#fff6;width:52px}.home-page-banner-container-mix .swiper-controller[data-v-db2ed08a] .swiper-pagination-bullet-active span:before{transition:all 0s linear;width:52px;background-color:#fff;animation-name:middle-db2ed08a;animation-duration:var(--fac8643c);animation-timing-function:linear;animation-fill-mode:forwards}}