/* common start */
.vision6-main {
    position: relative;
    font-weight: 400;
    line-height: 1.6;
    background: #F4F4F4;
}

.vision6-main * {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
}

.vision6-main sup {
    font-size: 0.6em;
}

.vision6-main sup.yes-click {
    cursor: pointer;
}

.vision6-main a {
    color: inherit;
    font-size: inherit;
    text-decoration: none;
}

.vision6-main ul,
.vision6-main ol {
    list-style: none;
    list-style-image: none;
}

.vision6-main button {
    border: 0;
    font-size: 0;
    line-height: 0;
}

.vision6-main .nr {
    white-space: nowrap;
    display: inline-block;
}

.vision6-main img,
.vision6-main picture {
    border: 0;
    width: 100%;
    display: block;
}

.vision6-main svg {
    width: 100%;
    display: block;
    overflow: visible;
}

.vision6-main video {
    border: 0;
    width: 100%;
    display: block;
    object-fit: cover;
}

.vision6-main canvas {
    display: block;
    width: 100%;
}

.vision6-main em {
    font-style: inherit;
}

.vision6-main .is-ucwx {
    display: none !important;
}

.vision6-main .blur-up {
    filter: blur(20px);
    -webkit-filter: blur(20px);
    transition: filter 0.2s;
    -webkit-transition: filter 0.2s;
    -moz-transition: filter 0.2s;
}

.vision6-main .blur-up.lazyloaded {
    filter: blur(0);
    -webkit-filter: blur(0);
}

.vision6-main br {
    line-height: 0;
}

.vision6-main .show-mob,
.vision6-main .show-mob-inline {
    display: none;
}

.vision6-main .show-pc {
    display: block;
}

.vision6-main .show-pc-inline {
    display: inline-block;
}

.vision6-main .common-big-title {
    color: #0e0e0f;
    font-size: 3.333333vw;
    font-weight: 500;
    line-height: 1.25;
    margin-top: 0.833333vw;
}

