.hw-a-all {
    color: #000;
    font-weight: 400;
    line-height: normal;
    position: relative;
    background: #fff;
}

.hw-a-all * {
    box-sizing: border-box;
}

.hw-a-all .borderRadius {
    overflow: hidden;
    transform: translate3d(0, 0, 0) rotate(0deg);
    border-radius: 0.00vw;
}

.hw-a-all .overflow-hidden {
    overflow: hidden;
}

.hw-a-all .botton-animation {
    transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -webkit-transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -moz-transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -ms-transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -o-transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    will-change: opacity, transform;
}

.hw-a-all .text-animation {
    transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -webkit-transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -moz-transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -ms-transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -o-transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    will-change: opacity, transform;
}

.hw-a-all :is(svg) {
    width: 100%;
    height: auto;
    vertical-align: middle;
    overflow: visible;
}

.hw-a-all div svg {
    width: 100%;
    height: 100%;
}

.hw-a-all img {
    border: 0;
    width: 100%;
    display: block;
}


.hw-a-all picture {
    border: 0;
    width: 100%;
    display: block;
}

.hw-a-all video {
    border: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.hw-a-all a {
    text-decoration: none;
    color: initial;
}

.hw-a-all em {
    font-style: normal;
}

.hw-a-all .video-load {
    width: 100%;
    height: 100%;
}

.hw-a-all .video-listening .button-play,
.hw-a-all .video-listening .button-pause,
.hw-a-all .video-listening .button-replay {
    opacity: 0;
    transition: opacity .3s cubic-bezier(0.46, 0.03, 0.52, 0.96);
}

.hw-a-all .video-listening[data-state="play"] .button-play {
    opacity: 1;
}

.hw-a-all .video-listening[data-state="pause"] .button-pause {
    opacity: 1;
}

.hw-a-all .video-listening[data-state="replay"] .button-replay {
    opacity: 1;
}

.hw-a-all .video-button {
    width: 2.08333333vw;
    position: absolute;
    right: 2.08333333vw;
    bottom: 2.08333333vw;
}

@media (hover: hover) and (pointer: fine) {
    .hw-a-all .video-button {
        cursor: pointer;
    }
}

.hw-a-all .video-button img+img {
    width: 100%;
    position: absolute;
    top: 0;
}

.hw-a-all .video-listening {
    position: relative;
}

.hw-a-all .pc-show {
    display: block;
    font-style: normal;
}

.hw-a-all .pc-hidden {
    display: none;
    font-style: normal;
}

.hw-a-all .mob-show {
    display: none;
    font-style: normal;
}

.hw-a-all .mob-hidden {
    display: block;
    font-style: normal;
}

.hw-a-all .iPc-show {
    display: inline-block;
    font-style: normal;
}

.hw-a-all .iPc-hidden {
    display: none;
    font-style: normal;
}

.hw-a-all .iMob-show {
    display: none;
    font-style: normal;
}

.hw-a-all .iMob-hidden {
    display: inline-block;
    font-style: normal;
}

.hw-a-all .nr {
    white-space: nowrap;
    font-style: normal;
    display: inline-block;
}

.hw-a-all .blur-up {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    -webkit-transition: -webkit-filter 400ms;
    transition: -webkit-filter 400ms;
    transition: filter 400ms;
    transition: filter 400ms, -webkit-filter 400ms;
}
.hw-a-all .blur-up.lazyloading {
    will-change: filter;
}
.hw-a-all .blur-up.lazyloaded { 
    -webkit-filter: blur(0);
    filter: blur(0);
}

.hw-a-all .lazyload:not([src]) {
    /* display: none; */
    visibility: hidden;
}

.hw-a-all sup {
    font-size: 0.6em;
}

.hw-a-all sup.hw-sup {
    font-size: 0.6em;
    cursor: pointer;
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .pc-show {
        display: none;
        font-style: normal;
    }

    .hw-a-all .pc-hidden {
        display: block;
        font-style: normal;
    }

    .hw-a-all .mob-show {
        display: block;
        font-style: normal;
    }

    .hw-a-all .mob-hidden {
        display: none;
        font-style: normal;
    }

    .hw-a-all .iPc-show {
        display: none;
        font-style: normal;
    }

    .hw-a-all .iPc-hidden {
        display: inline-block;
        font-style: normal;
    }

    .hw-a-all .iMob-show {
        display: inline-block;
        font-style: normal;
    }

    .hw-a-all .iMob-hidden {
        display: none;
        font-style: normal;
    }

    .hw-a-all sup,
    .hw-a-all sup.hw-sup {
        cursor: initial;
    }
}

.hw-a-all .gradient {
    /* background-image: linear-gradient(122deg, #ffeccc 0%, #aa7a4f 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    display: inline-block;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    transform: translate3d(0, 0, 0); */
    background-image: linear-gradient(122deg, #ffeccc 0%, #aa7a4f 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}


/* video-bottom */
.hw-a-all .video-play-box {
    width: 2.08333333vw;
    height: 2.08333333vw;
    position: absolute;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: baseline;
    right: 1.25vw;
    bottom: 1.25vw;
}

.hw-a-all.wu .video-play-box {
    display: none;
}

.hw-a-all .video-play-box-bag {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(2.5vw);
    -webkit-backdrop-filter: blur(2.5vw);
    border-radius: 52.03125vw;
    overflow: hidden;
    transition: .3s ease;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    transform: translate3d(0, 0, 0) rotate(0deg);
}

@media (pointer: fine) and (hover: hover) {
    .hw-a-all .video-play-box:hover {
        cursor: pointer;
    }

    .hw-a-all .video-play-box:hover .video-play-box-bag {
        background: rgba(255, 255, 255, 0.12);
    }
}

.hw-a-all .video-play-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    transform: translate3d(0, 0, 1px) rotate(0deg);
}

.hw-a-all .video-play-box[data-state="play"] .video-play-icon {
    opacity: 1;
}

.hw-a-all .video-play-box[data-state="pause"] .video-pause-icon {
    opacity: 1;
}

.hw-a-all .video-play-box[data-state="replay"] .video-replay-icon {
    opacity: 1;
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .video-play-box {
        width: 8.88888888vw;
        height: 8.88888888vw;
        transform: translate3d(0, 0, 1px) rotate(0deg);
        right: 4.44444444vw;
        bottom: 4.44444444vw;
    }
}


/* price-start */
.hw-a-all .sec1-price {
    position: relative;
    z-index: 100;
    text-align: center;
    margin: 0 auto;
}

.hw-a-all .sec1-price .pricing {
    font-size: 1.458333vw;
    font-weight: 400;
    line-height: 1.25;
    color: #000;
}

.hw-a-all .sec1-price .pricing span {
    font-size: 0.677083vw;
}

.hw-a-all .sec1-price .buy-cta {
    display: inline-block;
    margin-top: 24px;
    padding: 8px 20px 9px;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    transition: opacity .3s cubic-bezier(0, 0, .5, 1);
    color: #fff;
    border: 2px solid #000;
    border-radius: 4px;
    background-color: #000;
    transform: translateZ(0);
}

@media (hover: hover) and (pointer: fine) {
    .hw-a-all .sec1-price .buy-cta:hover {
        opacity: 0.8;
    }

    .hw-a-all .sec1-price .pricing i {
        cursor: pointer;
        font-style: normal;
    }
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .sec1-price .pricing {
        font-size: 5.555556vw;
    }

    .hw-a-all .sec1-price .pricing span {
        font-size: 3.6111111vw;
    }
}

.hw-a-all .sec1-buy {
    position: relative;
    margin: 2.08333333vw 0 0;
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .sec1-buy {
        position: relative;
        margin: 8.33333vw 0 3.61111111vw;
    }
}

/* price-end */

/* foot start */
.hw-a-all .section-footer {
    padding: 10.41666667vw 0 80px 0;
}

.hw-a-all .hw-footer-ul {
    margin: 0 auto;
    width: 67.5vw;
}

.hw-a-all .hw-footer-ul ul {
    list-style-type: decimal;
    padding-left: 1.8em;
    font-size: 14px;
}

.hw-a-all .hw-footer-ul li {
    color: #000000;
    line-height: 1.6;
    font-weight: 500;
    position: relative;
    margin: 0.5em 0;
}

.hw-a-all .hw-footer-ul a {
    word-wrap: break-word;
    word-break: normal;
    color: #000;
    text-decoration: underline;
}

.hw-a-all .hw-footer-ul li.note-none {
    list-style-type: "";
}

.hw-a-all .hw-footer-ul li.note1 {
    list-style-type: "*";
}

.hw-a-all .hw-footer-ul li.note2 {
    list-style-type: "**";
}

.hw-a-all .hw-footer-ul li.active,
.hw-a-all .hw-footer-ul li.active a {
    font-weight: 800;
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .section-footer {
        padding-top: 27.777778vw;
    }

    .hw-a-all .hw-footer-ul {
        width: 91.11111111vw;
    }

    .hw-a-all .hw-footer-ul ul {
        font-size: 3.333333vw;
    }
}

.hw-a-all .hw-footer-ul li span {
    --arrow-dark: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\'%3E%3Ccircle cx=\'8\' cy=\'8\' r=\'8\' fill=\'%23434343\'/%3E%3Cpath d=\'M3.239,8.986,3.233,8.98a.688.688,0,0,1-.014-.972L5.942,5.28H.689A.685.685,0,0,1,.2,5.089l-.009-.01A.689.689,0,0,1,0,4.6V4.589a.7.7,0,0,1,.188-.48L.194,4.1a.681.681,0,0,1,.494-.213H5.911L3.225,1.178a.694.694,0,0,1,0-.979l0,0A.669.669,0,0,1,3.7,0a.772.772,0,0,1,.473.171l.021.017L7.838,3.845a1.151,1.151,0,0,1,.222.331l.008.019V4.2a1.036,1.036,0,0,1,.076.39v0a1.082,1.082,0,0,1-.312.76L4.212,8.976a.683.683,0,0,1-.487.2.715.715,0,0,1-.486-.194\' transform=\'translate(3.411 12.076) rotate(-90)\' fill=\'%23fff\'/%3E%3C/svg%3E') center / 100% no-repeat;
    --arrow-light: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\'%3E%3Ccircle cx=\'8\' cy=\'8\' r=\'8\' fill=\'%23e7e7e8\'/%3E%3Cpath d=\'M3.239,8.986,3.233,8.98a.688.688,0,0,1-.014-.972L5.942,5.28H.689A.685.685,0,0,1,.2,5.089l-.009-.01A.689.689,0,0,1,0,4.6V4.589a.7.7,0,0,1,.188-.48L.194,4.1a.681.681,0,0,1,.494-.213H5.911L3.225,1.178a.694.694,0,0,1,0-.979l0,0A.669.669,0,0,1,3.7,0a.772.772,0,0,1,.473.171l.021.017L7.838,3.845a1.151,1.151,0,0,1,.222.331l.008.019V4.2a1.036,1.036,0,0,1,.076.39v0a1.082,1.082,0,0,1-.312.76L4.212,8.976a.683.683,0,0,1-.487.2.715.715,0,0,1-.486-.194\' transform=\'translate(3.411 12.076) rotate(-90)\' fill=\'%23000\'/%3E%3C/svg%3E') center / 100% no-repeat;
    position: absolute;
    bottom: 0;
    display: none;
    width: 16px;
    height: 16px;
    transform: translateY(calc((14px * 1.6 - 16px) / 2 * -1 - 1px));
    /* transform: translateY(0.15em); */
    background: var(--arrow-light);
}

.hw-a-all .hw-footer-ul li.active span {
    display: inline-block;
}

@media (hover: hover) and (pointer: fine) {
    .hw-a-all .hw-footer-ul li span:hover {
        cursor: pointer;
    }
}

/* @media (min-width: 1921px) {
    .hw-a-all .hw-footer-ul li span {
        width: .833333vw;
        height: .833333vw;
        transform: translateY(calc((.625vw * 1.6 - .833333vw) / 2 * -1 - 1px));
    }
} */

@media (max-aspect-ratio: 11/10) {
    .hw-a-all .hw-footer-ul li span {
        width: 4.722222vw;
        height: 4.722222vw;
    /* transform: translateY(0.3em); */
        transform: translateY(calc((3.333333vw * 1.6 - 4.722222vw) / 2 * -1 - 1px));
    }
}

/* foot end */


/* 
.hw-a-all {
    width: 100vw;
    overflow: auto;
    scrollbar-gutter: stable;
} */
/* sec1 */
.hw-a-all .section1 {
    position: relative;
    width: 100%;
    padding: 0 0 10.41666667vw;
}
.hw-a-all .section1 img {
    height: 50vw;
}
.hw-a-all .section1-word {
    padding: 1.66666667vw 0 0;
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .section1 {
        position: relative;
        width: 100%;
        padding: 0 0 27.77777777vw;
    }
    .hw-a-all .section1 img {
        height: 141.666666vw;
    }
    .hw-a-all .section1-word {
        padding: 8.33333333vw 0 0;
    }
}


/* sec2 */
.hw-a-all .section2 {
    width: calc(100vw - calc(100vw - 100%));
    padding: 0 0 10.41666667vw 0;
    position: relative;
}

.hw-a-all .section2-center {
    width: 100%;
    background: rgba(255, 255, 255, 1);
    overflow: hidden;
}

.hw-a-all .section2-swiper {
    width: 67.5vw;
    height: 37.5vw;
    margin: 0 auto;
    will-change: transform;
    z-index: 2;
    position: relative;
}

.hw-a-all .section2-swiper .swiper-slide:not(:last-child) {
    margin: 0 1.25vw 0 0;
}

.hw-a-all .section2-swiper .swiper-slide .section2-slide-box {
    width: 100%;
    height: 100%;
    border-radius: 0.83333333vw;
    overflow: hidden;
    position: relative;
}

.hw-a-all .section2-slide1 .section2-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    transform: scale(1);
    transform-origin: 18% 62%;
    transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) 0.5s;
}

.hw-a-all .section2-swiper .section2-slide1.swiper-slide-active .section2-img {
    transform: scale(2);
}

.hw-a-all .section2-video {
    height: 100%;
}

.hw-a-all .section2-video video {
    object-fit: cover;
    transform: scale(1.002);
}

.hw-a-all .section2-video .section2-video-first {
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    will-change: opacity;
}
.hw-a-all .section2-video .section2-video-first picture,
.hw-a-all .section2-video .section2-video-first img {
    height: 100%;
    transform: scale(1.002);
}

.hw-a-all .section2-video .section2-video-first.show {
    opacity: 1;
    visibility: visible;
    transition: opacity 600ms 200ms linear;
    will-change: opacity;
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .section2-video .section2-video-first.show,
    .hw-a-all .section2-video .section2-video-first.show {
        transition: opacity 400ms 200ms linear;
    }
}

.hw-a-all .section2-tittle {
    position: absolute;
    left: 2.5vw;
    top: 2.5vw;
    right: 2.5vw;
    z-index: 10;
    opacity: 0;
    will-change: transform, opacity;
    transition-timing-function: cubic-bezier(0.85, 0.02, 0.15, 0.53);
    transform: translate3d(0px,0px,0px);
    /* transition-property: transform, opacity; */
}

.hw-a-all .section2-tittle.section2-color-black {
    color: #000;
}

.hw-a-all .section2-tittle.section2-color-white {
    color: #fff;
}

.hw-a-all .section2-tittle p {
    color: inherit;;
    font-size: 1.14583333vw;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 0.72916667vw;
}

.hw-a-all .section2-tittle h2 {
    color: inherit;
    font-size: 1.66666667vw;
    line-height: 1.5;
    font-weight: 500;
}

.hw-a-all .section2-navigation {
    display: flex;
    justify-content: center;
    margin: 2.5vw auto 0;
    user-select: none;
    position: relative;
    z-index: 1;
}

