.work-style[data-v-fb2995d2]{background-color:var(--c65240a0);margin:var(--v550a2a73);position:relative}@media(max-width:1200px){.work-style[data-v-fb2995d2]{margin:var(--v5dfdc763);padding:var(--v00b19e08)}}@media(max-width:480px){.work-style[data-v-fb2995d2]{margin:var(--v51b86691);padding:var(--f97f10e4)}}.work-style .air[data-v-fb2995d2]{height:var(--v2c931eb2);margin-top:var(--v175810fa);overflow:hidden}@media(max-width:480px){.work-style .air[data-v-fb2995d2]{display:none;height:auto;margin-top:unset}}.work-style .air .big-box[data-v-fb2995d2]{height:var(--v00865ee0);left:0;pointer-events:auto;position:var(--v5da2660e);top:var(--f525f476);width:100vw;z-index:1}@media(max-width:480px){.work-style .air .big-box[data-v-fb2995d2]{position:relative}}.work-style .custom-swiper.vertical-swiper[data-v-fb2995d2]{aspect-ratio:var(--v303cce0c);height:960px;margin:var(--v6eebb5ea);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}@media(max-width:480px){.work-style .custom-swiper.vertical-swiper[data-v-fb2995d2]{height:auto;margin:0}}.work-style .custom-swiper.vertical-swiper[data-v-fb2995d2] .swiper-wrapper{height:100%!important}.work-style .custom-swiper.vertical-swiper .custom-swiper-slide[data-v-fb2995d2]{transition-delay:var(--v3563a4a1)}.work-style .custom-swiper.vertical-swiper.is-dragging .custom-swiper-slide[data-v-fb2995d2]{transition-delay:0s!important}.work-style .custom-swiper.vertical-swiper[data-v-fb2995d2] .swiper,.work-style .custom-swiper.vertical-swiper[data-v-fb2995d2] .swiper-slide-active{overflow:visible!important}.work-style .custom-swiper.vertical-swiper .switching[data-v-fb2995d2]{transition:transform var(--v561c2914) ease-out,opacity var(--v561c2914) ease-out}.work-style .custom-swiper.vertical-swiper .custom-swiper-slide.vertical-slide[data-v-fb2995d2]{height:100%!important;position:relative;width:100%!important}.work-style .custom-swiper.vertical-swiper .slide-parallax[data-v-fb2995d2]{height:100%;width:100%;will-change:transform,opacity}.work-style .custom-swiper.vertical-swiper.kenburns-on[data-v-fb2995d2] .bg-img-box.scale-small-to-big .bg-img{transform:scale(1)!important}.work-style .custom-swiper.vertical-swiper.kenburns-on[data-v-fb2995d2] .bg-img-box.is-started.scale-small-to-big .bg-img{transform:scale(var(--v123e938c)) rotate(var(--v379a632a))!important}.work-style .custom-swiper.vertical-swiper.kenburns-on[data-v-fb2995d2] .bg-img-box.scale-big-to-small .bg-img{transform:scale(var(--v123e938c))!important}.work-style .custom-swiper.vertical-swiper.kenburns-on[data-v-fb2995d2] .bg-img-box.is-started.scale-big-to-small .bg-img{transform:scale(1)!important}.work-style .custom-swiper.vertical-swiper .pagination-box[data-v-fb2995d2]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:0;padding-right:30px;position:absolute;right:var(--v6fece0d0);top:var(--v8540f660);z-index:1}@media(max-width:480px){.work-style .custom-swiper.vertical-swiper .pagination-box[data-v-fb2995d2]{display:none}}.work-style .custom-swiper.vertical-swiper .pagination-box .swiper-pagination.vertical-pagination-dots[data-v-fb2995d2]{display:flex;flex-direction:column;position:unset}.work-style .custom-swiper.vertical-swiper .pagination-box .swiper-pagination.vertical-pagination-dots[data-v-fb2995d2] .swiper-pagination-bullet{align-items:center;background-color:var(--v4d7d59d0);border-radius:var(--c7bc1a7a);display:flex;height:var(--v7997d7cc);margin:var(--v5849020c) 0;opacity:1;overflow:visible;position:relative;transition:all .6s;width:var(--v388e02fe)}.work-style .custom-swiper.vertical-swiper .pagination-box .swiper-pagination.vertical-pagination-dots[data-v-fb2995d2] .swiper-pagination-bullet .dot-label{color:#fff;font-size:14px;font-style:normal;font-weight:500;line-height:1;opacity:0;pointer-events:none;position:absolute;right:var(--v605351bf);top:50%;transform:translateY(-50%);transition:right .45s ease,opacity .45s ease;white-space:nowrap}.work-style .custom-swiper.vertical-swiper .pagination-box .swiper-pagination.vertical-pagination-dots[data-v-fb2995d2] .swiper-pagination-bullet.swiper-pagination-bullet-active .dot-label,.work-style .custom-swiper.vertical-swiper .pagination-box .swiper-pagination.vertical-pagination-dots[data-v-fb2995d2] .swiper-pagination-bullet:hover .dot-label{opacity:1;right:var(--v5dc0e436)}.work-style .custom-swiper.vertical-swiper .pagination-box .swiper-pagination.vertical-pagination-dots[data-v-fb2995d2] .swiper-pagination-bullet-active{background-color:var(--v41e5bd68);height:var(--v6e07460f);transform:scale(var(--v6dcc2193))}.work-style .mobile-custom-swiper[data-v-fb2995d2]{display:none}@media(max-width:480px){.work-style .mobile-custom-swiper[data-v-fb2995d2]{display:block;overflow:hidden;position:relative;width:100%}}.work-style .mobile-custom-swiper .scroll-container[data-v-fb2995d2]{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.work-style .mobile-custom-swiper .scroll-container[data-v-fb2995d2]::-webkit-scrollbar{display:none}.work-style .mobile-custom-swiper .scroll-slide[data-v-fb2995d2]{flex-shrink:0;position:relative;scroll-snap-align:start;transition:transform .3s ease;width:100%}.work-style .mobile-custom-swiper .scroll-slide[data-v-fb2995d2]>.work-style{margin-bottom:0!important;margin-top:0!important}@keyframes slideInFromLeft-fb2995d2{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight-fb2995d2{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromUp-fb2995d2{0%{opacity:0;transform:translateY(calc(var(--animate-distance, 100px)*-1))}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromDown-fb2995d2{0%{opacity:0;transform:translateY(var(--animate-distance,100px))}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-fb2995d2{0%{opacity:0}to{opacity:1}}@keyframes scaleIn-fb2995d2{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes rotateIn-fb2995d2{0%{opacity:0;transform:rotate(-180deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes flipIn-fb2995d2{0%{opacity:0;transform:perspective(400px) rotateY(90deg)}to{opacity:1;transform:perspective(0) rotateY(0)}}@keyframes fadeInUp-fb2995d2{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight-fb2995d2{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}[data-v-fb2995d2] .el-progress-circle__track{stroke:transparent!important}[data-v-fb2995d2] .el-progress-circle__path{stroke-width:5px!important}