.vision6-main .common-sub-title {
    color: transparent;
    display: inline-block;
    font-size: 1.666667vw;
    font-weight: 300;
    line-height: 1.25;
    background: linear-gradient(90deg, #314957 0%, #006195 100%);
    background-clip: text;
    -webkit-background-clip: text;
}

.vision6-main .common-desc {
    color: #6f6f6f;
    font-size: 1.145833vw;
    font-weight: 300;
    line-height: 1.6;
}

.vision6-main .common-desc .highlight-txt {
    color: #000;
    font-style: inherit;
    font-weight: 500;
}

.vision6-main .video-control-btn {
    width: 2.0833334vw;
    height: 2.0833334vw;
    position: absolute;
    right: 1.25vw;
    bottom: 1.25vw;
    z-index: 2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.vision6-main .video-control-btn .video-btn {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -moz-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.vision6-main .video-control-btn .btn-item {
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -moz-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}

@media (pointer: fine) and (hover: hover) {
    .vision6-main .video-control-btn:hover {
        cursor: pointer;
    }

    .vision6-main .video-control-btn:hover .glass-wrap {
        opacity: .6;
    }

}

.vision6-main .control-video[data-video-state="play"] .video-play {
    opacity: 1;
}

.vision6-main .control-video[data-video-state="pause"] .video-pause {
    opacity: 1;
}

.vision6-main .control-video[data-video-state="replay"] .video-replay {
    opacity: 1;
}


.vision6-main .svg-grad {
    height: 0;
    overflow: hidden;
}

.vision6-main .glass-wrap {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -moz-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.vision6-main .glass-wrap .glass-item {
    position: absolute;
    inset: 0;
}

.vision6-main .nav-container .glass-item1 {
    border-radius: 999px;
}

.vision6-main .nav-container .glass-item1::before {
    content: "";
    position: absolute;
    z-index: 2;
    width: 2.239583vw;
    height: 2.239583vw;
    top: 0.052083vw;
    left: 0.104167vw;
    border: 1px solid #fff;
    filter: blur(1.69px);
    -webkit-filter: blur(1.69px);
    border-radius: 999px;
}

.vision6-main .nav-container .glass-item1::after {
    content: "";
    position: absolute;
    top: 0.3125vw;
    left: 0.208333vw;
    width: 2.291667vw;
    height: 2.135417vw;
    border: 1px solid #707070;
    filter: blur(2.2px);
    -webkit-filter: blur(2.2px);
    z-index: 2;
    border-radius: 999px;
}

.vision6-main .nav-container .glass-item2 {
    background: rgba(208, 208, 208, .5);
    border-radius: 999px;
    position: absolute;
    inset: 0;
    z-index: 1;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.vision6-main .nav-container .glass-item3 {
    position: absolute;
    z-index: 2;
    inset: 0;
    padding: 2px;
    border-radius: 999px;
    box-shadow: 0px 3px 3px rgba(112, 112, 112, .1);
    background: linear-gradient(42.94deg, #888888 17.03%, #e5e5e5 26.86%, #ffffff 51.49%, #e8e8e8 73.56%, #888888 83.01%);
    -webkit-mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6-main .nav-container .glass-item1::before {
        top: 0.277778vw;
        left: 0.555556vw;
        width: 10vw;
        height: 10vw;
    }

    .vision6-main .nav-container .glass-item1::after {
        top: 0.694444vw;
        left: 0.555556vw;
        width: 10.555556vw;
        height: 10.277778vw;
    }
}

/* title animation */
.vision6-main .title-animation {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    perspective: 36.458333vw;
}

.vision6-main .title-animation::before {
    content: "";
    position: absolute;
    top: 3.541667vw;
    left: 50%;
    z-index: 1;
    pointer-events: none;
    width: 40.208333vw;
    height: 23.90625vw;
    background: radial-gradient(ellipse 42.66% 42.66% at 55.65% 50%, #ffffff 0%, rgba(255, 255, 255, 0.88) 46.47%, rgba(255, 255, 255, 0) 100%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.vision6-main .title-animation .title-wrap {
    width: fit-content;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: fit-content;
    overflow: hidden;
}

.vision6-main .title-animation .title-wrap li {
    transform: translate3d(0, 100%, 1px);
    display: flex;
    overflow: hidden;
}

.vision6-main .title-animation.will-change .title-wrap li {
    will-change: transform;
}

.vision6-main .title-animation .title-wrap .txt-v {
    width: 12.709375vw;
    height: 12.626042vw;
}

.vision6-main .title-animation .title-wrap .txt-i {
    width: 3.265104vw;
    height: 12.626042vw;
    margin-left: 0.9375vw;
}

.vision6-main .title-animation .title-wrap .txt-s {
    width: 10.111979vw;
    height: 13.08125vw;
    margin-left: 0.9375vw;
}

.vision6-main .title-animation .title-wrap .txt-i2 {
    width: 3.265104vw;
    height: 12.626042vw;
    margin-left: 1.145833vw;
}

.vision6-main .title-animation .title-wrap .txt-o {
    width: 12.45625vw;
    height: 13.08125vw;
    margin-left: 1.458333vw;
}

.vision6-main .title-animation .title-wrap .txt-n {
    width: 10.921354vw;
    height: 12.626042vw;
    margin-left: 1.458333vw;
}

.vision6-main .title-animation.animated1 .title-wrap li {
    transform: translate3d(0, 0, 1px);
    transition: transform 1s ease;
    -webkit-transition: transform 1s ease;
    -moz-transition: transform 1s ease;
}

.vision6-main .title-animation.animated1 .title-wrap li img {
    transform: translate3d(0, 0, 1px);
    margin-bottom: -2px;
}

.vision6-main .title-animation.animated1 .title-wrap li:nth-child(1) {
    transition-delay: 0s;
}

.vision6-main .title-animation.animated1 .title-wrap li:nth-child(2) {
    transition-delay: 0.05s;
}

.vision6-main .title-animation.animated1 .title-wrap li:nth-child(3) {
    transition-delay: 0.1s;
}

.vision6-main .title-animation.animated1 .title-wrap li:nth-child(4) {
    transition-delay: 0.15s;
}

.vision6-main .title-animation.animated1 .title-wrap li:nth-child(5) {
    transition-delay: 0.2s;
}

.vision6-main .title-animation.animated1 .title-wrap li:nth-child(6) {
    transition-delay: 0.25s;
}

.vision6-main .title-animation .txt-reflection {
    opacity: 0;
    position: absolute;
    top: 12.291667vw;
    left: 50%;
    width: 59.114583vw;
    height: 21.71875vw;
    transform: translate(-50%, 0) rotateX(61deg);
    -webkit-transform: translate(-50%, 0) rotateX(61deg);
    -moz-transform: translate(-50%, 0) rotateX(61deg);
    transform-origin: center top;
    pointer-events: none;
}

.vision6-main .title-animation.animated1 .txt-reflection {
    opacity: 1;
    transition: opacity .3s ease .7s;
    -webkit-transition: opacity .3s ease .7s;
    -moz-transition: opacity .3s ease .7s;
}

.vision6-main .title-animation.will-change .txt-reflection {
    will-change: opacity;
}

.vision6-main .title-animation .title-content {
    position: relative;
    z-index: 2;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: calc(-3.645833vw * 1.25);
}

.vision6-main .title-animation .title-content .title-txt {
    width: fit-content;
    clip-path: inset(0 100% 0 0);
    font-weight: 500;
    line-height: 1.25;
    text-shadow: 0px 3px 6px rgba(255, 255, 255, 0.16);
}

.vision6-main .title-animation.will-change .title-content .title-txt {
    will-change: clip-path, transform;
}

.vision6-main .title-animation .title-content .title-one {
    color: #354f5f;
    font-size: 3.645833vw;
    transform: translateX(5vw);
    -webkit-transform: translateX(5vw);
    -moz-transform: translateX(5vw);
}

.vision6-main .title-animation .title-content .title-one span {
    color: #00659c;
}

.vision6-main .title-animation .title-content .title-two {
    color: #334d5d;
    font-size: 6.25vw;
    transform: translateX(-5vw);
    -webkit-transform: translateX(-5vw);
    -moz-transform: translateX(-5vw);
}

.vision6-main .title-animation .title-content .title-two span {
    color: #00659c;
}

.vision6-main .title-animation .title-content.animated2 .title-txt {
    clip-path: inset(0 0 0 0);
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transition: clip-path .8s ease .6s, transform .8s ease .65s;
    -webkit-transition: clip-path .8s ease .6s, transform .8s ease .65s;
    -moz-transition: clip-path .8s ease .6s, transform .8s ease .65s;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6-main .title-animation {
        perspective: none;
    }

    .vision6-main .title-animation::before {
        top: 5.555556vw;
        width: 62.916667vw;
        height: 37.777778vw;
        background: radial-gradient(ellipse 42.66% 42.66% at 55.65% 50%, #ffffff 0%, rgba(255, 255, 255, 0.88) 46.47%, rgba(255, 255, 255, 0) 100%);
    }

    .vision6-main .title-animation .title-wrap .txt-v {
        width: 19.651389vw;
        height: 19.766667vw;
    }

    .vision6-main .title-animation .title-wrap .txt-i {
        width: 4.866667vw;
        height: 19.766667vw;
        margin-left: 1.666667vw;
    }

    .vision6-main .title-animation .title-wrap .txt-s {
        width: 15.586111vw;
        height: 20.479167vw;
        margin-left: 1.666667vw;
    }

    .vision6-main .title-animation .title-wrap .txt-i2 {
        width: 4.866667vw;
        height: 19.766667vw;
        margin-left: 2.083333vw;
    }

    .vision6-main .title-animation .title-wrap .txt-o {
        width: 19.255556vw;
        height: 20.479167vw;
        margin-left: 2.5vw;
    }

    .vision6-main .title-animation .title-wrap .txt-n {
        width: 16.852778vw;
        height: 19.766667vw;
        margin-left: 2.5vw;
    }

    .vision6-main .title-animation .txt-reflection {
        top: 20.833333333333334vw;
        width: 100%;
        height: 17.77777777777778vw;
        transform: translate(-50%, 0) rotate(0deg);
        -webkit-transform: translate(-50%, 0) rotate(0deg);
        -moz-transform: translate(-50%, 0) rotate(0deg);
    }

    .vision6-main .title-animation .title-content {
        margin-top: -3.888888888888889vw;
    }

    .vision6-main .title-animation .title-content .title-one {
        font-size: 9.722222vw;
    }

    .vision6-main .title-animation .title-content .title-two {
        font-size: 16.666667vw;
    }
}

/* common style end */

/* kv start */
.vision6-main .vision6-kv .kv-box {
    width: 100%;
    position: relative;
}

.vision6-main .vision6-kv .kv-img {
    width: 100%;
    height: 50vw;
}

.vision6-main .vision6-kv .kv-img video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    mix-blend-mode: darken;
}

.vision6-main .vision6-kv .kv-group {
    position: absolute;
    left: 60.36458333vw;
    top: 50%;
    transform: translateY(-40%);
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    text-align: center;
    width: 31.510417vw;
    opacity: 0;
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.vision6-main .vision6-kv.active .kv-group {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    opacity: 1;
}

.vision6-kv .kv-group .kv-ksp {
    width: 29.375vw;
    margin: 0 auto;
}

.vision6-kv .kv-group .kv-title {
    font-size: 2.70833333vw;
    font-weight: 400;
    line-height: 1.25;
    color: #0E0E0F;
    display: flex;
    justify-content: center;
    margin-top: 1.875vw;
}

.kv-group .kv-title span:not(:last-child) {
    margin-right: 2.08333333vw;
}

.vision6-kv .kv-text {
    width: 110%;
    font-size: 1.14583333vw;
    font-weight: 300;
    line-height: 1.6;
    color: #0E0E0F;
    margin-top: 1.5625vw;
}

.vision6-kv .huawei-product-buy-btn-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 4.16666667vw;
}

.vision6-kv .huawei-product-buy-btn-price {
    color: #000;
    font-size: 1.46vw;
    font-weight: 400;
    line-height: 1.25;
}

.vision6-kv .huawei-product-buy-btn {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    padding: 6px 20px;
    border: 2px solid #000;
    background: #000000;
    transition: 0.3s ease-out;
    margin-top: 24px;
    cursor: pointer;
    border-radius: 4px;
}

.vision6-kv .huawei-product-buy-btn:hover {
    opacity: 0.8;
}

.vision6-kv .huawei-product-buy-btn-price .price_btn {
    display: inline;
    cursor: pointer;
}

.vision6-kv .huawei-product-buy-btn-price a {
    color: inherit;
}

.vision6-kv .huawei-product-buy-btn-price span {
    font-size: 0.677083vw;
    font-weight: 500;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6-main .vision6-kv .kv-img {
        height: 150vw;
    }

    .vision6-main .vision6-kv .kv-group {
        width: 83.3333333333vw;
        top: 16.6666666667vw;
        left: 50%;
        transform: translate(-50%, 10%);
        -webkit-transform: translate(-50%, 10%);
        -moz-transform: translate(-50%, 10%);
        -ms-transform: translate(-50%, 10%);
        -o-transform: translate(-50%, 10%);
        font-size: 3.0555555556vw;
    }

    .vision6-main .vision6-kv.active .kv-group {
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
    }

    .vision6-kv .kv-group .kv-ksp {
        width: 78.3333333333vw;
    }

    .vision6-kv .kv-group .kv-title {
        font-size: 7.2222222222vw;
        margin-top: 4.1666666667vw;
    }

    .kv-group .kv-title span:not(:last-child) {
        margin-right: 5vw;
    }

    .vision6-kv .kv-group .kv-text {
        font-size: 3.0555555556vw;
        margin-top: 4.4444444444vw;
    }

    .vision6-main .vision6-kv .huawei-product-buy-btn-container {
        margin-top: 7.7777777778vw;
        display: flex;
    }

    .vision6-kv .huawei-product-buy-btn-price {
        font-size: 5.55555555vw;
    }

    .vision6-kv .huawei-product-buy-btn-price span {
        font-size: 3.61111111vw;
    }
}

/* kv end */
/* s2 start */
.vision6-main .object-reasontobuy {
    position: relative;
    z-index: 1;
    padding: 10.416667vw 0;
    width: 100%;
    overflow: hidden;
}

.vision6-main .object-reasontobuy::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 67.5vw;
    background: linear-gradient(180deg, #d7e1e9 0%, #ffffff 45.34%);
    z-index: -1;
}

.vision6-main .object-reasontobuy .product-buy-container .tip-txt {
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 2.083333vw 9.375vw 0;
}

.vision6-main .object-reasontobuy .product-buy-container .tip-txt p {
    color: rgba(109, 111, 114, .6);
    font-size: max(0.625vw, 8px);
    font-weight: 500;
    line-height: 1.6;
}

.vision6-main .object-reasontobuy .reasontobuy-swiper-container {
    padding-top: 10.416667vw;
    position: relative;
    z-index: 1;
}

.vision6-main .object-reasontobuy .reasontobuy-swiper-container .swiper-overflow {
    width: 100%;
    overflow: hidden;
}

.vision6-main .object-reasontobuy .reasontobuy-swiper {
    width: 67.5vw;
    margin: 0 auto;
    overflow: visible;
}

.vision6-main .object-reasontobuy .reasontobuy-swiper .swiper-slide:nth-last-child(n+2) {
    margin-right: 1.25vw;
}

@media (pointer: fine) and (hover: hover) {
    .vision6-main .object-reasontobuy .reasontobuy-swiper .swiper-slide:not(.swiper-slide-active):hover {
        cursor: pointer;
    }

    .vision6-main .object-reasontobuy .reason-wrap li:hover {
        background: rgba(25, 25, 25, 0.5);
    }
}

.vision6-main .object-reasontobuy .reasontobuy-swiper .reasontobuy-content {
    position: relative;
    border-radius: 0.83333333vw;
    overflow: hidden;
}

.vision6-main .object-reasontobuy .reasontobuy-swiper .reasontobuy-content .mask-img {
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    will-change: opacity;
    overflow: hidden;
}

.vision6-main .object-reasontobuy .reasontobuy-swiper .reasontobuy-content .mask-img.show {
    opacity: 1;
    visibility: visible;
    transition: opacity 600ms 200ms linear;
    will-change: opacity;
}

.vision6-main .object-reasontobuy .reasontobuy-swiper .reasontobuy-content .reasonImg {
    position: relative;
    width: 100%;
    height: 37.5vw;

    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    overflow: hidden;
    border-radius: 0.833333vw;
}

.vision6-main .object-reasontobuy .reasontobuy-swiper .reasontobuy-content .content-wrap {
    height: 38.020833vw;
    position: relative;

    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.vision6-main .object-reasontobuy .reasontobuy-swiper .reasontobuy-content .content-wrap picture,
.vision6-main .object-reasontobuy .reasontobuy-swiper .reasontobuy-content .content-wrap img {
    height: 100%;
    object-fit: cover;
}

.vision6-main .object-reasontobuy .reasontobuy-swiper .reasontobuy-content .content-wrap video {
    height: 100%;
    transform: scale(1.006);
    -webkit-transform: scale(1.006);
    -moz-transform: scale(1.006);
}

.vision6-main .object-reasontobuy .reasontobuy-swiper .reasontobuy-content .reasontobuy-title {
    position: absolute;
    padding: 2.5vw;
    top: 0;
    left: 0;
    z-index: 1;
    transition-timing-function: cubic-bezier(0.85, 0.02, 0.15, 0.53);
    opacity: 1;
    line-height: 1.6;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.vision6-main .object-reasontobuy.will-change .reasontobuy-title {
    will-change: transform, opacity;
}

.vision6-main .object-reasontobuy .reasontobuy-title h2 {
    color: #FFFFFF;
    font-size: 1.66666667vw;
    font-weight: 700;
    line-height: 1.5;
}

.vision6-main .object-reasontobuy .reasontobuy-title p {
    color: #FFFFFF;
    font-size: 1.666667vw;
    font-weight: 300;
    line-height: 1.5;
}

.vision6-main .object-reasontobuy .reasontobuy-content1 .reasontobuy-title p,
.vision6-main .object-reasontobuy .reasontobuy-content1 .reasontobuy-title h2,
.vision6-main .object-reasontobuy .reasontobuy-content3 .reasontobuy-title p,
.vision6-main .object-reasontobuy .reasontobuy-content3 .reasontobuy-title h2 {
    color: #0E0E0F;
}

.vision6-main .object-reasontobuy .reasontobuy-content .reasontobuy-content1-wrap {
    position: absolute;
    font-size: 1.14583333vw;
    font-weight: 300;
    line-height: 1.6;
    color: #FFFFFF;
    top: 50%;
    left: 2.5vw;
    transform: translate3d(0, -50%, 1px);
    -webkit-transform: translate3d(0, -50%, 1px);
    -moz-transform: translate3d(0, -50%, 1px);
    -ms-transform: translate3d(0, -50%, 1px);
    -o-transform: translate3d(0, -50%, 1px);
}

.vision6-main .object-reasontobuy .reasontobuy-content2 .reasontobuy-content1-wrap {
    color: #fff;
    left: auto;
    right: 2.8125vw;
    font-size: 1.14583333vw;
    transform: translate3d(0, -50%, 1px);
    -webkit-transform: translate3d(0, -50%, 1px);
    -moz-transform: translate3d(0, -50%, 1px);
    -ms-transform: translate3d(0, -50%, 1px);
    -o-transform: translate3d(0, -50%, 1px);
}

.vision6-main .object-reasontobuy .reasontobuy-content2 .reason2-txt-hight {
    position: absolute;
    top: 9.375vw;
    right: 15.72916667vw;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 1.6;
    font-size: 1.14583333vw;
    transform: translate3d(0, 0, 1px);
}

.vision6-main .object-reasontobuy .reasontobuy-content .math {
    font-size: 5.20833333vw;
    line-height: 1.25;
}

.vision6-main .object-reasontobuy .reasontobuy-content .unit {
    font-size: 2.08333333vw;
}

.vision6-main .object-reasontobuy .reasontobuy-content2 .unit {
    font-size: 3.125vw;
}

.vision6-main .reasontobuy-content2 .s2-mask {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    width: 20.5%;
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition-delay: 0.5s;
    will-change: width;
    transform: translate3d(0, 0, 1px);
    -webkit-transform: translate3d(0, 0, 1px);
    -moz-transform: translate3d(0, 0, 1px);
    -ms-transform: translate3d(0, 0, 1px);
    -o-transform: translate3d(0, 0, 1px);
}

.vision6-main .swiper-slide-active .reasontobuy-content2 .s2-mask {
    width: 48.9%;
}

.vision6-main .reasontobuy-content2 .s2-mask .s2-maskImg {
    width: 67.5vw;
    height: 37.5vw;
    position: relative;
}

.vision6-main .reasontobuy-content2 .reason2-txt {
    position: absolute;
    top: 9.375vw;
    left: 14.11458333vw;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 1.6;
    font-size: 1.14583333vw;
    transform: translate3d(0, 0, 1px);
}

.vision6-main .reasontobuy-content2 .s2-linebg {
    position: absolute;
    width: 0.3125vw;
    height: 22.03125vw;
    top: 8.75vw;
    right: 0;
    background: linear-gradient(274.73deg, #888888 23.01%, #e5e5e5 30.42%, #ffffff 56.97%, #e8e8e8 81.43%, #888888 88.05%);
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition-delay: 0.5s;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
}


.vision6-main .reasontobuy-content2 .s2-line {
    width: 0.20833333vw;
    height: calc(100% - 0.20833333vw);
    background-color: #D0D0D0;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
    overflow: hidden;
    position: relative;
}

.vision6-main .reasontobuy-content2 .s2-line::after {
    content: "";
    width: 100%;
    height: calc(100% - 8px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    filter: blur(3px);
    -webkit-filter: blur(3px);
}

.vision6-main .object-reasontobuy .reasontobuy-btn-container {
    margin-top: 3.3333334vw;
    display: flex;
    justify-content: center;
}

.vision6-main .object-reasontobuy .reasontobuy-btn-container .reasontobuy-btn-wrap {
    position: relative;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    overflow: hidden;
    padding: 0.625vw 1.041667vw;
}

.vision6-main .object-reasontobuy .reasontobuy-btn-container .btn-bg-wrap {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: #b4ed9a;
    box-shadow: 0vw -1.25vw 1.666666666666667vw #f1f7ef inset;
    pointer-events: none;
    transform: translateZ(1px);
    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
}

.vision6-main .object-reasontobuy .reasontobuy-btn-container .btn-bg-wrap::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0.104167vw 0.520833vw auto;
    height: 2.291667vw;
    background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.1) 100%);
    border-radius: 999px;
    filter: blur(5px);
    -webkit-filter: blur(5px);
}

.vision6-main .object-reasontobuy .reasontobuy-btn-container .btn-bg-wrap::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: auto 0.520833vw 0.416667vw;
    height: 1.354167vw;
    background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0.1) 100%);
    border-radius: 999px;
    filter: blur(5px);
    -webkit-filter: blur(5px);
}

.vision6-main .object-reasontobuy .reasontobuy-btn-container .button-item {
    width: 2.0833334vw;
    height: 2.0833334vw;
    flex-shrink: 0;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    display: flex;
    align-items: center;
    justify-content: center;
}

.vision6-main .object-reasontobuy .reasontobuy-btn-container .button-disabled {
    pointer-events: none;
    opacity: .3;
}

.vision6-main .object-reasontobuy .reasontobuy-btn-container .button-prev {
    transform: translate3d(0, 0, 0) rotate(180deg);
    -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
    -moz-transform: translate3d(0, 0, 0) rotate(180deg);
}

@media (pointer: fine) and (hover: hover) {
    .vision6-main .object-reasontobuy .reasontobuy-btn-container .button-item:hover {
        cursor: pointer;
        opacity: 0.6;
    }
}

.vision6-main .object-reasontobuy .reasontobuy-btn-container .swiper-pagination {
    position: static;
    margin: 0 0.9375vw;
    line-height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vision6-main .object-reasontobuy .reasontobuy-btn-container .swiper-pagination-bullet {
    margin: 0;
    cursor: default;
    flex-shrink: 0;
    width: 0.5208334vw;
    height: 0.5208334vw;
    background: #94cf81;
    opacity: 0.2;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
}

.vision6-main .object-reasontobuy .reasontobuy-btn-container .swiper-pagination-bullet:nth-child(n+2) {
    margin-left: 0.5208334vw;
}

.vision6-main .object-reasontobuy .reasontobuy-btn-container .swiper-pagination-bullet-active {
    opacity: .8;
    pointer-events: none;
}

.vision6-main .object-reasontobuy .reason-container {
    width: fit-content;
    margin: 2.5vw auto 0;
    position: relative;
    z-index: 1;
}

.vision6-main .object-reasontobuy .glass-wrap {
    position: absolute;
    inset: -2px;
    z-index: -1;
    pointer-events: none;
}

.vision6-main .object-reasontobuy .glass-wrap .glass-item {
    position: absolute;
    inset: 0;
}

.vision6-main .object-reasontobuy .glass-wrap .glass-item1 {
    border-radius: 999px;
}

.vision6-main .object-reasontobuy .glass-wrap .glass-item1::before {
    content: "";
    position: absolute;
    height: 2.864583333vw;
    inset: 9px 0 auto 7px;
    border: 1px solid #707070;
    border-radius: 999px;
    filter: blur(4px);
    z-index: 2;
}

.vision6-main .object-reasontobuy .glass-wrap .glass-item1::after {
    content: "";
    position: absolute;
    height: 2.8125vw;
    inset: 6px 0 auto 4px;
    border: 1px solid #707070;
    border-radius: 999px;
    filter: blur(4px);
}

.vision6-main .object-reasontobuy .glass-wrap .glass-item2 {
    background: rgba(208, 208, 208, 0.5);
    border-radius: 999px;
    backdrop-filter: blur(3px);
    position: absolute;
    inset: 0px;
    z-index: 1;
}

.vision6-main .object-reasontobuy .glass-wrap .glass-item3 {
    position: absolute;
    inset: 0;
    z-index: 2;
    padding: 2px;
    border-radius: 999px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
    background: linear-gradient(92.17deg, #888888 -0.43%, #e5e5e5 13.83%, #ffffff 64.4%, #ffffff 83.52%, #888888 98.27%);
    ;
    -webkit-mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.vision6-main .object-reasontobuy .reason-control {
    display: flex;
    align-items: center;
    width: fit-content;
    margin: 2.5vw auto 0;
    padding: 0.625vw 1.04166667vw;
}

.vision6-main .object-reasontobuy .reason-control .disabled {
    opacity: 0.3;
    cursor: default;
    pointer-events: none;
}

.vision6-main .object-reasontobuy .reason-left {
    width: 2.08333333vw;
    height: 2.08333333vw;
    cursor: pointer;
    transform: rotate(180deg);
    filter: drop-shadow(0px -3px 1px rgba(0, 0, 0, 0.3));
    transition: opacity 0.3s ease;
    -webkit-filter: drop-shadow(0px -3px 1px rgba(0, 0, 0, 0.3));
}

.vision6-main .object-reasontobuy .reason-wrap {
    display: flex;
}

.vision6-main .object-reasontobuy .reason-wrap li {
    width: 0.52083333vw;
    height: 0.52083333vw;
    background: rgba(166, 166, 166, 1);
    border-radius: 50%;
    transition: background-color 0.3s ease;
    cursor: pointer;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.2));
    -webkit-filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.2));
}

.vision6-main .object-reasontobuy .reason-wrap li.active {
    background: rgba(25, 25, 25, 1);
    cursor: default;
}

.vision6-main .object-reasontobuy .reason-wrap li:not(:last-child) {
    margin-right: 0.52083333vw;
}

.vision6-main .object-reasontobuy .reason-right {
    width: 2.08333333vw;
    height: 2.08333333vw;
    cursor: pointer;
    filter: drop-shadow(0px 3px 1px rgba(0, 0, 0, 0.3));
    transition: opacity 0.3s ease;
}

.vision6-main .object-reasontobuy .reason-wrap {
    padding: 0 0.9375vw;
}

@media (pointer: fine) and (hover: hover) {
    .vision6-main .object-reasontobuy .reasontobuy-btn-container .swiper-pagination-bullet:hover {
        opacity: .6;
        cursor: pointer;
    }

    .vision6-main .object-reasontobuy .reason-left:hover,
    .vision6-main .object-reasontobuy .reason-right:hover {
        opacity: 0.6;
    }
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6-main .object-reasontobuy {
        padding: 27.77777778vw 0;
    }

    .vision6-main .object-reasontobuy::before {
        display: none;
    }

    .vision6-main .object-reasontobuy .reason-control {
        margin-top: 8.8888888889vw;
        padding: 0 1.6666666667vw;
        justify-content: center;
    }

    .vision6-main .object-reasontobuy .reason-left {
        width: 13.3333333333vw;
        height: 13.3333333333vw;
        filter: drop-shadow(-2px -4px 2px rgba(0, 0, 0, 0.3));
        -webkit-filter: drop-shadow(-2px -4px 2px rgba(0, 0, 0, 0.3));
    }

    .vision6-main .object-reasontobuy .reason-right {
        width: 13.3333333333vw;
        height: 13.3333333333vw;
        filter: drop-shadow(2px 4px 2px rgba(0, 0, 0, 0.3));
    }

    .vision6-main .object-reasontobuy .reason-wrap {
        padding: 0 1.11111111vw;
    }

    .vision6-main .object-reasontobuy .reason-wrap li {
        width: 2.2222222222vw;
        height: 2.2222222222vw;
        filter: drop-shadow(0px 4px 2px rgba(0, 0, 0, 0.2));
    }

    .vision6-main .object-reasontobuy .reason-wrap li:not(:last-child) {
        margin-right: 3.3333333333vw;
    }

    .vision6-main .object-reasontobuy .reasontobuy-swiper-container {
        padding-top: 27.777777778vw;
    }

    .vision6-main .object-reasontobuy .reasontobuy-swiper-container::before {
        content: "";
        width: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        height: 184.16666666vw;
        background: linear-gradient(0deg, rgba(226, 251, 222, 0) 0%, rgba(186, 245, 188, 0.14) 24.27%, rgba(233, 254, 223, 0.46) 100%);
        pointer-events: none;
    }

    .vision6-main .object-reasontobuy .product-buy-container .tip-txt {
        position: static;
        padding: 8.888889vw 0 3.333333334vw;
        justify-content: center;
    }

    .vision6-main .object-reasontobuy .product-buy-container .tip-txt p {
        color: rgba(109, 111, 114, .8);
        font-size: 2.777778vw;
    }

    .vision6-main .object-reasontobuy .reasontobuy-swiper {
        width: 82.222222vw;
    }

    .vision6-main .object-reasontobuy .reasontobuy-swiper .reasontobuy-content {
        height: auto;

    }

    .vision6-main .object-reasontobuy .reasontobuy-swiper .reasontobuy-content .reasonImg {
        height: 108.3333333333vw;
        border-radius: 2.2222222222vw;
        -webkit-border-radius: 2.2222222222vw;
        -moz-border-radius: 2.2222222222vw;
        -ms-border-radius: 2.2222222222vw;
        -o-border-radius: 2.2222222222vw;
    }

    .vision6-main .reasontobuy-content2 .s2-mask {
        height: 108.3333333333vw;
        width: 5%;
    }

    .vision6-main .reasontobuy-content2 .s2-mask .s2-maskImg {
        width: 82.2222222222vw;
        height: 108.3333333333vw;
        border-radius: 2.2222222222vw;
        overflow: hidden;
    }

    .vision6-main .reasontobuy-content2 .reason2-txt {
        top: 19.4444444444vw;
        left: 4.1666666667vw;
        font-size: 3.3333333333vw;
    }

    .vision6-main .reasontobuy-content2 .s2-line {
        width: 0.41666666vw;
    }

    .vision6-main .reasontobuy-content2 .s2-linebg {
        width: 0.5555555556vw;
        height: 41.66666666vw;
        top: 26.75vw;
        right: 0.2px;
    }

    .vision6-main .object-reasontobuy .reasontobuy-swiper .swiper-slide:nth-last-child(n+2) {
        margin-right: 4.444444vw;
    }

    .vision6-main .object-reasontobuy .reasontobuy-swiper .reasontobuy-content .reasontobuy-title {
        width: 100%;
        position: static;
        padding: 6.666667vw 0 0;
        text-align: center;
        opacity: 1;
    }

    .vision6-main .object-reasontobuy .reasontobuy-content .reasontobuy-content1-wrap {
        left: 50%;
        top: 80.1388888889vw;
        bottom: auto;
        transform: translate3d(-50%, 0, 0);
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        -ms-transform: translate3d(-50%, 0, 0);
        -o-transform: translate3d(-50%, 0, 0);
        text-align: center;
        font-size: 4.4444444444vw;
    }

    .vision6-main .object-reasontobuy .reasontobuy-content2 .reason2-txt-hight {
        top: 19.4444444444vw;
        right: 4.1666666667vw;
        font-size: 3.3333333333vw;
    }

    .vision6-main .object-reasontobuy .reasontobuy-content .math {
        font-size: 13.8888888889vw;
    }

    .vision6-main .object-reasontobuy .reasontobuy-content .unit {
        font-size: 5.5555555556vw;
    }

    .vision6-main .object-reasontobuy .reasontobuy-content2 .unit {
        font-size: 8.33333333vw;
    }

    .vision6-main .object-reasontobuy .reasontobuy-title h2,
    .vision6-main .object-reasontobuy .reasontobuy-title p {
        font-size: 5.5555555556vw;
        color: #0E0E0F;
    }

    .vision6-main .object-reasontobuy .reasontobuy-btn-container {
        margin-top: 11.111111vw;
    }

    .vision6-main .object-reasontobuy .reasontobuy-btn-container .reasontobuy-btn-wrap {
        padding: 0 1.666667vw;
    }

    .vision6-main .object-reasontobuy .reasontobuy-btn-container .btn-bg-wrap {
        box-shadow: 0vw -3.333333vw 4.444444vw #f1f7ef inset;
    }

    .vision6-main .object-reasontobuy .reasontobuy-btn-container .btn-bg-wrap::before {
        inset: 0.416667vw 2.222222223vw auto;
        height: 9.166667vw;
    }

    .vision6-main .object-reasontobuy .reasontobuy-btn-container .btn-bg-wrap::after {
        inset: auto 2.222222223vw 1.666667vw;
        height: 5.416667vw;
    }

    .vision6-main .object-reasontobuy .reasontobuy-btn-container .button-item {
        width: 13.333333vw;
        height: 13.333333vw;
    }

    .vision6-main .object-reasontobuy .reasontobuy-btn-container .swiper-pagination {
        margin: 0 1.111111vw;
    }

    .vision6-main .object-reasontobuy .reasontobuy-btn-container .swiper-pagination-bullet {
        width: 2.222222vw;
        height: 2.222222vw;
    }

    .vision6-main .object-reasontobuy .reasontobuy-btn-container .swiper-pagination-bullet:nth-child(n+2) {
        margin-left: 3.333333vw;
    }

    .vision6-main .object-reasontobuy .glass-wrap .glass-item1::before {
        height: 11.5277777778vw;
    }

    .vision6-main .object-reasontobuy .glass-wrap .glass-item1::after {
        height: 11.6666666667vw;
    }

    .vision6-main .swiper-slide-active .reasontobuy-content2 .s2-mask {
        width: 50.2%;
    }
}


/* s2 end */
/* s3 start */
.vision6-main .vision6-s3 {
    position: relative;
}

.vision6-main .s3-video {
    width: 100%;
    height: 46.875vw;
}

.vision6-main .s3-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vision6-main .s3-control {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    cursor: pointer;
}

.vision6-main .s3-control .container {
    width: fit-content;
    margin: 0 auto 0;
    position: relative;
    z-index: 1;
}

@media (pointer: fine) and (hover: hover) {
    .vision6-main .s3-control .container:hover .glass-wrap {
        opacity: 0.6;
    }
}

.vision6-main .s3-control .glass-wrap {
    position: absolute;
    inset: -2px;
    z-index: -1;
    pointer-events: none;
}

.vision6-main .s3-control .glass-wrap .glass-item {
    position: absolute;
    inset: 0;
}

.vision6-main .s3-control .glass-wrap .glass-item1 {
    border-radius: 999px;
}

.vision6-main .s3-control .glass-wrap .glass-item1::before {
    content: "";
    position: absolute;
    height: 2.864583333vw;
    inset: 9px 0 auto 7px;
    border: 1px solid #707070;
    border-radius: 999px;
    filter: blur(4px);
    z-index: 2;
}

.vision6-main .s3-control .glass-wrap .glass-item1::after {
    content: "";
    position: absolute;
    height: 2.8125vw;
    inset: 6px 0 auto 4px;
    border: 1px solid #707070;
    border-radius: 999px;
    filter: blur(4px);
}

.vision6-main .s3-control .glass-wrap .glass-item2 {
    background: rgba(208, 208, 208, 0.5);
    border-radius: 999px;
    backdrop-filter: blur(3px);
    position: absolute;
    inset: 0px;
    z-index: 1;
}

.vision6-main .s3-control .glass-wrap .glass-item3 {
    position: absolute;
    inset: 0;
    z-index: 2;
    padding: 2px;
    border-radius: 999px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
    background: linear-gradient(105.67deg, #888888 5.43%, #e5e5e5 18.07%, #ffffff 62.9%, #ffffff 79.84%, #888888 92.92%);
    -webkit-mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.vision6-main .s3-control .glass-wrap .glass-item3 .border-svg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.vision6-main .s3-control .txt-wrap {
    color: #000000;
    font-weight: 400;
    font-size: 1.041667vw;
    text-shadow: 0px 7px 3px rgba(0, 0, 0, 0.2);
    padding: 0.72916667vw 0.83333333vw 0.72916667vw 1.66666667vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vision6-main .s3-control .txt-wrap .btn-bg {
    width: 1.666667vw;
    height: 1.666667vw;
    background-color: #000;
    border-radius: 9999px;
    filter: drop-shadow(0px 7px 2px rgba(0, 0, 0, 0.2));
    position: relative;
    margin-left: 0.83333333vw;
}

.vision6-main .s3-control .txt-wrap .btn-bg img {
    width: 0.78125vw;
    position: absolute;
    top: 50%;
    left: 57%;
    transform: translate(-50%, -50%);
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6-main .s3-video {
        height: 125vw;
    }

    .vision6-main .s3-control .glass-wrap .glass-item1::before {
        height: 12.5vw;
    }

    .vision6-main .s3-control .glass-wrap .glass-item1::after {
        height: 12.5vw;
    }

    .vision6-main .s3-control .txt-wrap {
        font-size: 3.8888888889vw;
        padding: 3.3333333333vw 3.3333333333vw 3.3333333333vw 6.6666666667vw;
    }

    .vision6-main .s3-control .txt-wrap .btn-bg {
        width: 6.6666666667vw;
        height: 6.6666666667vw;
        margin-left: 2.2222222222vw;
    }

    .vision6-main .s3-control .txt-wrap .btn-bg img {
        width: 3.0555555556vw;
    }

    .vision6-main .s3-control .container {
        width: 54.8611111111vw;
    }
}

/* s3 end */
/* .s4 start */
.vision6-main .vision6-s4 {
    margin-top: 10.41666667vw;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6-main .vision6-s4 {
        margin-top: 27.7777777778vw;
    }
}

/* .s4 end */
/* s5 start */
.vision6-main .vision6-s5 {
    margin-top: 10.41666667vw;
}

.vision6-main .vision6-s5 .s5-img {
    width: 100%;
    transform: scale(0.8125);
    -webkit-transform: scale(0.8125);
    -moz-transform: scale(0.8125);
    -ms-transform: scale(0.8125);
    -o-transform: scale(0.8125);
    border-radius: 0.83333333vw;
    -webkit-border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    -ms-border-radius: 0.83333333vw;
    -o-border-radius: 0.83333333vw;
    overflow: hidden;
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    object-fit: cover;
}

.vision6-main .vision6-s5.active .s5-img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6-main .vision6-s5 {
        margin-top: 27.7777777778vw;
    }

    .vision6-main .vision6-s5 .s5-img {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }
}

/* s5 end */
/* s6 start */
.vision6-main .vision6-s6 {
    margin-top: 10.41666667vw;
}

.vision6-main .vision6-s6 .s6-group {
    width: 67.5vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 0 auto;
}

.vision6-main .vision6-s6 .s6-left {
    width: 41.66666667vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.vision6-main .vision6-s6 .s6-left .s6-thin {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #314957 0%, #006195 100%);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 1.66666667vw;
    font-weight: 300;
    line-height: 1.25;
    width: fit-content;
}

.vision6-main .vision6-s6 .s6-beau {
    font-weight: 500;
    color: #0e0e0f;
    font-size: 3.33333333vw;
    line-height: 1.25;
    margin-top: 0.83333333vw;
}

.vision6-main .vision6-s6 .s6-txt {
    font-weight: 300;
    color: #6f6f6f;
    font-size: 1.14583333vw;
    line-height: 1.6;
    margin-top: 1.66666667vw;
}

.vision6-main .vision6-s6 .s6-right .s6-thin {
    font-weight: 300;
    color: #0e0e0f;
    font-size: 1.14583333vw;
    line-height: 1.25;
}

.vision6-main .vision6-s6 .s6-right .s6-math {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(114.91deg, #f4ced6 12.69%, #6ec8fd 83.43%);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 5.20833333vw;
    line-height: 1.25;
    font-weight: 300;
}

.vision6-main .vision6-s6 .s6-right .s6-math span {
    font-size: 2.08333333vw;
}

.vision6-main .vision6-s6 .s6-box {
    width: 81.25vw;
    height: 41.66666667vw;
    border-radius: 0.83333333vw;
    overflow: hidden;
    margin: 4.16666667vw auto 0;
    position: relative;
}

.vision6-main .vision6-s6 .s6-box .glass-item1 {
    border-radius: 999px;
}

.vision6-main .vision6-s6 .s6-box .glass-item1::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0.052083vw;
    left: 0.052083vw;
    width: 1.875vw;
    height: 1.875vw;
    border: 1px solid #fff;
    border-radius: 999px;
    filter: blur(1.69px);
    -webkit-filter: blur(1.69px);
}

.vision6-main .vision6-s6 .s6-box .glass-item1::after {
    content: "";
    position: absolute;
    top: 0.260417vw;
    left: 0.15625vw;
    width: 1.927083vw;
    height: 1.770833vw;
    border: 1px solid #707070;
    z-index: 2;
    filter: blur(2.2px);
    -webkit-filter: blur(2.2px);
    border-radius: 999px;
}

.vision6-main .vision6-s6 .s6-box .glass-item2 {
    background: rgba(208, 208, 208, .5);
    border-radius: 999px;
    position: absolute;
    inset: 0px;
    z-index: 1;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.vision6-main .vision6-s6 .s6-box .glass-item3 {
    position: absolute;
    inset: 0;
    z-index: 2;
    padding: 2px;
    border-radius: 999px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
    background: linear-gradient(42.94deg, #888888 17.03%, #e5e5e5 26.86%, #ffffff 51.49%, #e8e8e8 73.56%, #888888 83.01%);
    -webkit-mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}


@media screen and (max-aspect-ratio:11/10) {
    .vision6-main .vision6-s6 {
        margin-top: 27.7777777778vw;
    }

    .vision6-main .vision6-s6 .s6-group {
        width: 77.7777777778vw;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .vision6-main .vision6-s6 .s6-left {
        width: 100%;
        align-items: center;
    }

    .vision6-main .vision6-s6 .s6-group {
        text-align: center;
    }

    .vision6-main .vision6-s6 .s6-left .s6-thin {
        font-size: 4.4444444444vw;
    }

    .vision6-main .vision6-s6 .s6-beau {
        font-size: 8.8888888889vw;
        margin-top: 2.2222222222vw;
    }

    .vision6-main .vision6-s6 .s6-txt {
        margin-top: 4.4444444444vw;
        font-size: 4.4444444444vw;
    }

    .vision6-main .vision6-s6 .s6-right {
        margin-top: 7.7777777778vw;
    }

    .vision6-main .vision6-s6 .s6-right .s6-thin {
        font-size: 4.4444444444vw;
    }

    .vision6-main .vision6-s6 .s6-right .s6-math {
        font-size: 13.8888888889vw;
    }

    .vision6-main .vision6-s6 .s6-right .s6-math span {
        font-size: 5.5555555556vw;
    }

    .vision6-main .vision6-s6 .s6-box {
        width: 91.1111111111vw;
        height: 77.7777777778vw;
        border-radius: 2.2222222222vw;
        margin-top: 11.1111111111vw;
    }

    .vision6-main .vision6-s6 .s6-box .glass-item1::before {
        top: 0.277778vw;
        left: 0.277778vw;
        width: 8vw;
        height: 8vw;
    }

    .vision6-main .vision6-s6 .s6-box .glass-item1::after {
        top: 1.111111vw;
        left: 0.666667vw;
        width: 8.222222vw;
        height: 7.555556vw;
    }

}

/* s6 end */
/* s7 start */
.vision6-main .vision6-s7 {
    margin-top: 10.41666667vw;
}

.vision6-main .vision6-s7 .s7-group {
    width: 62.5vw;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.vision6-main .vision6-s7 .s7-thin {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #314957 0%, #006195 100%);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 1.66666667vw;
    font-weight: 300;
    line-height: 1.25;
    width: fit-content;
}

.vision6-main .vision6-s7 h2 {
    font-weight: 500;
    color: #0e0e0f;
    font-size: 3.33333333vw;
    line-height: 1.25;
    margin-top: 0.83333333vw;
}

.vision6-main .vision6-s7 .s7-txt {
    font-weight: 300;
    color: #6f6f6f;
    font-size: 1.14583333vw;
    line-height: 1.6;
    margin-top: 1.66666667vw;
}

.vision6-s7 .s7-fbox {
    width: 81.25vw;
    position: relative;
    margin: 4.16666667vw auto 0;
}

.vision6-s7 .s7-fbox .handSwiper {
    position: absolute;
    width: 100%;
    height: 36.45833333vw;
    top: 0;
    left: 0;
}

.vision6-s7 .s7-fbox .s7-mcon {
    position: relative;
}

.vision6-s7 .s7-fbox .s7-my {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.vision6-s7 .s7-fbox .leftbox {
    width: 26.04166667vw;
    height: 36.45833333vw;
    overflow: hidden;
    transform: translateY(5.20833333vw);
    transition: all 0.5s ease;
    border-radius: 0.83333333vw;
}

.vision6-s7 .s7-fbox .leftbox .adsbox {
    width: 39.73958333vw;
    height: 59.58333333vw;
    position: absolute;
    right: -2.86458333vw;
    top: -3.17708333vw;
    transform: scale(0.874);
    transition: all 0.5s ease;
    transform-origin: 100% 0%;
}

.vision6-s7 .s7-fbox .leftbox .swiper-slide-active .adsbox {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.vision6-s7 .s7-fbox .leftbox .adsbox img {
    transform: translateX(2.60416667vw);
    transform-origin: 100% 100%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    border-radius: 0.83333333vw;
    -webkit-border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    -ms-border-radius: 0.83333333vw;
    -o-border-radius: 0.83333333vw;
    overflow: hidden;
}

.vision6-s7 .s7-fbox.active .leftbox {
    transform: translateY(0);
}

.vision6-s7 .s7-fbox.active .leftbox .adsbox img {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}

.vision6-s7 .s7-fbox .rightbox {
    width: 53.95833333vw;
    height: 36.45833333vw;
    overflow: hidden;
    transform: translateY(15.625vw);
    transition: all 0.5s ease;
    border-radius: 0.83333333vw;
}

.vision6-s7 .s7-fbox.active .rightbox {
    transform: translateY(0);
}

.vision6-s7 .s7-fbox .rightbox .adsbox {
    width: 67.34375vw;
    height: 41.66666667vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    transition: all 0.5s ease;
}

.vision6-s7 .s7-fbox .rightbox .swiper-slide-active .adsbox {
    transform: translate(-50%, -50%) scale(1);
}

.vision6-s7 .s7-fbox .rightbox .swiper-slide {
    border-radius: 0.83333333vw;
    overflow: hidden;
}

.vision6-s7 .s7-fbox .rightbox .adsbox img {
    transform: scale(0.9);
    transition: all 0.5s ease;
    border-radius: 0.83333333vw;
    overflow: hidden;
}

.vision6-s7 .s7-fbox.active .rightbox .adsbox img {
    transform: scale(1);
}

.vision6-s7 .s7-fbox .s7-tip {
    width: 51.5625vw;
    position: absolute;
    right: 1.25vw;
    bottom: 1.25vw;
    font-weight: 300;
    color: #0e0e0f;
    font-size: max(0.625vw, 8px);
    line-height: 1.6;
    z-index: 10;
    text-align: right;
}

.vision6-s7 .s7-fbox .s7-conWrap {
    margin-top: 2.5vw;
    height: 3.33333333vw;
    display: flex;
    justify-content: center;
    position: sticky;
    bottom: 0;
    opacity: 0;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}

.vision6-s7 .s7-fbox.active .s7-conWrap {
    opacity: 1;
}

.vision6-s7 .s7-fbox .s7-conWrap .s7-con {
    display: flex;
    align-items: center;
}

.vision6-s7 .s7-fbox .s7-conWrap .s7-con .s7-Txtwid {
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    width: 0;
    overflow: hidden;
}

.vision6-s7 .s7-fbox .s7-conWrap .s7-con.active .s7-Txtwid {
    width: var(--s7setcut);
}

.vision6-s7 .s7-fbox .s7-conWrap .s7-con:nth-child(2) {
    margin-left: 1.25vw;
}

.vision6-s7 .s7-conWrap .s7-imgWrap {
    position: relative;
    width: 3.33333333vw;
    height: 3.33333333vw;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.vision6-s7 .s7-conWrap .s7-con.active .s7-imgWrap {
    padding: 0.83333333vw;
    cursor: default;
}

.vision6-s7 .s7-conWrap .glass-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    z-index: -1;
    pointer-events: none;
    width: 3.33333333vw;
    height: 3.33333333vw;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -moz-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    -o-transform: translate(-50%, -50%) scale(0.5);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.vision6-s7 .s7-conWrap .s7-con.active .glass-wrap {
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
}

.vision6-main .s7-conWrap .glass-item1 {
    border-radius: 999px;
}

.vision6-main .s7-conWrap .glass-item1::before {
    content: "";
    position: absolute;
    z-index: 2;
    width: 3.22916667vw;
    height: 3.22916667vw;
    top: 0.0125vw;
    left: -0.04375vw;
    border: 1px solid #fff;
    filter: blur(1.69px);
    -webkit-filter: blur(1.69px);
    border-radius: 999px;
}

.vision6-main .s7-conWrap .glass-item1::after {
    content: "";
    position: absolute;
    width: 3.07291667vw;
    height: 3.07291667vw;
    top: 0.3125vw;
    left: 0.15625vw;
    border: 1px solid #707070;
    filter: blur(2.2px);
    -webkit-filter: blur(2.2px);
    z-index: 2;
    border-radius: 999px;
}

.vision6-main .s7-conWrap .glass-item2 {
    background: rgba(208, 208, 208, 0);
    border-radius: 999px;
    position: absolute;
    inset: 0px;
    z-index: 1;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.vision6-main .s7-conWrap .glass-item3 {
    position: absolute;
    inset: 0;
    z-index: 2;
    padding: 2px;
    border-radius: 999px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
    background: linear-gradient(42.94deg, #888888 17.03%, #e5e5e5 26.86%, #ffffff 51.49%, #e8e8e8 73.56%, #888888 83.01%);
    -webkit-mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.vision6-s7 .s7-conWrap .s7-conTxt {
    font-weight: 500;
    color: #0e0e0f;
    font-size: 1.25vw;
    line-height: 1.6;
    margin-left: 1.25vw;
    width: var(--s7setcut);
    opacity: 0;
    transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
}

.vision6-s7 .s7-fbox .s7-conWrap .s7-con.active .s7-conTxt {
    opacity: 1;
}

.vision6-s7 .s7-conWrap .s7-conImg {
    width: 1.66666667vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 99;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6-main .vision6-s7 {
        margin-top: 27.7777777778vw;
    }

    .vision6-main .vision6-s7 .s7-group {
        width: 77.7777777778vw;
    }

    .vision6-main .vision6-s7 .s7-thin {
        font-size: 4.4444444444vw;
    }

    .vision6-main .vision6-s7 h2 {
        margin-top: 2.2222222222vw;
        font-size: 8.8888888889vw;
    }

    .vision6-s7 .s7-fbox {
        margin-top: 11.1111111111vw;
        width: 91.1111111111vw;
    }

    .vision6-main .vision6-s7 .s7-txt {
        margin-top: 4.4444444444vw;
        font-size: 4.4444444444vw;
    }

    .vision6-s7 .s7-fbox .leftbox {
        width: 23.6111111111vw;
        height: 63.8888888889vw;
        transform: translateY(0);
        border-radius: 2.2222222222vw;
    }

    .vision6-s7 .s7-fbox .leftbox .adsbox {
        transform: none;
        width: 73.1944444444vw;
        height: 63.8888888889vw;
        right: 0;
        top: 0;
    }

    .vision6-s7 .s7-fbox .leftbox .adsbox img {
        transform: translateX(8.6111111111vw);
        -webkit-transform: translateX(8.6111111111vw);
        -moz-transform: translateX(8.6111111111vw);
        -ms-transform: translateX(8.6111111111vw);
        -o-transform: translateX(8.6111111111vw);
    }

    .vision6-s7 .s7-fbox .s7-tip {
        position: static;
        width: 77.7777777778vw;
        text-align: center;
        font-weight: 300;
        color: #0e0e0f;
        font-size: 2.7777777778vw;
        line-height: 1.6;
        margin: 3.3333333333vw auto 0;
    }

    .vision6-s7 .s7-fbox .rightbox {
        width: 64.1666666667vw;
        height: 63.8888888889vw;
        transform: translateY(0);
        border-radius: 2.2222222222vw;
        -webkit-border-radius: 2.2222222222vw;
        -moz-border-radius: 2.2222222222vw;
        -ms-border-radius: 2.2222222222vw;
        -o-border-radius: 2.2222222222vw;
    }

    .vision6-s7 .s7-fbox .leftbox .swiper-slide {
        overflow: hidden;
        border-radius: 2.22222222vw;
    }

    .vision6-s7 .s7-fbox .rightbox .swiper-slide {
        overflow: hidden;
        border-radius: 2.22222222vw;
    }

    .vision6-s7 .s7-fbox .rightbox .adsbox {
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }

    .vision6-s7 .s7-fbox .rightbox .adsbox img {
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        border-radius: 2.2222222222vw;
        -webkit-border-radius: 2.2222222222vw;
        -moz-border-radius: 2.2222222222vw;
        -ms-border-radius: 2.2222222222vw;
        -o-border-radius: 2.2222222222vw;
    }


    .vision6-s7 .s7-fbox .s7-conWrap {
        opacity: 1;
        height: 8.8888888889vw;
        margin-top: 6.6666666667vw;
    }

    .vision6-s7 .s7-conWrap .s7-conImg {
        width: 4.4444444444vw;
    }


    .vision6-s7 .s7-conWrap .glass-wrap {
        width: 8.8888888889vw;
        height: 8.8888888889vw;
    }

    .vision6-main .s7-conWrap .glass-item1::before {
        top: 0.277778vw;
        left: 0.277778vw;
        width: 8vw;
        height: 8vw;
    }

    .vision6-main .s7-conWrap .glass-item1::after {
        top: 1.111111vw;
        left: 0.666667vw;
        width: 8.222222vw;
        height: 7.555556vw;
    }

    .vision6-s7 .s7-conWrap .s7-imgWrap {
        width: 8.8888888889vw;
        height: 8.8888888889vw;
    }

    .vision6-s7 .s7-conWrap .s7-con.active .s7-imgWrap {
        padding: 2.2222222222vw;
    }

    .vision6-s7 .s7-conWrap .s7-conTxt {
        font-size: 3.8888888889vw;
        margin-left: 3.3333333333vw;
    }

}


/* s7 end */
/* s8 start */
.vision6-main .vision6-s8 {
    margin-top: 10.41666667vw;
}

.vision6-s8 .s8-befor {
    width: 62.5vw;
    margin: 0 auto;
    text-align: center;
}

.vision6-s8 .s8-befor .s8-crys {
    font-weight: 500;
    color: #0e0e0f;
    font-size: 2.5vw;
    line-height: 1.25;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.vision6-s8 .s8-befor .s8-crys span {
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    display: inline-block;
}

.vision6-s8 .s8-befor.active .s8-crys span:nth-child(1) {
    transition-delay: 0.1s;
}

.vision6-s8 .s8-befor.active .s8-crys span:nth-child(2) {
    transition-delay: 0.2s;
}

.vision6-s8 .s8-befor.active .s8-crys span:nth-child(3) {
    transition-delay: 0.3s;
}

.vision6-s8 .s8-befor.active .s8-crys span:nth-child(4) {
    transition-delay: 0.4s;
}

.vision6-s8 .s8-befor.active .s8-crys span:nth-child(5) {
    transition-delay: 0.5s;
}

.vision6-s8 .s8-befor.active .s8-crys span {
    transform: translateY(0);
    transition: transform 1s ease;
}

.vision6-s8 .s8-befor h2 {
    font-weight: 500;
    color: #00649b;
    font-size: 5.20833333vw;
    line-height: 1.25;
    margin-top: 1.25vw;
    clip-path: inset(0 50% 0 50%);
}

.vision6-s8 .s8-befor h2.active2 {
    clip-path: inset(0 0 0 0);
    transition: all 1.5s ease;
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
}

.vision6-s8 .s8-group {
    margin: 10.41666667vw auto 0;
    width: 67.5vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.vision6-s8 .s8-group .s8-left {
    width: 42.1875vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.vision6-s8 .s8-group .s8-left .s8-thin {
    font-weight: 300;
    color: #6f6f6f;
    font-size: 1.66666667vw;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #314957 0%, #006195 100%);
    -webkit-background-clip: text;
    background-clip: text;
    width: fit-content;
}

.vision6-s8 .s8-group .s8-left .s8-beau {
    font-weight: 500;
    color: #0e0e0f;
    font-size: 3.33333333vw;
    line-height: 1.25;
    margin-top: 0.83333333vw;
}

.vision6-s8 .s8-group .s8-left .s8-txt {
    font-weight: 300;
    color: #6f6f6f;
    font-size: 1.14583333vw;
    line-height: 1.6;
    margin-top: 1.66666667vw;
}

.vision6-s8 .s8-group .s8-left .s8-txt .black {
    color: #0e0e0f;
    font-weight: 500;
}

.vision6-s8 .s8-group .s8-right {
    width: fit-content;
    text-align: left;
}

.vision6-s8 .s8-group .s8-right .s8-thin {
    font-weight: 300;
    color: #0e0e0f;
    font-size: 1.14583333vw;
    line-height: 1.25;
}

.vision6-s8 .s8-group .s8-right .s8-math {
    font-weight: 300;
    color: #0e0e0f;
    font-size: 5.20833333vw;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(114.91deg, #f4ced6 12.69%, #6ec8fd 83.43%);
    -webkit-background-clip: text;
    background-clip: text;
    margin-left: -0.26041667vw;
}

.vision6-s8 .s8-group .s8-right .s8-math .unit {
    font-size: 3.125vw;
}

.vision6-s8 .s8-box {
    width: 100%;
    margin-top: 4.16666667vw;
    position: relative;
}

.vision6-s8 .s8-box .s8-adswitch {
    width: 53.125vw;
    overflow: hidden;
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.vision6-s8 .s8-box .s8-adswitch .s8-scswitch {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    z-index: 99;
}

.vision6-s8 .s8-box .s8-adswitch .s8-scswitch .s8-scImg {
    overflow: hidden;
    position: relative;
}

.vision6-s8 .s8-box .s8-adswitch .s8-scswitch .s8-scImg img {
    width: 53.125vw;
}

.vision6-s8 .s8-box .s8-title {
    position: absolute;
    font-weight: 500;
    color: #ffffff;
    font-size: 1.04166667vw;
    line-height: 1.6;
    top: 1.45833333vw;
    right: 1.45833333vw;
    width: 5.72916667vw;
}

.vision6-s8 .s8-box .s8-title2 {
    right: auto;
    left: 1.45833333vw;
    width: 5.20833333vw;
}

.vision6-s8 .s8-box .s8-adswitch .s8-line-glass {
    width: 0.46875vw;
    height: calc(100% - 1.04166667vw);
    position: absolute;
    background-color: #d0d0d0;
    top: 50.7%;
    right: 0;
    transform: translate(50%, -50%);
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
    opacity: 0.6;
}

.vision6-main .s8-box .s8-adswitch .s8-line-glass .glass-wrap {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
}

.vision6-main .s8-box .s8-adswitch .s8-line-glass .glass-wrap .glass-item {
    position: absolute;
    inset: 0;
}

.vision6-main .s8-box .s8-adswitch .s8-line-glass .glass-wrap .glass-item1 {
    border-radius: 999px;
}

.vision6-main .s8-box .s8-adswitch .s8-line-glass .glass-wrap .glass-item1::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(178.73deg, #888888 23.01%, #e5e5e5 30.42%, #ffffff 56.97%, #e8e8e8 81.43%, #888888 88.05%);
    border-radius: 9999px;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);

}

.vision6-main .s8-box .s8-adswitch .s8-line-glass .glass-wrap .glass-item1::after {
    content: "";
    position: absolute;
    width: 0.26041667vw;
    height: calc(100% - 5px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background-color: rgba(208, 208, 208, 0.6);
    z-index: 2;
    border-radius: 999px;
}

.vision6-main .s8-box .s8-adswitch .s8-line-glass .glass-wrap .glass-item2 {
    position: absolute;
    width: 0.20833333vw;
    height: 29.42708333vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    filter: blur(3px);
    opacity: 0.6;
    border: 1px solid #707070;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 3;
}

.vision6-main .s8-box .s8-adswitch .s8-line-glass .glass-wrap .glass-item3 {
    position: absolute;
    inset: 0;
}

.vision6-main .s8-box .s8-adswitch .s8-line-glass .glass-wrap .glass-item3::before {
    content: "";
    position: absolute;
    inset: 2px;
    border-radius: 999px;
    z-index: 1;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset;
}

.vision6-s8 .s8-box .s8-adswitch .s8-lineBtn {
    width: 2.5vw;
    height: 2.5vw;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    cursor: grab;
}

.vision6-s8 .s8-box .s8-adswitch .s8-lineBtn:active {
    cursor: grabbing;
}

.vision6-s8 .s8-box .s8-lineBtn {
    width: fit-content;
    position: relative;
    z-index: 1;
}

.vision6-s8 .s8-box .s8-lineBtn .glass-wrap {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
}

.vision6-s8 .s8-box .s8-lineBtn .glass-wrap .glass-item {
    position: absolute;
    inset: 0;
}

.vision6-main .s8-lineBtn .glass-item1 {
    border-radius: 999px;
}

.vision6-main .s8-lineBtn .glass-item1::before {
    content: "";
    position: absolute;
    z-index: 2;
    width: 2.239583vw;
    height: 2.239583vw;
    top: 0.052083vw;
    left: 0.104167vw;
    border: 1px solid #fff;
    filter: blur(1.69px);
    -webkit-filter: blur(1.69px);
    border-radius: 999px;
}

.vision6-main .s8-lineBtn .glass-item1::after {
    content: "";
    position: absolute;
    top: 0.3125vw;
    left: 0.208333vw;
    width: 2.291667vw;
    height: 2.135417vw;
    border: 1px solid #707070;
    filter: blur(2.2px);
    -webkit-filter: blur(2.2px);
    z-index: 2;
    border-radius: 999px;
}

.vision6-main .s8-lineBtn .glass-item2 {
    background: rgba(208, 208, 208, 0.2);
    border-radius: 999px;
    position: absolute;
    inset: 0px;
    z-index: 1;
    backdrop-filter: blur(30px) brightness(115%);
    -webkit-backdrop-filter: blur(30px) brightness(115%);
}

.vision6-main .s8-lineBtn .glass-item3 {
    position: absolute;
    inset: 0;
    z-index: 2;
    padding: 2px;
    border-radius: 999px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
    background: linear-gradient(42.69deg, #888888 15.87%, #e5e5e5 26%, #ffffff 51.36%, #e8e8e8 74.1%, #888888 83.83%);
    -webkit-mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}


.vision6-s8 .s8-box .s8-lineBtn .s8-glassImg {
    width: 1.66666667vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    filter: drop-shadow(0px 4px 1px rgba(0, 0, 0, 0.2));
    -webkit-filter: drop-shadow(0px 4px 1px rgba(0, 0, 0, 0.2));
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6-main .vision6-s8 {
        margin-top: 27.7777777778vw;
    }

    .vision6-s8 .s8-befor {
        width: 83.3333333333vw;
    }

    .vision6-s8 .s8-befor .s8-crys {
        font-size: 6.6666666667vw;
    }

    .vision6-s8 .s8-group .s8-left {
        width: 100%;
        align-items: center;
    }

    .vision6-s8 .s8-group .s8-left .s8-beau {
        margin-top: 2.2222222222vw;
        font-size: 8.8888888889vw;
    }

    .vision6-s8 .s8-group .s8-left .s8-txt {
        margin-top: 4.4444444444vw;
        font-size: 4.4444444444vw;
    }

    .vision6-s8 .s8-befor h2 {
        font-size: 13.8888888889vw;
        margin-top: 3.3333333333vw;
    }

    .vision6-s8 .s8-group {
        width: 77.7777777778vw;
        margin-top: 27.7777777778vw;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .vision6-s8 .s8-group .s8-left .s8-thin {
        font-size: 4.4444444444vw;
    }

    .vision6-s8 .s8-group .s8-right {
        width: 100%;
        text-align: center;
        margin-top: 7.7777777778vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .vision6-s8 .s8-group .s8-right .s8-thin {
        font-size: 4.4444444444vw;
    }

    .vision6-s8 .s8-group .s8-right .s8-math {
        font-size: 13.8888888889vw;
        width: fit-content;
    }

    .vision6-s8 .s8-group .s8-right .s8-math .unit {
        font-size: 8.333333333vw;
    }

    .vision6-s8 .s8-box {
        margin-top: 11.1111111111vw;
        height: 97.2222222222vw;
    }

    .vision6-s8 .s8-box .s8-bg {
        display: none;
    }

    .vision6-s8 .s8-box .s8-adswitch {
        width: 100%;
        position: static;
        transform: translate(0, 0);
    }

    .vision6-s8 .s8-box .s8-adswitch .s8-scswitch .s8-scImg img {
        width: 100%;
    }

    .vision6-s8 .s8-box .s8-adswitch .s8-feswitch {
        transition: all 0.8s linear;
        -webkit-transition: all 0.8s linear;
        -moz-transition: all 0.8s linear;
        -ms-transition: all 0.8s linear;
        -o-transition: all 0.8s linear;
        opacity: 0;
        width: 100%;
    }

    .vision6-s8 .s8-box .s8-adswitch .s8-feswitch.active {
        opacity: 1;
    }

    .vision6-main .vision6-s8 .s8-btnBox {
        display: flex;
        position: absolute;
        justify-content: center;
        bottom: 5.8333333333vw;
        width: 100%;
    }


    .vision6-s8 .s8-btnBox .container {
        width: fit-content;
        position: relative;
        z-index: 1;
    }

    .vision6-main .vision6-s8 .s8-btnBox .s8-btn:first-child {
        margin-right: 5.5555555556vw;
    }

    .vision6-s8 .s8-btnBox .glass-wrap {
        position: absolute;
        inset: -2px;
        z-index: -1;
        pointer-events: none;

    }

    .vision6-s8 .s8-btnBox .glass-wrap .glass-item {
        position: absolute;
        inset: 0;
    }

    .vision6-s8 .s8-btnBox .glass-wrap .glass-item1 {
        border-radius: 999px;
    }

    .vision6-s8 .s8-btnBox .glass-wrap .glass-item1::before {
        content: "";
        position: absolute;
        height: 8.3333333333vw;
        inset: 9px 0 auto 7px;
        border: 1px solid #707070;
        border-radius: 999px;
        filter: blur(4px);
        z-index: 2;
    }

    .vision6-s8 .s8-btnBox .glass-wrap .glass-item1::after {
        content: "";
        position: absolute;
        height: 8.8888888889vw;
        inset: 6px 0 auto 4px;
        border: 1px solid #707070;
        border-radius: 999px;
        filter: blur(4px);
    }

    .vision6-s8 .s8-btnBox .glass-wrap .glass-item2 {
        background: rgba(208, 208, 208, 0);
        border-radius: 999px;
        backdrop-filter: blur(3px);
        position: absolute;
        inset: 0px;
        z-index: 1;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }

    .vision6-main .vision6-s8 .s8-btn.active .glass-wrap .glass-item2 {
        background: rgba(208, 208, 208, 0.5);
    }

    .vision6-s8 .s8-btnBox .glass-wrap .glass-item3 {
        position: absolute;
        inset: 0;
        z-index: 2;
        padding: 2px;
        border-radius: 999px;
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
        background: linear-gradient(42.69deg, #888888 15.87%, #e5e5e5 26%, #ffffff 51.36%, #e8e8e8 74.1%, #888888 83.83%);
        -webkit-mask: linear-gradient(#fff, #fff) content-box,
            linear-gradient(#fff, #fff);
        mask: linear-gradient(#fff, #fff) content-box,
            linear-gradient(#fff, #fff);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
    }

    .vision6-s8 .s8-btnBox .txt-wrap {
        color: #0e0e0f;
        font-weight: 500;
        font-size: 3.3333333333vw;
        padding: 2.5vw 3.8888888889vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .vision6-s7 .s7-fbox .s7-conWrap .s7-con:nth-child(2) {
        margin-left: 3.3333333333vw;
    }

}

/* s8 end */
/* s9 start */
.vision6-s9 .s9-group {
    margin: 10.41666667vw auto 0;
    width: 67.5vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.vision6-s9 .s9-group .s9-left {
    width: 40.625vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.vision6-s9 .s9-group .s9-left .s9-thin {
    font-weight: 300;
    color: #6f6f6f;
    font-size: 1.66666667vw;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #314957 0%, #006195 100%);
    -webkit-background-clip: text;
    background-clip: text;
    width: fit-content;
}

.vision6-s9 .s9-group .s9-left .s9-beau {
    font-weight: 500;
    color: #0e0e0f;
    font-size: 3.33333333vw;
    line-height: 1.25;
    margin-top: 0.83333333vw;
}

.vision6-s9 .s9-group .s9-left .s9-txt {
    font-weight: 300;
    color: #6f6f6f;
    font-size: 1.14583333vw;
    line-height: 1.6;
    margin-top: 1.66666667vw;
}

.vision6-s9 .s9-group .s9-left .s9-txt .black {
    color: #0e0e0f;
    font-weight: 500;
}

.vision6-s9 .s9-group .s9-left .s9-iconWrap {
    display: flex;
    margin-top: 2.5vw;
}

.vision6-s9 .s9-group .s9-left .s9-iconWrap li {
    display: flex;
    align-items: center;
}

.vision6-s9 .s9-group .s9-left .s9-iconWrap .icon-img {
    width: 4.16666667vw;
    height: 4.16666667vw;
    margin-right: 1.25vw;
    position: relative;
    z-index: 1;
}

.vision6-s9 .s9-group .s9-left .s9-iconWrap li:not(:last-child) {
    margin-right: 5.20833333vw;
}

.vision6-s9 .s9-group .s9-left .s9-iconWrap .icon-img .glass-item1 {
    border-radius: 1.5625vw;
    overflow: hidden;
    -webkit-border-radius: 1.5625vw;
    -moz-border-radius: 1.5625vw;
    -ms-border-radius: 1.5625vw;
    -o-border-radius: 1.5625vw;
}

.vision6-s9 .s9-group .s9-left .s9-iconWrap .icon-img .glass-item1::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0px 0.15625vw 0.15625vw 0;
    border: 1px solid #ffffff;
    filter: blur(3px);
    -webkit-filter: blur(3px);
    border-radius: 1.5625vw;
    -webkit-border-radius: 1.5625vw;
    -moz-border-radius: 1.5625vw;
    -ms-border-radius: 1.5625vw;
    -o-border-radius: 1.5625vw;
}

.vision6-s9 .s9-group .s9-left .s9-iconWrap .icon-img .glass-item1::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0.15625vw 0 0 0.15625vw;
    border: 1px solid #707070;
    filter: blur(3px);
    -webkit-filter: blur(3px);
    border-radius: 1.5625vw;
}

.vision6-s9 .s9-group .s9-left .s9-iconWrap .icon-img .glass-item2 {
    background: rgba(244, 244, 244, .5);
    border-radius: 1.5625vw;
    position: absolute;
    inset: 0;
    z-index: 1;
    backdrop-filter: blur(2.73px);
    -webkit-backdrop-filter: blur(2.73px);
}

.vision6-s9 .s9-group .s9-left .s9-iconWrap .icon-img .glass-item3 {
    position: absolute;
    inset: 0;
    padding: 2px;
    z-index: 2;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    background: linear-gradient(118.97deg, #888888 7.34%, #e5e5e5 19.91%, #ffffff 64.49%, #ffffff 81.34%, #888888 94.35%);
    -webkit-mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff);
    mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-radius: 1.5625vw;
}




.vision6-s9 .s9-group .s9-left .s9-iconWrap .icon-con {
    font-weight: 300;
    color: #0e0e0f;
    font-size: 1.04166667vw;
    line-height: 1.6;
}

.vision6-s9 .s9-group .s9-left .s9-iconWrap .icon-con p {
    display: inline;
}

.vision6-s9 .s9-group .s9-right {
    width: fit-content;
    max-width: 15.625vw;
    text-align: left;
}

.vision6-s9 .s9-group .s9-right .s9-thin {
    font-weight: 300;
    color: #0e0e0f;
    font-size: 1.14583333vw;
    line-height: 1.25;
}

.vision6-s9 .s9-group .s9-right .s9-math {
    font-weight: 300;
    color: #0e0e0f;
    font-size: 5.20833333vw;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(114.91deg, #f4ced6 12.69%, #6ec8fd 83.43%);
    -webkit-background-clip: text;
    background-clip: text;
    width: fit-content;
}

.vision6-s9 .s9-group .s9-right .s9-math .unit {
    font-size: 3.125vw;
}

.vision6-s9 .s9-box {
    width: 81.35416667vw;
    margin: 4.16666667vw auto 0;
    display: flex;
    justify-content: space-between;
}

.vision6-s9 .s9-box .s9-advan {
    position: relative;
}

.vision6-s9 .s9-box .s9-tip {
    position: absolute;
    font-weight: 500;
    color: #ffffff;
    font-size: 1.04166667vw;
    line-height: 1.6;
    top: 1.25vw;
    left: 1.25vw;

}

.vision6-s9 .s9-box .s9-advan:nth-child(2) .s9-tip {
    left: auto;
    right: 1.25vw;
}

.vision6-s9 .s9-box .s9-img {
    width: 40.05208333vw;
    height: 31.25vw;
    border-radius: 0.83333333vw;
    -webkit-border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    -ms-border-radius: 0.83333333vw;
    -o-border-radius: 0.83333333vw;
    overflow: hidden;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6-s9 .s9-group .s9-left {
        width: 100%;
        align-items: center;
    }

    .vision6-s9 .s9-group .s9-left .s9-beau {
        margin-top: 2.2222222222vw;
        font-size: 8.8888888889vw;
    }

    .vision6-s9 .s9-group .s9-left .s9-txt {
        margin-top: 4.4444444444vw;
        font-size: 4.4444444444vw;
    }

    .vision6-s9 .s9-befor h2 {
        font-size: 13.8888888889vw;
        margin-top: 3.3333333333vw;
    }

    .vision6-s9 .s9-group {
        width: 77.7777777778vw;
        margin-top: 27.7777777778vw;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .vision6-s9 .s9-group .s9-left .s9-thin {
        font-size: 4.4444444444vw;
    }

    .vision6-s9 .s9-group .s9-right {
        width: 100%;
        max-width: none;
        text-align: center;
        margin-top: 7.7777777778vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .vision6-s9 .s9-group .s9-right .s9-thin {
        font-size: 4.4444444444vw;
    }

    .vision6-s9 .s9-group .s9-right .s9-math {
        font-size: 13.8888888889vw;
    }

    .vision6-s9 .s9-group .s9-right .s9-math .unit {
        font-size: 8.333333333vw;
    }

    .vision6-s9 .s9-group .s9-left .s9-iconWrap {
        margin-top: 7.7777777778vw;
        justify-content: center;
    }

    .vision6-s9 .s9-group .s9-left .s9-iconWrap li {
        flex-direction: column;
        width: fit-content;
    }

    .vision6-s9 .s9-group .s9-left .s9-iconWrap li:not(:last-child) {
        margin-right: 11.11111111vw;
    }

    .vision6-s9 .s9-group .s9-left .s9-iconWrap .icon-img {
        width: 11.1111111111vw;
        height: 11.1111111111vw;
        margin: 0;
    }

    .vision6-s9 .s9-group .s9-left .s9-iconWrap .icon-con {
        font-size: 3.3333333333vw;
        margin-top: 3.3333333333vw;
    }

    .vision6-s9 .s9-group .s9-left .s9-iconWrap .icon-con p span {
        font-size: 3.3333333333vw;
        font-weight: 500;
    }

    .vision6-s9 .s9-box {
        flex-direction: column;
        width: 91.1111111111vw;
        margin-top: 11.111111111111vw;
    }

    .vision6-s9 .s9-box .s9-img {
        width: 100%;
        height: 69.4444444444vw;
        border-radius: 2.2222222222vw;
        -webkit-border-radius: 2.2222222222vw;
        -moz-border-radius: 2.2222222222vw;
        -ms-border-radius: 2.2222222222vw;
        -o-border-radius: 2.2222222222vw;
    }

    .vision6-s9 .s9-group .s9-left .s9-iconWrap .icon-img .glass-item1,
    .vision6-s9 .s9-group .s9-left .s9-iconWrap .icon-img .glass-item1::before,
    .vision6-s9 .s9-group .s9-left .s9-iconWrap .icon-img .glass-item1::after,
    .vision6-s9 .s9-group .s9-left .s9-iconWrap .icon-img .glass-item2,
    .vision6-s9 .s9-group .s9-left .s9-iconWrap .icon-img .glass-item3 {
        border-radius: 4.1666666667vw;
        -webkit-border-radius: 4.1666666667vw;
        -moz-border-radius: 4.1666666667vw;
        -ms-border-radius: 4.1666666667vw;
        -o-border-radius: 4.1666666667vw;
    }

    .vision6-s9 .s9-box .s9-tip {
        font-size: 3.8888888889vw;
        top: 3.3333333333vw;
        left: 3.3333333333vw;
    }

    .vision6-s9 .s9-box .s9-advan:nth-child(2) .s9-tip {
        left: 3.3333333333vw;
        right: auto;
    }

    .vision6-s9 .s9-box .s9-advan:nth-child(2) {
        margin-top: 4.4444444444vw;
    }

    .vision6-s9 .s9-group .s9-left .s9-iconWrap .icon-con p {
        display: block;
        font-size: 4.4444444444vw;
        font-weight: 500;
        line-height: 1.25;
    }

}

/* s9 end */
/* s10 start */
.vision6-main .vision6-s10 {
    margin-top: 10.41666667vw;
}

.vision6-s10 .s10-group {
    width: 81.25vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vision6-s10 .s10-group .s10-left {
    width: 23.95833333vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.vision6-s10 .s10-group .s10-left .s10-thin {
    font-weight: 500;
    color: #6f6f6f;
    font-size: 1.45833333vw;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #314957 0%, #006195 100%);
    -webkit-background-clip: text;
    background-clip: text;
    width: fit-content;
}

.vision6-s10 .s10-group .s10-left .s10-beau {
    font-weight: 500;
    color: #0e0e0f;
    font-size: 3.33333333vw;
    line-height: 1.25;
    margin-top: 0.52083333vw;
}

.vision6-s10 .s10-group .s10-left .s10-txt {
    font-weight: 300;
    color: #6f6f6f;
    font-size: 1.14583333vw;
    line-height: 1.6;
    margin-top: 1.66666667vw;
}

.vision6-s10 .s10-group .s10-left .s10-txt .black {
    color: #0e0e0f;
    font-weight: 500;
}

.vision6-s10 .s10-group .s10-left .s10-iconWrap {
    display: flex;
    margin-top: 4.16666667vw;
    width: 110%;
}

.vision6-s10 .s10-group .s10-left .s10-iconWrap li {
    display: flex;
    align-items: center;
}

.vision6-s10 .s10-group .s10-left .s10-iconWrap li:not(:last-child) {
    margin-right: 2.23958333vw;
}

.vision6-s10 .s10-group .s10-left .s10-iconWrap .icon-img {
    width: 4.16666667vw;
    height: 4.16666667vw;
    margin-right: 1.25vw;
    position: relative;
    z-index: 1;
}

.vision6-main .s10-group .s10-left .s10-iconWrap .icon-img .glass-item1 {
    border-radius: 1.5625vw;
    overflow: hidden;
}

.vision6-main .s10-group .s10-left .s10-iconWrap .icon-img .glass-item1::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0px 0.15625vw 0.15625vw 0;
    border: 1px solid #ffffff;
    filter: blur(3px);
    -webkit-filter: blur(3px);
    border-radius: 1.5625vw;
}

.vision6-main .s10-group .s10-left .s10-iconWrap .icon-img .glass-item1::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0.15625vw 0 0 0.15625vw;
    border: 1px solid #707070;
    filter: blur(3px);
    -webkit-filter: blur(3px);
    border-radius: 1.5625vw;
}

.vision6-main .s10-group .s10-left .s10-iconWrap .icon-img .glass-item2 {
    background: rgba(244, 244, 244, .5);
    border-radius: 1.5625vw;
    position: absolute;
    inset: 0;
    z-index: 1;
    backdrop-filter: blur(2.73px);
    -webkit-backdrop-filter: blur(2.73px);
}

.vision6-main .s10-group .s10-left .s10-iconWrap .icon-img .glass-item3 {
    position: absolute;
    inset: 0;
    padding: 2px;
    z-index: 2;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    background: linear-gradient(118.97deg, #888888 7.34%, #e5e5e5 19.91%, #ffffff 64.49%, #ffffff 81.34%, #888888 94.35%);
    -webkit-mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-radius: 1.5625vw;
}

.vision6-s10 .s10-group .s10-left .s10-iconWrap span {
    font-weight: 300;
    color: #0e0e0f;
    font-size: 1.04166667vw;
    line-height: 1.6;
}

.vision6-s10 .s10-group .s10-box {
    width: 52.08333333vw;
    height: 37.5vw;
    border-radius: 0.83333333vw;
    -webkit-border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    -ms-border-radius: 0.83333333vw;
    -o-border-radius: 0.83333333vw;
    overflow: hidden;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6-main .vision6-s10 {
        margin-top: 27.7777777778vw;
    }

    .vision6-s10 .s10-group {
        width: 77.7777777778vw;
        flex-direction: column;
        justify-content: center;
    }

    .vision6-s10 .s10-group .s10-left {
        width: 100%;
        text-align: center;
        align-items: center;
    }

    .vision6-s10 .s10-group .s10-left .s10-beau {
        margin-top: 2.2222222222vw;
        font-size: 8.8888888889vw;
    }

    .vision6-s10 .s10-group .s10-left .s10-txt {
        margin-top: 4.4444444444vw;
        font-size: 4.4444444444vw;
    }

    .vision6-s10 .s10-group .s10-left .s10-thin {
        font-size: 4.4444444444vw;
    }


    .vision6-s10 .s10-group .s10-left .s10-iconWrap {
        width: 100%;
        margin-top: 7.7777777778vw;
        justify-content: center;
    }

    .vision6-s10 .s10-group .s10-left .s10-iconWrap li {
        width: fit-content;
    }

    .vision6-s10 .s10-group .s10-left .s10-iconWrap li:not(:last-child) {
        margin-right: 8.8888888889vw;
    }

    .vision6-s10 .s10-group .s10-left .s10-iconWrap .icon-img {
        width: 11.1111111111vw;
        height: 11.1111111111vw;
        margin: 0 3.3333333333vw 0 0;
    }

    .vision6-s10 .s10-group .s10-left .s10-iconWrap .icon-img .glass-item1,
    .vision6-s10 .s10-group .s10-left .s10-iconWrap .icon-img .glass-item1::before,
    .vision6-s10 .s10-group .s10-left .s10-iconWrap .icon-img .glass-item1::after,
    .vision6-s10 .s10-group .s10-left .s10-iconWrap .icon-img .glass-item2,
    .vision6-s10 .s10-group .s10-left .s10-iconWrap .icon-img .glass-item3 {
        border-radius: 4.1666666667vw;
    }

    .vision6-s10 .s10-group .s10-left .s10-iconWrap span {
        font-size: 3.3333333333vw;
    }

    .vision6-s10 .s10-group .s10-box {
        width: 91.1111111111vw;
        height: 77.7777777778vw;
        border-radius: 2.2222222222vw;
        -webkit-border-radius: 2.2222222222vw;
        -moz-border-radius: 2.2222222222vw;
        -ms-border-radius: 2.2222222222vw;
        -o-border-radius: 2.2222222222vw;
        margin-top: 11.11111111vw;
    }
}

/* s10 end */
/* s11 start */
.vision6-s11 .s11-group {
    margin: 10.41666667vw auto 0;
    width: 67.5vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.vision6-s11 .s11-group .s11-left {
    width: 41.66666667vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.vision6-s11 .s11-group .s11-left .s11-thin {
    font-weight: 300;
    color: #6f6f6f;
    font-size: 1.66666667vw;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #314957 0%, #006195 100%);
    -webkit-background-clip: text;
    background-clip: text;
    width: fit-content;
}

.vision6-s11 .s11-group .s11-left .s11-beau {
    font-weight: 500;
    color: #0e0e0f;
    font-size: 3.33333333vw;
    line-height: 1.25;
    margin-top: 0.83333333vw;
}

.vision6-s11 .s11-group .s11-left .s11-txt {
    font-weight: 300;
    color: #6f6f6f;
    font-size: 1.14583333vw;
    line-height: 1.6;
    margin-top: 1.66666667vw;
}

.vision6-s11 .s11-group .s11-left .s11-txt .black {
    color: #0e0e0f;
    font-weight: 500;
}

.vision6-s11 .s11-group .s11-right {
    width: fit-content;
    max-width: 15.625vw;
    text-align: left;
}

.vision6-s11 .s11-group .s11-right .s11-thin {
    font-weight: 300;
    color: #0e0e0f;
    font-size: 1.14583333vw;
    line-height: 1.25;
}

.vision6-s11 .s11-group .s11-right .s11-math {
    font-weight: 300;
    color: #0e0e0f;
    font-size: 5.20833333vw;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(114.91deg, #f4ced6 12.69%, #6ec8fd 83.43%);
    -webkit-background-clip: text;
    background-clip: text;
}

.vision6-s11 .s11-group .s11-right .s11-math .unit {
    font-size: 3.125vw;
}

.vision6-s11 .s11-box {
    width: 81.25vw;
    margin: 4.16666667vw auto 0;
    border-radius: 0.83333333vw;
    -webkit-border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    -ms-border-radius: 0.83333333vw;
    -o-border-radius: 0.83333333vw;
    overflow: hidden;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6-s11 .s11-group .s11-left {
        width: 100%;
        align-items: center;
    }

    .vision6-s11 .s11-group .s11-left .s11-beau {
        margin-top: 2.2222222222vw;
        font-size: 8.8888888889vw;
    }

    .vision6-s11 .s11-group .s11-left .s11-txt {
        margin-top: 4.4444444444vw;
        font-size: 4.4444444444vw;
    }

    .vision6-s11 .s11-group {
        width: 77.7777777778vw;
        margin-top: 27.7777777778vw;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .vision6-s11 .s11-group .s11-left .s11-thin {
        font-size: 4.4444444444vw;
    }

    .vision6-s11 .s11-group .s11-right {
        width: 100%;
        max-width: none;
        text-align: center;
        margin-top: 7.7777777778vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .vision6-s11 .s11-group .s11-right .s11-thin {
        font-size: 4.4444444444vw;
    }

    .vision6-s11 .s11-group .s11-right .s11-math {
        font-size: 13.8888888889vw;
        width: fit-content;
    }

    .vision6-s11 .s11-group .s11-left .s11-iconWrap {
        margin-top: 7.7777777778vw;
        justify-content: center;
    }

    .vision6-s11 .s11-group .s11-left .s11-iconWrap li {
        flex-direction: column;
        width: 30.5555555556vw;
    }

    .vision6-s11 .s11-group .s11-left .s11-iconWrap li:not(:last-child) {
        width: 22.2222222222vw;
        margin-right: 11.11111111vw;
    }

    .vision6-s11 .s11-group .s11-left .s11-iconWrap img {
        width: 11.1111111111vw;
        height: 11.1111111111vw;
        margin: 0;
    }

    .vision6-s11 .s11-group .s11-left .s11-iconWrap span {
        font-size: 4.4444444444vw;
    }

    .vision6-s11 .s11-box {
        margin-top: 11.11111111vw;
        width: 100%;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .vision6-s11 .s11-group .s11-right .s11-math .unit {
        font-size: 8.3333333333vw;
    }
}

/* s11 end */
/* s12 start */
.vision6-main .vision6-s12 {
    margin-top: 10.41666667vw;
}

.vision6-s12 .s12-group {
    margin: 0 auto;
    width: 67.5vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.vision6-s12 .s12-group .s12-left {
    width: 62.5vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.vision6-s12 .s12-group .s12-left .s12-thin {
    font-weight: 300;
    color: #6f6f6f;
    font-size: 1.66666667vw;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #314957 0%, #006195 100%);
    -webkit-background-clip: text;
    background-clip: text;
    width: fit-content;
}

.vision6-s12 .s12-group .s12-left .s12-beau {
    font-weight: 500;
    color: #0e0e0f;
    font-size: 3.33333333vw;
    line-height: 1.25;
    margin-top: 0.83333333vw;
}

.vision6-s12 .s12-group .s12-left .s12-txt {
    font-weight: 300;
    color: #6f6f6f;
    font-size: 1.145833vw;
    line-height: 1.6;
    margin-top: 1.66666667vw;
}

.vision6-s12 .s12-group .s12-left .s12-txt .black {
    color: #0e0e0f;
    font-weight: 500;
}

.vision6-s12 .s12-group .s12-left .s12-iconWrap {
    display: flex;
    justify-content: center;
    margin-top: 3.33333333vw;
}

.vision6-s12 .s12-group .s12-left .s12-iconWrap li {
    display: flex;
    align-items: center;
}

.vision6-s12 .s12-group .s12-left .s12-iconWrap li:not(:last-child) {
    margin-right: 4.16666667vw;
}

.vision6-s12 .s12-group .s12-left .s12-iconWrap img {
    width: 2.91666667vw;
    height: 2.91666667vw;
    margin-right: 0.78125vw;
}

.vision6-s12 .s12-group .s12-left .s12-iconWrap span {
    font-weight: 300;
    color: #0e0e0f;
    font-size: 1.04166667vw;
    line-height: 1.6;
    text-align: left;
}

.vision6-s12 .s12-box {
    width: 100%;
    margin-top: 2.08333333vw;
}

.vision6-s12 .s12-box .s12-img {
    position: relative;
}

.vision6-s12 .s12-box p.s12-title {
    position: absolute;
    font-weight: 500;
    color: #ffffff;
    font-size: 1.14583333vw;
    line-height: 1.6;
    top: 6.25vw;
    left: 9.375vw;
}

.vision6-s12 .s12-box p.s12-title2 {
    left: auto;
    right: 9.27083333vw;
}

.vision6-s12 .s12-box p.s12-tip {
    position: absolute;
    font-weight: 300;
    color: #0e0e0f;
    font-size: max(0.625vw, 8px);
    line-height: 1.6;
    bottom: 9.375vw;
    left: 9.375vw;
}

.vision6-s12 .s12-box p.s12-tip2 {
    right: 9.27083333vw;
    left: auto;
    bottom: 1.25vw;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6-main .vision6-s12 {
        margin-top: 27.7777777778vw;
    }

    .vision6-s12 .s12-group {
        width: 77.7777777778vw;
    }

    .vision6-s12 .s12-group .s12-left {
        width: 100%;
    }

    .vision6-s12 .s12-group .s12-left .s12-thin {
        font-size: 4.4444444444vw;
    }

    .vision6-s12 .s12-group .s12-left .s12-txt {
        margin-top: 4.4444444444vw;
        font-size: 4.4444444444vw;
    }

    .vision6-s12 .s12-group .s12-left .s12-iconWrap {
        margin-top: 7.7777777778vw;
    }

    .vision6-s12 .s12-group .s12-left .s12-iconWrap li {
        flex-direction: column;
        max-width: 41.6666666667vw;
    }

    .vision6-s12 .s12-group .s12-left .s12-iconWrap li:not(:last-child) {
        margin-right: 5.5555555556vw;
    }

    .vision6-s12 .s12-group .s12-left .s12-iconWrap img {
        width: 11.11111111vw;
        height: 11.11111111vw;
        margin: 0 0 3.33333333vw 0;
    }

    .vision6-s12 .s12-group .s12-left .s12-iconWrap span {
        font-size: 3.3333333333vw;
        text-align: center;
    }

    .vision6-s12 .s12-group .s12-left .s12-beau {
        margin-top: 2.2222222222vw;
        font-size: 8.8888888889vw;
    }

    .vision6-s12 .s12-box {
        margin-top: 11.1111111111vw;
    }

    .vision6-s12 .s12-box p.s12-title {
        font-size: 3.8888888889vw;
        left: 4.4444444444vw;
        top: 5vw;
    }

    .vision6-s12 .s12-box p.s12-title2 {
        right: 4.4444444444vw;
        left: auto;
    }

    .vision6-s12 .s12-box p.s12-tip {
        font-size: 2.7777777778vw;
        left: 4.4444444444vw;
        bottom: auto;
        top: 40.2777777778vw;
    }

    .vision6-s12 .s12-box p.s12-tip2 {
        width: 77.7777777778vw;
        position: static;
        margin: 3.3333333333vw auto 0;
    }

}

/* s12 end */
/* l10 start */
.vision6-main .vision6-l10 {
    margin-top: 10.416667vw;
}

.vision6-main .vision6-l10 .content-wrap {
    width: 67.5vw;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vision6-main .vision6-l10 .content-wrap .common-desc {
    width: 26.041667vw;
}

.vision6-main .vision6-l10 .sound-video {
    width: 81.25vw;
    height: 36.458333vw;
    margin: 4.166667vw auto 0;
    border-radius: 0.833333vw;
    overflow: hidden;
}

.vision6-main .vision6-l10 .sound-swiper-container {
    margin-top: 1.25vw;
}

.vision6-main .vision6-l10 .swiper-overflow {
    width: 100%;
    overflow: hidden;
}

.vision6-main .vision6-l10 .sound-swiper {
    width: 81.25vw;
    margin: 0 auto;
    overflow: visible;
}

.vision6-main .vision6-l10 .sound-swiper .swiper-slide {
    width: 40vw;
}

@media (pointer: fine) and (hover: hover) {
    .vision6-main .vision6-l10 .sound-swiper .swiper-slide:not(.swiper-slide-active):hover {
        cursor: pointer;
    }
}

.vision6-main .vision6-l10 .sound-swiper .swiper-slide:nth-last-child(n+2) {
    margin-right: 1.25vw;
}

.vision6-main .vision6-l10 .sound-swiper.isend .swiper-slide:nth-last-child(1) {
    cursor: default;
}

.vision6-main .vision6-l10 .sound-swiper .swiper-slide .img-wrap {
    position: relative;
    height: 27.083333vw;
    border-radius: 0.833333vw;
    overflow: hidden;
}

.vision6-main .vision6-l10 .sound-swiper .swiper-slide .ps-txt {
    position: absolute;
    left: 1.25vw;
    bottom: 1.25vw;
    color: #fff;
    font-size: max(0.625vw, 8px);
    font-weight: 300;
    line-height: 1.6;
}

.vision6-main .vision6-l10 .sound-swiper .swiper-slide .slide-word {
    width: 31.25vw;
    color: #6f6f6f;
    font-size: 1.145833vw;
    font-weight: 300;
    line-height: 1.6;
    margin-top: 2.083333vw;
    margin-left: 0.833333vw;
}

.vision6-main .vision6-l10 .sound-swiper .swiper-slide .slide-word b {
    color: #0e0e0f;
    font-weight: 500;
}

.vision6-main .vision6-l10 .nav-container {
    width: 67.5vw;
    margin: 2.5vw auto 0;
    display: flex;
    justify-content: flex-end;
}

.vision6-main .vision6-l10 .nav-container .nav-wrap {
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vision6-main .vision6-l10 .nav-container .nav-btn {
    position: relative;
    z-index: 1;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    overflow: hidden;
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -moz-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    box-shadow: 1px 3px 3px rgba(112, 112, 112, .3);
}

@media (pointer: fine) and (hover: hover) {
    .vision6-main .vision6-l10 .nav-container .nav-btn:hover {
        cursor: pointer;
    }

    .vision6-main .vision6-l10 .nav-container .nav-btn:hover .glass-wrap {
        opacity: .6;
    }
}

.vision6-main .vision6-l10 .nav-container .nav-btn.btn-disabled {
    pointer-events: none;
    opacity: .3;
}

.vision6-main .vision6-l10 .nav-container .nav-btn .arrow-pic {
    filter: drop-shadow(0px 3px 2px rgba(25, 25, 25, .5));
    -webkit-filter: drop-shadow(0px 3px 2px rgba(25, 25, 25, .5));
}

.vision6-main .vision6-l10 .nav-container .btn-next {
    margin-left: 1.25vw;
}

.vision6-main .vision6-l10 .nav-container .btn-next .arrow-pic img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6-main .vision6-l10 {
        margin-top: 27.777778vw;
    }

    .vision6-main .vision6-l10 .content-wrap {
        width: 77.777778vw;
        flex-direction: column;
        text-align: center;
    }

    .vision6-main .vision6-l10 .content-wrap .common-desc {
        width: 100%;
        margin-top: 4.444444vw;
    }

    .vision6-main .vision6-l10 .sound-video {
        width: 91.111111vw;
        height: 77.777778vw;
        margin: 11.1111111112vw auto 0;
        border-radius: 2.222222vw;
    }

    .vision6-main .vision6-l10 .sound-swiper-container {
        margin-top: 4.4444444445vw;
    }

    .vision6-main .vision6-l10 .sound-swiper {
        width: 86.666667vw;
        margin-left: 4.444444vw;
    }

    .vision6-main .vision6-l10 .sound-swiper .swiper-slide {
        width: 100%;
    }

    .vision6-main .vision6-l10 .sound-swiper .swiper-slide:nth-last-child(n+2) {
        margin-right: 4.444444vw;
    }

    .vision6-main .vision6-l10 .sound-swiper .swiper-slide .img-wrap {
        height: 55.555556vw;
        border-radius: 2.222222vw;
    }

    .vision6-main .vision6-l10 .sound-swiper .swiper-slide .ps-txt {
        font-size: 2.77777778vw;
        bottom: 3.33333333vw;
        left: 3.33333333vw;
    }

    .vision6-main .vision6-l10 .sound-swiper .swiper-slide .slide-word {
        width: 64.444444vw;
        font-size: 4.444444vw;
        margin-top: 6.666667vw;
        margin-left: 6.666667vw;
    }

    .vision6-main .vision6-l10 .nav-container {
        width: 82.222222vw;
        margin: 11.111111111111112vw auto 0;
    }

    .vision6-main .vision6-l10 .nav-container .nav-btn {
        width: 11.111111vw;
        height: 11.111111vw;
    }

    .vision6-main .vision6-l10 .nav-container .btn-next {
        margin-left: 5.555556vw;
    }
}

/* l10 end */

/* l9 start */
.vision6-main .vision6-l9 {
    margin-top: 10.416667vw;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6-main .vision6-l9 {
        margin-top: 27.777777778vw;
    }
}

/* l9 end */
/* l8 start */
.vision6-main .vision6-l8 {
    margin-top: 17.1875vw;
}

.vision6-main .vision6-l8 .content-wrap {
    width: 67.5vw;
    margin: 0 auto;
    text-align: center;
}

.vision6-main .vision6-l8 .content-wrap .common-desc {
    margin-top: 1.666667vw;
}

.vision6-main .vision6-l8 .xiaoyi-container {
    margin-top: 3.333333vw;
}

.vision6-main .vision6-l8 .xiaoyi-wrap {
    margin: 0 auto;
    width: fit-content;
    position: relative;
}

.vision6-main .vision6-l8 .xiaoyi-wrap .screen-wrap {
    position: relative;
    width: 46.875vw;
    height: 27.604167vw;
    z-index: 2;
}

.vision6-main .vision6-l8 .xiaoyi-wrap .screen-item {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translate(0, 20vw) scale(0.55);
    -webkit-transform: translate(0, 20vw) scale(0.55);
    -moz-transform: translate(0, 20vw) scale(0.55);
}

.vision6-main .vision6-l8 .xiaoyi-wrap .screen-bg {
    position: absolute;
    z-index: -1;
    width: 45.989583vw;
    height: 25.885417vw;
    top: 1.09375vw;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
}

.vision6-main .vision6-l8 .xiaoyi-wrap .screen-bg video {
    height: 100%;
}

.vision6-main .vision6-l8 .xiaoyi-wrap .xiaoyi-ball {
    position: absolute;
    z-index: -1;
    width: 14.270833vw;
    height: 14.270833vw;
    top: 2.083333vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.vision6-main .vision6-l8.will-change .xiaoyi-wrap .xiaoyi-ball {
    will-change: transform;
}

.vision6-main .vision6-l8 .xiaoyi-wrap .xiaoyi-ball .ball-item {
    width: 100%;
    height: 100%;
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    transform-origin: center top;
}

.vision6-main .vision6-l8 .xiaoyi-wrap .tab-item {
    width: fit-content;
    position: absolute;
    z-index: 2;
    color: #fff;
    font-size: 1.145833vw;
    font-weight: 500;
    line-height: 1.25;
    white-space: nowrap;
}

.vision6-main .vision6-l8 .xiaoyi-wrap .tab-item1 {
    top: 7.291667vw;
    right: calc(100% + 1.041667vw);
    padding: 0.677083vw 0.416667vw 0.625vw 1.354167vw;
    border-radius: 999px 999px 0px 999px;
    background: linear-gradient(271.47deg, #ffd79a 0.12%, #a074e2 96.11%);
    transform: translate(17.2vw, -2vw);
    -webkit-transform: translate(17.2vw, -2vw);
    -moz-transform: translate(17.2vw, -2vw);
}

.vision6-main .vision6-l8 .xiaoyi-wrap .tab-item2 {
    top: 3.802083vw;
    left: calc(100% + 1.041667vw);
    padding: 0.677083vw 0.520833vw 0.625vw 0.989583vw;
    border-radius: 999px 999px 999px 0px;
    background: linear-gradient(88.06deg, #ffd79a 0.21%, #6ec8fd 95.98%);
    transform: translate(-18.6vw, 0);
    -webkit-transform: translate(-18.6vw, 0);
    -moz-transform: translate(-18.6vw, 0);
}

.vision6-main .vision6-l8 .xiaoyi-wrap .tab-item3 {
    top: 16.145833vw;
    right: calc(100% + 1.979167vw);
    padding: 0.677083vw 0.15625vw 0.625vw 0.78125vw;
    border-radius: 999px 0px 999px 999px;
    background: linear-gradient(94.67deg, #faeba3 7.24%, #fe8989 93.52%);
    transform: translate(17.2vw, -3vw);
    -webkit-transform: translate(17.2vw, -3vw);
    -moz-transform: translate(17.2vw, -3vw);
}

.vision6-main .vision6-l8 .xiaoyi-wrap .tab-item4 {
    top: 14.84375vw;
    left: calc(100% + 1.041667vw);
    padding: 0.677083vw 0.572917vw 0.625vw 1.041667vw;
    border-radius: 0px 999px 999px 999px;
    background: linear-gradient(91.72deg, #ffd79a 0.17%, #a074e2 96.04%);
    transform: translate(-20vw, -4vw);
    -webkit-transform: translate(-20vw, -4vw);
    -moz-transform: translate(-20vw, -4vw);
}

.vision6-main .vision6-l8 .btn-wrap {
    margin-top: 2.5vw;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.25vw;
}

.vision6-main .vision6-l8 .btn-wrap li {
    position: relative;
    padding: 1.041667vw 1.666667vw;
    z-index: 1;
}

.vision6-main .vision6-l8 .btn-wrap .btn-txt {
    color: #0e0e0f;
    font-size: 1.041667vw;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
}

.vision6-main .vision6-l8 .btn-wrap .glass-wrap {
    position: absolute;
    inset: 0px;
    z-index: -1;
    pointer-events: none;
}

.vision6-main .vision6-l8 .btn-wrap .glass-wrap .glass-item1 {
    border-radius: 999px;
}

.vision6-main .vision6-l8 .btn-wrap .glass-wrap .glass-item1::before {
    content: "";
    z-index: 2;
    position: absolute;
    border-radius: 999px;
    inset: 0.416667vw 0.104167vw 0.104167vw 0.3125vw;
    border: 1px solid #707070;
    filter: blur(3px);
    -webkit-filter: blur(3px);
}

.vision6-main .vision6-l8 .btn-wrap .glass-wrap .glass-item1::after {
    content: "";
    z-index: 2;
    position: absolute;
    border-radius: 999px;
    inset: 0.104167vw 0.104167vw 0.364583vw 0.104167vw;
    border: 1px solid #ffffff;
    filter: blur(3px);
    -webkit-filter: blur(3px);
}

.vision6-main .vision6-l8 .btn-wrap .glass-item2 {
    background: rgba(208, 208, 208, 0.5);
    border-radius: 999px;
    backdrop-filter: blur(3px);
    position: absolute;
    inset: 0;
    z-index: 1;
}

.vision6-main .vision6-l8 .btn-wrap .glass-wrap .glass-item3 {
    position: absolute;
    inset: 0;
    z-index: 2;
    padding: 2px;
    border-radius: 999px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
    background: linear-gradient(107.45deg, #888888 5.85%, #e5e5e5 18.42%, #ffffff 62.98%, #ffffff 79.83%, #888888 92.83%);
    -webkit-mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6-main .vision6-l8 {
        margin-top: 27.777777777778vw;
    }

    .vision6-main .vision6-l8 .content-wrap {
        width: 77.777778vw;
    }

    .vision6-main .vision6-l8 .content-wrap .common-desc {
        margin-top: 4.444444vw;
    }

    .vision6-main .vision6-l8 .xiaoyi-container {
        margin-top: 11.111111vw;
    }

    .vision6-main .vision6-l8 .xiaoyi-wrap {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .vision6-main .vision6-l8 .xiaoyi-wrap .screen-wrap {
        width: 91.111111vw;
        height: 53.611111vw;
        z-index: 3;
        order: 2;
        margin: 4.444444445vw auto 0;
    }

    .vision6-main .vision6-l8 .xiaoyi-wrap .screen-item {
        transform: translate(0, 0) scale(1);
        -webkit-transform: translate(0, 0) scale(1);
        -moz-transform: translate(0, 0) scale(1);
    }

    .vision6-main .vision6-l8 .xiaoyi-wrap .screen-bg {
        width: 89.305556vw;
        height: 50.277778vw;
        top: 2.083333vw;
    }

    .vision6-main .vision6-l8 .xiaoyi-wrap .xiaoyi-ball {
        display: none;
    }

    .vision6-main .vision6-l8 .xiaoyi-wrap .tab-item {
        position: static;
        font-size: 3.333333vw;
    }

    .vision6-main .vision6-l8 .xiaoyi-wrap .tab-item1 {
        margin-top: 3.333333vw;
        margin-left: 4.444444vw;
        padding: 1.527778vw 1.388889vw 1.527778vw 3.333333vw;
        transform: translate(10vw, 20vw);
        -webkit-transform: translate(10vw, 20vw);
        -moz-transform: translate(10vw, 20vw);
        order: 1;
    }

    .vision6-main .vision6-l8 .xiaoyi-wrap .tab-item2 {
        margin-left: auto;
        margin-right: 4.444444vw;
        padding: 1.527778vw 1.388889vw 1.527778vw 2.777778vw;
        transform: translate(-10vw, 30vw);
        -webkit-transform: translate(-10vw, 30vw);
        -moz-transform: translate(-10vw, 30vw);
        order: 0;
    }

    .vision6-main .vision6-l8 .xiaoyi-wrap .tab-item3 {
        margin-top: -3.611111vw;
        margin-left: 7.222222vw;
        padding: 1.805556vw 2.5vw 1.25vw 3.055556vw;
        transform: translate(10vw, -30vw);
        -webkit-transform: translate(10vw, -30vw);
        -moz-transform: translate(10vw, -30vw);
        order: 4;
    }

    .vision6-main .vision6-l8 .xiaoyi-wrap .tab-item4 {
        margin-top: 4.444444444444444vw;
        margin-left: auto;
        margin-right: 4.444444vw;
        padding: 1.527778vw 2.777778vw 1.527778vw 2.777778vw;
        transform: translate(-10vw, -25vw);
        -webkit-transform: translate(-10vw, -25vw);
        -moz-transform: translate(-10vw, -25vw);
        order: 3;
    }

    .vision6-main .vision6-l8 .btn-wrap {
        margin-top: 8.888889vw;
        gap: 3.333333vw;
    }

    .vision6-main .vision6-l8 .btn-wrap li {
        padding: 2.708333vw 3.333333vw 2.291667vw;
    }

    .vision6-main .vision6-l8 .btn-wrap .btn-txt {
        font-size: 3.333333vw;
    }

    .vision6-main .vision6-l8 .btn-wrap .glass-wrap .glass-item1::before {
        inset: 1.111111vw 0.277778vw 0.277778vw 0.833333vw;
    }

    .vision6-main .vision6-l8 .btn-wrap .glass-wrap .glass-item1::after {
        inset: 0.277778vw 0.277778vw 0.972222vw 0.277778vw;
    }
}


/* l8 end */
/* l7 start */
.vision6-main .vision6-l7 {
    margin-top: 10.416667vw;
}

.vision6-main .vision6-l7 .content-wrap {
    width: 67.5vw;
    margin: 0 auto;
    text-align: center;
}

.vision6-main .vision6-l7 .content-wrap .common-desc {
    margin-top: 1.666667vw;
}

.vision6-main .vision6-l7 .video-wrap {
    position: relative;
    margin-top: 4.166667vw;
}

.vision6-main .vision6-l7 .video-wrap .video-item {
    height: 57.291667vw;
}

.vision6-main .vision6-l7 .video-wrap .video-item video {
    height: 100%;
}


.vision6-main .vision6-l7 .video-wrap .icon-wrap {
    display: flex;
    position: absolute;
    z-index: 1;
    left: 9.375vw;
    bottom: 3.333333vw;
    gap: 2.083333vw;
}

.vision6-main .vision6-l7 .video-wrap .icon-wrap .icon-img {
    position: relative;
    z-index: 1;
    width: 5.208333vw;
    height: 5.208333vw;
}

.vision6-main .vision6-l7 .video-wrap .icon-wrap .icon-img .glass-item1 {
    border-radius: 1.875vw;
    overflow: hidden;
}

.vision6-main .vision6-l7 .video-wrap .icon-wrap .icon-img .glass-item1::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0px 0.15625vw 0.15625vw 0;
    border: 1px solid #ffffff;
    filter: blur(3px);
    -webkit-filter: blur(3px);
    border-radius: 1.875vw;
}

.vision6-main .vision6-l7 .video-wrap .icon-wrap .icon-img .glass-item1::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0.15625vw 0 0 0.15625vw;
    border: 1px solid #707070;
    filter: blur(3px);
    -webkit-filter: blur(3px);
    border-radius: 1.875vw;
}

.vision6-main .vision6-l7 .video-wrap .icon-wrap .icon-img .glass-item2 {
    background: rgba(244, 244, 244, .5);
    position: absolute;
    inset: 0;
    z-index: 1;
    backdrop-filter: blur(2.73px);
    -webkit-backdrop-filter: blur(2.73px);
    border-radius: 1.875vw;
}

.vision6-main .vision6-l7 .video-wrap .icon-wrap .icon-img .glass-item3 {
    position: absolute;
    inset: 0;
    z-index: 2;
    padding: 2px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    background: linear-gradient(118.97deg, #888888 7.34%, #e5e5e5 19.91%, #ffffff 64.49%, #ffffff 81.34%, #888888 94.35%);
    -webkit-mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-radius: 1.875vw;
}

.vision6-main .vision6-l7 .video-wrap .icon-wrap span {
    display: block;
    color: #fff;
    font-size: 1.25vw;
    font-weight: 300;
    line-height: 1.25;
    text-align: center;
    margin-top: 0.833333vw;
}

.vision6-main .vision6-l7 .swiper-container {
    margin-top: 4.166667vw;
}

.vision6-main .vision6-l7 .swiper-container .swiper-overflow {
    width: 100%;
    overflow: hidden;
}

.vision6-main .vision6-l7 .swiper-container .screencasting-swiper {
    width: 81.25vw;
    margin: 0 auto;
    overflow: visible;
}

.vision6-main .vision6-l7 .swiper-container .screencasting-swiper .swiper-slide {
    width: 40vw;
}

.vision6-main .vision6-l7 .swiper-container .screencasting-swiper .swiper-slide:nth-last-child(n+2) {
    margin-right: 1.25vw;
}

.vision6-main .vision6-l7 .swiper-container .screencasting-swiper .video-container {
    position: relative;
    height: 22.5vw;
    overflow: hidden;
    border-radius: 0.833333vw;
}

.vision6-main .vision6-l7 .swiper-container .screencasting-swiper .glass-item1 {
    border-radius: 999px;
}

.vision6-main .vision6-l7 .swiper-container .screencasting-swiper .glass-item1::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0.052083vw;
    left: 0.052083vw;
    width: 1.875vw;
    height: 1.875vw;
    border: 1px solid #fff;
    border-radius: 999px;
    filter: blur(1.69px);
    -webkit-filter: blur(1.69px);
}

.vision6-main .vision6-l7 .swiper-container .screencasting-swiper .glass-item1::after {
    content: "";
    position: absolute;
    top: 0.260417vw;
    left: 0.15625vw;
    width: 1.927083vw;
    height: 1.770833vw;
    border: 1px solid #707070;
    z-index: 2;
    filter: blur(2.2px);
    -webkit-filter: blur(2.2px);
    border-radius: 999px;
}

.vision6-main .vision6-l7 .swiper-container .screencasting-swiper .glass-item2 {
    background: rgba(208, 208, 208, .5);
    border-radius: 999px;
    position: absolute;
    inset: 0;
    z-index: 1;
    backdrop-filter: blur(2.73px);
    -webkit-backdrop-filter: blur(2.73px);
}

.vision6-main .vision6-l7 .swiper-container .screencasting-swiper .glass-item3 {
    position: absolute;
    inset: 0;
    z-index: 2;
    padding: 2px;
    border-radius: 999px;
    box-shadow: 0px 3px 3px rgba(112, 112, 112, .1);
    background: linear-gradient(42.94deg, #888888 17.03%, #e5e5e5 26.86%, #ffffff 51.49%, #e8e8e8 73.56%, #888888 83.01%);
    -webkit-mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff);
    mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}


.vision6-main .vision6-l7 .swiper-container .screencasting-swiper .slide-desc {
    width: 32.291667vw;
    margin-top: 2.083333vw;
}


.vision6-main .vision6-l7 .swiper-container .screencasting-swiper .desc-title {
    color: #0e0e0f;
    font-size: 1.666667vw;
    font-weight: 500;
    line-height: 1.25;
}

.vision6-main .vision6-l7 .swiper-container .screencasting-swiper .desc-p {
    color: #6f6f6f;
    font-size: 1.145833vw;
    font-weight: 300;
    line-height: 1.6;
    margin-top: 0.833333vw;
}

.vision6-main .vision6-l7 .nav-container {
    width: 67.5vw;
    margin: 2.5vw auto 0;
    display: flex;
    justify-content: flex-end;
}

.vision6-main .vision6-l7 .nav-container:has(.swiper-button-lock) {
    margin: 0 auto;
}

.vision6-main .vision6-l7 .nav-container .nav-wrap {
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vision6-main .vision6-l7 .nav-container .nav-btn {
    position: relative;
    z-index: 1;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    overflow: hidden;
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -moz-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    box-shadow: 1px 3px 3px rgba(112, 112, 112, .3);
}

@media (pointer: fine) and (hover: hover) {
    .vision6-main .vision6-l7 .nav-container .nav-btn:hover {
        cursor: pointer;
    }
}

.vision6-main .vision6-l7 .nav-container .nav-btn.btn-disabled {
    pointer-events: none;
    opacity: .3;
}

.vision6-main .vision6-l7 .nav-container .nav-btn picture {
    filter: drop-shadow(0px 3px 2px rgba(25, 25, 25, .5));
    -webkit-filter: drop-shadow(0px 3px 2px rgba(25, 25, 25, .5));
}

.vision6-main .vision6-l7 .nav-container .btn-next {
    margin-left: 1.25vw;
}

.vision6-main .vision6-l7 .nav-container .btn-next img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6-main .vision6-l7 {
        margin-top: 27.777778vw;
    }

    .vision6-main .vision6-l7 .content-wrap {
        width: 77.777778vw;
    }

    .vision6-main .vision6-l7 .content-wrap .common-desc {
        margin-top: 4.444444vw;
    }

    .vision6-main .vision6-l7 .video-wrap {
        margin-top: 11.111111vw;
    }

    .vision6-main .vision6-l7 .video-wrap .video-item {
        height: 97.222222vw;
    }

    .vision6-main .vision6-l7 .video-wrap .icon-wrap {
        margin-top: 5.555556vw;
        position: static;
        gap: 5.555556vw;
        justify-content: center;
    }

    .vision6-main .vision6-l7 .video-wrap .icon-wrap .icon-img {
        width: 13.888889vw;
        height: 13.888889vw;
    }

    .vision6-main .vision6-l7 .video-wrap .icon-wrap .icon-img .glass-item1,
    .vision6-main .vision6-l7 .video-wrap .icon-wrap .icon-img .glass-item1::before,
    .vision6-main .vision6-l7 .video-wrap .icon-wrap .icon-img .glass-item1::after,
    .vision6-main .vision6-l7 .video-wrap .icon-wrap .icon-img .glass-item2,
    .vision6-main .vision6-l7 .video-wrap .icon-wrap .icon-img .glass-item3 {
        border-radius: 5vw;
    }

    .vision6-main .vision6-l7 .video-wrap .icon-wrap span {
        color: #0e0e0f;
        font-size: 3.333333vw;
        margin-top: 2.222222vw;
    }

    .vision6-main .vision6-l7 .swiper-container {
        margin-top: 8.888889vw;
    }

    .vision6-main .vision6-l7 .swiper-container .screencasting-swiper {
        width: 86.666667vw;
        margin-left: 4.444444vw;
    }


    .vision6-main .vision6-l7 .swiper-container .screencasting-swiper .swiper-slide {
        width: 100%;
    }

    .vision6-main .vision6-l7 .swiper-container .screencasting-swiper .swiper-slide:nth-last-child(n+2) {
        margin-right: 4.444444vw;
    }

    .vision6-main .vision6-l7 .swiper-container .screencasting-swiper .video-container {
        height: 66.666667vw;
        border-radius: 2.222222vw;
    }

    .vision6-main .vision6-l7 .swiper-container .screencasting-swiper .glass-item1::before {
        top: 0.277778vw;
        left: 0.277778vw;
        width: 8vw;
        height: 8vw;
    }

    .vision6-main .vision6-l7 .swiper-container .screencasting-swiper .glass-item1::after {
        top: 1.111111vw;
        left: 0.666667vw;
        width: 8.222222vw;
        height: 7.555556vw;
    }

    .vision6-main .vision6-l7 .swiper-container .screencasting-swiper .slide-desc {
        width: 64.444444vw;
        margin-top: 6.666667vw;
        margin-left: 6.666667vw;
    }


    .vision6-main .vision6-l7 .swiper-container .screencasting-swiper .desc-title {
        font-size: 5.555556vw;
    }

    .vision6-main .vision6-l7 .swiper-container .screencasting-swiper .desc-p {
        font-size: 4.444444vw;
        margin-top: 2.777778vw;
    }

    .vision6-main .vision6-l7 .nav-container {
        width: 82.222222vw;
        margin: 11.1111111112vw auto 0;
    }

    .vision6-main .vision6-l7 .nav-container .nav-btn {
        width: 11.111111vw;
        height: 11.111111vw;
    }

    .vision6-main .vision6-l7 .nav-container .btn-next {
        margin-left: 5.555556vw;
    }
}

/* l7 end */
/* l6 start */
.vision6-main .vision6-l6 {
    margin-top: 10.416667vw;
}

.vision6-main .vision6-l6 .content-wrap {
    width: 67.5vw;
    margin: 0 auto;
    text-align: center;
}

.vision6-main .vision6-l6 .icon-wrap {
    margin-top: 1.666667vw;
}

.vision6-main .vision6-l6 .icon-wrap .icon-ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2.083333vw;
}

.vision6-main .vision6-l6 .icon-wrap .icon-ul li {
    display: flex;
    justify-content: center;
    align-items: center;
}

.vision6-main .vision6-l6 .icon-wrap .icon-ul li img {
    flex-shrink: 0;
    width: 1.666667vw;
    height: 1.666667vw;
    margin-right: 0.416667vw;
}

.vision6-main .vision6-l6 .icon-wrap .icon-ul li span {
    color: #0e0e0f;
    font-size: 1.041667vw;
    font-weight: 300;
    line-height: 1.25;
    text-align: center;
    flex-shrink: 0;
}

.vision6-main .vision6-l6 .screen-wrap {
    width: 81.25vw;
    height: 36.458333vw;
    margin: 3.333333vw auto 0;
    position: relative;
    overflow: hidden;
    border-radius: 0.833333vw;
}

.vision6-main .vision6-l6 .screen-wrap .screen-video {
    height: 100%;
}


.vision6-main .vision6-l6 .icon-list-wrap {
    margin-top: 3.333333vw;
}

.vision6-main .vision6-l6 .icon-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 81.25vw;
    margin: 0 auto;
}

.vision6-main .vision6-l6 .icon-list li {
    display: flex;
    align-items: flex-start;
}

.vision6-main .vision6-l6 .icon-list .icon-img {
    flex-shrink: 0;
    width: 5.2083334vw;
    height: 5.2083334vw;
    margin-right: 1.25vw;
    margin-top: 0.260417vw;
    position: relative;
    z-index: 1;
}

.vision6-main .vision6-l6 .icon-list .icon-img .glass-item1 {
    border-radius: 1.875vw;
    overflow: hidden;
}

.vision6-main .vision6-l6 .icon-list .icon-img .glass-item1::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0px 0.15625vw 0.15625vw 0;
    border: 1px solid #ffffff;
    filter: blur(3px);
    -webkit-filter: blur(3px);
    border-radius: 1.875vw;
}

.vision6-main .vision6-l6 .icon-list .icon-img .glass-item1::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0.15625vw 0 0 0.15625vw;
    border: 1px solid #707070;
    filter: blur(3px);
    -webkit-filter: blur(3px);
    border-radius: 1.875vw;
}

.vision6-main .vision6-l6 .icon-list .icon-img .glass-item2 {
    background: rgba(244, 244, 244, .5);
    border-radius: 1.875vw;
    position: absolute;
    inset: 0;
    z-index: 1;
    backdrop-filter: blur(2.73px);
    -webkit-backdrop-filter: blur(2.73px);
}

.vision6-main .vision6-l6 .icon-list .icon-img .glass-item3 {
    position: absolute;
    inset: 0;
    padding: 2px;
    z-index: 2;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    background: linear-gradient(118.97deg, #888888 7.34%, #e5e5e5 19.91%, #ffffff 64.49%, #ffffff 81.34%, #888888 94.35%);
    -webkit-mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-radius: 1.875vw;
}

.vision6-main .vision6-l6 .icon-list .right-txt {
    flex-shrink: 0;
    width: 11.71875vw;
}

.vision6-main .vision6-l6 .icon-list .right-txt>div {
    color: #0e0e0f;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.25;
}

.vision6-main .vision6-l6 .icon-list .right-txt>p {
    color: #6f6f6f;
    font-size: 1.041667vw;
    font-weight: 300;
    line-height: 1.6;
    margin-top: 0.833333vw;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6-main .vision6-l6 {
        margin-top: 27.777778vw;
    }

    .vision6-main .vision6-l6 .content-wrap {
        width: 77.777778vw;
    }

    .vision6-main .vision6-l6 .icon-wrap {
        margin: 7.777778vw auto 0;
        width: 77.77777777777778vw;
    }

    .vision6-main .vision6-l6 .icon-wrap .icon-ul {
        gap: 2.777778vw 3.333333vw;
    }

    .vision6-main .vision6-l6 .icon-wrap .icon-ul .icon-item1 {
        order: 0;
    }

    .vision6-main .vision6-l6 .icon-wrap .icon-ul .icon-item2 {
        order: 5;
    }

    .vision6-main .vision6-l6 .icon-wrap .icon-ul .icon-item3 {
        order: 2;
    }

    .vision6-main .vision6-l6 .icon-wrap .icon-ul .icon-item4 {
        order: 4;
    }

    .vision6-main .vision6-l6 .icon-wrap .icon-ul .icon-item5 {
        order: 1;
    }

    .vision6-main .vision6-l6 .icon-wrap .icon-ul .icon-item6 {
        order: 3;
    }

    .vision6-main .vision6-l6 .icon-wrap .icon-ul .icon-item7 {
        order: 7;
    }

    .vision6-main .vision6-l6 .icon-wrap .icon-ul li img {
        width: 5.555556vw;
        height: 5.555556vw;
        margin-right: 1.111111vw;
    }

    .vision6-main .vision6-l6 .icon-wrap .icon-ul li span {
        font-size: 3.333333vw;
    }

    .vision6-main .vision6-l6 .screen-wrap {
        width: 100%;
        height: 70vw;
        margin: 11.111111vw auto 0;
        border-radius: 0;
    }

    .vision6-main .vision6-l6 .icon-list-wrap {
        margin-top: 6.666666666666667vw;
    }

    .vision6-main .vision6-l6 .icon-list {
        width: 100%;
        gap: 5.555556vw 0;
        justify-content: center;
    }

    .vision6-main .vision6-l6 .icon-list .icon-img {
        width: 16.666667vw;
        height: 16.666667vw;
        margin-right: 4.444444vw;
        margin-top: 0px;
    }

    .vision6-main .vision6-l6 .icon-list .icon-img .glass-item1,
    .vision6-main .vision6-l6 .icon-list .icon-img .glass-item1::before,
    .vision6-main .vision6-l6 .icon-list .icon-img .glass-item1::after,
    .vision6-main .vision6-l6 .icon-list .icon-img .glass-item2,
    .vision6-main .vision6-l6 .icon-list .icon-img .glass-item3 {
        border-radius: 5vw;
    }

    .vision6-main .vision6-l6 .icon-list .right-txt {
        width: 55.555556vw;
    }

    .vision6-main .vision6-l6 .icon-list .right-txt>div {
        font-size: 3.888889vw;
    }

    .vision6-main .vision6-l6 .icon-list .right-txt>p {
        font-size: 3.333333vw;
        margin-top: 2.222222vw;
    }
}

/* l6 end */
/* l5 start */
.vision6-main .vision6-l5 {
    margin-top: 10.416667vw;
    display: flex;
    justify-content: center;
}

.vision6-main .vision6-l5 .left-content {
    width: 23.958333vw;
    padding-top: 3.854167vw;
}

.vision6-main .vision6-l5 .left-content .common-desc {
    margin-top: 1.666667vw;
}

.vision6-main .vision6-l5 .left-content .parm-txt {
    margin-top: 3.854167vw;
}

.vision6-main .vision6-l5 .left-content .desc-txt {
    color: #0e0e0f;
    font-size: 1.145833vw;
    font-weight: 300;
    line-height: 1.25;
}

.vision6-main .vision6-l5 .left-content .number-txt {
    width: fit-content;
    color: transparent;
    font-size: 5.208333vw;
    font-weight: 300;
    line-height: 1.25;
    background: linear-gradient(124.58deg, #f4ced6 12.51%, #6ec8fd 82.72%);
    background-clip: text;
    -webkit-background-clip: text;
}

.vision6-main .vision6-l5 .left-content .number-txt span {
    font-size: 3.125vw;
    font-weight: inherit;
    line-height: inherit;
}

.vision6-main .vision6-l5 .right-wrap {
    width: 52.083333vw;
    height: 37.5vw;
    overflow: hidden;
    border-radius: 0.833333vw;
    margin-left: 5.208333vw;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6-main .vision6-l5 {
        margin-top: 27.777778vw;
        flex-direction: column;
        align-items: center;
    }

    .vision6-main .vision6-l5 .left-content {
        width: 77.777778vw;
        padding-top: 0;
        text-align: center;
    }

    .vision6-main .vision6-l5 .left-content .common-desc {
        margin-top: 4.444444vw;
    }

    .vision6-main .vision6-l5 .left-content .parm-txt {
        margin-top: 7.777778vw;
    }

    .vision6-main .vision6-l5 .left-content .desc-txt {
        font-size: 4.444444vw;
    }

    .vision6-main .vision6-l5 .left-content .number-txt {
        margin: 0 auto;
        font-size: 13.888889vw;
    }

    .vision6-main .vision6-l5 .left-content .number-txt span {
        font-size: 8.333333vw;
    }

    .vision6-main .vision6-l5 .right-wrap {
        width: 91.111111vw;
        height: 66.666667vw;
        border-radius: 2.222222vw;
        margin: 11.1111112vw auto 0;
    }
}

/* l5 end */


/* l4 start */
.vision6-main .vision6-l4 {
    margin-top: 10.416667vw;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6-main .vision6-l4 {
        margin-top: 27.777777778vw;
    }
}

/* l4 end */
/* l3 start */
.vision6-main .vision6-l3 {
    margin-top: 17.1875vw;
}

.vision6-main .vision6-l3 .content-wrap {
    width: 67.5vw;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vision6-main .vision6-l3 .content-wrap .common-desc {
    width: 25.520833vw;
}

.vision6-main .vision6-l3 .m-pencil-wrap {
    margin: 4.166667vw auto 0;
    position: relative;
    width: fit-content;
}

.vision6-main .vision6-l3 .m-pencil-wrap .pencil-wrap {
    width: 81.25vw;
    height: 46.875vw;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 0.833333vw;
}

.vision6-main .vision6-l3 .m-pencil-wrap .ps-txt {
    position: absolute;
    z-index: 1;
    right: 1.25vw;
    bottom: 1.25vw;
    color: #fff;
    font-weight: 300;
    font-size: max(0.625vw, 8px);
    line-height: 1.6;
}

.vision6-main .vision6-l3 .tip-txt {
    width: 81.25vw;
    color: #0e0e0f;
    font-size: max(0.625vw, 8px);
    font-weight: 300;
    line-height: 1.6;
    margin: 1.25vw auto 0;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6-main .vision6-l3 {
        margin-top: 27.777778vw;
    }

    .vision6-main .vision6-l3 .content-wrap {
        width: 77.777778vw;
        flex-direction: column;
        text-align: center;
    }

    .vision6-main .vision6-l3 .content-wrap .common-desc {
        width: 100%;
        margin-top: 4.444444vw;
    }

    .vision6-main .vision6-l3 .m-pencil-wrap {
        margin: 11.111111vw auto 0;
    }

    .vision6-main .vision6-l3 .m-pencil-wrap .pencil-wrap {
        width: 91.111111vw;
        height: 66.666667vw;
        border-radius: 2.222222vw;
    }

    .vision6-main .vision6-l3 .m-pencil-wrap .ps-txt {
        width: 77.77777777777778vw;
        position: static;
        color: #0e0e0f;
        font-size: 2.777778vw;
        margin: 3.333333vw auto 0;
    }

    .vision6-main .vision6-l3 .tip-txt {
        width: 77.77777777777778vw;
        font-size: 2.777778vw;
        margin: 0 auto;
    }
}

/* l3 end */

/* l2 start */
.vision6-main .vision6-l2 {
    width: 100%;
    margin-top: 10.416667vw;
    overflow: hidden;
}

.vision6-main .vision6-l2 .content-wrap {
    width: 67.5vw;
    margin: 0 auto;
    text-align: center;
}

.vision6-main .vision6-l2 .amuse-container {
    margin-top: 4.166667vw;
}

.vision6-main .vision6-l2 .amuse-swiper-list {
    width: 70vw;
    margin: 0 auto;
    perspective: 62.5vw;
    transform-style: preserve-3d;
    display: flex;
    justify-content: center;
    transform: translateZ(1px);
    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
}

.vision6-main .vision6-l2 .swiper-item {
    width: 67.5vw;
    height: 36.458333vw;
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    overflow: hidden;
}

.vision6-main .vision6-l2 .amuse-swiper-left {
    transform-origin: right center;
    transform: rotateY(80deg) translateZ(1px);
    -webkit-transform: rotateY(80deg) translateZ(1px);
    -moz-transform: rotateY(80deg) translateZ(1px);
}

.vision6-main .vision6-l2 .amuse-swiper-left::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    opacity: 20%;
    background: linear-gradient(112.33deg, rgba(0, 0, 0, 0) 47.02%, rgba(0, 0, 0, 0.14) 61.34%, #000000 94.29%);
}

.vision6-main .vision6-l2 .amuse-swiper-left .swiper {
    transform: translateX(1.25vw);
    -webkit-transform: translateX(1.25vw);
    -moz-transform: translateX(1.25vw);
}

.vision6-main .vision6-l2 .amuse-swiper-center {
    margin: 0 1.25vw;
}

.vision6-main .vision6-l2 .amuse-swiper-right {
    transform-origin: left center;
    transform: rotateY(-80deg) translateZ(1px);
    -webkit-transform: rotateY(-80deg) translateZ(1px);
    -moz-transform: rotateY(-80deg) translateZ(1px);
}

.vision6-main .vision6-l2 .amuse-swiper-right .swiper {
    transform: translateX(-1.25vw);
    -webkit-transform: translateX(-1.25vw);
    -moz-transform: translateX(-1.25vw);
}

.vision6-main .vision6-l2 .amuse-swiper-right::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    opacity: 20%;
    background: linear-gradient(247.67deg, rgba(0, 0, 0, 0) 47.02%, rgba(0, 0, 0, 0.14) 61.34%, #000000 94.29%);
}

.vision6-main .vision6-l2 .swiper-item .swiper {
    width: 100%;
    height: 100%;
}

.vision6-main .vision6-l2 .tab-container {
    position: relative;
    width: fit-content;
    margin: 2.5vw auto 0;
    display: flex;
    justify-content: center;
}

.vision6-main .vision6-l2 .tab-container .tab-wrap {
    flex-shrink: 0;
    position: relative;
}

.vision6-main .vision6-l2 .tab-container .tab-list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vision6-main .vision6-l2 .tab-container .tab-list li {
    flex-shrink: 0;
    color: #0e0e0f;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
    opacity: .4;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    pointer-events: all;
}

.vision6-main .vision6-l2.will-change .tab-container .tab-list li {
    will-change: opacity;
}

.vision6-main .vision6-l2 .tab-container .tab-list li.active {
    opacity: 1;
    pointer-events: none;
}

.vision6-main .vision6-l2 .tab-container .tab-list li:nth-child(n+2) {
    margin-left: 2.916667vw;
}

@media (pointer: fine) and (hover: hover) {
    .vision6-main .vision6-l2 .tab-container .tab-list li:hover {
        opacity: .6;
        cursor: pointer;
    }
}

.vision6-main .vision6-l2 .tab-container .scroll-line {
    margin-top: 0.833333vw;
    width: 100%;
    height: 2px;
    background: #bfbfbf;
}

.vision6-main .vision6-l2 .tab-container .line-item {
    width: calc(var(--tab-width) * 1px);
    height: 100%;
    background: #000;
    transform: translateX(calc(var(--offset-dist) * 1px));
    -webkit-transform: translateX(calc(var(--offset-dist) * 1px));
    -moz-transform: translateX(calc(var(--offset-dist) * 1px));
    transition: width 0.6s, transform 0.6s;
    -webkit-transition: width 0.6s, transform 0.6s;
    -moz-transition: width 0.6s, transform 0.6s;
}

.vision6-main .vision6-l2.will-change .tab-container .line-item {
    will-change: transform, width;
}

.vision6-main .vision6-l2 .tab-content {
    width: 46.875vw;
    margin: 1.666667vw auto 0;
    text-align: center;
    display: flex;
    position: relative;
    z-index: 1;
}

.vision6-main .vision6-l2 .tab-content p {
    width: 100%;
    color: #6f6f6f;
    font-size: 1.145833vw;
    font-weight: 300;
    line-height: 1.6;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
}

.vision6-main .vision6-l2.will-change .tab-content p {
    will-change: opacity;
}

.vision6-main .vision6-l2 .tab-content p+p {
    margin-left: -100%;
}

.vision6-main .vision6-l2 .tab-content p.active {
    opacity: 1;
    pointer-events: all;
    transition-delay: 0.2s;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6-main .vision6-l2 {
        margin-top: 27.777778vw;
    }

    .vision6-main .vision6-l2 .content-wrap {
        width: 77.777778vw;
    }

    .vision6-main .vision6-l2 .amuse-container {
        margin-top: 11.111111vw;
    }

    .vision6-main .vision6-l2 .amuse-swiper-list {
        width: 100%;
        perspective: 104.166667vw;
    }

    .vision6-main .vision6-l2 .swiper-item {
        width: 100%;
        height: 77.777778vw;
    }

    .vision6-main .vision6-l2 .amuse-swiper-left {
        display: none;
    }

    .vision6-main .vision6-l2 .amuse-swiper-center {
        margin: 0 auto;
    }

    .vision6-main .vision6-l2 .amuse-swiper-right {
        display: none;
    }

    .vision6-main .vision6-l2 .tab-container {
        width: 100%;
        margin: 11.111111vw auto 0;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        justify-content: flex-start;
    }

    .vision6-main .vision6-l2 .tab-container.tabnav-scrollable {
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .vision6-main .vision6-l2 .tab-container .tab-wrap {
        margin: 0 auto;
    }

    .vision6-main .vision6-l2 .tab-container .tab-list li {
        font-size: 5.555556vw;
    }

    .vision6-main .vision6-l2 .tab-container .tab-list li:nth-child(n+2) {
        margin-left: 7.777778vw;
    }

    .vision6-main .vision6-l2 .tab-container .scroll-line {
        margin-top: 3.888889vw;
    }

    .vision6-main .vision6-l2 .tab-content {
        width: 82.222222vw;
        margin: 6.666666666666667vw auto 0;
    }

    .vision6-main .vision6-l2 .tab-content p {
        font-size: 4.444444vw;
    }
}

/* l2 end */
/* l1 start */
.vision6-main .vision6-l1 {
    margin-top: 10.416667vw;
}

.vision6-main .vision6-l1 .content-wrap {
    width: 67.5vw;
    margin: 0 auto;
    text-align: center;
}

.vision6-main .vision6-l1 .common-desc {
    margin-top: 1.666667vw;
}

.vision6-main .vision6-l1 .home-swiper-container {
    margin-top: 4.166667vw;
}

.vision6-main .vision6-l1 .swiper-overflow {
    width: 100%;
    overflow: hidden;
}

.vision6-main .vision6-l1 .homer-swiper {
    width: 67.5vw;
    margin: 0 auto;
    overflow: visible;
}

.vision6-main .vision6-l1 .homer-swiper .swiper-slide:nth-last-child(n+2) {
    margin-right: 1.25vw;
}

@media (pointer: fine) and (hover: hover) {
    .vision6-main .vision6-l1 .homer-swiper .swiper-slide:not(.swiper-slide-active):hover {
        cursor: pointer;
    }
}

.vision6-main .vision6-l1 .homer-swiper .pic-wrap {
    height: 36.458333vw;
    border-radius: 0.833333vw;
    overflow: hidden;
    position: relative;
}

.vision6-main .vision6-l1 .homer-swiper .pic-wrap .ps-txt {
    position: absolute;
    right: 1.25vw;
    bottom: 1.25vw;
    color: #ffffff;
    font-size: max(0.625vw, 8px);
    font-weight: 300;
    line-height: 1.6;
    text-align: right;
}

.vision6-main .vision6-l1 .homer-swiper .pic-wrap2 .ps-txt {
    color: #0e0e0f;
}

.vision6-main .vision6-l1 .homer-swiper .desc-wrap {
    margin-top: 2.083333vw;
    display: flex;
    justify-content: space-between;
    padding: 0 6.25vw 0 0.833333vw;
}

.vision6-main .vision6-l1 .homer-swiper .card-title {
    color: #0e0e0f;
    font-size: 1.666667vw;
    font-weight: 500;
    line-height: 1.25;
}

.vision6-main .vision6-l1 .homer-swiper .card-word {
    width: 31.25vw;
    color: #6f6f6f;
    font-size: 1.145833vw;
    font-weight: 300;
    line-height: 1.6;
}

.vision6-main .vision6-l1 .nav-container {
    width: 67.5vw;
    margin: 2.5vw auto 0;
    display: flex;
    justify-content: flex-end;
}

.vision6-main .vision6-l1 .nav-container .nav-wrap {
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vision6-main .vision6-l1 .nav-container .nav-btn {
    position: relative;
    z-index: 1;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    overflow: hidden;
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -moz-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    box-shadow: 1px 3px 3px rgba(112, 112, 112, .3);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

@media (pointer: fine) and (hover: hover) {
    .vision6-main .vision6-l1 .nav-container .nav-btn:hover {
        cursor: pointer;
    }

    .vision6-main .vision6-l1 .nav-container .nav-btn:hover .glass-wrap {
        opacity: .6;
    }
}

.vision6-main .vision6-l1 .nav-container .nav-btn.btn-disabled {
    pointer-events: none;
    opacity: .3;
}

.vision6-main .vision6-l1 .nav-container .nav-btn .arrow-pic {
    filter: drop-shadow(0px 3px 2px rgba(25, 25, 25, .5));
    -webkit-filter: drop-shadow(0px 3px 2px rgba(25, 25, 25, .5));
}

.vision6-main .vision6-l1 .nav-container .btn-next {
    margin-left: 1.25vw;
}

.vision6-main .vision6-l1 .nav-container .btn-next .arrow-pic img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6-main .vision6-l1 {
        margin-top: 27.77777778vw;
    }

    .vision6-main .vision6-l1 .content-wrap {
        width: 77.777778vw;
    }

    .vision6-main .vision6-l1 .common-desc {
        margin-top: 4.444444vw;
        font-size: 2.777777778vw;
    }

    .vision6-main .vision6-l1 .home-swiper-container {
        margin-top: 11.111111vw;
    }

    .vision6-main .vision6-l1 .homer-swiper {
        width: 86.666667vw;
        margin-left: 4.444444vw;
    }

    .vision6-main .vision6-l1 .homer-swiper .swiper-slide:nth-last-child(n+2) {
        margin-right: 4.444444vw;
    }

    .vision6-main .vision6-l1 .homer-swiper .pic-wrap {
        height: 66.66666666666667vw;
        border-radius: 2.222222vw;
    }

    .vision6-main .vision6-l1 .homer-swiper .pic-wrap .ps-txt {
        font-size: 2.777777778vw;
        right: 3.33333334vw;
        bottom: 3.333333334vw;
    }

    .vision6-main .vision6-l1 .homer-swiper .desc-wrap {
        width: 64.444444vw;
        flex-direction: column;
        padding: 0;
        margin-top: 6.666667vw;
        margin-left: 6.666667vw;
    }

    .vision6-main .vision6-l1 .homer-swiper .card-title {
        font-size: 5.555556vw;
    }

    .vision6-main .vision6-l1 .homer-swiper .card-word {
        width: 100%;
        font-size: 4.444444vw;
        margin-top: 2.77777778vw;
    }

    .vision6-main .vision6-l1 .nav-container {
        width: 82.222222vw;
        margin: 11.111111112vw auto 0;
    }

    .vision6-main .vision6-l1 .nav-container .nav-btn {
        width: 11.111111vw;
        height: 11.111111vw;
    }

    .vision6-main .vision6-l1 .nav-container .btn-next {
        margin-left: 5.555556vw;
    }
}

/* l1 end */
/* footer start */
.vision6-main .footer-list {
    width: 67.5vw;
    margin: 0 auto;
    padding-top: 10.416667vw;
    padding-bottom: 80px;
    --arrowdark: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4NCiAgPGcgaWQ9Iue7hF84MjY3NSIgZGF0YS1uYW1lPSLnu4QgODI2NzUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjk4IDE3LjY1MSkgcm90YXRlKC05MCkiPg0KICAgIDxjaXJjbGUgaWQ9IuakreWchl81ODYwIiBkYXRhLW5hbWU9IuakreWchiA1ODYwIiBjeD0iOCIgY3k9IjgiIHI9IjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNjUxIDE3Ljk4KSByb3RhdGUoLTkwKSIgZmlsbD0iIzQzNDM0MyIvPg0KICAgIDxwYXRoIGlkPSLot6/lvoRfNTU2NDMiIGRhdGEtbmFtZT0i6Lev5b6EIDU1NjQzIiBkPSJNMy4yMzksOC45ODYsMy4yMzMsOC45OGEuNjg4LjY4OCwwLDAsMS0uMDE0LS45NzJMNS45NDIsNS4yOEguNjg5QS42ODUuNjg1LDAsMCwxLC4yLDUuMDg5bC0uMDA5LS4wMUEuNjg5LjY4OSwwLDAsMSwwLDQuNlY0LjU4OWEuNy43LDAsMCwxLC4xODgtLjQ4TC4xOTQsNC4xYS42ODEuNjgxLDAsMCwxLC40OTQtLjIxM0g1LjkxMUwzLjIyNSwxLjE3OGEuNjk0LjY5NCwwLDAsMSwwLS45NzlsMCwwQS42NjkuNjY5LDAsMCwxLDMuNywwYS43NzIuNzcyLDAsMCwxLC40NzMuMTcxbC4wMjEuMDE3TDcuODM4LDMuODQ1YTEuMTUxLDEuMTUxLDAsMCwxLC4yMjIuMzMxbC4wMDguMDE5VjQuMmExLjAzNiwxLjAzNiwwLDAsMSwuMDc2LjM5djBhMS4wODIsMS4wODIsMCwwLDEtLjMxMi43Nkw0LjIxMiw4Ljk3NmEuNjgzLjY4MywwLDAsMS0uNDg3LjIuNzE1LjcxNSwwLDAsMS0uNDg2LS4xOTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuNTc5IDUuMzkxKSIgZmlsbD0iI2ZmZiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==');
    --arrowlight: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4NCiAgPGcgaWQ9Iue7hF84MjY3OSIgZGF0YS1uYW1lPSLnu4QgODI2NzkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjk4IDE3LjY1MSkgcm90YXRlKC05MCkiPg0KICAgIDxjaXJjbGUgaWQ9IuakreWchl81ODYwIiBkYXRhLW5hbWU9IuakreWchiA1ODYwIiBjeD0iOCIgY3k9IjgiIHI9IjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNjUxIDE3Ljk4KSByb3RhdGUoLTkwKSIgZmlsbD0iI2U3ZTdlOCIvPg0KICAgIDxwYXRoIGlkPSLot6/lvoRfNTU2NDMiIGRhdGEtbmFtZT0i6Lev5b6EIDU1NjQzIiBkPSJNMy4yMzksOC45ODYsMy4yMzMsOC45OGEuNjg4LjY4OCwwLDAsMS0uMDE0LS45NzJMNS45NDIsNS4yOEguNjg5QS42ODUuNjg1LDAsMCwxLC4yLDUuMDg5bC0uMDA5LS4wMUEuNjg5LjY4OSwwLDAsMSwwLDQuNlY0LjU4OWEuNy43LDAsMCwxLC4xODgtLjQ4TC4xOTQsNC4xYS42ODEuNjgxLDAsMCwxLC40OTQtLjIxM0g1LjkxMUwzLjIyNSwxLjE3OGEuNjk0LjY5NCwwLDAsMSwwLS45NzlsMCwwQS42NjkuNjY5LDAsMCwxLDMuNywwYS43NzIuNzcyLDAsMCwxLC40NzMuMTcxbC4wMjEuMDE3TDcuODM4LDMuODQ1YTEuMTUxLDEuMTUxLDAsMCwxLC4yMjIuMzMxbC4wMDguMDE5VjQuMmExLjAzNiwxLjAzNiwwLDAsMSwuMDc2LjM5djBhMS4wODIsMS4wODIsMCwwLDEtLjMxMi43Nkw0LjIxMiw4Ljk3NmEuNjgzLjY4MywwLDAsMS0uNDg3LjIuNzE1LjcxNSwwLDAsMS0uNDg2LS4xOTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuNTc5IDUuMzkxKSIvPg0KICA8L2c+DQo8L3N2Zz4NCg==');
}

.vision6-main .footer-list ol {
    list-style-type: decimal;
    padding-left: 1.8em;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
}

.vision6-main .footer-list li {
    color: #000;
    margin: 0.5em 0;
    position: relative;
}

.vision6-main .footer-list li.active {
    font-weight: 800;
}

.vision6-main .footer-list li i {
    display: none;
    width: max(0.83333334vw, 16px);
    height: max(0.83333334vw, 16px);
    background-image: var(--arrowlight);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    cursor: pointer;
    transform: translateY(0.2em);
    -webkit-transform: translateY(0.2em);
    -moz-transform: translateY(0.2em);
}

.vision6-main .footer-list li.active i {
    display: inline-block;
}

.vision6-main .footer-list li a {
    color: inherit;
    line-height: inherit;
    text-decoration: underline;
    word-wrap: break-word;
}

.vision6-main .footer-list .footlast1 {
    list-style-type: "*";
}

.vision6-main .footer-list .footlast2 {
    list-style-type: "**";
}

.vision6-main .footer-list .footlast3 {
    list-style-type: "***";
}


@media screen and (max-aspect-ratio:11/10) {
    .vision6-main .footer-list {
        width: 91.11111111111111vw;
        padding-top: 27.77777778vw;
    }

    .vision6-main .footer-list ol {
        font-size: 3.333333334vw;
    }

    .vision6-main .footer-list li i {
        width: 4.722222vw;
        height: 4.722222vw;
    }
}

/* footer end */

/* mob */
@media screen and (max-aspect-ratio:11/10) {
    .vision6-main .show-mob {
        display: block;
    }

    .vision6-main .show-pc,
    .vision6-main .show-pc-inline {
        display: none;
    }

    .vision6-main .show-mob-inline {
        display: inline-block;
    }

    .vision6-main .common-big-title {
        font-size: 8.888889vw;
        margin-top: 2.2222222222222223vw;
    }

    .vision6-main .common-sub-title {
        font-size: 4.444444vw;
    }

    .vision6-main .common-desc {
        font-size: 4.4444444444444445vw;
    }

    .vision6-main .video-control-btn {
        width: 8.888889vw;
        height: 8.888889vw;
        right: 3.3333333334vw;
        bottom: 3.3333333334vw;
    }
}