.hw-a-all .section2-navigation-box {
    background: transparent;
    border-radius: 100px;
    padding: 0.625vw 1.04166667vw;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.hw-a-all .section2-bottom-bag {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background:radial-gradient(ellipse 51.77% 99.02% at 53.6% 128.34% ,#6ec1d5 0%,#6ec1d5 100%);
    border-radius: 100px;
    z-index: -1;
}

.hw-a-all .section2-bottom-move {
    position: absolute;
    width: 5.20833333vw;
    height: 5.20833333vw;
    left: 0;
    top: 0;
    background:radial-gradient(ellipse 50% 50% at 50% 50%, rgba(209, 240, 248, 0.7) 0%, rgba(254, 255, 229, 0) 100%);
    z-index: 10;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s ease;
}
.hw-a-all .section2-navigation-box.show .section2-bottom-move {
    opacity: 1;
}

.hw-a-all .section2-button-prev {
    width: 2.08333333vw;
    height: 2.08333333vw;
    transform: translate3d(0, 0, 0) rotate(180deg);
    transition: all 0.3s;
    flex-shrink: 0;
}

@media (hover: hover) and (pointer: fine) {
    .hw-a-all .section2-swiper .swiper-wrapper {
        cursor: pointer;
    }

    .hw-a-all .section2-swiper .swiper-wrapper .swiper-slide-active {
        cursor: initial;
    }

    .hw-a-all .section2-button-prev {
        cursor: pointer;
    }

    .hw-a-all .section2-button-prev:hover {
        opacity: 0.6;
    }
}

.hw-a-all .section2-button-prev.swiper-button-disabled {
    opacity: 0.3;
    cursor: initial;
}

.hw-a-all .section2-button-next {
    width: 2.08333333vw;
    height: 2.08333333vw;
    transition: all 0.3s;
    flex-shrink: 0;
    transform: translate3d(0, 0, 0);
    position: relative;
}

@media (hover: hover) and (pointer: fine) {
    .hw-a-all .section2-button-next {
        cursor: pointer;
    }

    .hw-a-all .section2-button-next:hover {
        opacity: 0.6;
    }
}

.hw-a-all .section2-button-next.swiper-button-disabled {
    opacity: 0.3;
    cursor: initial;
}

.hw-a-all .section2-pagination {
    display: flex;
    justify-content: space-between;
    margin: 0 0.9375vw;
    position: static;
}

.hw-a-all .section2-pagination span {
    width: 0.52083333vw;
    height: 0.52083333vw;
    display: inline-block;
    border-radius: 50px;
    background: #ffffff;
    opacity: 0.2;
    transition: all 0.3s;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.hw-a-all .section2-pagination span+span {
    margin: 0 0 0 0.52083333vw;
}

@media (hover: hover) and (pointer: fine) {
    .hw-a-all .section2-pagination span:not(.swiper-pagination-bullet-active) {
        cursor: pointer;
    }

    .hw-a-all .section2-pagination span:hover {
        opacity: 0.6;
    }
}

.hw-a-all .section2-pagination span.swiper-pagination-bullet-active {
    opacity: 0.8;
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .section2 {
        width: 100%;
        padding: 0 0 27.77777777vw 0;
    }

    .hw-a-all .section2-swiper {
        width: 82.222222vw;
        height: auto;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
    }

    .hw-a-all .section2-swiper .swiper-slide:nth-of-type(1) .section2-tittle p,
    .hw-a-all .section2-swiper .swiper-slide:nth-of-type(1) .section2-tittle h2 {
        opacity: 1;
    }

    .hw-a-all .section2-swiper .swiper-slide:not(:last-child) {
        margin: 0 4.44444444444vw 0 0;
    }

    .hw-a-all .section2-swiper .swiper-slide .section2-slide-box {
        border-radius: 2.222222222vw;
        height: 108.333333vw;
    }

    .hw-a-all .section2-slide1 .section2-img-focus {
        transform-origin: 12% 44%;
    }

    .hw-a-all .section2-tittle {
        position: static;
        left: initial;
        top: initial;
        right: initial;
        opacity: 1;
        margin: 6.666666vw 0 0;
        text-align: center;
    }
    
    .hw-a-all .section2-tittle p {
        color: #4FB5CC;
        font-size: 4.44444444vw;
        margin-bottom: 2.22222222vw;
    }

    .hw-a-all .section2-tittle h2 {
        color: #000;
        font-size: 5.55555vw;
    }

    .hw-a-all .section2-navigation {
        margin: 8.888888888vw auto 0;
    }

    .hw-a-all .section2-navigation-box {
        padding: 0 1.6666666vw;
    }

    .hw-a-all .section2-bottom-bag {
        background:radial-gradient(ellipse 51.77% 99.02% at 53.6% 128.34% ,#d1f0f8 0%,#6ec1d5 100%);
    }

    .hw-a-all .section2-bottom-move {
        display: none;
    }

    .hw-a-all .section2-bottom-bag span:nth-of-type(1) {
        inset: 0.416666666vw 2.2222222vw auto 2.36111111vw;
        height: 9.16666666vw;
    }

    .hw-a-all .section2-bottom-bag span:nth-of-type(2) {
        inset: auto 2.2222222vw 1.6666666vw 2.36111111vw;
        height: 5.4166666vw;
    }

    .hw-a-all .section2-button-prev {
        width: 13.3333333vw;
        height: 13.3333333vw;
    }

    .hw-a-all .section2-button-next {
        width: 13.3333333vw;
        height: 13.3333333vw;
    }

    .hw-a-all .section2-pagination {
        margin: 0 1.11111111vw;
    }

    .hw-a-all .section2-pagination span {
        width: 2.22222222vw;
        height: 2.22222222vw;
    }

    .hw-a-all .section2-pagination span+span {
        margin: 0 0 0 3.333333333vw;
    }
}

/* sec3 */
.hw-a-all .section3 {
    position: relative;
    width: 100%;
    padding: 0;
}
.hw-a-all .section3-center {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.hw-a-all .section3-video {
    width: 100%;
    height: 100%;
}
.hw-a-all .section3-video video {
    object-fit: cover;
    clip-path: inset(1px 0);
}
.hw-a-all .section3-work-box {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hw-a-all .section3-work {
    width: 33vw;
    text-align: center;
}
.hw-a-all .section3-title {
    font-size: 5vw;
    line-height: 1.25;
    font-weight: 500;
    color: #000;
    mix-blend-mode: screen;
    will-change: transform;
    visibility:hidden;
    transition: visibility 0.601s linear;
}
.hw-a-all .section3.enterVisible .section3-title {
    visibility: visible;
    transition: visibility 0s linear;
}
.hw-a-all .section3-title .section3-title-specificity {
    transform: scale(200);
    transform-origin: 42% 23%;
    transition: transform 0.8s cubic-bezier(0.43, 0.05, 0.26, 0.21) 0.1s;
}
.hw-a-all .section3.enterVisible .section3-title .section3-title-specificity {
    transform: scale(1);
    transition: transform 0.6s ease-out;
}
.hw-a-all .section3-title .section3-title-bag {
    position: absolute;
    background-color: #fff;
    width: 100vw;
    height: 120vh;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
}
.hw-a-all .section3-text {
    font-size: 1.14583333vw;
    line-height: 1.6;
    font-weight: 500;
    color: #696f71;
    margin-top: 1.66666667vw;
    position: relative;
    opacity: 0;
    transform: translateY(80px);
    transition: transform 0.1s linear 0s,opacity 0.1s linear 0s;
}
.hw-a-all .section3.enterVisible .section3-text {
    transform: translateY(0px);
    opacity: 1;
    transition: transform 0.3s linear 0.6s,opacity 0.3s linear 0.6s;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .section3 {
        padding: 0 0 27.777777vw 0;
    }
    .hw-a-all .section3-center {
        height: auto;
        display: flex;
        flex-direction: column-reverse;
    }
    .hw-a-all .section3-video {
        height: 109.72222222vw;
    }
    .hw-a-all .section3-work-box {
        width: 82.2222222vw;
        height: auto;
        position: static;
        display: block;
        margin: 0 auto 8.88888888vw;
    }
    .hw-a-all .section3-work {
        width: 100%;
    }
    .hw-a-all .section3-title {
        font-size: 13.3333333vw;
        mix-blend-mode: initial;
        visibility: visible;
        transition: none;
    }
    .hw-a-all .section3.enterVisible .section3-title {
        transition: none;
    }
    .hw-a-all .section3-title .section3-title-specificity {
        transform: scale(1);
        opacity: 1;
        transition: none;
    }
    .hw-a-all .section3-title p {
        background-image:radial-gradient(ellipse 50% 75.69% at 50% 100% ,#c0e4ec 0%,#4fb5cc 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        text-fill-color: transparent;
        display: inline-block;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        transform: translate3d(0, 0, 0);
    }
    .hw-a-all .section3.enterVisible .section3-title .section3-title-specificity {
        transition: none;
    }
    .hw-a-all .section3-title .section3-title-bag {
        display: none;
    }
    .hw-a-all .section3-text {
        font-size: 4.4444444vw;
        margin-top: 6.66666666vw;
        opacity: 1;
        transform: translateY(0px);
        transition: none;
    }
    .hw-a-all .section3.enterVisible .section3-text {
        transition: none;
    }
}



/* sec4 */
.hw-a-all .section4 {
    position: relative;
    width: 100%;
}
.hw-a-all .section4-work {
    width: 44.27083333vw;
    margin: 0 auto 3.33333333vw;
    text-align: center;
}
.hw-a-all .section4-title {
    font-size: 3.33333333vw;
    line-height: 1.25;
    font-weight: 500;
    color: #000000;
}
.hw-a-all .section4-text {
    font-size: 1.14583333vw;
    line-height: 1.6;
    font-weight: 500;
    color: #696F71;
    margin-top: 1.66666667vw;
}
.hw-a-all .section4-center-parent {
    position: relative;
}
.hw-a-all .section4-center {
    width: 81.35416667vw;
    margin: 0 auto;
    overflow: hidden;
}
.hw-a-all .section4-swiper1 {
    width: 100%;
}
.hw-a-all .section4-swiper1-slide .section4-swiper-img img {
    transform: scale(1.1);
    transition: transform 0s linear 0.4s;
}
.hw-a-all .section4-swiper1-slide.swiper-slide-active .section4-swiper-img img {
    transform: scale(1);
    transition: transform 0.4s linear;
}
.hw-a-all .section4-child-slide1 {
    width: 46.875vw;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 1.25vw;
}
.hw-a-all .section4-child-slide2 {
    width: 33.22916667vw;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.hw-a-all .section4-swiper1-slide1 .section4-swiper-img1 {
    background-image: linear-gradient(180deg, #D1EDF4 0%, #9AD3E3 40%, #96D0E0 66%, #F3FAFC 100%);
}
.hw-a-all .section4-swiper1-slide2 .section4-swiper-img1 {
    background-image: linear-gradient(180deg, #f3f3f3 0%, #e0e0e0 49.75%, #e0e0e0 61.08%, #f0f0f0 100%);
}
.hw-a-all .section4-swiper1-slide3 .section4-swiper-img1 {
    background-image:linear-gradient(180deg,#e6e6e6 0%,#c6c6c6 49.75%,#c3c3c3 61.08%,#e6e6e6 100%);
}
.hw-a-all .section4-swiper1-slide1 .section4-swiper-img2 {
    background-image: linear-gradient(180deg, #ADDDEA 0%, #F4FBFD 100%);
}
.hw-a-all .section4-swiper1-slide2 .section4-swiper-img2 {
    background-image:linear-gradient(180deg,#e9e9e9 0%,#f5f5f5 100%);
}
.hw-a-all .section4-swiper1-slide3 .section4-swiper-img2 {
    background-image:linear-gradient(180deg,#c2c2c2 0%,#e6e6e6 59.87%);
}
.hw-a-all .section4-swiper1-slide1 .section4-swiper-img3 {
    background-image: linear-gradient(180deg, #AFDDEA 0%, #F4FBFD 100%);
}
.hw-a-all .section4-swiper1-slide2 .section4-swiper-img3 {
    background-image:linear-gradient(180deg,#e9e9e9 0%,#f5f5f5 100%);
}
.hw-a-all .section4-swiper1-slide3 .section4-swiper-img3 {
    background-image:linear-gradient(180deg,#c2c2c2 0%,#e6e6e6 100%);
}
.hw-a-all .section4-swiper-img1,
.hw-a-all .section4-swiper-img2 {
    width: 46.875vw;
    border-radius: 0.83333333vw;
    overflow: hidden;
}
.hw-a-all .section4-swiper-img3 {
    width: 33.22916667vw;
    height: 59.58333333vw;
    border-radius: 0.83333333vw;
    overflow: hidden;
}
.hw-a-all .section4-pagination-box {
    display: flex;
    justify-content: center;
    margin-top: 2.5vw;
    position: sticky;
    bottom: 4.16666667vw;
    z-index: 100;
    opacity: 0;
    transition: opacity 0.3s linear;
}
.hw-a-all .section4-pagination-box.on {
    opacity: 1;
}
.hw-a-all .section4-pagination {
    border-radius: 100px;
    padding: 0.625vw 1.66666667vw 0.625vw 1.25vw;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10;
}
.hw-a-all .section4-pagination-bag {
    border-radius: 100px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgb(247, 247, 247, 0.5);
    z-index: -1;
    backdrop-filter: blur(2.5vw);
    -webkit-backdrop-filter: blur(2.5vw);
}
.hw-a-all .section4-pagination-color {
    display: flex;
    margin: 0 1.04166667vw 0 0;
}
.hw-a-all .section4-pagination-color li {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.hw-a-all .section4-pagination-color li + li {
    margin: 0 0 0 0.9375vw;
}
@media (hover: hover) and (pointer: fine) {
    .hw-a-all .section4-pagination-color li:not(.active) {
        cursor: pointer;
    }
}
.hw-a-all .section4-pagination-color li .section4-circle {
    width: 1.9791666vw;
    height: 1.9791666vw;
    border-radius: 50%;
    border: 0.106vw solid #8FD8E5;
}
.hw-a-all .section4-pagination-color li .section4-circle-center {
    width: 1.35416667vw;
    height: 1.35416667vw;
    background-color: #8FD8E5;
    position: absolute;
    border-radius: 50%;
}
.hw-a-all .section4-pagination-color li.section4-pagination-li2 .section4-circle {
    border: 0.106vw solid #DDDDDD;
}
.hw-a-all .section4-pagination-color li.section4-pagination-li2 .section4-circle-center {
    background-color: #DDDDDD;
}
.hw-a-all .section4-pagination-color li.section4-pagination-li3 .section4-circle {
    border: 0.106vw solid #292929;
}
.hw-a-all .section4-pagination-color li.section4-pagination-li3 .section4-circle-center {
    background-color: #292929;
}
.hw-a-all .section4-circle {
    opacity: 0;
    transition: opacity 0.3s linear;
    transform: translate3d(0px, 0px, 1px);
    will-change: opacity;
}
.hw-a-all .section4-pagination li.active .section4-circle {
    opacity: 1;
}
.hw-a-all .section4-pagination-text {
    font-weight:500;
    color:#000;
    font-size: 1.04166667vw;
    line-height: 1.25;
    flex-shrink: 0;
    position: relative;
    transition: color 0.3s linear;
}
.hw-a-all .section4-pagination[data-index="0"] .section4-pagination-text {
    color: #4FB5CC;
}
.hw-a-all .section4-pagination[data-index="1"] .section4-pagination-text {
    color: #86868B;
}
.hw-a-all .section4-pagination[data-index="2"] .section4-pagination-text {
    color: #000000;
}
.hw-a-all .section4-pagination-text div {
    visibility: hidden;
    white-space: nowrap;
}
.hw-a-all .section4-pagination-text .section4-pagination-text2,
.hw-a-all .section4-pagination-text .section4-pagination-text3 {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.hw-a-all .section4-pagination-text div.active {
    visibility: visible;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .section4 {
        padding-bottom: 27.777777vw;
    }
    .hw-a-all .section4-work {
        width: 82.2222222vw;
        margin: 0 auto 8.8888888vw;
    }
    .hw-a-all .section4-title {
        font-size: 8.8888888vw;
    }
    .hw-a-all .section4-text {
        font-size: 4.44444444vw;
        margin-top: 4.44444444vw;
    }
    .hw-a-all .section4-center {
        width: 100%;
    }
    .hw-a-all .section4-swiper1 {
        width: 86.66666666vw;
        margin: 0 auto;
    }
    .hw-a-all .section4-swiper1-slide .section4-child-slide .section4-swiper-img img {
        transform: scale(1.1);
        transition: transform 0.5s ease;
    }
    .hw-a-all .section4-swiper1-slide .section4-child-slide.swiper-slide-active .section4-swiper-img img {
        transform: scale(1);
        transition: transform 0.5s ease 0.1s;
    }
    .hw-a-all .section4-child-slide1 {
        width: 100%;
        margin-right: 4.44444444vw;
    }
    .hw-a-all .section4-child-slide2 {
        width: 100%;
    }
    .hw-a-all .section4-swiper-img1,
    .hw-a-all .section4-swiper-img2 {
        width: 100%;
        border-radius: 2.2222222vw;
    }
    .hw-a-all .section4-swiper-img3 {
        width: 100%;
        height: 125vw;
        border-radius: 2.2222222vw;
    }
    .hw-a-all .section4-pagination-box {
        margin-top: 11.1111111vw;
        position: static;
        bottom: auto;
        opacity: 1;
        transition: none;
    }
    .hw-a-all .section4-pagination {
        border-radius: 0px;
        padding: 0;
        flex-direction: column-reverse;
    }
    .hw-a-all .section4-pagination-color {
        margin: 4.4444444vw 0 0;
        position: relative;
        padding: 2.5vw 4.44444444vw;
    }
    .hw-a-all .section4-pagination-color li {
    }
    .hw-a-all .section4-pagination-color li + li {
        margin: 0 0 0 4.44444444vw;
    }
    .hw-a-all .section4-pagination-color li .section4-circle {
        width: 8.333333333vw;
        height: 8.33333333vw;
        border: 0.41666666vw solid #8FD8E5;
    }
    .hw-a-all .section4-pagination-color li .section4-circle-center {
        width: 6.111111111vw;
        height: 6.111111111vw;
    }
    .hw-a-all .section4-pagination-color li.section4-pagination-li2 .section4-circle {
        border: 0.41666666vw solid #DDDDDD;
    }
    .hw-a-all .section4-pagination-color li.section4-pagination-li3 .section4-circle {
        border: 0.41666666vw solid #292929;
    }
    .hw-a-all .section4-pagination-text {
        font-size:6.66666666vw;
        text-align: center;
    }
}

/* sec5 */
.hw-a-all .section5 {
    position: relative;
    width: 100%;
    height: 150vh;
}
.hw-a-all .section5-sticky {
    position: sticky;
    top: 0;
    left: 0;
    height: 100vh;
    overflow: hidden;
}
.hw-a-all .section5-video {
    width: 100%;
    height: 100%;
    mix-blend-mode: darken;
}
.hw-a-all .section5-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.02);
}
.hw-a-all .section5-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    mix-blend-mode: screen;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hw-a-all .section5-mask-title {
    color: #000;
    font-size: 6.25vw;
    font-weight: 700;
    line-height: 1.25;
    transform-origin: 40% 49%;
}
.hw-a-all .section5-word {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hw-a-all .section5-word-box {
    width: 40vw;
    text-align: center;
    transform: translateY(80px);
    opacity: 0;
}
.hw-a-all .section5-title {
    font-size: 3.33333333vw;
    line-height: 1.25;
    font-weight: 500;
    color: #fff;
}
.hw-a-all .section5-text {
    font-weight:500;
    font-size:1.14583333vw;
    line-height: 1.6;
    margin-top: 1.66666667vw;
    color: #fff;
}
@media screen and (max-aspect-ratio:11/10){
    .hw-a-all .section5 {
        height: auto;
    }
    .hw-a-all .section5-sticky {
        position: static;
        top: initial;
        left: initial;
        height: auto;
        overflow: initial;
    }
    .hw-a-all .section5-video {
        overflow: hidden;
        width: 100%;
        height: 109.72222222vw;
    }
    .hw-a-all .section5-mask {
        display: none;
    }
    .hw-a-all .section5-mask-title {
        font-size: 16.66666666vw;
    }
    .hw-a-all .section5-word {
        width: 82.2222222vw;
        height: auto;
        margin: 0 auto;
        position: static;
        top: initial;
        left: initial;
        display: block;
    }
    .hw-a-all .section5-word-box {
        width: 82.2222222vw;
        transform: translate3d(0px,0px,1px);
        opacity: 1;
        will-change: opacity,transform;
    }
    .hw-a-all .section5-title {
        font-size: 13.3333333vw;
        margin-bottom: 11.1111111vw;
        color: #000;
        background-image: radial-gradient(ellipse 50% 75.69% at 50% 100%, #c0e4ec 0%, #4fb5cc 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        text-fill-color: transparent;
        display: inline-block;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        transform: translate3d(0, 0, 0);
    }
    .hw-a-all .section5-text {
        font-size:4.44444444vw;
        margin-top: 8.888888888vw;
        color:#696f71;
    }
}

/* sec6 */
.hw-a-all .section6 {
    position: relative;
    width: 100%;
    margin: 5.20833333vw 0 10.41666667vw;
    overflow: hidden;
    z-index: 10;
}
.hw-a-all .section6-bag {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}
.hw-a-all .section6-bag img {
    object-fit: cover;
}
.hw-a-all .section6-swiper {
    width: 75vw;
    margin: 0 auto;
    padding: 5.20833333vw 0 0;
}
.hw-a-all .section6-slide2 {
    width: 42.8125vw;
    order: 2;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-left: -8.59375vw;
    z-index: 10;
}
.hw-a-all .section6-slide2 .section6-swiper-img-box {
    width: 25.72916667vw;
    height: 46.875vw;
    transform: translate(6.61458333vw,20.83333333vw);
    transition: transform 0.8s ease;
}
.hw-a-all .section6.enterVisible .section6-slide2 .section6-swiper-img-box {
    transform: translate(0px,0px);
}
.hw-a-all .section6-slide2 .section6-swiper-ul-box {
    width: 10.57291667vw;
}
.hw-a-all .section6-slide2 .section6-swiper-ul {
    width: 14.57291667vw;
    margin-top: 6.14583333vw;
    transform: translateY(100px);
    opacity: 0;
    transition: transform 0.8s ease,opacity 0.8s ease;
}
.hw-a-all .section6.enterVisible .section6-slide2 .section6-swiper-ul {
    transform: translateY(0px);
    opacity: 1;
}
.hw-a-all .section6-slide1 {
    width: 40.72916667vw;
    order: 1;
    display: flex;
    justify-content: space-between;
    margin-top: auto;
}
.hw-a-all .section6-slide1 .section6-swiper-img-box {
    width: 25.72916667vw;
    height: 40.52083333vw;
    transform: translate(-6.61458333vw,20.83333333vw);
    transition: transform 0.8s ease;
}
.hw-a-all .section6.enterVisible .section6-slide1 .section6-swiper-img-box {
    transform: translate(0px,0px);
}
.hw-a-all .section6-slide1 .section6-swiper-ul {
    width: 13.45833333vw;
    margin-top: -0.3125vw;
    transform: translateY(100px);
    opacity: 0;
    transition: transform 0.8s ease,opacity 0.8s ease;
}
.hw-a-all .section6.enterVisible .section6-slide1 .section6-swiper-ul {
    transform: translateY(0px);
    opacity: 1;
}
.hw-a-all .section6-swiper-camera {
    font-weight:500;
    color:#24c8d0;
    font-size:max(8px, 0.83333333vw);
    line-height: 1.25;
    margin-bottom: 1.04166667vw;
}
.hw-a-all .section6-swiper-li + .section6-swiper-li {
    margin-top: 2.5vw;
}
.hw-a-all .section6-swiper-title {
    font-weight:500;
    color:#000000;
    font-size:1.14583333vw;
    line-height: 1.25;
    margin-bottom: 0.83333333vw;
}
.hw-a-all .section6-swiper-text {
    font-weight:500;
    color:#696f71;
    font-size:max(8px, 0.72916667vw);
    line-height: 1.6;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .section6 {
        margin: 0 0 27.7777777vw;
    }
    .hw-a-all .section6-bag {
        height: 77.5vw;
        top: auto;
        bottom: 22.63888888vw;
    }
    .hw-a-all .section6-swiper {
        width: 100%;
        padding: 27.77777777vw 0 0;
        display: flex;
        overflow: hidden;
        position: relative;
        pointer-events: auto;
    }
    .hw-a-all .section6-swiper .swiper-wrapper {
        height: auto;
    }
    .hw-a-all .section6-slide2 {
        width: 100%;
        order: initial;
        flex-direction: column;
        margin-left: 0;
        overflow: visible;
        z-index: initial;
    }
    .hw-a-all .section6-slide2 .section6-swiper-img-box {
        width: 100%;
        height: 78.333333vw;
        transform: translate(0px,0px);
        transition: none;
    }
    .hw-a-all .section6-slide2 .section6-swiper-img {
        width: 69.4444444vw;
        margin: 2.083333333vw auto 0;
    }
    .hw-a-all .section6-slide2 .section6-swiper-ul-box {
        width: 100%;
    }
    .hw-a-all .section6-slide2 .section6-swiper-ul {
        width: 82.2222222vw;
        margin: 0 auto 8.8888888vw;
        transform: translateY(0px);
        opacity: 1;
        transition: none;
        visibility: visible;
    }
    .hw-a-all .section6-slide1 {
        width: 100%;
        order: initial;
        flex-direction: column;
        justify-content: end;
        overflow: visible;
        margin-top: initial;
    }
    .hw-a-all .section6-slide1 .section6-swiper-img-box {
        width: 100%;
        height: 78.333333vw;
        transform: translate(0px,0px);
        transition: none;
    }
    .hw-a-all .section6-slide1 .section6-swiper-img {
        width: 69.4444444vw;
        margin: 2.083333333vw auto 0;
    }
    .hw-a-all .section6-slide1 .section6-swiper-ul {
        width: 82.2222222vw;
        margin: 0 auto 8.8888888vw;
        transform: translateY(0px);
        opacity: 1;
        transition: none;
        visibility: visible;
    }
    .hw-a-all .section6-swiper-camera {
        font-size:4.4444444vw;
        margin-bottom: 2.7777777vw;
    }
    .hw-a-all .section6-swiper-li + .section6-swiper-li{
        margin-top: 6.6666666vw;
    }
    .hw-a-all .section6-swiper-title {
        font-size:4.4444444vw;
        margin-bottom: 3.3333333vw;
    }
    .hw-a-all .section6-swiper-text {
        font-size: 3.333333vw;
    }
    .hw-a-all .section6-button {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 8.8888888vw 0 0;
    }
    .hw-a-all .section6-button-center {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 138.75vw;
        overflow: hidden;
        z-index: 10;
        padding: 1.11111111vw;
        background-color: #6FDCEA;
    }
    .hw-a-all .section6-button-box {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 10;
    }
    .hw-a-all .section6-button .section6-bottom-slider {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 8;
        opacity: 0.8;
        background-color: #fff;
        width: var(--indicator-width, 0);
        height: 100%;
        border-radius: 138.75vw;
        transform: translateX(var(--indicator-offset, 0));
        transition: width 0.6s, transform 0.6s;
    }
    .hw-a-all .section6-button[data-index="0"] .section6-bottom-slider,
    .hw-a-all .section6-button[data-index="1"] .section6-bottom-slider {
        width: var(--indicator-width);
        transform: translateX(var(--indicator-offset));
        -webkit-transform: translateX(var(--indicator-offset));
        -moz-transform: translateX(var(--indicator-offset));
}
    .hw-a-all .section6-button-box p {
        padding: 3.33333333vw 5.55555555vw;
        border-radius: 138.75vw;
        font-weight:500;
        color:rgba(255, 255, 255, 1);
        font-size:3.8888888vw;
        line-height: 1.25;
        position: relative;
        z-index: 10;
        transition: color 0.3s;
    }
    .hw-a-all .section6-button[data-index="0"] .section6-button-box p:nth-of-type(1),
    .hw-a-all .section6-button[data-index="1"] .section6-button-box p:nth-of-type(2) {
        color:rgba(0, 0, 0, 1);
    }
}

/* sec7 */
.hw-a-all .section7 {
    width: 100%;
    overflow: hidden;
    padding-bottom: 10.41666667vw;
}
.hw-a-all .section7-work {
    width: 37.5vw;
    margin: 0 auto;
    text-align:center;
}
.hw-a-all .section7-subtitle {
    font-weight:500;
    color:#24c8d0;
    font-size:1.45833333vw;
    line-height: 1.25;
}
.hw-a-all .section7-title {
    font-weight:500;
    color:#000000;
    font-size:3.33333333vw;
    line-height: 1.25;
    margin-top: 0.83333333vw;
}
.hw-a-all .section7-text {
    font-weight:500;
    color:#696f71;
    font-size:1.14583333vw;
    line-height: 1.6;
    margin-top: 1.66666667vw;
}
.hw-a-all .red-maple-portrait {
    width: 100%;
}

.hw-a-all .red-maple-portrait .rescaAni {
    position: relative;
    width: 67.5vw;
    height: 42.70833333vw;
    margin: 3.33333333vw auto 0;
}

.hw-a-all .red-maple-portrait .rescamaim {
    overflow: hidden;
    transform-origin: top;
    transform: translate3d(0vw, 0vw, 0vw) scale(1.481);
    -webkit-transform: translate3d(0vw, 0vw, 0vw) scale(1.481);
    -moz-transform: translate3d(0vw, 0vw, 0vw) scale(1.481);
    transition: transform 800ms cubic-bezier(0, 0, 0.5, 1);
    -webkit-transition: transform 800ms cubic-bezier(0, 0, 0.5, 1);
    -moz-transition: transform 800ms cubic-bezier(0, 0, 0.5, 1);
}

.hw-a-all .red-maple-portrait .rescakuanG {
    position: absolute;
    top: 0;
    left: 0;
    width: 4.16666666vw;
    height: 3.33333333vw;
    z-index: 9;
    opacity: 0;
    transform: translate3d(32.08333333vw, 12.65625vw, 0vw);
    -webkit-transform: translate3d(32.08333333vw, 12.65625vw, 0vw);
    -moz-transform: translate3d(32.08333333vw, 12.65625vw, 0vw);
    transition: opacity 500ms cubic-bezier(0, 0, 0.5, 1) 800ms;
    -webkit-transition: opacity 500ms cubic-bezier(0, 0, 0.5, 1) 800ms;
    -moz-transition: opacity 500ms cubic-bezier(0, 0, 0.5, 1) 800ms;
}

.hw-a-all .red-maple-portrait .rescaim {
    overflow: hidden;
    position: absolute;
    top: 16.25vw;
    right: 0vw;
    width: 12.5vw;
    height: 10vw;
    z-index: 9;
    opacity: 0;
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    transition: opacity 500ms cubic-bezier(0, 0, 0.5, 1) 800ms;
    -webkit-transition: opacity 500ms cubic-bezier(0, 0, 0.5, 1) 800ms;
    -moz-transition: opacity 500ms cubic-bezier(0, 0, 0.5, 1) 800ms;
}

.hw-a-all .red-maple-portrait .rescaim img {
    width: 101.25vw;
    height: 64.0625vw;
}

.hw-a-all .red-maple-portrait .active .rescakuanG {
    opacity: 1;
}

.hw-a-all .red-maple-portrait .active .rescaim {
    opacity: 1;
}

.hw-a-all .red-maple-portrait .active .rescamaim {
    transform: translate3d(0vw, 0vw, 0vw) scale(1);
    -webkit-transform: translate3d(0vw, 0vw, 0vw) scale(1);
    -moz-transform: translate3d(0vw, 0vw, 0vw) scale(1);
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .section7 {
        padding-bottom: 27.7777777vw;
    }
    .hw-a-all .section7-work {
        width: 82.2222222vw;
        text-align: left;
    }
    .hw-a-all .section7-subtitle {
        font-size:4.4444444vw;
    }
    .hw-a-all .section7-title {
        font-size:8.888889vw;
        margin-top: 2.77777777vw;
    }
    .hw-a-all .section7-text {
        font-size:4.444444vw;
        margin-top: 4.444444vw;
    }

    .hw-a-all .red-maple-portrait .rescaAni {
        width: 100%;
        height: 111.11111111vw;
        margin: 8.8888888vw auto 0;
        transform-origin: 50% 20%;
        transform: translate3d(0vw, 0vw, 0vw) scale(0.605);
        -webkit-transform: translate3d(0vw, 0vw, 0vw) scale(0.605);
        -moz-transform: translate3d(0vw, 0vw, 0vw) scale(0.605);
        transition: transform 800ms cubic-bezier(0, 0, 0.5, 1), opacity 800ms cubic-bezier(0, 0, 0.5, 1);
        -webkit-transition: transform 800ms cubic-bezier(0, 0, 0.5, 1), opacity 800ms cubic-bezier(0, 0, 0.5, 1);
        -moz-transition: transform 800ms cubic-bezier(0, 0, 0.5, 1), opacity 800ms cubic-bezier(0, 0, 0.5, 1);
        transform: none;
        transition: none;
    }

    .hw-a-all .red-maple-portrait .rescaAni.active {
        transform: translate3d(0px, 0px, 0px) scale(1);
    }

    .hw-a-all .red-maple-portrait .rescaim {
        width: 51.11111111vw;
        height: 58.88888888vw;
        top: 0;
        right: auto;
        left: 0;
        transform: translate3d(13.888888888vw, 2.22222222222vw, 0vw) scale(0);
        transition: transform 800ms cubic-bezier(0, 0, 0.5, 1) 800ms, opacity 800ms cubic-bezier(0, 0, 0.5, 1) 800ms;
    }

    .hw-a-all .red-maple-portrait .rborDiv {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        border: 1px solid #fff;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
    }

    .hw-a-all .red-maple-portrait .active .rescaim {
        opacity: 1;
        transform: translate3d(13.888888888vw, 2.22222222222vw, 0vw) scale(1);
    }

    .hw-a-all .red-maple-portrait .rescaim.chanBi {
        width: 100vw;
        height: 111.11111111vw;
        transform: translate3d(0vw, 0vw, 0vw) scale(1);
        -webkit-transform: translate3d(0vw, 0vw, 0vw) scale(1);
        -moz-transform: translate3d(0vw, 0vw, 0vw) scale(1);
        transition: transform 800ms ease-in-out, width 800ms ease-in-out, height 800ms ease-in-out;
        -webkit-transition: transform 800ms ease-in-out, width 800ms ease-in-out, height 800ms ease-in-out;
        -moz-transition: transform 800ms ease-in-out, width 800ms ease-in-out, height 800ms ease-in-out;
    }

    .hw-a-all .red-maple-portrait .rescaim img {
        width: 100vw;
        height: auto;
        opacity: 0;
        transform: translate3d(-13.888888888vw, -2.22222222222vw, 0vw);
        transition: transform 800ms ease-in-out, width 800ms ease-in-out, height 800ms ease-in-out;
    }

    .hw-a-all .red-maple-portrait .rescaim.chanBi img {
        width: 170.27777777vw;
        transform: translate3d(-13.8888888vw, -2.22222222222vw, 0vw);
    }

    .hw-a-all .red-maple-portrait .rescaim img.show {
        opacity: 1;
    }

    .hw-a-all .red-maple-portrait .rescamaim {
        transform: translate3d(0vw, 0vw, 0vw) scale(1);
        -webkit-transform: translate3d(0vw, 0vw, 0vw) scale(1);
        -moz-transform: translate3d(0vw, 0vw, 0vw) scale(1);
        transition: opacity 800ms cubic-bezier(0, 0, 0.5, 1);
        -webkit-transition: opacity 800ms cubic-bezier(0, 0, 0.5, 1);
        -moz-transition: opacity 800ms cubic-bezier(0, 0, 0.5, 1);
    }

    .hw-a-all .red-maple-portrait .hide .rescamaim {
        opacity: 0;
    }

    .hw-a-all .red-maple-portrait .hide .rborDiv {
        opacity: 0;
    }

    .hw-a-all .red-maple-portrait .active .rescakuanG {
        opacity: 0;
    }
}



/* s10 start */
.hw-a-all .cn-s10 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 67.5vw;
    margin: 0 auto 10.4166666vw;
}

.hw-a-all .cn-s10 .farnsut {
    color: #24c8d0;
    font-size: 1.45833333vw;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
}

.hw-a-all .cn-s10 .farnmat {
    width: 41.66666666vw;
    margin: 0.83333333vw 0 3.33333333vw 0;
    color: #000;
    font-size: 3.3333333vw;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
}

.hw-a-all .cn-s10 .farnswiper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 35.4166666vw;
    border-radius: 0.83333333vw;
}

.hw-a-all .cn-s10 .farnfswiper {
    width: 100%;
    height: 100%;
    z-index: 99;
}

.hw-a-all .cn-s10 .farnfswiper .swiper-slide {
    position: relative;
    transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}

.hw-a-all .cn-s10 .farnfswiper .swiper-slide video {
    object-fit: cover;
}
.hw-a-all .farnfswiper-20x-ul {
    position: absolute;
    left: 50%;
    bottom: 2.08333333vw;
    transform: translateX(-50%);
    display: flex;
    gap: 0.83333333vw;
    z-index: 11;
}
.hw-a-all .farnfswiper-20x-li {
    width: 3.75vw;
    height: 2.91666667vw;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(2.5vw);
    -webkit-backdrop-filter: blur(2.5vw);
    font-size: 1.04166667vw;
    color: #fff;
    line-height: 1.25;
    font-weight: 500;
    transition: all 0.8s linear;
}
@media (hover: hover) and (pointer: fine) {
    .hw-a-all .farnfswiper-20x-li:not(.on) {
        cursor: pointer;
    }
}
.hw-a-all .cn-s10 .farnfswiper-20x-li.on {
    color: #000;
    background: #fff;
    backdrop-filter: blur(0vw);
    -webkit-backdrop-filter: blur(0vw);
}

.hw-a-all .cn-s10 .farnavbtn {
    display: flex;
    align-items: center;
    position: relative;
    margin: 2.5vw 0 1.66666666vw 0;
    border-radius: 999px;
}
.hw-a-all .cn-s10 .farnavbtn svg {
    position: absolute;
    z-index: -100;
}
.hw-a-all .cn-s10 .farnbtnout {
    position: relative;
}

.hw-a-all .cn-s10 .farntobtn {
    display: flex;
    position: relative;
    filter: url("#goo");
    z-index: 99;
}

.hw-a-all .cn-s10 .farntobtn li {
    padding: 0.83333333vw 2.5vw;
    margin: 0 -1.25vw;
    background: #7BDEE3;
    color: #fff;
    font-size: 1.04166666vw;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
    transition: 0.5s ease;
    border-radius: 2.08333333vw;
    will-change: margin, padding, transform;
    transform: translate3d(0px, 0px, -1px);
}

.hw-a-all .cn-s10 .opevideobtn {
    position: absolute;
    right: 1.25vw;
    bottom: 1.25vw;
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    border-radius: 50%;
    z-index: 99;
    opacity: 0;
}

.hw-a-all .cn-s10 .swiper-slide-active .opevideobtn {
    opacity: 1;
    transition-delay: 200ms;
}

.hw-a-all .cn-s10 .opeinner {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(2.5vw);
    -webkit-backdrop-filter: blur(2.5vw);
    transition: background-color 0.3s ease;
    border-radius: 50%;
}

.hw-a-all .cn-s10 .opeinner img {
    display: none;
}

.hw-a-all .cn-s10 .opeinner img.active {
    display: block;
}

.hw-a-all .cn-s10 .farntobtn li.active span {
    cursor: default!important;
}

@media (hover: hover) and (pointer: fine) {
    .hw-a-all .cn-s10 .farntobtn li span:hover {
        cursor: pointer;
    }

    .hw-a-all .cn-s10 .opevideobtn:hover .opeinner {
        background-color: rgba(255, 255, 255, 0.12);
        cursor: pointer;
    }
}

.hw-a-all .cn-s10 .farntobtn li:first-child {
    margin-left: 0px!important;
    padding: 0.83333333vw 2.5vw 0 1.25vw;
}

.hw-a-all .cn-s10 .farntobtn li:last-child {
    margin-right: 0px!important;
    padding: 0.83333333vw 1.25vw 0 2.5vw;
}

.hw-a-all .cn-s10 .farntobtn li.reduceSpaL {
    position: relative;
    padding-left: 1.25vw!important;
    z-index: -1;
}

.hw-a-all .cn-s10 .farntobtn li.reduceSpaR {
    position: relative;
    padding-right: 1.25vw!important;
    z-index: 1;
}

.hw-a-all .cn-s10 .farntobtn li.active {
    margin: 0 2.5vw;
    padding: 0.83333333vw 1.25vw;
    background: #24C8D0;
    cursor: default;
}

.hw-a-all .cn-s10 .farntxt {
    display: flex;
    width: 50vw;
}

.hw-a-all .cn-s10 .farntxt p {
    flex-shrink: 0;
    width: 100%;
    color: #696f71;
    font-size: 1.14583333vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    transition: opacity 0.3s ease;
    opacity: 0;
}

.hw-a-all .cn-s10 .farntxt p.active {
    position: relative;
    opacity: 1;
    z-index: 99;
    transition-delay: 0.2s;
}

.hw-a-all .cn-s10 .farntxt p:nth-child(2) {
    transform: translateX(-100%);
}

.hw-a-all .cn-s10 .farntxt p:nth-child(3) {
    transform: translateX(-200%);
}

.hw-a-all .cn-s10 .farntxt p:nth-child(4) {
    transform: translateX(-300%);
}

.hw-a-all .cn-s10 .farntxt p:nth-child(5) {
    transform: translateX(-400%);
}

.hw-a-all .cn-s10 .farntxt p:nth-child(6) {
    transform: translateX(-500%);
}

/* s10 mob */
@media screen and (max-aspect-ratio: 11 / 10) {
    .hw-a-all .cn-s10 {
        overflow: hidden;
        align-items: flex-start;
        width: 100%;
        margin: 0 0 27.77777777vw 0;
    }

    .hw-a-all .cn-s10 .farnsut {
        width: 82.2222222vw;
        align-self: center;
        font-size: 4.44444444vw;
    }

    .hw-a-all .cn-s10 .farnmat {
        width: 82.2222222vw;
        margin: 2.77777777vw auto 8.88888888vw;
        font-size: 8.88888888vw;
    }

    .hw-a-all .cn-s10 .farnswiper {
        display: flex;
        justify-content: center;
        width: 91.11111111vw;
        height: 105.55555555vw;
        margin: 0 auto;
        transition: transform 1000ms cubic-bezier(0, 0, 0.5, 1), opacity 1000ms cubic-bezier(0, 0, 0.5, 1);
        border-radius: 2.22222222vw;
        transform: translate3d(0,0,1px) rotate(0deg);
    }

    .hw-a-all .cn-s10 .farnswiper.active {
        transform: translateY(0vw);
        opacity: 1;
    }

    .hw-a-all .cn-s10 .farnim {
        width: 180vw;
        margin: 0 auto;
        flex-shrink: 0;
    }

    .hw-a-all .cn-s10 .farntxt {
        align-self: center;
        width: 82.2222222vw;
    }

    .hw-a-all .farnfswiper-20x-ul {
        bottom: 5.5555555vw;
        gap: 5.5555555vw;
    }

    .hw-a-all .farnfswiper-20x-li {
        width: 15.555555vw;
        height: 13.33333vw;
        font-size: 3.88888888vw;
    }

    .hw-a-all .cn-s10 .farnavbtn {
        width: 100%;
        margin: 8.88888888vw 0 6.66666666vw 0;
    }

    .hw-a-all .cn-s10 .farnavbtn svg {
        display: none;
    }

    .hw-a-all .cn-s10 .farnbtnout {
        display: flex;
        overflow-x: auto;
        width: 100%;
    }

    .hw-a-all .cn-s10 .farnbtnout::-webkit-scrollbar {
        width: 0;
        height: 0;
        display: none;
    }

    .hw-a-all .cn-s10 .opevideobtn {
        width: 8.88888888vw;
        height: 8.88888888vw;
        right: 4.44444444vw;
        bottom: 4.44444444vw;
    }

    .hw-a-all .cn-s10 .farntobtn {
        flex-shrink: 0;
        filter: url(#gooMob);
    }

    .hw-a-all .cn-s10 .farntobtn li {
        font-size: 3.88888888vw;
        padding: 4.44444444vw 11.944444vw;
        margin: 0 -6.11111111vw;
        border-radius: 999px;
    }

    .hw-a-all .cn-s10 .farntobtn li:nth-child(1) {
        padding: 4.44444444vw 11.944444vw 4.44444444vw 5.8333333vw;
        margin-left: 8.88888888vw!important;
    }

    .hw-a-all .cn-s10 .farntobtn li:last-child {
        padding: 4.44444444vw 5.8333333vw 4.44444444vw 11.944444vw;
        margin-right: 8.88888888vw!important;
    }

    .hw-a-all .cn-s10 .farntobtn li.active {
        margin: 0 9.1666666vw!important;
        padding: 4.44444444vw 5.8333333vw 4.44444444vw 5.8333333vw;
    }

    .hw-a-all .cn-s10 .farntobtn li.reduceSpaL {
        padding-left: 5.8333333vw!important;
    }

    .hw-a-all .cn-s10 .farntobtn li.reduceSpaR {
        padding-right: 5.8333333vw!important;
    }

    .hw-a-all .cn-s10 .farntxt p {
        font-size: 4.44444444vw;
        text-align: center;
    }
}

/* sec10 */
.hw-a-all .section10 {
    position: relative;
    width: 100%;
    padding-bottom: 10.41666667vw;
}
.hw-a-all .section10-center {
    width: 67.5vw;
    margin: 0 auto;
}
.hw-a-all .section10-work {
    width: 62.1875vw;
    margin: 0 auto 3.33333333vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hw-a-all .section10-work-top {
    width: 20.3125vw;
}
.hw-a-all .section10-subtitle {
    font-weight:500;
    color:#24c8d0;
    font-size:1.45833333vw;
    line-height: 1.25;
}
.hw-a-all .section10-title {
    margin-top: 0.83333333vw;
    font-weight:500;
    color:#000000;
    font-size:3.33333333vw;
    line-height: 1.25;
}
.hw-a-all .section10-text {
    width: 34.89583333vw;
    font-weight:500;
    color:#696f71;
    font-size:1.14583333vw;
    line-height: 1.6;
}
.hw-a-all .section10-img {
    width: 100%;
    border-radius: 0.83333333vw;
    overflow: hidden;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .section10 {
        padding-bottom: 27.77777vw;
    }
    .hw-a-all .section10-center {
        width: 100%;
    }
    .hw-a-all .section10-work {
        width: 82.222222vw;
        margin: 0 auto 8.8888888vw;
        display: block;
    }
    .hw-a-all .section10-work-top {
        width: 100%;
    }
    .hw-a-all .section10-subtitle {
        font-size:4.4444444vw;
    }
    .hw-a-all .section10-title {
        margin-top: 2.7777777vw;
        font-size:8.888889vw;
    }
    .hw-a-all .section10-text {
        width: 100%;
        font-size:4.444444vw;
        margin-top: 4.444444vw;
    }
    .hw-a-all .section10-img {
        border-radius: 0vw;
    }
}

/* sec11 */
.hw-a-all .section11 {
    position: relative;
    width: 100%;
    padding-bottom: 10.41666667vw;
}
.hw-a-all .section11-center {
    width: 100%;
}
.hw-a-all .section11-work {
    width: 35.57291667vw;
    margin: 0 auto 1.66666667vw;
    text-align: center;
}
.hw-a-all .section11-subtitle {
    font-weight:500;
    color:#24c8d0;
    font-size:1.45833333vw;
    line-height: 1.25;
}
.hw-a-all .section11-title {
    font-weight:500;
    color:#000000;
    font-size:3.33333333vw;
    line-height: 1.25;
    margin-top: 0.83333333vw;
}
.hw-a-all .section11-text {
    font-weight:500;
    color:#696f71;
    font-size:1.14583333vw;
    line-height: 1.6;
    margin-top: 1.66666667vw;
}
.hw-a-all .section11-video-box {
    width: 100%;
    height: 38.17708333vw;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}
.hw-a-all .section11-video {
    height: 100%;
    width: 100%;
}
.hw-a-all .section11-video video {
    object-fit: cover;
}
.hw-a-all .section11-on-border {
    width: 100%;
}
.hw-a-all .section11-video-replay {
    width: fit-content;
    margin: 0 auto 0;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s linear;
    display: flex;
    align-items: center;
}
.hw-a-all .section11-video-replay.active {
    opacity: 1;
    pointer-events: auto;
}
@media (hover: hover) and (pointer: fine) {
    .hw-a-all .section11-video-replay.active:hover {
        opacity: 0.6;
        cursor: pointer;
    }
}
.hw-a-all .section11-video-replay-text {
    font-weight:500;
    color:#000;
    font-size:1.04166667vw;
    line-height: 1.25;
}
.hw-a-all .section11-video-replay svg {
    width: 0.72916667vw;
    margin-left: 0.41666667vw;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .section11 {
        padding-bottom: 22.2222222vw;
    }
    .hw-a-all .section11-center {
        width: 100%;
    }
    .hw-a-all .section11-work {
        width: 82.222222vw;
        margin: 0 auto 5.5555555vw;
        text-align: left;
    }
    .hw-a-all .section11-subtitle {
        font-size:4.44444444vw;
    }
    .hw-a-all .section11-title {
        font-size:8.888888vw;
        margin-top: 2.777777vw;
    }
    .hw-a-all .section11-text {
        font-size:4.4444444vw;
        margin-top: 4.4444444vw;
    }
    .hw-a-all .section11-video-box {
        width: 90vw;
        height: 50vw;
    }
    .hw-a-all .section11-video-replay {
        margin: 2.22222222vw auto 0;
    }
    .hw-a-all .section11-video-replay-text {
        font-size: 3.888889vw;
    }
    .hw-a-all .section11-video-replay svg {
        width: 3.055556vw;
        margin-left: 1.111111vw;
    }
}



.hw-a-all .section12 {
    width: 100%;
    overflow: hidden;
}
.hw-a-all .section12-work {
    padding-bottom: 3.33333333vw;
    width: 35.57291667vw;
    margin: 0 auto;
    text-align:center;
}
.hw-a-all .section12-subtitle {
    font-weight:500;
    color:#24c8d0;
    font-size:1.45833333vw;
    line-height: 1.25;
}
.hw-a-all .section12-title {
    font-weight:500;
    color:#000000;
    font-size:3.33333333vw;
    line-height: 1.25;
    margin-top: 0.83333333vw;
}
.hw-a-all .section12-text {
    font-weight:500;
    color:#696f71;
    font-size:1.14583333vw;
    line-height: 1.6;
    margin-top: 1.66666667vw;
}
.hw-a-all .section12-center {
    width: 81.25vw;
    margin: 0 auto;
}
.hw-a-all .section12-swiper {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.hw-a-all .section12-swiper .swiper-slide {
    width: 26.25vw;
    position: relative;
}
.hw-a-all .section12-swiper .swiper-slide:not(:last-child) {
    margin: 0 1.25vw 0 0;
}
.hw-a-all .section12-perspective {
    transform-style: preserve-3d;
    perspective: 62.5vw;
    perspective-origin: center;
}
.hw-a-all .section12-x1 {
    transform: translate3d(12.5vw, 2.5vw, 0vw);
}
.hw-a-all .section12-x2 {
    transform: translate3d(0vw, 2.5vw, 0vw);
}
.hw-a-all .section12-x3 {
    transform: translate3d(-11.25vw, 2.5vw, 0vw);
}
.hw-a-all .section12-video {
    width: 26.25vw;
    height: 30vw;
    mix-blend-mode: darken;
}
.hw-a-all .section12-video video {
    object-fit: cover;
}
.hw-a-all .section12-swiper .swiper-slide:nth-of-type(1) .section12-video {
    transform: translate3d(0vw, 0vw, 0vw) rotateY(40deg);
}
.hw-a-all .section12-swiper .swiper-slide:nth-of-type(2) .section12-video {
    transform: translate3d(0vw, 0vw, 0vw) rotateY(40deg);
}
.hw-a-all .section12-swiper .swiper-slide:nth-of-type(3) .section12-video {
    transform: translate3d(0vw, 0vw, 0vw) rotateY(40deg);
}
.hw-a-all .section12-bottom {
    margin: 2.5vw 0 0 auto;
    display: flex;
    justify-content: flex-end;
}

.hw-a-all .section12-bottom-next {
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 52.03125vw;
    overflow: hidden;
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.hw-a-all .section12-bottom-prev {
    width: 2.5vw;
    height: 2.5vw;
    margin: 0 1.25vw 0 0;
    border-radius: 52.03125vw;
    overflow: hidden;
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.hw-a-all .section12-bottom-next svg {
    transform: translate3d(0, 0, 1px) rotate(0deg);
}

.hw-a-all .section12-bottom-prev svg {
    transform: translate3d(0, 0, 1px) rotate(0deg);
}

.hw-a-all .section12-bottom-bag {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -2;
    transform: translate3d(0, 0, 1px) rotate(0deg);
}

.hw-a-all .section12-bottom-bag span:nth-of-type(1) {
    background:linear-gradient(0deg,#c4eef9 0%,#64d2e6 94.77%);
    box-shadow:0px 1px 0px rgba(255, 255, 255, 0.64) inset;
    border-radius: 52.03125vw;
    position: absolute;
    inset: 0;
}

.hw-a-all .section12-bottom-bag span:nth-of-type(2) {
    background:radial-gradient(ellipse 45.44% 58.87% at 4.56% 50% ,#6effff 0%,rgba(67, 217, 212, 0) 100%);
    transform:rotate(270deg);
    border-radius: 52.03125vw;
    position: absolute;
    inset: 0;
}
@media (hover: hover) and (pointer: fine) {
    .hw-a-all .section12-bottom-prev,
    .hw-a-all .section12-bottom-next {
        cursor: pointer;
    }
}
.hw-a-all .section12-bottom-prev.swiper-button-disabled,
.hw-a-all .section12-bottom-next.swiper-button-disabled {
    opacity: 0.5;
    cursor: default;
}
.hw-a-all .section12-bottom-air {
    position: absolute;
    width: 2.34375vw;
    z-index: -1;
    transform-origin: top;
    transform: scale(0.733333);
    top: 92%;
    overflow: hidden;
    transition: all 0s linear;
}
@media (hover: hover) and (pointer: fine) {
    .hw-a-all .section12-bottom-prev:not(.swiper-button-disabled):hover .section12-bottom-air,
    .hw-a-all .section12-bottom-next:not(.swiper-button-disabled):hover .section12-bottom-air {
        transform: scale(1);
        top: -20%;
        transition: all 0.6s linear;
    }
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .section12-work {
        padding-bottom: 8.8888888vw;
        width: 82.222222vw;
        text-align: left;
    }
    .hw-a-all .section12-subtitle {
        font-size:4.4444444vw;
    }
    .hw-a-all .section12-title {
        font-size:8.888889vw;
        margin-top: 2.777777vw;
    }
    .hw-a-all .section12-text {
        font-size:4.444444vw;
        margin-top: 4.444444vw;
    }
    .hw-a-all .section12-center {
        width: 82.222222vw;
    }
    .hw-a-all .section12-swiper .swiper-slide {
        width: 82.222222vw;
        overflow: hidden;
    }
    .hw-a-all .section12-swiper .swiper-slide:not(:last-child) {
        margin: 0 4.444444vw 0 0;
    }
    .hw-a-all .section12-perspective {
        transform-style: initial;
        perspective: 0;
    }
    .hw-a-all .section12-x1 {
        transform: translateX(0vw);
    }
    .hw-a-all .section12-x2 {
        transform: translateX(0vw);
    }
    .hw-a-all .section12-x3 {
        transform: translateX(0vw);
    }
    .hw-a-all .section12-video {
        width: 100%;
        height: 94.16666666vw;
    }
    .hw-a-all .section12-swiper .swiper-slide:nth-of-type(1) .section12-video {
        transform: rotateY(0deg);
    }
    .hw-a-all .section12-swiper .swiper-slide:nth-of-type(2) .section12-video {
        transform: rotateY(0deg);
    }
    .hw-a-all .section12-swiper .swiper-slide:nth-of-type(3) .section12-video {
        transform: rotateY(0deg);
    }
    .hw-a-all .section12-swiper .swiper-slide:nth-of-type(1) .video-play-box-bag {
        background: rgba(0, 0, 0, 0.2);
    }
    .hw-a-all .section12-bottom {
        margin: 11.1111111vw 0 0 auto;
    }

    .hw-a-all .section12-bottom-next {
        width: 11.1111111vw;
        height: 11.1111111vw;
    }

    .hw-a-all .section12-bottom-prev {
        width: 11.1111111vw;
        height: 11.1111111vw;
        margin: 0 5.55555vw 0 0;
    }
    .hw-a-all .section12-bottom-air {
        width: 6.944444444vw;
        display: none;
    }
}



/* ai */
.hw-a-all .section-harmonyos-ai {
    width: 100%;
    padding-bottom: 5.20833333vw;
}
.hw-a-all .section-harmonyos-ai-video {
    width: 100%;
    height: 18.22916667vw;
    overflow: hidden;
    mix-blend-mode: darken;
}
.hw-a-all .section-harmonyos-ai-video video {
    object-fit: cover;
    transform: scale(1.02);
}
.hw-a-all .section-harmonyos-ai-word {
    width: 43.66666667vw;
    margin: -9.89583333vw auto 0;
    text-align: center;
    position: relative;
    z-index: 10;
}
.hw-a-all .section-harmonyos-ai-subtitle {
    font-size: 1.45833333vw;
    font-weight: 500;
    line-height: 1.25;
    color: #000000;
}
.hw-a-all .section-harmonyos-ai-title {
    font-size: 5vw;
    font-weight: 500;
    line-height: 1.25;
    color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(90deg, #000 34%, rgba(255, 255, 255, 0) 38.33%, #fcf595 42.66%, #ebbbd8 46.99%, #72acfd 51.32%, #91f9fe 55.65%, rgba(255, 255, 255, 0) 59.98%, #000 66%);
    -webkit-background-clip: text;
    background-clip: text;
    display: inline-block;
    background-size: 600% 100%;
    background-position-x: 100%;
    background-repeat: no-repeat;
    margin-top: 0.83333333vw;
}
.hw-a-all .section-harmonyos-ai-title.enterVisible {
    transition-duration: 2s;
    background-position-x: 0%;
}
.hw-a-all .section-harmonyos-ai-text {
    font-size: 1.14583333vw;
    font-weight: 500;
    line-height: 1.6;
    color: #696F71;
    margin-top: 2.5vw;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .section-harmonyos-ai {
        padding-bottom: 8.888888888vw;
    }
    .hw-a-all .section-harmonyos-ai-video {
        height: 48.61111111vw;
    }
    .hw-a-all .section-harmonyos-ai-word {
        width: 82.22222222vw;
        margin: -21.6666666vw auto 0;
    }
    .hw-a-all .section-harmonyos-ai-subtitle {
        font-size: 4.44444444vw;
    }
    .hw-a-all .section-harmonyos-ai-title {
        font-size: 13.3333333vw;
        margin-top: 2.777777vw;
    }
    .hw-a-all .section-harmonyos-ai-text {
        font-size: 4.444444vw;
        margin-top: 6.66666666vw;
    }
}




/* sec21 */
.hw-a-all .section21 {
    width: 100%;
    overflow: hidden;
    padding: 0 0 10.41666667vw 0;
}
.hw-a-all .section21-center {
    width: 67.5vw;
    margin: 0 auto;
}
.hw-a-all .section21-swiper .swiper-slide:not(:last-of-type) {
    margin: 0 1.25vw 0 0;
    position: relative;
}
@media (hover: hover) and (pointer: fine) {
    .hw-a-all .section21-swiper .swiper-slide:not(.swiper-slide-active){
        cursor: pointer;
    }
    .hw-a-all .section21-swiper.isend .swiper-slide:nth-last-of-type(-n+1) {
        cursor: default;
    }
}
.hw-a-all .section21-swiper .swiper-slide.swiper-slide-small {
    width: 33.125vw;
}
.hw-a-all .section21-swiper .section21-video {
    height: 34.375vw;
    width: 100%;
    position: relative;
}
.hw-a-all .section21-swiper .section21-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.83333333vw;
}
.hw-a-all .section21-swiper .swiper-slide:nth-of-type(2) .video-play-box-bag {
    background: rgba(0, 0, 0, 0.2);
}
.hw-a-all .section21-swiper .swiper-slide:nth-of-type(3) .video-play-box-bag {
    background: rgba(0, 0, 0, 0.2);
}
@media (hover: hover) and (pointer: fine) {
    .hw-a-all .section21-swiper .swiper-slide:nth-of-type(2) .video-play-box:hover .video-play-box-bag {
        background: rgba(0, 0, 0, 0.12);
    }
    .hw-a-all .section21-swiper .swiper-slide:nth-of-type(3) .video-play-box:hover .video-play-box-bag {
        background: rgba(0, 0, 0, 0.12);
    }
}
.hw-a-all .section21-text {
    width: 48.95833333vw;
    margin: 2.5vw 0 0 0.83333333vw;
    font-weight: 500;
    color: #696f71;
    font-size: 1.14583333vw;
    line-height: 1.6;
    opacity: 0;
    transition: opacity 0.5s linear;
}
.hw-a-all .section21-text em {
    color: #000;
}
.hw-a-all .section21-swiper .swiper-slide-small .section21-text {
    width: 32vw;
}

.hw-a-all .section21-swiper .swiper-slide-visible .section21-text {
    opacity: 1;
}

.hw-a-all .section21-bottom {
    margin: 2.5vw 0 0 auto;
    display: flex;
    justify-content: flex-end;
}

.hw-a-all .section21-bottom-next {
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 52.03125vw;
    overflow: hidden;
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.hw-a-all .section21-bottom-prev {
    width: 2.5vw;
    height: 2.5vw;
    margin: 0 1.25vw 0 0;
    border-radius: 52.03125vw;
    overflow: hidden;
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.hw-a-all .section21-bottom-next svg {
    transform: translate3d(0, 0, 1px) rotate(0deg);
}

.hw-a-all .section21-bottom-prev svg {
    transform: translate3d(0, 0, 1px) rotate(0deg);
}

.hw-a-all .section21-bottom-bag {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -2;
    transform: translate3d(0, 0, 1px) rotate(0deg);
}

.hw-a-all .section21-bottom-bag span:nth-of-type(1) {
    background:linear-gradient(0deg,#c4eef9 0%,#64d2e6 94.77%);
    box-shadow:0px 1px 0px rgba(255, 255, 255, 0.64) inset;
    border-radius: 52.03125vw;
    position: absolute;
    inset: 0;
}

.hw-a-all .section21-bottom-bag span:nth-of-type(2) {
    background:radial-gradient(ellipse 45.44% 58.87% at 4.56% 50% ,#6effff 0%,rgba(67, 217, 212, 0) 100%);
    transform:rotate(270deg);
    border-radius: 52.03125vw;
    position: absolute;
    inset: 0;
}
@media (hover: hover) and (pointer: fine) {
    .hw-a-all .section21-bottom-prev,
    .hw-a-all .section21-bottom-next {
        cursor: pointer;
    }
}
.hw-a-all .section21-bottom-prev.swiper-button-disabled,
.hw-a-all .section21-bottom-next.swiper-button-disabled {
    opacity: 0.5;
    cursor: default;
}
.hw-a-all .section21-bottom-air {
    position: absolute;
    width: 2.34375vw;
    z-index: -1;
    transform-origin: top;
    transform: scale(0.733333);
    top: 92%;
    overflow: hidden;
    transition: all 0s linear;
}
@media (hover: hover) and (pointer: fine) {
    .hw-a-all .section21-bottom-prev:not(.swiper-button-disabled):hover .section21-bottom-air,
    .hw-a-all .section21-bottom-next:not(.swiper-button-disabled):hover .section21-bottom-air {
        transform: scale(1);
        top: -20%;
        transition: all 0.6s linear;
    }
}
.hw-a-all .section21-sup {
    width: 100%;
    font-size: max(8px,0.625vw);
    font-weight: 500;
    color: #696F71;
    line-height: 1.6;
    margin-top: 1.66666667vw;
    opacity: 0.7;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .section21 {
        padding: 0 0 27.7777vw 0;
    }

    .hw-a-all .section21-center {
        width: 82.2222222vw;
    }

    .hw-a-all .section21-swiper .swiper-slide:not(:last-of-type) {
        margin: 0 4.4444444vw 0 0;
    }

    .hw-a-all .section21-swiper .swiper-slide.swiper-slide-small {
        width: 100%;
    }

    .hw-a-all .section21-swiper .section21-video {
        height: 105.5555555vw;
    }

    .hw-a-all .section21-swiper .section21-video video {
        border-radius: 2.222222vw;
    }

    .hw-a-all .section21-text {
        width: 69.4444444vw;
        margin: 8.888888888vw 0 0 4.444444vw;
        font-size: 4.44444444vw;
    }

    .hw-a-all .section21-swiper .swiper-slide-small .section21-text {
        width: 69.4444444vw;
    }

    .hw-a-all .section21-bottom {
        margin: 11.1111111vw 0 0 auto;
    }

    .hw-a-all .section21-bottom-next {
        width: 11.1111111vw;
        height: 11.1111111vw;
    }

    .hw-a-all .section21-bottom-prev {
        width: 11.1111111vw;
        height: 11.1111111vw;
        margin: 0 5.55555vw 0 0;
    }
    .hw-a-all .section21-bottom-air {
        width: 6.944444444vw;
        display: none;
    }
    .hw-a-all .section21-sup {
        font-size: 3.33333333vw;
        margin-top: 6.666666666vw;
    }
}


/* sec22 */
.hw-a-all .section22 {
    width: 100%;
    position: relative;
    padding-bottom: 10.41666667vw;
}
.hw-a-all .section22-word {
    width: 90%;
    margin: 0 auto 3.33333333vw;
}
.hw-a-all .section22-title {
    font-weight:500;
    color:#000000;
    font-size:3.33333333vw;
    line-height: 1.25;
    text-align: center;
}
.hw-a-all .section22-video {
    width: 67.5vw;
    height: 37.5vw;
    margin: 0 auto;
    border-radius: 0.83333333vw;
    overflow: hidden;
    position: relative;
}
.hw-a-all .section22-video video {
    object-fit: cover;
    transform: scale(1.002);
}
.hw-a-all .section22-text {
    width: 40vw;
    color:#696f71;
    font-size:1.04166667vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    margin: 2.5vw auto 0;
}
.hw-a-all .section22-text em {
    color: #000;
}
.hw-a-all .section22-sup {
    width: 100%;
    font-size: max(8px,0.625vw);
    font-weight: 500;
    color: #696f71;
    line-height: 1.6;
    opacity: 0.7;
    margin-top: 1.66666667vw;
    text-align: center;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .section22 {
        padding-bottom: 27.7777777vw;
    }
    .hw-a-all .section22-word {
        width: 82.22222222vw;
        margin: 0 auto 8.8888888vw;
    }
    .hw-a-all .section22-title {
        font-size:8.8888888vw;
    }
    .hw-a-all .section22-video {
        width: 100%;
        height: 111.1111111vw;
        border-radius: 0px;
    }
    .hw-a-all .section22-text {
        width: 82.22222222vw;
        font-size:4.4444444vw;
        text-align: left;
        margin: 8.88888888vw auto 0;
    }
    .hw-a-all .section22-sup {
        font-size: 3.33333333vw;
        margin-top: 6.666666666vw;
        text-align: left;
    }
}




/* sec23 */
.hw-a-all .section23 {
    width: 100%;
    padding-bottom: 10.41666667vw;
}
.hw-a-all .section23-word {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 3.33333333vw;
}
.hw-a-all .section23-word-box {
    position: relative;
}
.hw-a-all .section23-title {
    font-weight:500;
    color:#000000;
    font-size:3.33333333vw;
    line-height: 1.25;
}
.hw-a-all .section23-word-icon1 {
    width: 4.84375vw;
    position: absolute;
    left: -4.375vw;
    top: 0.78125vw;
    transform: scale(0);
}
.hw-a-all .section23-word-icon1 img {
    transform: rotate(-15deg);
}
.hw-a-all .section23-word-icon2 {
    width: 4.47916667vw;
    position: absolute;
    top: -1.82291667vw;
    right: -4.47916667vw;
    transform: scale(0);
}
.hw-a-all .section23-word-icon2 img {
    transform: rotate(15deg);
}
.hw-a-all .section23-center {
    width: 67.5vw;
    margin: 0 auto;
    position: relative;
    background-color: #F7F7F7;
    border-radius: 0.83333333vw;
    overflow: hidden;
}
.hw-a-all .section23-parent {
    width: 100%;
    height: 31.25vw;
    margin-top: 2.60416667vw;
    z-index: 10;
}
.hw-a-all .section23-parent .swiper-slide.swiper-slide-active .swiper-slide {
    pointer-events: auto;
}
.hw-a-all .section23-child {
    width: 59.16666667vw;
    margin: 0 auto;
}
.hw-a-all .section23-child .swiper-slide {
    width: 15.10416667vw;
}
.hw-a-all .section23-child .swiper-slide:not(:last-of-type) {
    margin: 0 4.16666667vw 0 0;
}
@media (hover: hover) and (pointer: fine) {
    .hw-a-all .section23-child .swiper-slide:not(.swiper-slide-active):hover{
        cursor: pointer;
    }

    .hw-a-all .section23-child.isend .swiper-slide-active ~ .swiper-slide:hover{
        cursor: default;
    }
}
.hw-a-all .section23-swiper-box {
    position: relative;
    z-index: 10;
}
.hw-a-all .section23-swiper-border {
    width: 100%;
}
.hw-a-all .section23-child.section23-swiper4 .section23-swiper-border,
.hw-a-all .section23-child.section23-swiper5 .section23-swiper-border {
    opacity: 1;
}
.hw-a-all .section23-child.section23-swiper4 .swiper-slide,
.hw-a-all .section23-child.section23-swiper5 .swiper-slide {
    opacity: 1;
}
.hw-a-all .section23-swiper-img,
.hw-a-all .section23-swiper-video {
    position: absolute;
    width: 95.2%;
    height: 98%;
    top: 1%;
    left: 2%;
    border-radius: 2.08333333vw;
    overflow: hidden;
    z-index: -1;
}
.hw-a-all .section23-swiper3 .section23-swiper-img {
    width: 94.48275862%;
    height: 98.26743374%;
    top: 1.163912%;
    left: 2.75862%;
}
.hw-a-all .section23-swiper4 .section23-swiper-video {
    width: 94.7%;
    height: 98.26743374%;
    top: 0.49881946%;
    left: 2.4%;
}
.hw-a-all .section23-swiper-img img,
.hw-a-all .section23-swiper-video video {
    object-fit: cover;
}
.hw-a-all .section23-button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2.5vw 0 0;
}
.hw-a-all .section23-button-center {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 138.75vw;
    overflow: hidden;
    z-index: 10;
    padding: 0.20833333vw;
    background:linear-gradient(180deg,#6fdcea 0%,#83e3ec 100%);
}
.hw-a-all .section23-button-bag {
    position: absolute;
    inset: 0;
    background:radial-gradient(ellipse 69.4% 56.99% at 50.63% 96.09% ,#aaf7fa 0%,rgba(116, 206, 226, 0) 100%);
}
.hw-a-all .section23-button-box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}
.hw-a-all .section23-button .section23-bottom-slider {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 8;
    background-color: #fff;
    width: var(--indicator-width, 0);
    height: 100%;
    border-radius: 138.75vw;
    transform: translateX(var(--indicator-offset, 0));
    transition: width 0.6s, transform 0.6s;
    opacity: 0.8;
}
.hw-a-all .section23-pagination[data-index="0"] .section23-bottom-slider,
.hw-a-all .section23-pagination[data-index="1"] .section23-bottom-slider,
.hw-a-all .section23-pagination[data-index="2"] .section23-bottom-slider,
.hw-a-all .section23-pagination[data-index="3"] .section23-bottom-slider  {
    width: var(--indicator-width);
    transform: translateX(var(--indicator-offset));
}
.hw-a-all .section23-button-box p {
    padding: 0.625vw 1.25vw;
    border-radius: 138.75vw;
    font-weight:500;
    color:rgba(255, 255, 255, 1);
    font-size:0.9375vw;
    line-height: 1.25;
    position: relative;
    z-index: 10;
    transition: opacity 0.3s,color 0.3s;
    opacity: 1;
}
.hw-a-all .section23-pagination[data-index="0"] .section23-button-box p:nth-of-type(1),
.hw-a-all .section23-pagination[data-index="1"] .section23-button-box p:nth-of-type(2),
.hw-a-all .section23-pagination[data-index="2"] .section23-button-box p:nth-of-type(3),
.hw-a-all .section23-pagination[data-index="3"] .section23-button-box p:nth-of-type(4) {
    color:rgba(0, 0, 0, 1);
}
@media (hover: hover) and (pointer: fine) {
    .hw-a-all .section23-pagination .section23-button-box p:not(.on):hover {
        opacity: 0.8;
        cursor: pointer;
    }
}
.hw-a-all .section23-text {
    width: 40vw;
    margin: 1.66666667vw auto 0;
    display: flex;
}
.hw-a-all .section23-text li {
    flex-shrink: 0;
    width: 100%;
    color: #696f71;
    font-size: 1.14583333vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    transition: opacity 0.3s ease;
    opacity: 0;
}
.hw-a-all .section23-text li:not(:first-child) {
    width: 100%;
    margin-left: -100%;
}   
.hw-a-all .section23-pagination[data-index="0"] .section23-text li:nth-of-type(1),
.hw-a-all .section23-pagination[data-index="1"] .section23-text li:nth-of-type(2),
.hw-a-all .section23-pagination[data-index="2"] .section23-text li:nth-of-type(3),
.hw-a-all .section23-pagination[data-index="3"] .section23-text li:nth-of-type(4) {
    position: relative;
    opacity: 1;
    z-index: 10;
    transition-delay: 0.2s;
}
.hw-a-all .section23-tooptxt {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.04166667vw 0 0.83333333vw 0;
    animation: arrmove 1.5s ease-in-out infinite;
} 

.hw-a-all .section23-tooptxt div,
.hw-a-all .section23-tooptxt span {
    transition: opacity 0.1s linear;
}

.hw-a-all .section23-tooptxt.hide div,
.hw-a-all .section23-tooptxt.hide span {
    opacity: 0;
}

@keyframes arrmove {
    0% {
        opacity: 1;
        transform: translate(0px, 0px);
    } 

    100% {
        opacity: 0;
        transform: translate(-3vw, 0px);
    }
}

.hw-a-all .section23-tooptxt span {
    color: rgba(0, 0, 0,0.2);
    font-size: max(8px,0.83333333vw);
    font-weight: 500;
    line-height: 1.6;
}

.hw-a-all .section23-tooicon {
    display: flex;
    width: 1.09375vw;
    height: 0.625vw;
    margin: 0 0.10416667vw 0 0;
}

.hw-a-all .section23-tooicon svg {
    width: 100%;
    height: 100%;
}
@media screen and (max-aspect-ratio:11/10){
    .hw-a-all .section23 {
        padding-bottom: 27.777777vw;
    }
    .hw-a-all .section23-word {
        margin-bottom: 8.8888888vw;
    }
    .hw-a-all .section23-title {
        font-size:8.8888888vw;
    }
    .hw-a-all .section23-word-icon1 {
        width: 11.1111111vw;
        left: -14.16666666vw;
        top: 14.4444444vw;
        transform: scale(0);
    }
    .hw-a-all .section23-word-icon1 img {
        transform: rotate(-19deg);
    }
    .hw-a-all .section23-word-icon2 {
        width: 15vw;
        top: -3.61111111vw;
        right: -14.44444444vw;
        transform: scale(0);
    }
    .hw-a-all .section23-word-icon2 img {
        transform: rotate(21deg);
    }
    .hw-a-all .section23-center {
        width: 100%;
        border-radius: 0px;
    }
    .hw-a-all .section23-parent {
        height: 103.6111111vw;
        margin-top: 8.88888888vw;
    }
    .hw-a-all .section23-child {
        width: 50vw;
        margin: 0 auto;
        transform: scale(1);
        transition: none;
    }
    .hw-a-all .section23-child .swiper-slide {
        width: 50vw;
    }
    .hw-a-all .section23-child .swiper-slide:not(:last-of-type) {
        margin: 0 8.888888vw 0 0;
    }
    .hw-a-all .section23-swiper-border {
        width: 100%;
    }
    .hw-a-all .section23-swiper-img,
    .hw-a-all .section23-swiper-video {
        border-radius: 6.66666666vw;
    }
    .hw-a-all .section23-button {
        margin: 11.111111111vw 0 0;
        overflow: scroll;
        justify-content: normal;
    }
    .hw-a-all .section23-button::-webkit-scrollbar {
        display: none;
    }
    .hw-a-all .section23-button-padding {
        padding: 0 8.88888888vw;
        flex-shrink: 0;
    }
    .hw-a-all .section23-button-center {
        padding: 1.111111vw;
    }
    .hw-a-all .section23-button-box p {
        padding: 3.3333333vw 5.5555555vw;
        font-size:3.88888888vw;
    }
    .hw-a-all .section23-text {
        width: 82.22222222vw;
        margin: 6.6666666666vw auto 0;
    }
    .hw-a-all .section23-text li {
        font-size: 4.444444vw;
    }

    .hw-a-all .section23-tooptxt {
        margin: 5.8333333vw 0 5.55555555vw 0;
    }  

    .hw-a-all .section23-tooptxt span {
        font-size: 3.3333333vw;
    }

    .hw-a-all .section23-tooicon {
        width: 3.333333vw;
        height: 1.9444444vw;
        margin: 0 0.69444444vw 0 0;
    }
}

/* sec24 */
.hw-a-all .section24 {
    width: 100%;
    position: relative;
}
.hw-a-all .section24-word {
    width: 90%;
    margin: 0 auto 2.5vw;
}
.hw-a-all .section24-title {
    font-weight:500;
    color:#000000;
    font-size:3.33333333vw;
    line-height: 1.25;
    text-align: center;
}
.hw-a-all .section24-center {
    width: 67.5vw;
    margin: 0 auto;
}
.hw-a-all .section24-center-ul {
    display: flex;
    justify-content: space-between;
}
.hw-a-all .section24-center-li {
    width: 33.33333333vw;
    transition: transform 800ms cubic-bezier(0, 0, 0.5, 1), opacity 800ms cubic-bezier(0, 0, 0.5, 1);
    transform: translate3d(0vw, 1.5625vw, 0vw);
    opacity: 0;
}
.hw-a-all .section24-center-li.enterVisible {
    transform: translate3d(0vw, 0vw, 0vw);
    opacity: 1;
}
.hw-a-all .section24-center-li:nth-of-type(2) {
    transition-delay: 0.3s;
}
.hw-a-all .section24-img {
    border-radius: 0.83333333vw;
    overflow: hidden;
}
.hw-a-all .section24-text {
    width: 29.94791667vw;
    font-weight:500;
    color:#696f71;
    font-size:1.14583333vw;
    line-height: 1.6;
    margin-top: 2.08333333vw;
    margin-left: 0.83333333vw;
}
.hw-a-all .section24-text em {
    color: #000;
}
.hw-a-all .section24-sup {
    width: 100%;
    font-size: max(8px, 0.625vw);
    font-weight: 500;
    color: #696f71;
    line-height: 1.6;
    opacity: 0.7;
    margin-top: 1.66666667vw;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .section24-word {
        margin: 0 auto 8.8888888vw;
    }
    .hw-a-all .section24-title {
        font-size:8.8888888vw;
    }
    .hw-a-all .section24-center {
        width: 91.11111111vw;
    }
    .hw-a-all .section24-center-ul {
        display: block;
    }
    .hw-a-all .section24-center-li {
        width: 100%;
        transform: translate3d(0vw, 4.16666666vw, 0vw);
    }
    .hw-a-all .section24-center-li:nth-of-type(2) {
        transition-delay: 0s;
    }
    .hw-a-all .section24-center-li + .section24-center-li {
        margin-top: 22.222222vw;
    }
    .hw-a-all .section24-img {
        border-radius: 2.22222222vw;
    }
    .hw-a-all .section24-text {
        width: 82.22222222vw;
        font-size: 4.444444444vw;
        margin: 8.8888888vw auto 0;
    }
    .hw-a-all .section24-sup {
        font-size: 3.33333333vw;
        margin-top: 6.666666666vw;
    }
}

.hw-a-all .move-up {
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    transition: opacity 0.8s linear, transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -webkit-transition: opacity 0.8s linear, transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -moz-transition: opacity 0.8s linear, transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}

.hw-a-all .move-up.active {
    opacity: 1;
    pointer-events: all;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

/* collage start */
.hw-a-all .collage-container{
    margin-top: 10.416667vw;
    position: relative;
    height: 150vh;
}

.hw-a-all .collage-container .sticky-wrap{
    position: sticky;
    top: calc(calc(100vh - 34.6875vw)/2);
    width: 100%;
    display: flex;
    align-items: center;
}

.hw-a-all .collage-container .content-wrap{
    width: 17.447917vw;
    margin-left: 21.875vw;
}

.hw-a-all .collage-container .content-wrap .common-big-title {
    margin-top: 0.833333vw;
}

.hw-a-all .collage-container .content-wrap .common-desc {
    margin-top: 1.666667vw;
}

.hw-a-all .collage-container .collage-swiper-container{
    margin-left: 10.677083vw;
}

.hw-a-all .collage-container .collage-swiper-container .collage-swiper{
    width: 26.041667vw;
    height: 34.6875vw;
    overflow: visible;
}

.hw-a-all .collage-container .collage-swiper-container .collage-swiper .swiper-wrapper{
    flex-direction: column;
}

.hw-a-all .collage-container .collage-swiper .swiper-slide .video-wrap{
    height: 100%;
    mix-blend-mode: darken;
}

.hw-a-all .collage-container .collage-swiper .swiper-slide:nth-child(1) .video-wrap {
    transform: translateY(7.291667vw) scale(0.8) rotate(-15deg);
    -webkit-transform: translateY(7.291667vw) scale(0.8) rotate(-15deg);
    -moz-transform: translateY(7.291667vw) scale(0.8) rotate(-15deg);
}

.hw-a-all .collage-container .collage-swiper .swiper-slide:nth-child(2) .video-wrap {
    opacity: .4;
    transform: translateY(6.770833vw) scale(0.8) rotate(30deg);
    -webkit-transform: translateY(6.770833vw) scale(0.8) rotate(30deg);
    -moz-transform: translateY(6.770833vw) scale(0.8) rotate(30deg);
}

.hw-a-all .collage-container .collage-swiper .swiper-slide:nth-child(3) .video-wrap {
    opacity: .4;
    transform: translateY(5.729167vw) scale(0.8) rotate(-30deg);
    -webkit-transform: translateY(5.729167vw) scale(0.8) rotate(-30deg);
    -moz-transform: translateY(5.729167vw) scale(0.8) rotate(-30deg);
}

.hw-a-all .collage-container .collage-swiper .collage-video {
    width: 100%;
    height: 100%;
}
.hw-a-all .collage-container .collage-swiper .collage-video video {
    object-fit: cover;
}
.hw-a-all .collage-bottom {
    margin: 2.5vw 0 0 auto;
    display: flex;
    justify-content: flex-end;
}

.hw-a-all .collage-bottom-next {
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 52.03125vw;
    overflow: hidden;
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.hw-a-all .collage-bottom-prev {
    width: 2.5vw;
    height: 2.5vw;
    margin: 0 1.25vw 0 0;
    border-radius: 52.03125vw;
    overflow: hidden;
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.hw-a-all .collage-bottom-next svg {
    transform: translate3d(0, 0, 1px) rotate(0deg);
}

.hw-a-all .collage-bottom-prev svg {
    transform: translate3d(0, 0, 1px) rotate(0deg);
}

.hw-a-all .collage-bottom-bag {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -2;
    transform: translate3d(0, 0, 1px) rotate(0deg);
}

.hw-a-all .collage-bottom-bag span:nth-of-type(1) {
    background:linear-gradient(0deg,#c4eef9 0%,#64d2e6 94.77%);
    box-shadow:0px 1px 0px rgba(255, 255, 255, 0.64) inset;
    border-radius: 52.03125vw;
    position: absolute;
    inset: 0;
}

.hw-a-all .collage-bottom-bag span:nth-of-type(2) {
    background:radial-gradient(ellipse 45.44% 58.87% at 4.56% 50% ,#6effff 0%,rgba(67, 217, 212, 0) 100%);
    transform:rotate(270deg);
    border-radius: 52.03125vw;
    position: absolute;
    inset: 0;
}
@media (hover: hover) and (pointer: fine) {
    .hw-a-all .collage-bottom-prev,
    .hw-a-all .collage-bottom-next {
        cursor: pointer;
    }
}
.hw-a-all .collage-bottom-prev.swiper-button-disabled,
.hw-a-all .collage-bottom-next.swiper-button-disabled {
    opacity: 0.5;
    cursor: default;
}
.hw-a-all .collage-bottom-air {
    position: absolute;
    width: 2.34375vw;
    z-index: -1;
    transform-origin: top;
    transform: scale(0.733333);
    top: 92%;
    overflow: hidden;
    transition: all 0s linear;
}
@media (hover: hover) and (pointer: fine) {
    .hw-a-all .collage-bottom-prev:not(.swiper-button-disabled):hover .collage-bottom-air,
    .hw-a-all .collage-bottom-next:not(.swiper-button-disabled):hover .collage-bottom-air {
        transform: scale(1);
        top: -20%;
        transition: all 0.6s linear;
    }
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .collage-container {
        margin-top: 27.777778vw;
        height: auto;
    }

    .hw-a-all .collage-container .sticky-wrap {
        position: static;
        flex-direction: column;
        align-items: flex-start;
    }

    .hw-a-all .collage-container .content-wrap {
        width: 82.2222222vw;
        margin-left: 8.888889vw;
    }

    .hw-a-all .collage-container .content-wrap .common-big-title {
        margin-top: 2.777777vw;
    }

    .hw-a-all .collage-container .content-wrap .common-desc {
        margin-top: 4.444444vw;
    }

    .hw-a-all .collage-container .collage-swiper-container {
        width: 100%;
        margin: 8.888889vw auto 0;
    }

    .hw-a-all .collage-container .collage-swiper-container .swiper-overflow {
        width: 100%;
        overflow: hidden;
    }

    .hw-a-all .collage-container .collage-swiper-container .collage-swiper {
        width: 88.333333vw;
        height: 117.77777777vw;
        margin: 0 auto;
    }

    .hw-a-all .collage-container .collage-swiper-container .collage-swiper .swiper-wrapper{
        flex-direction: row;
    }

    .hw-a-all .collage-container .collage-swiper .swiper-slide:nth-last-child(n+2) {
        margin-right: 6.66666666vw;
    }

    .hw-a-all .collage-container .collage-swiper .swiper-slide:nth-child(n) .video-wrap {
        opacity: 1;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        overflow: hidden;
    }
    .hw-a-all .collage-bottom {
        width: 82.22222222vw;
        margin: 11.1111111vw auto 0;
    }

    .hw-a-all .collage-bottom-next {
        width: 11.1111111vw;
        height: 11.1111111vw;
    }

    .hw-a-all .collage-bottom-prev {
        width: 11.1111111vw;
        height: 11.1111111vw;
        margin: 0 5.55555vw 0 0;
    }
    .hw-a-all .collage-bottom-air {
        width: 6.944444444vw;
        display: none;
    }

    
}

/* collage end */

/* ai start */
.hw-a-all .ai-function {
    margin: 10.416667vw 0 8.333333vw;
    overflow: hidden;
}

.hw-a-all .ai-function .content-wrap {
    width: 67.5vw;
    margin: 0 auto;
    text-align: center;
}

.hw-a-all .ai-function .content-wrap .common-big-title {
    color: #000;
    margin: 0 auto;
    display: inline-block;
    background-image: linear-gradient(90deg, #000 34%, rgba(255, 255, 255, 0) 38.33%, #fcf595 42.66%, #ebbbd8 46.99%, #72acfd 51.32%, #91f9fe 55.65%, rgba(255, 255, 255, 0) 59.98%, #000 66%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-repeat: no-repeat;
    background-size: 600% 100%;
    background-position: 100%;
    transition: all 2s linear;
    -webkit-transition: all 2s linear;
    -moz-transition: all 2s linear;
}

.hw-a-all .ai-function.animated .content-wrap .common-big-title {
    background-position: 0%;
}

.hw-a-all .ai-function .ai-function-contianer {
    width: 100%;
    margin-top: 2.5vw;
    overflow: hidden;
}

.hw-a-all .ai-function .ai-function-contianer .swiper-overflow {
    width: 100%;
    overflow: hidden;
}

.hw-a-all .ai-function .ai-function-contianer .ai-function-swiper {
    width: 67.5vw;
    height: 35.41666667vw;
    margin: 0 auto;
}

.hw-a-all .ai-function .ai-function-contianer .ai-function-swiper .slide-content {
    width: 100%;
    height: 100%;
    border-radius: 0.833333vw;
    overflow: hidden;
    position: relative;
}
.hw-a-all .ai-function .ai-function-contianer .ai-function-swiper .slide-content video {
    object-fit: cover;
}
.hw-a-all .ai-function-swiper .swiper-slide .video-play-box-bag {
    background: rgba(0, 0, 0, 0.2);
}
@media (hover: hover) and (pointer: fine) {
    .hw-a-all .ai-function-swiper .swiper-slide .video-play-box:hover .video-play-box-bag {
        background: rgba(0, 0, 0, 0.12);
    }
}
.hw-a-all .ai-function .ai-function-contianer .nav-container{
    margin-top: 2.5vw;
    display: flex;
    padding-bottom: 1px;
}

.hw-a-all .ai-function .ai-function-contianer .nav-wrap {
    flex-shrink: 0;
    margin: 0 auto;
    display: inline-flex;
    flex-direction: column;
}

.hw-a-all .ai-function .ai-function-contianer .nav-list {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0 2.916667vw;
}

.hw-a-all .ai-function .ai-function-contianer .nav-list li {
    opacity: .4;
    color: #000;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.25;
    flex-shrink: 0;
    display: inline-block;
    background-image: linear-gradient(90deg, #000 34%, rgba(255, 255, 255, 0) 38.33%, #fcf595 42.66%, #ebbbd8 46.99%, #72acfd 51.32%, #91f9fe 55.65%, rgba(255, 255, 255, 0) 59.98%, #000 66%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-repeat: no-repeat;
    background-size: 600% 100%;
    background-position-x: 100%;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
}

@media (pointer: fine) and (hover: hover) {
    .hw-a-all .ai-function .ai-function-contianer .nav-list li:not(.active):hover {
        opacity: .6;
        cursor: pointer;
    }
}

.hw-a-all .ai-function .ai-function-contianer .nav-list li.active {
    opacity: 1;
}

.hw-a-all .ai-function .ai-function-contianer .scroll-inline {
    margin-top: 0.833333vw;
    width: 100%;
    height: 2px;
    background-color: rgba(0, 0, 0, .4);
    display: flex;
    align-items: center;
}

.hw-a-all .ai-function .ai-function-contianer .scroll-inline span {
    width: calc(var(--tab-width) * 1px);
    height: 100%;
    background-image: linear-gradient(90deg, #000 34%, rgba(255, 255, 255, 0) 38.33%, #fcf595 42.66%, #ebbbd8 46.99%, #72acfd 51.32%, #91f9fe 55.65%, rgba(255, 255, 255, 0) 59.98%, #000 66%);
    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.4s, transform 0.4s;
    -webkit-transition: width 0.4s, transform 0.4s;
    -moz-transition: width 0.4s, transform 0.4s;
    background-size: 600% 100%;
    background-position-x: 100%;
}

.hw-a-all .ai-function .ai-function-contianer .nav-content {
    width: 42.291667vw;
    margin: 1.666667vw auto 0;
    display: flex;
}

.hw-a-all .ai-function .ai-function-contianer .nav-content p {
    width: 100%;
    flex-shrink: 0;
    color: #696f71;
    font-size: 1.145833vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.hw-a-all .ai-function .ai-function-contianer .nav-content p+p {
    margin-left: -100%;
}

.hw-a-all .ai-function .ai-function-contianer .nav-content p.active {
    opacity: 1;
    pointer-events: all;
    transition-delay: 0.2s;
    will-change: opacity;
}

.hw-a-all .ai-function .ai-function-contianer .swiper-slide .video-play-box {
    opacity: 0;
}
.hw-a-all .ai-function .ai-function-contianer .swiper-slide.swiper-slide-active .video-play-box {
    opacity: 1;
    transition-delay: 200ms;
}
.hw-a-all .ai-function-sup {
    display: block;
    width: 100%;
    margin-top: 1.66666667vw;
    font-size: max(8px,0.625vw);
    font-weight: 500;
    color: #696F71;
    line-height: 1.6;
    text-align: center;
    opacity: 0.7;
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .ai-function {
        margin: 27.777778vw 0;
    }

    .hw-a-all .ai-function .content-wrap {
        width: 77.777778vw;
    }

    .hw-a-all .ai-function .ai-function-contianer {
        margin-top: 8.888889vw;
    }


    .hw-a-all .ai-function .ai-function-contianer .ai-function-swiper {
        width: 100%;
        height: 111.111111vw;
    }

    .hw-a-all .ai-function .ai-function-contianer .ai-function-swiper .slide-content {
        border-radius: 0;
    }

    .hw-a-all .ai-function .ai-function-contianer .nav-container{
        width: 100%;
        margin-top: 11.111111vw;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
    }

    .hw-a-all .ai-function .ai-function-contianer .nav-container.tabnav-scrollable {
        justify-content: flex-start;
        overflow: auto;
    }

    .hw-a-all .ai-function .ai-function-contianer .nav-container::-webkit-scrollbar {
        display: none;
    }

    .hw-a-all .ai-function .ai-function-contianer .nav-wrap{
        padding: 0 10.55555vw;
    }
    
    .hw-a-all .ai-function .ai-function-contianer .nav-list {
        flex-shrink: 0;
        gap: 0 8.333333vw;
    }

    .hw-a-all .ai-function .ai-function-contianer .nav-list li {
        font-size: 5.555556vw;
    }

    .hw-a-all .ai-function .ai-function-contianer .scroll-inline {
        margin-top: 3.888889vw;
    }

    .hw-a-all .ai-function .ai-function-contianer .nav-content {
        width: 82.222222vw;
        margin: 6.666667vw auto 0;
    }

    .hw-a-all .ai-function .ai-function-contianer .nav-content p {
        font-size: 4.444444vw;
    }
    .hw-a-all .ai-function-sup {
        font-size: 3.33333333vw;
        margin-top: 6.666666666vw;
        text-align: left;
    }
}

/* ai end */
.hw-a-all .bg-color2 {
    background: #FAFAFA;
}

.hw-a-all .common-big-title {
    color: #000;
    font-size: 3.333333vw;
    font-weight: 500;
    line-height: 1.25;
}

.hw-a-all .common-sub-title {
    color: #24c8d0;
    font-size: 1.45833333vw;
    font-weight: 500;
    line-height: 1.25;
}

.hw-a-all .common-desc {
    color: #696f71;
    font-size: 1.145833vw;
    font-weight: 500;
    line-height: 1.6;
}
/* common mob start*/
@media screen and (max-aspect-ratio:11/10) {

    .hw-a-all .common-big-title {
        font-size: 8.888888888888889vw;
    }

    .hw-a-all .common-sub-title {
        font-size: 4.44444444vw;
    }

    .hw-a-all .common-desc {
        font-size: 4.444444vw;
    }

}

/* common mob end*/

/* heat-dissipation start */
.hw-a-all .heat-dissipation-section {
    padding-top: 8.33333333vw;
}

.hw-a-all .heat-dissipation-section .common-big-title {
    font-size: 5vw;
}

.hw-a-all .heat-dissipation-section .common-big-title p {
    background-image: radial-gradient(ellipse 51.84% 39.6% at 50% 100%, #c0e4ec 0%, #4fb5cc 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    display: inline-block;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    transform: translate3d(0, 0, 0);
    display: inline-block;
}

.hw-a-all .heat-dissipation-section .content-wrap {
    width: 67.5vw;
    margin: 0 auto;
    text-align: center;

}
.hw-a-all .heat-dissipation-section .heat-dissipation-video {
    width: 100%;
    height: 52.5vw;
    margin: 3.333333vw auto 0;
}
.hw-a-all .heat-dissipation-section .heat-dissipation-video video {
    overflow: hidden;
    transform-origin: top;
    transform: translate3d(0px, 0px, 0px) scale(0.675);
    border-radius: 0.83333333vw;
    object-fit: cover;
}

.hw-a-all .heat-dissipation-section .common-desc {
    width: 41.66666667vw;
    margin: 3.333333vw auto 0;
    text-align: center;
}

.hw-a-all .heat-dissipation-sup {
    width: 100%;
    font-size: max(8px, 0.625vw);
    font-weight: 500;
    color: #696f71;
    line-height: 1.6;
    opacity: 0.7;
    margin-top: 1.66666667vw;
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .heat-dissipation-section {
        padding-top: 0;
        position: relative;
        z-index: 10;
    }
    
    .hw-a-all .heat-dissipation-section::before {
        content: "";
        position: absolute;
        background: #fff;
        width: 100%;
        height: 111.111111vw;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .hw-a-all .heat-dissipation-section .common-big-title {
        font-size: 13.333333333vw;
    }

    .hw-a-all .heat-dissipation-section .content-wrap {
        width: 82.222222vw;
    }

    .hw-a-all .heat-dissipation-section .heat-dissipation-video {
        width: 100%;
        height: 111.111111vw;
        margin: 11.11111111vw auto 0;
    }

    .hw-a-all .heat-dissipation-section .heat-dissipation-video video {
        transform-origin: center;
        transform: none;
        border-radius: 0px;
    }

    .hw-a-all .heat-dissipation-section .common-desc {
        width: 82.222222vw;
        margin: 8.888889vw auto 0;
        text-align: left;
    }

    .hw-a-all .heat-dissipation-sup {
        font-size: 3.33333333vw;
        margin-top: 6.666666666vw;
    }
}

/* heat-dissipation end */
/* game start */
.hw-a-all .section-game {
    width: 100%;
    position: relative;
    padding: 10.41666667vw 0;
    display: flex;
    flex-direction: column;
}
.hw-a-all .section-game-work {
    padding-bottom: 1.66666667vw;
    width: 40.10416667vw;
    margin: 0 auto;
    text-align:center;
}
.hw-a-all .section-game-subtitle {
    font-weight:500;
    color:#24c8d0;
    font-size:1.45833333vw;
    line-height: 1.25;
}
.hw-a-all .section-game-title {
    font-weight:500;
    color:#000000;
    font-size:3.33333333vw;
    line-height: 1.25;
    margin-top: 0.83333333vw;
}
.hw-a-all .section-game-text {
    width: 40.10416667vw;
    font-weight:500;
    color:#696f71;
    font-size:1.14583333vw;
    line-height: 1.6;
    text-align: center;
    margin: 3.33333333vw auto 0;
}
.hw-a-all .section-game-img {
    width: 100%;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .section-game {
        padding: 27.7777777vw 0;
    }
    .hw-a-all .section-game-work {
        padding-bottom: 4.4444444vw;
        width: 82.222222vw;
        text-align: left;
        order: 1;
    }
    .hw-a-all .section-game-subtitle {
        font-size:4.4444444vw;
    }
    .hw-a-all .section-game-title {
        font-size:8.888889vw;
        margin-top: 2.777777vw;
    }
    .hw-a-all .section-game-text {
        width: 82.222222vw;
        text-align: left;
        font-size:4.444444vw;
        margin: 0 auto 8.888888888vw;
        order: 2;
    }
    .hw-a-all .section-game-img {
        order: 3;
    }
}

/* game end */
/* battery start  */
.hw-a-all .battery-section .content-wrap {
    display: flex;
    align-items: center;
    width: 44.59375vw;
    margin: 0 auto;
}

.hw-a-all .battery-section .content-wrap .common-big-title {
    width: 13.54166667vw;
}

.hw-a-all .battery-section .content-wrap .common-desc {
    width: 24.48958333vw;
    margin-left: 6.77083333vw;
}

.hw-a-all .battery-section .battery-video-wrap {
    width: 100%;
    height: 39.583333vw;
    overflow: hidden;
    /* margin-top: 3.333333vw; */
}

.hw-a-all .battery-section .battery-video-wrap video {
    width: 100vw;
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .battery-section .content-wrap {
        width: 82.2222222vw;
        flex-direction: column;
        align-items: flex-start;
        padding-left: 0;
        margin-left: 8.888889vw
    }

    .hw-a-all .battery-section .content-wrap .common-big-title {
        width: 100%;
    }

    .hw-a-all .battery-section .content-wrap .common-desc {
        width: 100%;
        margin: 4.444444vw 0 0;
    }

    .hw-a-all .battery-section .battery-video-wrap {
        height: 62.7777777vw;
        /* margin-top: 8.888889vw; */
    }
}

/* battery end  */
/* screen start */
.hw-a-all .screen-section {
    position: relative;
    z-index: 1;
    margin-top: 10.416667vw;
    padding-bottom: 10.41666667vw;
    overflow: hidden;
}
.hw-a-all .screen-bag {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0;
    z-index: -1;
}
.hw-a-all .screen-section .content-wrap {
    width: 67.5vw;
    text-align: center;
    margin: 0 auto;
}

.hw-a-all .screen-section .parm-list {
    margin-top: 2.916667vw;
    display: flex;
    justify-content: center;
    gap: 0 5.20833333vw;
}

.hw-a-all .screen-section .parm-list .parm-number {
    color: #000;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.25;
}

.hw-a-all .screen-section .parm-list .parm-number em {
    font-size: 2.083333vw;
}

.hw-a-all .screen-section .parm-list li p {
    color: rgba(0, 0, 0, .6);
    font-size: 0.9375vw;
    font-weight: 500;
    line-height: 1.6;
    margin-top: 0.3125vw;
}

.hw-a-all .screen-section .screen-wrap {
    margin-top: 3.333333vw;
}

.hw-a-all .screen-section .screen-item {
    position: relative;
    z-index: 1;
    width: 67.29166667vw;
    height: 33.75vw;
    margin: 0 auto;
    /* opacity: 0;
    transform: perspective(62.5vw) translateY(10.416667vw) scale(2);
    -webkit-transform: perspective(62.5vw) translateY(10.416667vw) scale(2);
    -moz-transform: perspective(62.5vw) translateY(10.416667vw) scale(2);
    transition: opacity 0.2s linear, transform 0.6s ease-out;
    -webkit-transition: opacity 0.2s linear, transform 0.6s ease-out;
    -moz-transition: opacity 0.2s linear, transform 0.6s ease-out;
    transform-origin: center top;
    transform-style: preserve-3d; */
}

/* .hw-a-all .screen-section .screen-item.animated {
    opacity: 1;
    transform: translateY(0) scale(1);
    -webkit-transform: translateY(0) scale(1);
    -moz-transform: translateY(0) scale(1);
} */

.hw-a-all .screen-section .card-list {
    display: flex;
    justify-content: center;
    gap: 0 1.25vw;
    margin-top: 3.333333vw;
}

.hw-a-all .screen-section .card-list .card-item {
    width: 21.666667vw;
    background: rgba(255, 255, 255, .7);
    border-radius: 0.833333vw;
    padding: 2.083333vw 2.083333vw 2.604167vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 3px 0px rgba(255, 255, 255, 0.16), 0px 1px 0px #eaffff inset;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.hw-a-all .screen-section .card-list .card-item.active:nth-child(1) {
    transition-delay: 0s;
}

.hw-a-all .screen-section .card-list .card-item.active:nth-child(2) {
    transition-delay: 0.15s;
}

.hw-a-all .screen-section .card-list .card-item.active:nth-child(3) {
    transition-delay: 0.3s;
}

.hw-a-all .screen-section .card-list .card-item .icon-wrap {
    width: 3.125vw;
    height: 3.125vw;
}

.hw-a-all .screen-section .card-list .card-item3 .icon-wrap {
    width: 11.041667vw;
}

.hw-a-all .screen-section .card-list .card-item .card-title {
    color: #000;
    font-weight: 500;
    font-size: 1.666667vw;
    line-height: 1.25;
    margin-top: 1.25vw;
}

.hw-a-all .screen-section .card-list .card-item .card-desc {
    width: 100%;
    flex-shrink: 0;
    color: #6d6f72;
    font-size: 0.9375vw;
    font-weight: 500;
    line-height: 1.6;
    margin-top: 0.833333vw;
}

.hw-a-all .screen-section .card-list .card-item1 .card-desc {
    width: 17.552083vw;
}

.hw-a-all .screen-section .card-list .card-item2 .card-desc {
    width: 17.03125vw;
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .screen-section {
        margin-top: 27.7777778vw;
        padding-bottom: 27.77777777vw;
    }
    .hw-a-all .screen-bag {
        top: -43.33333333vw;
    }
    .hw-a-all .screen-section .content-wrap {
        width: 82.222222vw;
        text-align: left;
    }

    .hw-a-all .screen-section .parm-list {
        margin-top: 8.888889vw;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 8.888888vw 16.111111vw;
        padding: 0 8.888889vw;
        position: relative;
        z-index: 2;
    }

    .hw-a-all .screen-section .parm-list .parm-number {
        font-size: 4.4444444vw;
    }

    .hw-a-all .screen-section .parm-list .parm-number em {
        font-size: 8.888889vw;
    }

    .hw-a-all .screen-section .parm-list li p {
        font-size: 3.333333vw;
        margin-top: 2.22222222vw;
    }

    .hw-a-all .screen-section .screen-wrap {
        width: 100%;
        margin-top: 18.88888888vw;
        position: relative;
        z-index: 1;
    }

    .hw-a-all .screen-section .screen-item {
        width: 100%;
        height: 56.5277777vw;
        margin: 0 auto;
        /* opacity: 1;
        transform: perspective(62.5vw) translateY(0) scale(1);
        -webkit-transform: perspective(62.5vw) translateY(0) scale(1);
        -moz-transform: perspective(62.5vw) translateY(0) scale(1); */
    }

    .hw-a-all .screen-section .screen-item .screen-item-swiper {
        width: 112.6388888vw;
        margin-left: -6.3888888vw;
    }

    .hw-a-all .screen-section .card-list {
        flex-wrap: wrap;
        align-items: center;
        gap: 4.44444444vw 0;
        margin-top: 13.888888888vw;
        position: relative;
        z-index: 2;
    }

    .hw-a-all .screen-section .card-list .card-item {
        width: 91.111111vw;
        border-radius: 2.222222vw;
        box-shadow: none;
        background-color: #fff;
        padding: 11.111111vw 9.444444vw 11.111111vw 6.94444444vw;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        backdrop-filter: blur(0px);
        -webkit-backdrop-filter: blur(0px);
    }

    .hw-a-all .screen-section .card-list .card-item3 {
        padding-top: 11.111111vw;
    }

    .hw-a-all .screen-section .card-list .card-item.active:nth-child(1) {
        transition-delay: 0s;
    }

    .hw-a-all .screen-section .card-list .card-item.active:nth-child(2) {
        transition-delay: 0s;
    }

    .hw-a-all .screen-section .card-list .card-item.active:nth-child(3) {
        transition-delay: 0s;
    }

    .hw-a-all .screen-section .card-list .card-item .icon-wrap {
        width: 13.888889vw;
        height: 13.888889vw;
    }

    .hw-a-all .screen-section .card-list .card-item3 .icon-wrap {
        width: 53.263889vw;
        height: 8.370833vw;
    }

    .hw-a-all .screen-section .card-list .card-item .card-title {
        font-size: 6.666667vw;
        margin: 0 0 0 4.444444vw;
    }

    .hw-a-all .screen-section .card-list .card-item .card-desc {
        font-size: 4.444444vw;
        margin-top: 6.666667vw;
    }

    .hw-a-all .screen-section .card-list .card-item1 .card-desc {
        width: 80.5vw;
    }

    .hw-a-all .screen-section .card-list .card-item2 .card-desc {
        width: 77.222222vw;
    }
}

/* screen end */
/* audio start */
.hw-a-all .audio-swiper-container {
    margin-top: 0;
}

.hw-a-all .audio-swiper-container .swiper-overflow {
    width: 100%;
    overflow: hidden;
}

.hw-a-all .audio-swiper-container .audio-swiper {
    width: 67.5vw;
    margin: 0 auto;
    overflow: visible;
}

.hw-a-all .audio-swiper-container .audio-swiper .audio-video {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 0.833333vw;
}

.hw-a-all .audio-swiper-container .audio-swiper .swiper-slide {
    height: auto;
}

@media (pointer: fine) and (hover: hover) {
    .hw-a-all .audio-swiper-container .audio-swiper .swiper-slide:not(.swiper-slide-active):hover {
        cursor: pointer;
    }

}

.hw-a-all .audio-swiper-container .audio-swiper .swiper-slide:nth-last-child(n+2) {
    margin-right: 1.25vw;
}

.hw-a-all .audio-swiper-container .audio-swiper .audio-video .audio-title {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    color: #fff;
    font-weight: 500;
    font-size: 1.875vw;
    line-height: 1.25;
    padding: 2.5vw;
}

.hw-a-all .audio-swiper-container .audio-swiper .audio-desc {
    width: 53.333333vw;
    color: #696f71;
    font-size: 1.145833vw;
    font-weight: 500;
    line-height: 1.6;
    margin: 2.5vw 0 0 0.833333vw;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.hw-a-all .audio-swiper-container .audio-swiper .swiper-slide-visible .audio-desc {
    opacity: 1;
}

.hw-a-all .audio-bottom {
    width: 67.5vw;
    margin: 2.5vw auto 0;
    display: flex;
    justify-content: flex-end;
}

.hw-a-all .audio-bottom-next {
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 52.03125vw;
    overflow: hidden;
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.hw-a-all .audio-bottom-prev {
    width: 2.5vw;
    height: 2.5vw;
    margin: 0 1.25vw 0 0;
    border-radius: 52.03125vw;
    overflow: hidden;
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.hw-a-all .audio-bottom-next svg {
    transform: translate3d(0, 0, 1px) rotate(0deg);
}

.hw-a-all .audio-bottom-prev svg {
    transform: translate3d(0, 0, 1px) rotate(0deg);
}

.hw-a-all .audio-bottom-bag {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -2;
    transform: translate3d(0, 0, 1px) rotate(0deg);
}

.hw-a-all .audio-bottom-bag span:nth-of-type(1) {
    background:linear-gradient(0deg,#c4eef9 0%,#64d2e6 94.77%);
    box-shadow:0px 1px 0px rgba(255, 255, 255, 0.64) inset;
    border-radius: 52.03125vw;
    position: absolute;
    inset: 0;
}

.hw-a-all .audio-bottom-bag span:nth-of-type(2) {
    background:radial-gradient(ellipse 45.44% 58.87% at 4.56% 50% ,#6effff 0%,rgba(67, 217, 212, 0) 100%);
    transform:rotate(270deg);
    border-radius: 52.03125vw;
    position: absolute;
    inset: 0;
}
@media (hover: hover) and (pointer: fine) {
    .hw-a-all .audio-bottom-prev,
    .hw-a-all .audio-bottom-next {
        cursor: pointer;
    }
}
.hw-a-all .audio-bottom-prev.swiper-button-disabled,
.hw-a-all .audio-bottom-next.swiper-button-disabled {
    opacity: 0.5;
    cursor: default;
}
.hw-a-all .audio-bottom-air {
    position: absolute;
    width: 2.34375vw;
    z-index: -1;
    transform-origin: top;
    overflow: hidden;
    transform: scale(0.733333);
    top: 92%;
}
@media (hover: hover) and (pointer: fine) {
    .hw-a-all .audio-bottom-prev:not(.swiper-button-disabled):hover .audio-bottom-air,
    .hw-a-all .audio-bottom-next:not(.swiper-button-disabled):hover .audio-bottom-air {
        animation:air-move 0.6s linear 0s 1 normal backwards;
    }
}
@keyframes air-move {
    from {
        transform: scale(0.733333);
        top: 92%;
    }
    to {
        transform: scale(1);
        top: -20%;
    }
}
.hw-a-all .audio-sup {
    width: 100%;
    font-size: max(8px, 0.625vw);
    font-weight: 500;
    color: #696F71;
    line-height: 1.6;
    margin-top: 1.66666667vw;
    opacity: 0.7;
}
@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .audio-swiper-container {
        margin-top: 0;
    }

    .hw-a-all .audio-swiper-container .audio-swiper {
        width: 82.222222vw;
    }

    .hw-a-all .audio-swiper-container .audio-swiper .audio-video {
        border-radius: 2.222222vw;
    }

    .hw-a-all .audio-swiper-container .audio-swiper .swiper-slide:nth-last-child(n+2) {
        margin-right: 4.444444vw;
    }

    .hw-a-all .audio-swiper-container .audio-swiper .audio-video .audio-title {
        font-size: 5.555556vw;
        padding: 6.666667vw;
    }

    .hw-a-all .audio-swiper-container .audio-swiper .audio-desc {
        width: 69.4444444vw;
        color: #696f71;
        font-size: 4.444444vw;
        margin: 8.888889vw 0 0 4.4444444vw;
    }

    .hw-a-all .audio-swiper-container .audio-swiper .swiper-slide:nth-of-type(1) .audio-desc {
        width: 69.4444444vw;
    }

    .hw-a-all .audio-bottom {
        width: 82.222222vw;
        margin: 11.1111111vw auto 0;
    }

    .hw-a-all .audio-bottom-next {
        width: 11.1111111vw;
        height: 11.1111111vw;
    }

    .hw-a-all .audio-bottom-prev {
        width: 11.1111111vw;
        height: 11.1111111vw;
        margin: 0 5.55555vw 0 0;
    }
    .hw-a-all .audio-bottom-air {
        width: 6.944444444vw;
        display: none;
    }
    .hw-a-all .audio-bottom-prev.on .audio-bottom-air,
    .hw-a-all .audio-bottom-next.on .audio-bottom-air {
        animation:air-move 0.6s linear 0s 1 normal backwards;
    }
    .hw-a-all .audio-sup {
        font-size: 3.33333333vw;
        margin-top: 6.666666666vw;
    }
}

/* audio end */
/* communication start */
.hw-a-all .communication-section {
    margin-top: 8.33333333vw;
    padding-bottom: 8.33333333vw;
}

.hw-a-all .communication-section .content-wrap {
    width: 42.29166667vw;
    margin: 0 auto;
    text-align: center;
}

.hw-a-all .communication-section .content-wrap .common-desc {
    margin-top: 1.666667vw;
}

.hw-a-all .communication-section .content-wrap .common-desc em {
    color: #000;
}

.hw-a-all .communication-section .communication-img {
    width: 67.5vw;
    margin: 3.333333vw auto 0;
    border-radius: 0.833333vw;
    overflow: hidden;
}

.hw-a-all .communication-section .communication-card-container {
    display: flex;
    justify-content: center;
    margin-top: 3.333333vw;
    gap: 1.25vw;
}


.hw-a-all .communication-section .communication-card-container .card-item {
    width: 21.666667vw;
    background: #fff;
    border-radius: 0.833333vw;
    box-shadow: 0px 3px 6px rgba(255, 255, 255, 0.16);
    overflow: hidden;
    padding: 2.083333vw 1.09375vw 2.604167vw 2.083333vw;
}

.hw-a-all .communication-section .communication-card-container .card-item .icon-wrap {
    width: 3.3333334vw;
    height: 3.3333334vw;
}

.hw-a-all .communication-section .communication-card-container .card-item .card-title {
    color: #000;
    font-size: 1.458333vw;
    font-weight: 500;
    line-height: 1.25;
    margin-top: 0.833333vw;
}

.hw-a-all .communication-section .communication-card-container .card-item .card-desc {
    color: #6d6f72;
    font-size: 0.9375vw;
    font-weight: 500;
    line-height: 1.6;
    margin-top: 0.833333vw;
}

.hw-a-all .communication-section .communication-card-container .card-item:nth-child(1) {
    transition-delay: 0s;
}

.hw-a-all .communication-section .communication-card-container .card-item:nth-child(2) {
    transition-delay: 0.15s;
}

.hw-a-all .communication-section .communication-card-container .card-item:nth-child(3) {
    transition-delay: 0.3s;
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .communication-section {
        margin-top: 27.777778vw;
        padding-bottom: 22.222222vw;
    }

    .hw-a-all .communication-section .content-wrap {
        width: 82.2222222vw;
        text-align: left;
    }

    .hw-a-all .communication-section .content-wrap .common-desc {
        margin-top: 4.444444vw;
    }

    .hw-a-all .communication-section .communication-img {
        width: 100%;
        margin: 8.888889vw auto 0;
        border-radius: 0;
    }

    .hw-a-all .communication-section .communication-card-container {
        flex-direction: column;
        align-items: center;
        margin-top: 6.6666666vw;
        gap: 4.444444vw;
    }


    .hw-a-all .communication-section .communication-card-container .card-item {
        width: 91.111111vw;
        border-radius: 2.222222vw;
        box-shadow: none;
        padding: 6.666667vw 6.666667vw 8.888889vw 6.666667vw;
    }

    .hw-a-all .communication-section .communication-card-container .card-item .icon-wrap {
        width: 13.888889vw;
        height: 13.888889vw;
    }

    .hw-a-all .communication-section .communication-card-container .card-item .card-title {
        font-size: 6.666667vw;
        margin-top: 4.444444vw;
    }

    .hw-a-all .communication-section .communication-card-container .card-item .card-desc {
        color: #696f71;
        font-size: 4.444444vw;
        margin-top: 3.333333vw;
    }

    .hw-a-all .communication-section .communication-card-container .card-item:nth-child(1) {
        transition-delay: 0s;
    }

    .hw-a-all .communication-section .communication-card-container .card-item:nth-child(2) {
        transition-delay: 0s;
    }

    .hw-a-all .communication-section .communication-card-container .card-item:nth-child(3) {
        transition-delay: 0s;
    }
}

/* communication end */



.hw-a-all .txtani {
    transform: translate3d(0px, 30px, 0px);
    opacity: 0;
    pointer-events: none;
    transition: transform 800ms cubic-bezier(0, 0, 0.5, 1), opacity 800ms cubic-bezier(0, 0, 0.5, 1);
}

.hw-a-all .txtani.active {
    transform: translate3d(0px, 0px, 0px)!important;
    opacity: 1;
    pointer-events: all;
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-a-all .txtanim.active {
        transform: translate3d(0px, 0px, 0px)!important;
        opacity: 1;
        pointer-events: all;
    }

    .hw-a-all .txtanim {
        transform: translate3d(0px, 30px, 0px);
        opacity: 0;
        pointer-events: none;
        transition: transform 800ms cubic-bezier(0, 0, 0.5, 1), opacity 800ms cubic-bezier(0, 0, 0.5, 1);
    }
}