.sax-main {
    font-weight: 400;
    line-height: 1.6;
    background-color: #fefefe;
    overflow: hidden;
}

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

.sax-main picture {
    border: 0;
    width: 100%;
    height: auto;
    display: block;
}

.sax-main sup {
    font-size: 0.6em;
    cursor: pointer;
}

.sax-main svg {
    width: 100%;
    height: auto;
    display: block;
    overflow: visible;
}

.sax-main a {
    text-decoration: none;
}

.sax-main .footer-list a {
    color: inherit;
    line-height: inherit;
    text-decoration: underline;
    word-wrap: break-word;
}

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

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

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

.sax-main img {
    border: 0;
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

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

.sax-main .blur-up {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    -webkit-transition: filter 400ms;
    transition: -webkit-filter 400ms;
    transition: filter 400ms;
    transition: filter 400ms, -webkit-filter 400ms;
    -moz-transition: filter 400ms;
}

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

.sax-main .show-mob {
    display: none;
}

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

.sax-main br.show-mob {
    line-height: 0;
}

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

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

.sax-main .is-ucwx {
    display: none;
}

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



.sax-main .sub-title {
    color: #000;
    font-size: 3.33333333vw;
    font-weight: 500;
    line-height: 1.25;
    background: linear-gradient(180deg, #907b5b 0%, #665341 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sax-main .desc-text {
    color: #86868B;
    font-size: 1.14583333vw;
    font-weight: 500;
    line-height: 1.6;
}

.sax-main .white-color {
    color: #fff;
}

.sax-main .black-color {
    color: #000;
    font-weight: 700;
}

/* mob */
@media screen and (max-aspect-ratio:11/10) {
    .sax-main .show-mob {
        display: block;
    }

    .sax-main .show-mob-inline {
        display: inline-block;
    }

    .sax-main .show-pc {
        display: none;
    }

    .sax-main .show-pc-inline {
        display: none;
    }

    .sax-main .sub-title {
        font-size: 8.888889vw;
    }

    .sax-main .desc-text {
        font-size: 4.444444vw;
    }

    .sax-main .big-title {
        font-size: 13.333333vw;
    }
}

/* footer start */
.sax-main .footer-list {
    width: 67.5vw;
    margin: 10.41666667vw auto 0;
    padding-bottom: 10.41666667vw;

}

.sax-main .footer-list ul {
    padding-left: 1.041767vw
}

.sax-main .footer-list ul a {
    color: inherit;
    line-height: inherit;
    text-decoration: underline;
    word-wrap: break-word;
}

.sax-main .footer-list li {
    list-style-type: decimal;
    color: #85858A;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
}

.sax-main .footer-list li.active {
    color: #2A2A2C;
}

.sax-main .footer-list li.footer-active {
    color: #2A2A2C;
}

.sax-main .footer-list li.price,
.sax-main .footer-list li.other {
    position: relative;
    list-style-type: none;
}

.sax-main .footer-list li.price::before {
    content: "*";
    position: absolute;
    top: 0;
    left: -9px;
}

.sax-main .footer-list li.other::before {
    content: "**";
    position: absolute;
    top: 0;
    left: -.25em;
    transform: translateX(-100%);
}

@media screen and (min-width: 1920px) {
    .sax-main .footer-list li {
        font-size: 0.625vw;
    }

    .sax-main .sax-w3 .w3-conWrap .w3-remark {
        font-size: 0.625vw;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1920px) {
    .sax-main .sax-w3 .w3-conWrap .w3-remark {
        font-size: 12px;
    }
}

@media screen and (max-width: 1200px) {
    .sax-main .sax-w3 .w3-conWrap .w3-remark {
        font-size: 0.625vw;
    }
}

@media screen and (max-aspect-ratio:11/10) {
    .sax-main .footer-list {
        width: 83.333333333vw;
        margin: 27.77777777vw 0 0 9.9277777vw;
        padding-bottom: 27.77777777vw;
    }

    .sax-main .footer-list li {
        font-size: 3.33333333vw;
    }

    .sax-main .footer-list ul {
        padding-left: 5.277778vw
    }

}

/* footer end */


/* w1 start  */
.sax-main .sax-w1 {
    margin-top: 8.33333333vw;
}

.sax-main .sax-w1 .w1-swiper {
    width: 67.5vw;
    margin: 0 auto;
    overflow: visible;
}

.sax-main .sax-w1 .swiper-slide {
    width: 33.125vw;
    cursor: pointer;
}

.sax-main .sax-w1 .swiper-slide.swiper-slide-active {
    cursor: default;
}

.sax-main .sax-w1 .swiper-slide:not(:last-child) {
    margin-right: 1.25vw;
}

.sax-main .sax-w1 .swiper-slide p {
    width: 30.72916667vw;
    margin: 2.08333333vw 0 0 0.83333333vw;
}

.sax-w1 .slide-1 .slide1-box {
    background-color: #F7F7F6;
    width: 100%;
    height: 26.04166667vw;
    border-radius: 0.83333333vw;
    -webkit-border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    -ms-border-radius: 0.83333333vw;
    -o-border-radius: 0.83333333vw;
    position: relative;
}

.sax-w1 .slide-1 .slide1-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.6;
    border-top: 1px solid #907b5b;
}

.sax-w1 .slide-1 .slide1-wrap ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
}

.sax-w1 .slide-1 .slide1-wrap:nth-child(1) {
    margin-right: 4.375vw;
    width: 9.33333333vw;
}

.sax-w1 .slide-1 .slide1-wrap:nth-child(2) {
    width: 9.4375vw;
}

.sax-w1 .slide-1 .slide1-wrap .close {
    font-weight: 500;
    color: #000;
    font-size: 1.66666667vw;
    display: flex;
    align-items: center;
    margin: 0.9375vw 0.625vw 0 0;
}

.sax-w1 .slide-1 .slide1-wrap .txt {
    font-weight: 500;
    font-size: 1.04166667vw;
    line-height: 1.6;
    color: rgba(0, 0, 0, 0.6);
    display: inline-block;
}

.sax-w1 .slide-1 .slide1-wrap .time-wrap {
    transform: translateY(-16%);
    -webkit-transform: translateY(-16%);
    -moz-transform: translateY(-16%);
    -ms-transform: translateY(-16%);
    -o-transform: translateY(-16%);
}

.sax-w1 .slide-1 .slide1-wrap .time {
    font-size: 8.33333333vw;
    font-weight: 500;
    line-height: 1.6;
    background: linear-gradient(180deg, #907b5b 0%, #665341 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sax-w1 .slide-1 .slide1-wrap .hours {
    font-size: 1.66666667vw;
    font-weight: 500;
    line-height: 1.25;
    color: #000;
}

.sax-main .sax-w1 .w1-img {
    overflow: hidden;
    width: 100%;
    border-radius: 0.83333333vw;
    -webkit-border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    -ms-border-radius: 0.83333333vw;
    -o-border-radius: 0.83333333vw;
}

.sax-w1 .slide-1 .w1-img {
    display: flex;
    padding: 6.25vw 0 0 5.36458333vw;
}

.sax-main .sax-w1 .w1-img .close-img {
    width: 1.97916667vw;
    height: 1.97916667vw;
    margin-top: 1.14583333vw;

}

.sax-main .sax-w1 .w1-control {
    display: flex;
    width: 67.5vw;
    margin: 2.5vw auto 0;
    justify-content: end;
}

.sax-main .sax-w1 .w1-control .swiper-button-disabled {
    opacity: 0.3;
    cursor: default;
    pointer-events: none;
}

.sax-main .sax-w1 .w1-control div {
    width: 2.5vw;
    cursor: pointer;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
}

.sax-main .sax-w1 .w1-control div::after {
    content: "";
}

.sax-main .sax-w1 .w1-control .left {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    margin-right: 1.25vw;
}

.sax-main .sax-w1 .swiper.isend .swiper-slide:nth-last-of-type(-n + 2) {
    cursor: default;
}

@media screen and (max-aspect-ratio:11/10) {
    .sax-main .sax-w1 .w1-swiper {
        width: 82.2222222222vw;
    }

    .sax-main .sax-w1 .slide-1 .w1-img {
        width: 82.2222222222vw;
        height: 97.2222222222vw;
        border-radius: 2.2222222222vw;
        -webkit-border-radius: 2.2222222222vw;
        -moz-border-radius: 2.2222222222vw;
        -ms-border-radius: 2.2222222222vw;
        -o-border-radius: 2.2222222222vw;
        display: flex;
        flex-direction: column;
        padding: 13.6111111111vw 0 0 15.2777777778vw;
    }

    .sax-main .sax-w1 .swiper-slide {
        width: 100%;
    }

    .sax-main .sax-w1 .swiper-slide:not(:last-child) {
        margin-right: 4.4444444444vw;
    }

    .sax-main .sax-w1 .swiper-slide p {
        width: 73.3333333333vw;
        margin: 6.6666666667vw 0 0 4.1666666667vw;
    }

    .sax-main .sax-w1 .w1-control div {
        width: 11.1111111111vw;
    }

    .sax-main .sax-w1 .w1-control .left {
        margin-right: 5.5555555556vw;
    }

    .sax-main .sax-w1 .w1-control {
        width: 82.2222222222vw;
        margin-top: 6.6666666667vw;
    }

    .sax-main .sax-w1 {
        overflow: hidden;
        margin-top: 22.22222222vw;
    }

    .sax-w1 .slide-1 .slide1-box {
        height: 97.2222222222vw;
        border-radius: 2.222222222vw;
        -webkit-border-radius: 2.222222222vw;
        -moz-border-radius: 2.222222222vw;
        -ms-border-radius: 2.222222222vw;
        -o-border-radius: 2.222222222vw;
    }

    .sax-w1 .slide-1 .slide1-wrap {
        flex-direction: row;
    }

    .sax-w1 .slide-1 .slide1-wrap .close {
        font-size: 5.2777777778vw;
        display: flex;
        flex-direction: column;
        margin: 0 8.8888888889vw 3.3333333333vw 0;
        align-items: flex-start;
    }

    .sax-w1 .slide-1 .slide1-wrap:nth-child(1) {
        width: 51.6666666667vw;
        border: none;
        margin: 0;
    }

    .sax-w1 .slide-1 .slide1-wrap ul {
        align-content: flex-start;
        align-items: normal;
    }

    .sax-w1 .slide-1 .slide1-wrap:nth-child(2) {
        padding-top: 6.66666667vw;
        width: 52.1111111111vw;
    }

    .sax-main .sax-w1 .w1-img .close-img {
        width: 7.7777777778vw;
        height: 7.7777777778vw;
        margin: 0 16.6666666667vw 0 0;
        order: 3;
    }

    .sax-main .sax-w1 .w1-img {
        border-radius: 2.2222222222vw;
        -webkit-border-radius: 2.2222222222vw;
        -moz-border-radius: 2.2222222222vw;
        -ms-border-radius: 2.2222222222vw;
        -o-border-radius: 2.2222222222vw;
    }

    .sax-w1 .slide-1 .slide1-wrap .txt {
        font-size: 3.3333333333vw;
        transform: translateY(4%);
        -webkit-transform: translateY(4%);
        -moz-transform: translateY(4%);
        -ms-transform: translateY(4%);
        -o-transform: translateY(4%);
        order: 2;
    }

    .sax-w1 .slide-1 .slide1-wrap .time {
        font-size: 25vw;
    }

    .sax-w1 .slide-1 .slide1-wrap .hours {
        font-size: 5.2777777778vw;
    }

    .sax-w1 .slide-1 .slide1-wrap .time-wrap {
        margin-top: -29%;
        transform: translateY(8%);
        -webkit-transform: translateY(8%);
        -moz-transform: translateY(8%);
        -ms-transform: translateY(8%);
        -o-transform: translateY(8%);
        order: 4;
    }
}

/* w1 end  */
/* w2 start */
.sax-main .sax-w2 {
    margin-top: 8.33333333vw;
    text-align: center;
}

.sax-main .sax-w2 .w2-swiper {
    width: 67.5vw;
    margin: 3.33333333vw auto 2.08333333vw;
}

.sax-main .sax-w2 .w2-swiper .swiper-slide {
    width: 100%;
    height: 31.77083333vw;
    background-color: #F7F7F6;
    border-radius: 0.83333333vw;
    -webkit-border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    -ms-border-radius: 0.83333333vw;
    -o-border-radius: 0.83333333vw;
    overflow: hidden;
    color: #000;
    line-height: 1.6;
    font-weight: 500;
}

.sax-main .sax-w2 .w2-swiper .slide1,
.sax-main .sax-w2 .w2-swiper .slide2,
.sax-main .sax-w2 .w2-swiper .slide3 {
    font-size: 1.25vw;
}

.sax-w2 .w2-swiper .slide1 .slide1-con {
    padding: 1.66666667vw 3.33333333vw;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
    display: inline;
    height: 100%;
    text-align: left;
    line-height: 1.6;
}

.sax-w2 .w2-swiper .slide1 .slide1-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.sax-w2 .w2-swiper .slide1-1 {
    background-color: #e9e9eb;
    margin: 0 15.3125vw 0 7.5vw;

}

.sax-w2 .w2-swiper .slide1-2 {
    background-color: #ede7df;
}

.sax-w2 .w2-swiper .slide1-img {
    width: 7.29166667vw;
    height: 7.29166667vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.sax-w2 .w2-swiper .slide1-img video,
.sax-w2 .w2-swiper .slide3-img video,
.sax-w2 .w2-swiper .slide2 .slide2-4 video {
    mix-blend-mode: darken;
}

.sax-w2 .w2-swiper .slide2>div {
    display: flex;
    align-items: center;
    position: absolute;
}


.sax-w2 .w2-swiper .slide2 p {
    padding: 1.66666667vw 3.33333333vw;
    background-color: #E9E9EB;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
    text-align: left;
}

.sax-w2 .w2-swiper .slide2 .slide2-1 {
    top: 3.38541667vw;
    left: 14.47916667vw;
}

.sax-w2 .w2-swiper .slide2 .slide2-2 {
    top: 50%;
    transform: translateY(-50%);
    left: 41.77083333vw;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.sax-w2 .w2-swiper .slide2 .slide2-3 {
    top: 20.9375vw;
    left: 11.35416667vw;
}

.sax-w2 .w2-swiper .slide2 .slide2-4 {
    width: 7.29166667vw;
    height: 7.29166667vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.sax-w2 .w2-swiper .slide3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.w2-swiper .slide3>div.slide3-con {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
    overflow: hidden;
    background-color: #EDE7DF;
    padding: 1.14583333vw 2.5vw;
}

.sax-w2 .w2-swiper .slide3 .slide3-1,
.sax-w2 .w2-swiper .slide3 .slide3-2 {
    margin-bottom: 1.04166667vw;
}

.sax-w2 .w2-swiper .slide3-1 img {
    width: 1.40625vw;
    margin-right: 0.41666667vw;
}

.sax-w2 .w2-swiper .slide3-2 img {
    width: 1.51041667vw;
    margin-right: 0.41666667vw;
}

.sax-w2 .w2-swiper .slide3-3 img {
    width: 1.09375vw;
    margin-right: 0.41666667vw;
}

.sax-w2 .w2-swiper .slide3-img {
    width: 7.29166667vw;
    height: 7.29166667vw;
    margin: 1.45833333vw auto 0;
}

.sax-w2 .w2-swiper .slide3 .slide3-wrap {
    display: flex;
    align-items: center;
}

.sax-w2 .w2-swiper .slide3 .slide3-wrap p {
    color: #7b6b53;
    font-size: 1.04166667vw;
}

.sax-main .sax-w2 .w2-btnWrap {
    width: fit-content;
    margin: 0 auto;
}

.sax-w2 .w2-btnWrap ul {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    position: relative;
}

.sax-w2 .w2-btnWrap .line {
    width: 100%;
    height: 2px;
    background-color: #BFBFBF;
    --w2Wid: 6.66666667vw;
    --w2X: 0;
    position: relative;
}

.sax-w2 .w2-btnWrap .line .lineActive {
    width: var(--w2Wid);
    transform: translatex(var(--w2X));
    -webkit-transform: translatex(var(--w2X));
    -moz-transform: translatex(var(--w2X));
    -ms-transform: translatex(var(--w2X));
    -o-transform: translatex(var(--w2X));
    background-color: #000;
    height: 2px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.sax-w2 .w2-btnWrap ul li {
    color: rgba(0, 0, 0, 0.4);
    transition: color 1s ease;
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    -ms-transition: color 1s ease;
    -o-transition: color 1s ease;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.25;
    cursor: pointer;
    padding-bottom: 0.83333333vw;
}



.sax-w2 .w2-btnWrap ul li.active {
    color: rgba(0, 0, 0, 1);
    cursor: default;
}

.sax-w2 .w2-btnWrap ul li:not(:last-child) {
    margin-right: 2.91666667vw;
}

.sax-w2 .w2-conWrap {
    width: 30.26041667vw;
    margin: 1.66666667vw auto 0;
}

.sax-w2 .w2-conWrap ul {
    position: relative;
}

.sax-w2 .w2-conWrap ul li {
    position: absolute;
    top: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    font-size: 1.14583333vw;
    font-weight: 500;
    color: #86868B;
    text-align: center;
    pointer-events: none;
    line-height: 1.6;
}

.sax-w2 .w2-conWrap ul li.active {
    opacity: 1;
    transition-delay: 0.3s;
    pointer-events: all;
}

.sax-w2 .w2-conWrap ul li:first-child {
    position: relative;
}

@media screen and (max-aspect-ratio:11/10) {
    .sax-main .sax-w2 .w2-swiper {
        width: 91.1111111111vw;
        margin: 11.1111111111vw auto;
    }

    .sax-main .sax-w2 .w2-swiper .swiper-slide {
        height: 128.8888888889vw;
        border-radius: 2.2222222222vw;
        -webkit-border-radius: 2.2222222222vw;
        -moz-border-radius: 2.2222222222vw;
        -ms-border-radius: 2.2222222222vw;
        -o-border-radius: 2.2222222222vw;
    }

    .sax-w2 .w2-btnWrap ul li {
        font-size: 4.4444444444vw;
        padding-bottom: 4.4444444444vw;
    }

    .sax-w2 .w2-conWrap {
        width: 86.1111111111vw;
        margin: 6.6666666667vw auto 0;
    }

    .sax-w2 .w2-conWrap ul li {
        width: 100%;
        font-size: 4.4444444444vw;
    }

    .sax-w2 .w2-btnWrap ul li:not(:last-child) {
        margin-right: 6.6666666667vw;
    }

    .sax-main .sax-w2 {
        margin-top: 27.7777777778vw;
    }

    .sax-w2 .w2-swiper .slide1 .slide1-box {
        flex-direction: column;
        text-align: center;
    }

    .sax-main .sax-w2 .w2-swiper .slide1 {
        font-size: 3.8888888889vw;
    }

    .sax-w2 .w2-swiper .slide1-1 {
        margin: 0 0 43.8888888889vw 0;

    }

    .sax-w2 .w2-swiper .slide1 .slide1-con {
        padding: 4.4444444444vw 8.8888888889vw;
        text-align: center;
    }

    .sax-w2 .w2-swiper .slide1-img {
        width: 22.2222222222vw;
        height: 22.2222222222vw;
    }

    .sax-w2 .w2-swiper .slide2 .slide2-1 p {
        width: 46.6666666667vw;
    }

    .sax-w2 .w2-swiper .slide2 .slide2-2 p {
        width: 49.7222222222vw;
    }

    .sax-w2 .w2-swiper .slide2 .slide2-3 p {
        width: 57.5277777778vw;
    }

    .sax-main .sax-w2 .w2-swiper .slide2 {
        font-size: 3.8888888889vw;
    }

    .sax-w2 .w2-swiper .slide2 img {
        width: 100%;
        height: 100%;
    }

    .sax-w2 .w2-swiper .slide2 img.ai {
        width: 14.4444444444vw;
        height: 14.4444444444vw;
    }

    .sax-w2 .w2-swiper .slide2 .slide2-1 {
        top: 10vw;
        left: 7.7777777778vw;
    }

    .sax-w2 .w2-swiper .slide2 .slide2-2 {
        top: 38.4722222222vw;
        left: 34.1666666667vw;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    .sax-w2 .w2-swiper .slide2 .slide2-3 {
        top: 66.9444444444vw;
        left: 8.8888888889vw;
    }

    .sax-w2 .w2-swiper .slide2 .slide2-4 {
        width: 22.2222222222vw;
        height: 22.2222222222vw;
        top: auto;
        bottom: 8.3333333333vw;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
    }

    .sax-w2 .w2-swiper .slide2 p {
        box-sizing: border-box;
        padding: 5.5555555556vw 8.8888888889vw;

    }

    .sax-w2 .w2-swiper .slide3-1 img {
        width: 5.1388888889vw;
        margin-right: 1.111111111vw;
    }

    .sax-w2 .w2-swiper .slide3-1 p.txt {
        width: 57.2222222222vw;
    }

    .sax-w2 .w2-swiper .slide3-2 p.txt {
        width: 58.3333333333vw;
    }

    .sax-w2 .w2-swiper .slide3-3 p.txt {
        width: 46.9444444444vw;
    }

    .sax-w2 .w2-swiper .slide3-2 img {
        width: 4.44444444vw;
    }

    .sax-w2 .w2-swiper .slide3-3 img {
        width: 3.8888888889vw;
    }

    .sax-main .sax-w2 .w2-swiper .slide3 {
        justify-content: flex-start;
        padding-top: 8.3333333333vw;
        font-size: 3.8888888889vw;
    }

    .sax-w2 .w2-swiper .slide3 .slide3-wrap p {
        font-size: 3.8888888889vw;
    }

    .sax-w2 .w2-swiper .slide3-1 {
        padding: 3.8888888889vw 10.2777777778vw;
    }

    .sax-w2 .w2-swiper .slide3-2 {
        padding: 3.8888888889vw 6.9444444444vw;
    }

    .sax-w2 .w2-swiper .slide3-3 {
        padding: 3.8888888889vw 8.6111111111vw;
    }

    .sax-w2 .w2-swiper .slide3 .slide3-1,
    .sax-w2 .w2-swiper .slide3 .slide3-2 {
        margin-bottom: 4.4444444444vw;
    }

    .w2-swiper .slide3>div.slide3-con {
        padding: 3.8888888889vw 8.8888888889vw;
    }

    .sax-w2 .w2-swiper .slide3-img {
        width: 22.2222222222vw;
        height: 22.2222222222vw;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        bottom: 8.3333333333vw;
    }

}

/* w2 end */
/* w3 start */
.sax-main .sax-w3 {
    margin-top: 10.41666667vw;
    overflow: hidden;
}

.sax-main .sax-w3 .w3-conWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 60%;
    margin: 0 auto;
}

.sax-main .sax-w3 .w3-conWrap .sub-title {
    font-size: 5.20833333vw;
}

.sax-w3 .w3-conWrap .w3-remark {
    margin: 1.66666667vw auto 0;
    width: 100%;
    font-size: 0.625vw;
    color: rgba(134, 134, 139, 0.8);
    line-height: 1.6;
    font-weight: 500;
    text-align: center;
}

.sax-main .sax-w3 .w3-bottom .bottomCon {
    font-size: 1.14583333vw;
    font-weight: 500;
    color: #86868b;
    line-height: 1.6;
}

.sax-main .sax-w3 .w3-con {
    font-size: 1.14583333vw;
    font-weight: 500;
    color: #86868b;
    line-height: 1.6;
    text-align: center;
    width: 40.88541667vw;
    margin: 3.33333333vw auto 0;
}

.sax-main .sax-w3 .w3-videoWrap {
    position: relative;
    margin-top: 3.33333333vw;
}

.sax-main .sax-w3 .w3-videoWrap .w3-video2 {
    position: absolute;
    top: 0;
    left: 0;
}

.sax-main .sax-w3 .w3-video {
    width: 100vw;
    height: 50vw;
    position: relative;
    opacity: 0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.sax-main .sax-w3 .w3-video.active {
    z-index: 20;
    opacity: 1;
}

.sax-main .sax-w3 .w3-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sax-main .sax-w3 .w3-videoControlWrap {
    display: flex;
    padding: 0.20833333vw;
    background: rgba(128, 128, 128, 0.3);
    backdrop-filter: blur(8.25px);
    width: fit-content;
    position: absolute;
    bottom: 4.16666667vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    border-radius: 99999px;
    -webkit-border-radius: 99999px;
    -moz-border-radius: 99999px;
    -ms-border-radius: 99999px;
    -o-border-radius: 99999px;
    overflow: hidden;
    z-index: 100;
}

.sax-main .sax-w3 .w3-videoControlBg {
    position: absolute;
    width: 5.83333333vw;
    height: calc(100% - (0.20833333vw * 2));
    background: #fff;
    border-radius: 9999px;
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    -ms-border-radius: 9999px;
    -o-border-radius: 9999px;
    z-index: 10;
    left: 0;
    top: 50%;
    transform: translate(0.20833333vw, -50%);
    -webkit-transform: translate(0.20833333vw, -50%);
    -moz-transform: translate(0.20833333vw, -50%);
    -ms-transform: translate(0.20833333vw, -50%);
    -o-transform: translate(0.20833333vw, -50%);
    transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
}

.sax-main .sax-w3 .w3-videoControl {
    padding: 0.72916667vw 1.25vw;
    z-index: 50;
    font-size: 0.9375vw;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    line-height: 1.25;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
}



.sax-main .sax-w3 .w3-videoControl.active {
    color: #000000;
    cursor: default;
    pointer-events: none;
}

.sax-main .sax-w3 .w3-box {
    width: 67.5vw;
    margin: 6.25vw auto 0;
    padding: 6.40625vw 0 6.35416667vw;
    background-color: #F7F7F6;
    z-index: 20;
    position: relative;
    border-radius: 0.83333333vw;
    -webkit-border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    -ms-border-radius: 0.83333333vw;
    -o-border-radius: 0.83333333vw;
    overflow: hidden;

}

.sax-main .sax-w3 .w3-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.sax-main .sax-w3 .w3-btn:not(:first-child) .w3-top {
    margin-top: 1.25vw;
}

.sax-main .sax-w3 .w3-btn:not(:last-child) {
    padding-bottom: 1.25vw;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.sax-main .sax-w3 .w3-btn {
    transform-origin: top;
}

.sax-main .sax-w3 .w3-bottom {
    font-weight: 500;
    font-size: 1.04166667vw;
    line-height: 1.6;
    color: #86868B;
    height: 0;
    overflow: hidden;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transform-origin: top;
}

.sax-main .sax-w3 .w3-btn.active .w3-top {
    cursor: default;
}

.sax-main .sax-w3 .w3-btn.active .w3-title {
    color: rgba(0, 0, 0, 1)
}


.sax-main .sax-w3 .w3-btn.active .w3-bottom {
    margin-top: 1.25vw;
    height: 5vw;
}

.sax-main .sax-w3 .w3-btn.active #svg-shu {
    opacity: 0;
}

.sax-main .sax-w3 .w3-btn #svg-shu {
    opacity: 1;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
}

.sax-main .sax-w3 .w3-icon {
    width: 0.88541667vw;
    height: 0.88541667vw;
}

.sax-w3 .w3-box .w3-swiper {
    width: 20.98958333vw;
    margin-left: 8.33333333vw;
}

.sax-w3 .w3-box .swiper-slide .w3-img {
    width: 100%;
}

.sax-main .sax-w3 .w3-btnWrap {
    width: 24.27083333vw;
    position: absolute;
    top: 9.375vw;
    left: 35.83333333vw;
}

.sax-w3 .w3-box .w3-title {
    font-size: 1.66666667vw;
    line-height: 1.25;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.4);
    transition: color 1s ease;
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    -ms-transition: color 1s ease;
    -o-transition: color 1s ease;
}

@media screen and (max-aspect-ratio:11/10) {
    .sax-main .sax-w3 {
        margin-top: 22.2222222222vw;
    }

    .sax-main .sax-w3 .w3-box {
        width: 100%;
        height: auto;
        margin-top: 19.4444444444vw;
        background-color: transparent;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        padding: 0;
    }

    .sax-w3 .w3-box .w3-swiper {
        position: static;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        width: 82.2222222222vw;
        margin: 0 auto;
        overflow: visible;
    }

    .sax-w3 .w3-box .swiper-slide {
        width: 100%;
        height: auto;
        border-radius: 2.2222222222vw;
        -webkit-border-radius: 2.2222222222vw;
        -moz-border-radius: 2.2222222222vw;
        -ms-border-radius: 2.2222222222vw;
        -o-border-radius: 2.2222222222vw;
        overflow: hidden;
        position: relative;
        background-color: #F8F8F6;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        padding: 11.1111111111vw 0;
    }

    .sax-w3 .w3-box .swiper-slide .w3-img {
        width: 65vw;
    }

    .sax-w3 .w3-box .swiper-slide:not(:last-child) {
        margin-right: 4.4444444444vw;
    }

    .sax-main .sax-w3 .w3-mobWrap {
        width: 86.1111111111vw;
        margin: 11.1111111vw auto 0;
    }

    .sax-main .sax-w3 .w3-con {
        font-size: 4.4444444444vw;
        margin-top: 0;
        text-align: left;
        width: 100%;
    }

    .sax-main .sax-w3 .w3-remark {
        font-size: 3.333333333vw;
        color: rgba(134, 134, 139, 0.8);
        line-height: 1.6;
        font-weight: 500;
        margin-top: 11.1111111111vw;
    }

    .sax-main .sax-w3 .w3-control {
        display: flex;
        justify-content: end;
        padding-right: 8.8888888889vw;
        margin-top: 6.666666666vw;
    }

    .sax-main .sax-w3 .w3-control .left {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        margin-right: 5.5555555556vw;
    }

    .sax-main .sax-w3 .w3-control div {
        width: 11.1111111111vw;
        transition: opacity 1s ease;
        -webkit-transition: opacity 1s ease;
        -moz-transition: opacity 1s ease;
        -ms-transition: opacity 1s ease;
        -o-transition: opacity 1s ease;
    }

    .sax-main .sax-w3 .ydCon {
        width: 68.3333333333vw;
        margin-bottom: 11.111111111vw;
    }

    .sax-main .sax-w3 .yd-title {
        font-size: 5.8333333333vw;
        line-height: 1.25;
        color: #000000;
        font-weight: 700;
        margin-bottom: 3.3333333333vw;
    }

    .sax-main .sax-w3 .yd-text {
        font-size: 3.8888888889vw;
        line-height: 1.6;
        font-weight: 500;
        color: #86868B;
    }

    .sax-main .sax-w3 .w3-control .swiper-button-disabled {
        opacity: 0.3;
    }

    .sax-main .sax-w3 .w3-bg {
        width: 100%;
        height: auto;
        object-fit: cover;
        margin-top: 11.11111111111vw;
    }

    .sax-main .sax-w3 .w3-bg img {
        width: 100%;
        height: 88.8888888889vw;
        object-fit: cover;
    }

    .sax-main .sax-w3 .w3-bg .w3-bgCon {
        width: 86.1111111111vw;
        position: static;
        font-size: 4.444444444444vw;
        margin: 11.111111111vw auto 0;
    }

    .sax-main .sax-w3 .w3-conWrap {
        width: 83.3333333333vw;
    }

    .sax-main .sax-w3 .w3-conWrap .sub-title {
        font-size: 13.3333333333vw;
    }

    .sax-main .sax-w3 .w3-video {
        flex-shrink: 0;
        display: flex;
        width: calc(100% + 2px);
        height: 119.4444444444vw;
        justify-content: center;
    }

    .sax-main .sax-w3 .w3-videoWrap {
        overflow: hidden;
        display: flex;
        justify-content: center;
        width: 100%;
        margin-top: 13.8888888889vw;
    }

    .sax-main .sax-w3 .w3-videoControl {
        font-size: 3.8888888889vw;
        padding: 3.3333333333vw 5.5555555556vw;
        white-space: nowrap;
    }

    .sax-main .sax-w3 .w3-videoControlWrap {
        padding: 1.1111111111vw;
        bottom: 8.88888888889vw;
    }

    .sax-main .sax-w3 .w3-videoControlBg {
        height: calc(100% - (1.111111111vw * 2));
        transform: translate(1.111111111vw, -50%);
        -webkit-transform: translate(1.111111111vw, -50%);
        -moz-transform: translate(1.111111111vw, -50%);
        -ms-transform: translate(1.111111111vw, -50%);
        -o-transform: translate(1.111111111vw, -50%);
        width: 26.6666666667vw;
    }
}

/* w3 end */
/* w4 start */
.sax-main .sax-w4 {
    margin-top: 7.29166667vw;
}

.sax-main .sax-w4 .w4-bg {
    width: 100%;
    background: linear-gradient(180deg, #f1f1f0 0%, #ffffff 100%);
    padding-top: 7.29166667vw;
}

.sax-main .sax-w4 .w4-bgConWrap {
    width: 40.10416667vw;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    pointer-events: all;
}

.sax-main .sax-w4 .w4-bgSvg {
    width: 5.46875vw;
    margin: 1.66666667vw auto 0;
}

.sax-main .sax-w4 .w4-bgTitle {
    font-size: 3.33333333vw;
    color: #000000;
    line-height: 1.25;
    font-weight: 500;
    background: linear-gradient(180deg, #907b5b 0%, #665341 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sax-main .sax-w4 .w4-bgCon {
    width: 100%;
    font-size: 1.14583333vw;
    line-height: 1.6;
    color: #86868B;
    font-weight: 500;
    margin-top: 1.66666667vw;
}

.sax-main .sax-w4 .w4-swiper {
    width: calc(34.79166667vw + 0.5px);
    margin: 5.20833333vw auto 3.33333333vw;
}

.sax-main .sax-w4 .w4-swiper .swiper-slide {
    width: 100%;
}

.sax-main .sax-w4 .w4-btnWrap {
    width: fit-content;
    margin: 0 auto;
}

.sax-w4 .w4-btnWrap ul {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    position: relative;
}

.sax-w4 .w4-btnWrap .line {
    width: 100%;
    height: 2px;
    background-color: #BFBFBF;
    --w4Wid: 6.66666667vw;
    --w4X: 0;
    position: relative;
}

.sax-w4 .w4-btnWrap .line .lineActive {
    width: var(--w4Wid);
    transform: translatex(var(--w4X));
    -webkit-transform: translatex(var(--w4X));
    -moz-transform: translatex(var(--w4X));
    -ms-transform: translatex(var(--w4X));
    -o-transform: translatex(var(--w4X));
    background-color: #000;
    height: 2px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.sax-w4 .w4-btnWrap ul li {
    color: rgba(0, 0, 0, 0.4);
    transition: color 1s ease;
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    -ms-transition: color 1s ease;
    -o-transition: color 1s ease;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.25;
    cursor: pointer;
    padding-bottom: 0.83333333vw;

}



.sax-w4 .w4-btnWrap ul li.active {
    color: rgba(0, 0, 0, 1);
    cursor: default;
}

.sax-w4 .w4-btnWrap ul li:not(:last-child) {
    margin-right: 2.91666667vw;
}

.sax-w4 .w4-conWrap {
    width: 40vw;
    margin: 1.66666667vw auto 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.sax-w4 .w4-conWrap ul {
    position: relative;
}

.sax-w4 .w4-conWrap ul li {
    position: absolute;
    width: 100%;
    top: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    font-size: 1.14583333vw;
    font-weight: 500;
    color: #86868B;
    text-align: center;
    pointer-events: none;
    line-height: 1.6;
}

.sax-w4 .w4-conWrap ul li.active {
    opacity: 1;
    transition-delay: 0.3s;
    pointer-events: all;
}

.sax-w4 .w4-conWrap ul li:nth-child(1) {
    position: relative;
}


@media screen and (max-aspect-ratio:11/10) {
    .sax-main .sax-w4 {
        margin-top: 22.2222222222vw;
    }

    .sax-main .sax-w4 .w4-bg {
        padding-top: 22.2222222222vw;
    }

    .sax-main .sax-w4 .w4-bgTitle {
        font-size: 8.8888888889vw;
    }

    .sax-main .sax-w4 .w4-bgCon {
        font-size: 4.444444444vw;
        margin-top: 6.6666666666vw;
    }

    .sax-main .sax-w4 .w4-bgSvg {
        width: 25.6944444444vw;
        margin-top: 6.6666666667vw;
    }

    .sax-w4 .w4-conWrap {
        width: 86.1111111111vw;
        margin: 6.6666666667vw auto 0;
        padding-bottom: 5.5555555556vw;
    }

    .sax-main .sax-w4 .w4-swiper {
        width: 83.3333333333vw;
        margin: 13.8888888889vw auto 11.111111111vw;
    }

    .sax-w4 .w4-btnWrap ul {
        width: max-content;
    }

    .sax-w4 .w4-btnWrap ul li {
        font-size: 4.444444444vw;
        padding-bottom: 4.444444444vw;
    }

    .sax-w4 .w4-btnWrap ul li:not(:last-child) {
        margin-right: 6.666666667vw;
    }

    .sax-w4 .w4-conWrap ul li {
        font-size: 4.44444444vw;
    }

    .sax-main .sax-w4 .w4-bgConWrap {
        width: 86.1111111111vw;
    }

    .sax-main .sax-w4 .w4-btnWrap {
        width: 100%;
        overflow-x: scroll;
    }

    .sax-main .sax-w4 .w4-btnWrap::-webkit-scrollbar {
        display: none;
    }

    .sax-main .sax-w4 .w4-btnbox {
        display: inline-block;
        padding: 0 6.9444444444vw;
    }

}

/* w4 end */
/* w5 start */
.sax-main .sax-w5 {
    width: 100%;
    position: relative;
    margin-top: 6.25vw;
}

.sax-main .sax-w5 .w5-swiperBox {
    width: 100%;
    overflow: hidden;
}

.sax-main .sax-w5 .w5-swiper {
    width: 67.5vw;
    margin: 0 auto;
    overflow: visible;
}

.sax-w5 .w5-swiper .swiper-slide {
    width: 33.125vw;
    cursor: pointer;
}

.sax-w5 .w5-swiper .swiper-slide.swiper-slide-active {
    cursor: default;
}

.sax-w5 .w5-swiper .swiper-slide:not(:last-child) {
    margin-right: 1.25vw;

}

.sax-w5 .w5-swiper .swiper-slide p {
    width: 30.20833333vw;
    font-size: 1.14583333vw;
    line-height: 1.6;
    font-weight: 500;
    color: #86868B;
    margin: 2.08333333vw 0 0 0.83333333vw;


}

.sax-w5 .w5-swiper .w5-img {
    width: 100%;
    border-radius: 0.83333333vw;
    -webkit-border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    -ms-border-radius: 0.83333333vw;
    -o-border-radius: 0.83333333vw;
    overflow: hidden;
    position: relative;
}

.sax-w5 .w5-swiper .w5-control {
    margin-top: 2.5vw;
    display: flex;
    justify-content: end;
}

.sax-w5 .w5-swiper .w5-control div {
    width: 2.5vw;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    cursor: pointer;
}

.sax-w5 .w5-swiper.isend .swiper-slide:nth-last-of-type(-n + 1) {
    cursor: default;
}

.sax-main .sax-w5 .w5-control .swiper-button-disabled {
    opacity: 0.3;
    cursor: default;
    pointer-events: none;
}

.sax-w5 .w5-swiper .w5-control .left {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    margin-right: 1.25vw;
}

.sax-w5 .w5-swiper .video-wrap .control-btn-wrap {
    position: absolute;
    width: 2.08333333vw;
    height: 2.08333333vw;
    right: 1.25vw;
    bottom: 1.25vw;
    cursor: pointer;
    background-color: rgba(225, 225, 227, 1);
    transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
}

.sax-w5 .w5-swiper .video-wrap .control-btn-wrap .video-btn.active {
    opacity: 1;
    pointer-events: all;
}

.sax-w5 .w5-swiper .video-wrap .video-btn {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    pointer-events: none;
}

@media screen and (max-aspect-ratio:11/10) {
    .sax-main .sax-w5 {
        height: auto;
        margin-top: 19.4444444444vw;
    }

    .sax-main .sax-w5 .w5-swiper {
        width: 82.2222222222vw;
    }

    .sax-w5 .w5-swiper .swiper-slide {
        width: 100%;
    }

    .sax-w5 .w5-swiper .w5-img {
        height: 97.2222222222vw;
        border-radius: 2.2222222222vw;
        -webkit-border-radius: 2.2222222222vw;
        -moz-border-radius: 2.2222222222vw;
        -ms-border-radius: 2.2222222222vw;
        -o-border-radius: 2.2222222222vw;
    }

    .sax-w5 .w5-swiper .swiper-slide:not(:last-child) {
        margin-right: 4.444444444vw;
    }

    .sax-w5 .w5-swiper .swiper-slide p {
        width: 73.3333333333vw;
        font-size: 4.4444444444vw;
        margin: 6.6666666667vw auto 0;
    }

    .sax-w5 .w5-swiper .w5-control {
        margin-top: 6.6666666667vw;
    }

    .sax-w5 .w5-swiper .w5-control div {
        width: 11.1111111111vw;
    }

    .sax-w5 .w5-swiper .w5-control .left {
        margin-right: 5.5555555556vw;
    }
}

/* w5 end */
/* w6 start */
.sax-main .sax-w6 {
    margin-top: 10.41666667vw;
    overflow: hidden;
}

.sax-main .sax-w6 .w6-img {
    position: relative;
    width: 100vw;
    height: 50vw;
}

.sax-main .sax-w6 .w6-img::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fefefe;
    z-index: 99;
}

.sax-main .sax-w6 .w6-img video {
    mix-blend-mode: darken;
}

.sax-main .sax-w6 .w6-img video,
.sax-main .sax-w6 .w6-img img {
    height: 100%;
    object-fit: cover;
}

.sax-main .sax-w6 .w6-box {
    position: relative;
}

.sax-main .sax-w6 .sub-title {
    margin-bottom: 3.33333333vw;
    text-align: center;
    font-size: 5.20833333vw;
}

.sax-main .sax-w6 .w6-con {
    width: 22.1875vw;
    color: #86868B;
    font-size: 1.14583333vw;
    line-height: 1.6;
    font-weight: 500;
    margin-right: 24.79166667vw;
}

.sax-main .sax-w6 .w6-con .w6-conTitle {
    font-size: 2.5vw;
    font-weight: 500;
    line-height: 1.25;
    color: #000;
    margin-bottom: 1.25vw;
}

.sax-main .sax-w6 .w6-conWrap {
    position: absolute;
    bottom: 6.25vw;
    left: 16.25vw;
    display: flex;
    align-items: flex-end;
}

.sax-main .sax-w6 .w6-mathWrap {
    display: flex;
    width: fit-content;
}

.sax-main .sax-w6 .w6-math:nth-child(1) {
    margin-right: 2.5vw;
    max-width: 12vw;
}

.sax-main .sax-w6 .w6-math {
    display: flex;
    flex-direction: column-reverse;

}

.sax-main .sax-w6 .w6-math:nth-child(2) {
    margin-right: 2.5vw;
    max-width: 11vw;
}

.sax-main .sax-w6 .w6-math:nth-child(3) {
    max-width: 8vw;
}

.sax-main .sax-w6 .w6-math .w6-mathTop {
    background: linear-gradient(180deg, #907b5b 0%, #665341 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 2.5vw;
    font-weight: 500;
    line-height: 1.25;
    display: flex;
    align-items: flex-end;
}

.sax-main .sax-w6 .w6-math .w6-mathTop .unit {
    font-size: 1.66666667vw;
    background: linear-gradient(180deg, #907b5b 0%, #665341 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 4%;
}

.sax-main .sax-w6 .w6-math .w6-mathBottom {
    color: #86868B;
    font-size: 0.83333333vw;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 0.41666667vw;
}

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

    .sax-main .sax-w6 .w6-con {
        position: static;
        width: 100%;
        font-size: 4.44444444vw;
        margin: 0 auto;
    }

    .sax-main .sax-w6 .w6-con .w6-conTitle {
        margin-bottom: 4.4444444444vw;
        font-size: 6.666666667vw;
    }

    .sax-main .sax-w6 .sub-title {
        position: static;
        margin-bottom: 13.8888888889vw;
        font-size: 13.3333333333vw;
    }

    .sax-main .sax-w6 .w6-img video {
        mix-blend-mode: darken;
    }

    .sax-main .sax-w6 .w6-conWrap {
        position: static;
        flex-direction: column;
        width: 86.1111111111vw;
        margin: 13.8888888889vw auto 0;
    }

    .sax-main .sax-w6 .w6-math .w6-mathTop {
        font-size: 8.888888889vw;
    }

    .sax-main .sax-w6 .w6-math .w6-mathBottom {
        font-size: 3.3333333333vw;
        margin-bottom: 1.111111111vw;
    }

    .sax-main .sax-w6 .w6-math .w6-mathTop .unit {
        font-size: 5.8333333333vw;
        padding-bottom: 3%;
    }

    .sax-main .sax-w6 .w6-math:nth-child(1) {
        margin-right: 9.7222222222vw;
        max-width: 36vw;
    }

    .sax-main .sax-w6 .w6-math:nth-child(2) {
        max-width: 33vw;
    }

    .sax-main .sax-w6 .w6-mathWrap {
        flex-wrap: wrap;
        width: 100%;
        margin-top: 9.7222222222vw;
    }

    .sax-main .sax-w6 .w6-math:nth-child(3) {
        max-width: 23vw;
        margin-top: 7.7777777778vw;
    }

    .sax-main .sax-w6 .w6-img {
        height: 88.8888888889vw;
        position: relative;
    }

    .sax-main .sax-w6 .w6-img::before {
        content: "";
        height: 2px;
        width: 100%;
        position: absolute;
        top: -1px;
        left: 0;
        background-color: #fff;
    }

    .sax-main .sax-w6 .w6-img::after {
        content: "";
        height: 2px;
        width: 100%;
        position: absolute;
        bottom: -1px;
        left: 0;
        background-color: #fff;
    }
}

/* w6 end */
/* w7 start */
.sax-main .sax-w7 {
    margin-top: 8.33333333vw;
}

.sax-main .sax-w7 .w7-con {
    width: 41.66666667vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    text-align: center;
}

.sax-main .sax-w7 .w7-txt {
    color: #86868B;
    font-size: 1.14583333vw;
    font-weight: 500;
    line-height: 1.6;
    margin: 1.66666667vw 0 3.33333333vw;
}

.sax-main .sax-w7 .w7-upWrap {
    display: flex;
    width: fit-content;
    margin: 0 auto;
    padding: 5.78125vw 6.875vw 4.47916667vw 6.875vw;
    background-color: #F7F7F6;
    border-radius: 0.83333333vw;
    -webkit-border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    -ms-border-radius: 0.83333333vw;
    -o-border-radius: 0.83333333vw;
    overflow: hidden;
}

.sax-main .sax-w7 .w7-up {
    width: 12.5vw;
    transform: translateY(30px);
    opacity: 0;
    transform: translate3d(0px, 30px, 0px);
    transition: opacity 0.8s linear,
        transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}

.sax-main .sax-w7 .w7-up.active {
    transform: translateY(0px);
    opacity: 1;
}

.sax-main .sax-w7 .w7-up:not(:last-child) {
    margin-right: 5.83333333vw;
}

.sax-main .sax-w7 .w7-upImg {
    width: 2.91666667vw;
    height: 2.91666667vw;
}

.sax-main .sax-w7 .w7-upTitle {
    font-size: 1.66666667vw;
    font-weight: 700;
    line-height: 1.25;
    color: #000000;
    margin: 1.25vw 0 0.83333333vw;
}

.sax-main .sax-w7 .w7-upCon {
    font-size: 1.04166667vw;
    font-weight: 500;
    line-height: 1.6;
    color: #86868B;
}

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

    .sax-main .sax-w7 .w7-con {
        width: 86.1111111111vw;
    }

    .sax-main .sax-w7 .w7-txt {
        font-size: 4.4444444444vw;
        margin: 6.6666666667vw auto 13.8888888889vw;
    }

    .sax-main .sax-w7 .w7-svgWrap {
        width: 57.2222222222vw;
    }

    .sax-main .sax-w7 .w7-upImg {
        width: 13.8888888889vw;
        height: 13.8888888889vw;
        margin-right: 6.6666666667vw;
    }

    .sax-main .sax-w7 .w7-upWrap {
        flex-direction: column;
        padding: 13.8888888889vw 6.1111111111vw;
        border-radius: 2.2222222222vw;
        -webkit-border-radius: 2.2222222222vw;
        -moz-border-radius: 2.2222222222vw;
        -ms-border-radius: 2.2222222222vw;
        -o-border-radius: 2.2222222222vw;
    }

    .sax-main .sax-w7 .w7-upTitle {
        font-size: 5.555555555vw;
        margin: 0 0 2.7777777778vw;
    }

    .sax-main .sax-w7 .w7-upCon {
        font-size: 4.444444444vw;
    }

    .sax-main .sax-w7 .w7-up {
        width: auto;
        margin: 0 auto;
        display: flex;
        transform: translate3d(0, 25px, 0);
    }

    .sax-main .sax-w7 .w7-up:not(:last-child) {
        margin: 0 auto 11.1111111111vw;
    }

    .sax-main .sax-w7 .w7-txtWrap {
        width: 58.3333333333vw;
    }
}

/* w7 end */
/* w8 start */
.sax-main .linearBg {
    width: 100%;
    background: linear-gradient(180deg, #f1f1f0 0%, #ffffff 100%);
}


.sax-main .w8-conWrap {
    width: 41.5625vw;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    text-align: center;
    padding-top: 10.41666667vw;

}

.sax-main .sax-w8 {
    position: relative;
}

.sax-main .sax-w8::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10.41666667vw;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 80%);
    z-index: 99;
}

.sax-main .sax-w8 .w8-ConVideo {
    width: 100%;
    height: 50vw;
    margin-top: 3.33333333vw;
}

.sax-main .sax-w8 .w8-ConVideo .video-wrap,
.sax-main .sax-w8 .w8-ConVideo video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sax-main .w8-con {
    font-size: 1.14583333vw;
    font-weight: 500;
    line-height: 1.6;
    color: #86868B;
    margin-top: 1.66666667vw;
}

.sax-main .sax-w8 .w8-videoWrap {
    display: flex;
    justify-content: center;
    margin-top: 6.25vw;
    flex-direction: column;
    align-items: center;
}

.sax-main .sax-w8 .control-btn-wrap {
    width: 2.08333333vw;
    height: 2.08333333vw;
    position: absolute;
    right: 1.25vw;
    bottom: 1.25vw;
    /* background-color: rgba(225, 225, 227, 1); */
    background-color: rgba(128, 128, 128, 0.5);
    backdrop-filter: blur(2.5vw);
    border-radius: 50%;
    transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.sax-main .sax-w8 .control-btn-wrap .video-btn {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
}

.sax-main .sax-w8 .control-btn-wrap .video-btn.active {
    opacity: 1;
    pointer-events: all;
}

.sax-main .sax-w8 .w8-video .video-wrap {
    width: 100%;
    height: 26.04166667vw;
    border-radius: 0.83333333vw;
    -webkit-border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    -ms-border-radius: 0.83333333vw;
    -o-border-radius: 0.83333333vw;
    overflow: hidden;
    position: relative;
}

.sax-w8 .w8-videoWrap .swiper-slide {
    width: 33.125vw;
}

.sax-main .w8-swiper .swiper-slide:first-child {
    margin-right: 1.25vw;
}

.sax-main .sax-w8 .video-wrap video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sax-main .sax-w8 .video-txt {
    width: 30.20833333vw;
    color: #86868B;
    font-weight: 500;
    line-height: 1.6;
    font-size: 1.14583333vw;
    margin-top: 2.08333333vw;
}

@media screen and (max-aspect-ratio:11/10) {
    .sax-main .sax-w8 {

        width: 100%;
        overflow: hidden;
    }

    .sax-main .w8-conWrap {
        width: 86.1111111111vw;
        padding-top: 27.7777777778vw;
    }

    .sax-main .w8-con {
        font-size: 4.4444444444vw;
        margin-top: 6.666666667vw;
    }

    .sax-main .sax-w8 .w8-ConVideo {
        margin-top: 13.8888888889vw;
        height: 88.8888888889vw;
    }

    .sax-main .sax-w8 .w8-videoWrap {
        margin: 19.4444444444vw auto 0;
        width: 82.2222222222vw;
        align-items: flex-end;
    }

    .sax-main .sax-w8 .w8-control {
        display: flex;
        margin-top: 6.666666667vw;
    }

    .sax-main .sax-w8 .w8-control .swiper-button-disabled {
        opacity: 0.3;
    }

    .sax-main .sax-w8 .w8-control>div {
        width: 11.111111111vw;
        height: 11.111111111vw;
        transition: opacity 1s ease;
        -webkit-transition: opacity 1s ease;
        -moz-transition: opacity 1s ease;
        -ms-transition: opacity 1s ease;
        -o-transition: opacity 1s ease;
    }

    .sax-main .sax-w8 .w8-control .left {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        margin-right: 5.5555555556vw;
    }

    .sax-main .sax-w8 .w8-swiper {
        margin: 0 auto;
        width: 100%;
        overflow: visible;
    }

    .sax-main .sax-w8 .w8-video .video-wrap {
        width: 100%;
        margin: 0;
        height: 97.2222222222vw;
        border-radius: 2.2222222222vw;
        -webkit-border-radius: 2.2222222222vw;
        -moz-border-radius: 2.2222222222vw;
        -ms-border-radius: 2.2222222222vw;
        -o-border-radius: 2.2222222222vw;
    }

    .sax-main .w8-swiper .swiper-slide:first-child {
        margin-right: 4.4444444444vw;
    }

    .sax-main .sax-w8 .video-txt {
        margin: 6.6666666667vw auto 0;
        width: 73.3333333333vw;
        font-size: 4.4444444444vw;
    }

    .sax-main .sax-w8 .control-btn-wrap {
        width: 8.8888888889vw;
        height: 8.8888888889vw;
        right: 4.4444444444vw;
        bottom: 4.444444444vw;
    }

    .sax-w8 .w8-videoWrap .swiper-slide {
        width: 82.2222222222vw;
    }
}

/* w8 end */
/* w9 start */
.sax-main .sax-w9 {
    width: 81.25vw;
    border-radius: 0.83333333vw;
    -webkit-border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    -ms-border-radius: 0.83333333vw;
    -o-border-radius: 0.83333333vw;
    overflow: hidden;
    background: #EFEFEF;
    margin: 7.29166667vw auto 0;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.sax-main .sax-w9 .w9-textWrap {
    width: 29.75vw;
    display: flex;
    flex-direction: column;
    box-sizing: content-box;
    padding: 4.42708333vw 0 4.42708333vw 5.83333333vw;
    position: relative;
    z-index: 99;
}

.sax-main .sax-w9 .w9-title {
    font-size: 2.5vw;
    font-weight: 500;
    line-height: 1.25;
    color: #000000;
    width: 100%;
}

.sax-main .sax-w9 .w9-con {
    font-size: 1.14583333vw;
    font-weight: 500;
    color: #86868B;
    line-height: 1.6;
    width: 27.8125vw;
    margin-top: 1.25vw;
}

.sax-main .sax-w9 .w9-img {
    width: 100%;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
}

.sax-main .sax-w9 .w9-svgWrap {
    width: 12.86458333vw;
    margin-top: 3.33333333vw;
    position: relative;
}

@media screen and (max-aspect-ratio:11/10) {
    .sax-main .sax-w9 {
        width: 91.1111111111vw;
        border-radius: 2.2222222222vw;
        -webkit-border-radius: 2.2222222222vw;
        -moz-border-radius: 2.2222222222vw;
        -ms-border-radius: 2.2222222222vw;
        -o-border-radius: 2.2222222222vw;
        height: auto;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding: 13.8888888889vw 0 0 0;
        margin-top: 22.2222222222vw;
    }

    .sax-main .sax-w9 .w9-textWrap {
        position: static;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        width: 72.6388888889vw;
        margin: 0 0 0 8.3333333333vw;
        padding: 0 0 63.6111111111vw 0;
    }

    .sax-main .sax-w9 .w9-title {
        font-size: 6.66666667vw;
        width: 68vw;
    }

    .sax-main .sax-w9 .w9-con {
        font-size: 4.44444444vw;
        margin-top: 4.44444444vw;
        width: 100%;
    }

    .sax-main .sax-w9 .w9-img {
        width: 100%;
        margin: 8.8888888889vw 0 0;
    }

    .sax-main .sax-w9 .w9-svgWrap {
        width: 52.3611111111vw;
        margin-top: 11.111111111vw;
    }
}

/* w9 end */
/* hover start */
@media (hover: hover) and (pointer: fine) {
    .sax-main .sax-w1 .w1-control div:hover {
        opacity: 0.6;
    }

    .sax-main .sax-w3 .w3-control div:hover {
        opacity: 0.6;
    }

    .sax-main .sax-w5 .w5-control div:hover {
        opacity: 0.6;
    }

    .sax-main .sax-w3 .w3-videoControl:not(.active):hover {
        color: rgba(255, 255, 255, 0.6);
    }

    .sax-main .sax-w8 .control-btn-wrap:hover {
        background-color: rgba(128, 128, 128, .3);
        /* background-color: rgba(225, 225, 227, 0.6); */
    }

    .sax-w2 .w2-btnWrap ul li:hover {
        color: rgba(0, 0, 0, 0.6);
    }

    .sax-w4 .w4-btnWrap ul li:hover {
        color: rgba(0, 0, 0, 0.6);
    }

    .sax-main .sax-w3 .w3-btn:hover .w3-title {
        color: rgba(0, 0, 0, 0.6)
    }


}

/* hover end */

/* section s1 start */
.sax-main .s1 {
    display: flex;
    margin: 0 0 8.333333333vw 0;
}

.sax-main .s1 .kvleft {
    width: 54.16666666vw;
    height: 46.875vw;
    margin: 2.08333333vw 9.47916666vw 0 2.08333333vw;
}

.sax-main .s1 .kvright {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 14.0625vw 0 0 0;
}

.sax-main .s1 .kvksp {
    width: 26.458333333vw;
}

.sax-main .s1 .kvmat {
    display: flex;
    align-items: center;
    margin: 1.25vw 0;
}

.sax-main .s1 .kvdes {
    color: #000;
    font-size: 1.041666666vw;
    font-weight: 400;
    line-height: 1.6;
}

.sax-main .s1 .kvmat span {
    color: #000;
    font-size: 2.91666666vw;
    font-weight: 400;
    line-height: 1.25;
}

.sax-main .s1 .kvmat span:not(:last-child) {
    margin: 0 2.39583333vw 0 0;
}

.sax-main .s1 .kvplabtn {
    display: flex;
    align-items: center;
    margin: 2.5vw 0 3.33333333vw 0;
}

.sax-main .s1 .kvplabtn span {
    color: #000;
    font-size: 1.04166666vw;
    font-weight: 500;
    text-align: right;
    line-height: 1.6;
}

.sax-main .s1 .kvplaicon {
    display: flex;
    width: 1.66666666vw;
    height: 1.66666666vw;
    margin: 0 0 0 0.41666666vw;
}

.sax-main .s1 .kvplaicon svg {
    width: 100%;
    height: 100%;
}

.sax-main .s1 #kvtran {
    transition: opacity 0.3s ease;
}

.sax-main .s1 .huawei-product-buy-btn-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

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

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

.sax-main svg:not(:root) {
    overflow: visible;
}

.sax-main .s1 .huawei-product-buy-btn-price a {
    color: inherit;
}

.sax-main .s1 .huawei-product-buy-btn-price span {
    font-size: 0.677083vw;
    font-weight: 500;
}

@media (any-hover: hover) {
    .sax-main .s1 .huawei-product-buy-btn:hover {
        opacity: .8;
    }

    .sax-main .s1 .kvplabtn:hover {
        cursor: pointer;
    }

    .sax-main .s1 .kvplabtn:hover #kvtran {
        opacity: 0.6;
    }
}

@media screen and (max-aspect-ratio:11/10) {
    .sax-main .s1 {
        flex-direction: column;
        align-items: center;
        margin: 0 0 27.777777777vw 0;
    }

    .sax-main .s1 .kvleft {
        width: 91.111111111vw;
        height: 80.555555555vw;
        margin: 5vw 0 0 0;
    }

    .sax-main .s1 .kvksp {
        width: 86.11111111vw;
    }

    .sax-main .s1 .kvmat span {
        font-size: 9.30555555vw;
    }

    .sax-main .s1 .kvmat span:not(:last-child) {
        margin: 0 8.02888888vw 0 0;
    }

    .sax-main .s1 .kvdes {
        width: 80.777778vw;
        font-size: 4.444444444vw;
        text-align: center;
    }

    .sax-main .s1 .kvplabtn span {
        font-size: 4.44444444vw;
    }

    .sax-main .s1 .kvright {
        margin: 13.88888888vw 0 0 0;
    }

    .sax-main .s1 .kvplabtn {
        margin: 11.11111111vw 0 13.88888888vw 0;
    }

    .sax-main .s1 .kvmat {
        margin: 4.44444444vw 0 5.555555555vw 0;
    }

    .sax-main .s1 .kvplaicon {
        width: 5.55555555vw;
        height: 5.55555555vw;
        margin: 0 0 0 2.22222222vw;
    }

    .sax-main .s1 .huawei-product-buy-btn-price {
        font-size: 5.55555555vw;
    }

    .sax-main .s1 .huawei-product-buy-btn-price span {
        font-size: 3.61111111vw;
    }
}

/* section s1 end */

/* section s2 start */
.sax-main .s2 {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 2.5vw 0;
}

.sax-main .s2 .reasonswiper {
    width: 67.5vw;
}

.sax-main .s2 .reasonswiper .current {
    transition-timing-function: ease;
}

.sax-main .s2.will-change .swiper-wrapper {
    will-change: transform;
}

.sax-main .s2 .reasonswiper .swiper-slide {
    position: relative;
    overflow: hidden;
    width: 67.5vw;
    height: 37.5vw;
    border-radius: 0.83333333vw;
    cursor: pointer;
}

.sax-main .s3 .openbtn1 {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 3.33333333vw;
    left: 50%;
    padding: 0.83333333vw 0.83333333vw 0.83333333vw 1.66666666vw;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(2.5vw);
    -webkit-backdrop-filter: blur(2.5vw);
    border-radius: 52.03125vw;
    cursor: pointer;
    transition: 0.3s ease;
    z-index: 100;
    pointer-events: none;
}

.sax-main .s3 .openbtn1.atouch {
    pointer-events: all;
}

@media (any-hover: hover) {
    .sax-main .s3 .openbtn1:hover {
        background: rgba(0, 0, 0, 0.12);
    }
}


.sax-main .s3 .openbtn1 span {
    color: #fff;
    font-size: 0.9375vw;
    font-weight: 500;
    line-height: 1.25;
}

.sax-main .s3 .openbtn1 .watchbtn {
    display: flex;
    overflow: hidden;
    width: 1.66666666vw;
    height: 1.66666666vw;
    margin: 0 0 0 0.83333333vw;
    border-radius: 50%;
}

.sax-main .s2 .reasonswiper .swiper-slide:not(:last-child) {
    margin: 0 3.333333333vw 0 0;
}

.sax-main .s2 .reasonswiper .swiper-slide h2 {
    position: absolute;
    top: 2.5vw;
    left: 2.5vw;
    color: #000;
    font-size: 1.66666666vw;
    font-weight: 500;
    line-height: 1.25;
    will-change: transform, opacity;
    transition-timing-function: cubic-bezier(0.85, 0.02, 0.15, 0.53);
}

.sax-main .s2 .reasonswiper .swiper-slide:nth-child(3) h2 {
    color: #fff;
}

.sax-main .s2 .reasonswiper .swiper-slide-active {
    cursor: default;
}

.sax-main .s2 .reasongation {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 13.85416666vw;
    height: 3.33333333vw;
    margin: 2.5vw 0 0 0;
    background: #f8f8f6;
    border-radius: 9999px;
}

.sax-main .s2 .realbtn,
.sax-main .s2 .rearbtn {
    display: flex;
    width: 2.08333333vw;
    height: 2.08333333vw;
    cursor: pointer;
    transition: 0.3s ease;
    transform: translate3d(0, 0, 0) rotate(0deg);
}

.sax-main .s2 .realbtn.down,
.sax-main .s2 .rearbtn.down {
    opacity: 1 !important;
}

.sax-main .s2 .realbtn svg,
.sax-main .s2 .rearbtn svg {
    width: 100%;
    height: 100%;
}

.sax-main .s2 .realbtn svg {
    transform: translate3d(0, 0, 0) rotate(180deg);
}

.sax-main .s2 .reapoints {
    display: flex;
    margin: 0 0.9375vw;
}

.sax-main .s2 .reapoints li {
    width: 0.52083333vw;
    height: 0.52083333vw;
    background: #000;
    border-radius: 50%;
    transition: opacity 0.3s ease;
    opacity: 0.2;
}

.sax-main .s2 .reapoints li:not(:last-child) {
    margin: 0 0.52083333vw 0 0;
}

.sax-main .s2 .realbtn.disabled,
.sax-main .s2 .rearbtn.disabled {
    opacity: 0.3 !important;
    cursor: default;
}

@media (any-hover: hover) {
    .sax-main .s2 .reapoints li:hover {
        opacity: 0.5;
        cursor: pointer;
    }

    .sax-main .s2 .reapoints li.active:hover {
        cursor: default
    }

    .sax-main .s2 .realbtn:hover,
    .sax-main .s2 .rearbtn:hover {
        opacity: 0.6;
    }
}

.sax-main .s2 .reapoints li.active {
    opacity: 0.8;
}

.sax-main .s2 .reasonswiper .swiper-slide .heatmainim {
    transform: translate3d(0, 0, 0) rotate(0deg);
}

.sax-main .s2 .reasonswiper .swiper-slide .heatmainim video {
    mix-blend-mode: darken;
}

/* swiper mob */
@media screen and (max-aspect-ratio:11/10) {
    .sax-main .s2 {
        margin: 0 0 16.66666666vw 0;
    }

    .sax-main .s2 .reasonswiper {
        width: 82.22222222vw;
    }

    .sax-main .s2 .reasonswiper .swiper-slide {
        width: 82.22222222vw;
        height: auto;
        border-radius: 2.22222222vw;
    }

    .sax-main .s2 .reasonswiper .swiper-slide .heatmainim,
    .sax-main .s2 .reasonswiper .swiper-slide .povideo {
        overflow: hidden;
        height: 109.72222222vw;
        border-radius: 2.22222222vw;
    }

    .sax-main .s2 .reasonswiper .swiper-slide:nth-child(3) h2 {
        color: #000;
    }

    .sax-main .s2 .reasonswiper .swiper-slide h2 {
        position: relative;
        top: 0;
        left: 0;
        width: 72vw;
        margin: 6.6666666666vw auto 0;
        font-size: 5.55555555vw;
        text-align: center;
    }

    .sax-main .s2 .reasongation {
        width: 62.22222222vw;
        height: 13.33333333vw;
        margin: 8.88888888vw 0 0 0;
    }

    .sax-main .s2 .reapoints li {
        width: 2.22222222vw;
        height: 2.22222222vw;
    }

    .sax-main .s2 .reapoints li:not(:last-child) {
        margin: 0 3.33333333vw 0 0;
    }

    .sax-main .s2 .realbtn,
    .sax-main .s2 .rearbtn {
        width: 8.33333333vw;
        height: 8.33333333vw;
    }

    .sax-main .s2 .reasonswiper .swiper-slide:not(:last-child) {
        margin: 0 4.444444444vw 0 0;
    }

    .sax-main .s2 .reapoints {
        margin: 0 3.61111111vw;
    }

    .sax-main .s3 .openbtn1 {
        bottom: 6.66666666vw;
        padding: 3.33333333vw 3.33333333vw 3.33333333vw 6.66666666vw;
    }

    .sax-main .s3 .openbtn1 span {
        font-size: 3.88888888vw;
    }

    .sax-main .s3 .openbtn1 .watchbtn {
        width: 6.66666666vw;
        height: 6.66666666vw;
        margin: 0 0 0 3.33333333vw;
    }

    .sax-main .s2 .realbtn:hover,
    .sax-main .s2 .rearbtn:hover {
        opacity: 1;
    }
}

/* section s2 end */
/* section s3 start */
.sax-main .s3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.sax-main .s3 .musticky {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50VW;
}

.sax-main .s3 .musmat {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sax-main .s3 .musmat span {
    display: inline-block;
    color: #a58e74;
    font-size: 5.2083333333vw;
    font-weight: 500;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, #907b5b 0%, #665341 100%);
    -webkit-background-clip: text;
    background-clip: text;
    transition: transform 1s cubic-bezier(.4, 0, .2, 1),
        opacity 0.8s cubic-bezier(.4, 0, .2, 1),
        filter 0.8s cubic-bezier(.4, 0, .2, 1);
    will-change: transform, width;
    transform: translateX(0px);
    filter: blur(0px);
    opacity: 1;
}

.sax-main .s3 .musmat span.mustmove1 {
    margin: 0 1.5625vw 0 0;
}

.sax-main .s3 .musmat span.mustmove2 {
    margin: 0 0 0 1.5625vw;
}

.sax-main .s3 .muvideoout {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5.416667vw;
    height: 6.479167vw;
    transition: opacity 0.5s linear, transform 0.8s cubic-bezier(.4, 0, .2, 1);
    transform: translate3d(-50%, -50%, 0) scale(0.0005, 1);
    border-radius: 26.625vw;
    transform-origin: center;
    z-index: 99;
    opacity: 0;
}

.sax-main .s3 .muvideoout.active {
    opacity: 1;
}

.sax-main .s3 .muvideo {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5.416667vw;
    height: 6.479167vw;
    transform: translate3d(-50%, -50%, 0);
    transition: transform 0.8s cubic-bezier(.4, 0, .2, 1),
        width 1.1s cubic-bezier(.4, 0, .2, 1),
        height 1.1s cubic-bezier(.4, 0, .2, 1),
        border-radius 1.1s cubic-bezier(0.66, 0.32, 0.83, 0.45);
    border-radius: 26.625vw;
}

.sax-main .s3.will-change .muvideo {
    will-change: width, height, border-radius;
}

.sax-main .s3 .muvideo .povideo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 31.45833333vw;
    height: 15.729166666vw;
    transform: translate3d(-50%, -50%, 0);
    transition: transform 1.1s cubic-bezier(.4, 0, .2, 1);
}

.sax-main .s3 .muvideo .povideo video {
    height: 100%;
}

.sax-main .s3 .muvideoout.active {
    transform: translate3d(-50%, -50%, 0) scale(1, 1);
}

.sax-main .s3 .muvideo.active1 {
    width: var(--winWidth);
    height: var(--winHeight);
    border-radius: 0;
}

.sax-main .s3 .muvideo.scactive .povideo {
    transform: translate3d(-50%, -50%, 0) scale(var(--scale1));
}

.sax-main .s3 .mustmove1.active1,
.sax-main .s3 .mustmove2.active1 {
    filter: blur(10px);
    opacity: 0;
}

.sax-main .s3 .mustmove1.active1 {
    transform: translateX(-28.64583333vw);
}

.sax-main .s3 .mustmove2.active1 {
    transform: translateX(28.64583333vw);
}

@media screen and (max-aspect-ratio:11/10) {
    .sax-main .s3 .musmat {
        flex-direction: column;
    }

    .sax-main .s3 .musmat span {
        font-size: 13.33333333vw;
    }

    .sax-main .s3 .musmat span.mustmove1 {
        margin: 0 0 1.388888888vw 0;
    }

    .sax-main .s3 .musmat span.mustmove2 {
        margin: 1.388888888vw 0 0 0;
    }

    .sax-main .s3 .muvideoout {
        width: 54.583333vw;
        height: 28.33333333vw;
        transform: translate3d(-50%, -50%, 0) scale(1, 0.00001);
    }

    .sax-main .s3 .muvideo {
        width: 54.583333vw;
        height: 28.33333333vw;
        border-radius: 36.11111111vw;
    }

    .sax-main .s3 .muvideo .povideo {
        width: 81.94444444444444vw;
        height: 109.1666666666667vw;
    }

    .sax-main .s3 .musticky {
        position: relative;
        height: 133.3333333333333vw;
    }

    .sax-main .s3 .muvideo {
        transform-origin: center;
    }

    .sax-main .s3 .mustmove1.active1 {
        transform: translate(0, -41.66666666vw);
    }

    .sax-main .s3 .mustmove2.active1 {
        transform: translate(0, 41.66666666vw);
    }
}

/* section s3 end */
/* section s4  start */
.sax-main .s4 {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 7.291666666vw 0;
    margin: -1px 0 8.3333333333vw 0;
    background: #F7F8F9;
    z-index: 9;
}

.sax-main .s4 .advanswiper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 33.17708333333333vw;
}

.sax-main .s4 .advanswiper::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    top: -1px;
    background: #fefefe;
    z-index: 99;
}

.sax-main .s4 .advanswiper::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    width: 100%;
    height: 6.4583333333vw;
    background: linear-gradient(180deg, rgba(247, 248, 249, 0) 0%, #f7f8f9 100%);
    transform: translateX(-50%);
    z-index: 11;
}

.sax-main .s4 .advansnav {
    position: relative;
    margin: 2.5vw 0 1.66666666vw 0;
    border-bottom: 2px solid #bfbfbf;
}

.sax-main .s4 .advanline {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 6.66666666vw;
    width: var(--linewidth);
    height: 2px;
    background-color: #000;
    transform: translateX(var(--lineleft));
    transition: transform 0.4s ease, width 0.4s ease;
    z-index: 2;
}

.sax-main .s4 .advanul {
    display: flex;
    align-items: center;
    margin: 0 0 0.833333333vw 0;
}

.sax-main .s4 .advanul span {
    color: rgba(0, 0, 0, 0.4);
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.25;
    transition: color 0.4s ease;
}

.sax-main .s4 .advanul .active span {
    color: rgba(0, 0, 0, 1);
}

@media (any-hover: hover) {
    .sax-main .s4 .advanul span:hover {
        cursor: pointer;
        color: rgba(0, 0, 0, 0.6);
    }

    .sax-main .s4 .advanul .active span:hover {
        cursor: default;
    }
}

.sax-main .s4 .advanul li:not(:last-child) {
    margin: 0 2.916666666vw 0 0;
}

.sax-main .s4 .advantxt {
    display: flex;
    width: 32.29166666vw;
}

.sax-main .s4 .advantxt p {
    position: relative;
    flex-shrink: 0;
    width: 100%;
    color: #86868b;
    font-size: 1.14583333vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.sax-main .s4 .advantxt p b {
    color: #000;
    font-weight: 700;
}

.sax-main .s4 .advantxt p.active {
    opacity: 1;
    transition-delay: 0.2s;
    z-index: 10;
}

.sax-main .s4 .advantxt p:nth-child(2) {
    transform: translateX(-100%);
}

.sax-main .s4 .advantxt p:nth-child(3) {
    transform: translateX(-200%);
}

.sax-main .s4 .advantxt p:nth-child(4) {
    transform: translateX(-300%);
}


/* swiper mob */
@media screen and (max-aspect-ratio:11/10) {
    .sax-main .s4 {
        margin: -1px 0 22.222222222vw 0;
        padding: 0 0 22.222222222vw 0;
    }

    .sax-main .s4 .advanswiper {
        height: 88.888888888vw;
    }

    .sax-main .s4 .advanul span {
        font-size: 4.44444444vw;
    }

    .sax-main .s4 .advanul li:not(:last-child) {
        margin: 0 6.66666666vw 0 0;
    }

    .sax-main .s4 .advanul {
        margin: 0 0 4.44444444vw 0;
    }

    .sax-main .s4 .advansnav {
        margin: 8.8888888889vw 0 6.66666666vw 0;
        border-width: 2px;
    }

    .sax-main .s4 .advanline {
        bottom: -2px;
        height: 2px;
    }

    .sax-main .s4 .advantxt {
        width: 86.11111111vw;
    }

    .sax-main .s4 .advanswiper::after {
        height: 17.22222222vw;
    }

    .sax-main .s4 .advantxt p {
        font-size: 4.44444444vw;
    }
}

/* section s4 end  */

/* section s5 start */
.sax-main .s5 {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 10.41666666vw 0;
}

.sax-main .s5 .colmat {
    width: 31.25vw;
    color: #a58e74;
    font-size: 3.33333333vw;
    font-weight: 500;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, #907b5b 0%, #665341 100%);
    -webkit-background-clip: text;
    background-clip: text;
    text-align: center;
}

.sax-main .s5 .coldes {
    width: 29.79166666vw;
    margin: 1.66666666vw 0 3.33333333vw 0;
    color: #86868b;
    font-size: 1.14583333vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
}

.sax-main .s5 .colswiper {
    overflow: hidden;
    width: 81.35416666vw;
}

.sax-main .s5 .swiper-slide {
    display: flex;
}

.sax-main .s5 .collepart {
    overflow: hidden;
    width: 41.61458333vw;
    height: 41.25vw;
    margin: 0 1.66666666vw 0 0;
    border-radius: 0.83333333vw;
}

.sax-main .s5 .colritpart {
    display: flex;
    flex-direction: column;
}

.sax-main .s5 .coltopart {
    overflow: hidden;
    width: 38.07291666vw;
    height: 19.79166666vw;
    margin: 0 0 1.66666666vw 0;
    border-radius: 0.83333333vw;
}

.sax-main .s5 .colbotpart {
    overflow: hidden;
    width: 38.07291666vw;
    height: 19.79166666vw;
    border-radius: 0.83333333vw;
}

.sax-main .s5 .colnav {
    margin: 2.5vw 0 0 0;
}

.sax-main .s5 .colncircle {
    display: flex;
    padding: 0.83333333vw;
    background: #f5f5f7;
    border-radius: 52.03125vw;
}

.sax-main .s5 .colncircle li {
    position: relative;
    width: 1.46vw;
    height: 1.46vw;
    border-radius: 50%;
}

@media (any-hover: hover) {
    .sax-main .s5 .colncircle li:hover {
        cursor: pointer;
    }

    .sax-main .s5 .colncircle li.active:hover {
        cursor: default;
    }
}

.sax-main .s5 .colncircle li .coloutc {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1.77vw;
    height: 1.77vw;
    border: 1px solid #000;
    border-radius: 50%;
    z-index: 9;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.sax-main .s5 .colncircle li.active .coloutc {
    opacity: 1;
}

.sax-main .s5 .colncircle li:not(:last-child) {
    margin: 0 1.04166666vw 0 0;
}

.sax-main .s5 .colncircle li:nth-child(1) {
    background: linear-gradient(214.27deg, #b9a897 16.72%, #f2e9d9 82.86%);
}

.sax-main .s5 .colncircle li:nth-child(2) {
    background: linear-gradient(209.05deg, #cccccc 18.69%, #f0f0f0 84.4%);
}

.sax-main .s5 .colncircle li:nth-child(3) {
    background: linear-gradient(210.19deg, #3c3e41 17.25%, #8c8e91 82.96%);
}

.sax-main .s5 .colncircle li:nth-child(4) {
    background: linear-gradient(210.19deg, #131439 17.25%, #71739D 82.96%);
}

.sax-main .s5 .colntxt p {
    display: flex;
    align-items: center;
    position: relative;
    flex-shrink: 0;
    width: 100%;
    color: #86868b;
    font-size: 1.14583333vw;
    font-weight: 500;
    line-height: 1.6;
    opacity: 0;
    transition: opacity 0.1s ease;
}

.sax-main .s5 .colntxt p.active {
    opacity: 1;
    transition-delay: 0.1s;
    z-index: 10;
}

.sax-main .s5 .colntxt p span {
    margin: 0 1.04166666vw 0 0;
    color: #000;
    font-weight: 500;
    font-size: 1.66666666vw;
    line-height: 1.6;
}

.sax-main .s5 .colnav {
    display: flex;
    justify-content: space-between;
    width: 81.35416666vw;
}

.sax-main .s5 .coloucon {
    width: 41.25vw;
    display: flex;
    justify-content: flex-end;
}

.sax-main .s5 .colntxt {
    width: 38.07291666vw;
    display: flex;
}

.sax-main .s5 .colntxt p:nth-child(2) {
    transform: translateX(-100%);
}

.sax-main .s5 .colntxt p:nth-child(3) {
    transform: translateX(-200%);
}

.sax-main .s5 .colntxt p:nth-child(4) {
    transform: translateX(-300%);
}

/* section s5 mob */
@media screen and (max-aspect-ratio:11/10) {
    .sax-main .s5 {
        margin: 0 0 22.2222222222vw 0;
    }

    .sax-main .s5 .colmat {
        width: 92.333333vw;
        font-size: 8.88888888vw;
    }

    .sax-main .s5 .coldes {
        width: 86.11111111vw;
        margin: 6.6666666667vw 0 13.88888888vw 0;
        font-size: 4.44444444vw;
    }

    .sax-main .s5 .colswiper {
        width: 100vw;
    }

    .sax-main .s5 .swiper-slide {
        flex-direction: column;
    }

    .sax-main .s5 .colritpart {
        flex-direction: row;
        margin: 3.33333333vw 0 0 0;
    }

    .sax-main .s5 .coltopart {
        width: 48.33333333vw;
        height: 52.77777777vw;
        margin: 0 3.33333333vw 0 0;
        border-radius: 0;
    }

    .sax-main .s5 .colbotpart {
        width: 48.33333333vw;
        height: 52.77777777vw;
        border-radius: 0;
    }

    .sax-main .s5 .collepart {
        width: 100%;
        height: 72.22222222vw;
        margin: 0;
        border-radius: 0;
    }

    .sax-main .s5 .colncircle li {
        width: 7.77777777vw;
        height: 7.77777777vw;
    }

    .sax-main .s5 .colnav {
        flex-direction: column;
        align-items: center;
        margin: 11.11111111vw 0 0 0;
    }

    .sax-main .s5 .colntxt p {
        flex-direction: column;
        font-size: 4.44444444vw;
    }

    .sax-main .s5 .colntxt p span {
        margin: 6.66666666vw 0 3.33333333vw 0;
        font-size: 6.66666666vw;
    }

    .sax-main .s5 .coloucon {
        width: auto;
    }

    .sax-main .s5 .colncircle li:not(:last-child) {
        margin: 0 5.55555555vw 0 0;
    }

    .sax-main .s5 .colncircle {
        padding: 4.44444444vw;
    }

    .sax-main .s5 .colncircle li .coloutc {
        width: 10vw;
        height: 10vw;
        border-width: 0.41666666vw;
    }
}

/* section s5 end */
/* section s6 start */
.sax-main .s6 {
    position: relative;
}

.sax-main .s6::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    width: 120%;
    height: 14.583333333vw;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    transform: translateX(-50%);
    z-index: 9;
}

.sax-main .s6 .pointcolor {
    position: relative;
    overflow: hidden;
    width: 81.35416666vw;
    height: 40.677083333vw;
    margin: 0 auto;
    transform-origin: bottom center;
    border-radius: 0.83333333vw;
    transform: translate3d(0, 0, 0) rotate(0deg);
}

.sax-main .s6.will-change .pointcolor {
    will-change: transform;
}

.sax-main .s6 .pointDes {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 6.25vw;
    left: 16.25vw;
    z-index: 10;
}

.sax-main .s6 .pointcmat {
    margin: 0 0 1.25vw 0;
    color: #fff;
    font-size: 2.5vw;
    font-weight: 500;
    line-height: 1.25;
}

.sax-main .s6 .pointcodes {
    width: 28.22916666vw;
    color: #fff;
    font-size: 1.1458333333vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: left;
}

@media screen and (max-aspect-ratio:11/10) {
    .sax-main .s6 {
        margin: 0 0 16.66666666vw 0;
    }

    .sax-main .s6 .pointcolor {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        height: 119.4444444vw;
        border-radius: 0px;
    }

    .sax-main .s6 .pointcolor .povideo {
        width: calc(100% + 2px);
        height: 100%;
    }

    .sax-main .s6 .pointDes {
        flex-direction: column;
        position: relative;
        bottom: 0;
        left: 0;
        width: 86.11111111vw;
        margin: 11.1111111111vw auto 0;
        color: #86868b;
        font-size: 4.44444444vw;
        transform: none;
    }

    .sax-main .s6 .pointcmat {
        margin: 0 0 4.444444vw 0;
        color: #000;
        font-size: 6.66666666vw;
    }

    .sax-main .s6 .pointcodes {
        width: 86.1111111111vw;
        color: #86868B;
        font-size: 4.4444444444vw;
        text-align: left;
    }

    .sax-main .s6::after {
        display: none;
    }
}

/* section s7 start */
.sax-main .s7 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.sax-main .s7 .musoutcon {
    width: 100%;
}

.sax-main .s7 .musticky {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50vw;
}

.sax-main .s7 .musmat {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sax-main .s7 .musmat span {
    width: 31.25vw;
    color: #a58e74;
    font-size: 5.2083333333vw;
    font-weight: 500;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, #907b5b 0%, #665341 100%);
    -webkit-background-clip: text;
    background-clip: text;
    transition: transform 1s cubic-bezier(.4, 0, .2, 1),
        opacity 0.8s cubic-bezier(.4, 0, .2, 1),
        filter 0.8s cubic-bezier(.4, 0, .2, 1);
    transform: translateX(0px);
    filter: blur(0px);
    opacity: 1;
}

.sax-main .s7 .musmat .mustmove1 {
    margin: 0 1.5625vw 0 0;
    text-align: right;
}

.sax-main .s7 .musmat .mustmove2 {
    margin: 0 0 0 1.5625vw;
    text-align: left;
}

.sax-main .s7 .muvideoout {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5.416667vw;
    height: 6.479167vw;
    transition: opacity 0.5s linear, transform 0.8s cubic-bezier(.4, 0, .2, 1);
    transform: translate3d(-50%, -50%, 0) scale(0.005, 1);
    border-radius: 26.625vw;
    transform-origin: center;
    z-index: 99;
    opacity: 0;
}

.sax-main .s7 .muvideoout.active {
    opacity: 1;
}

.sax-main .s7 .muvideo {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5.416667vw;
    height: 6.479167vw;
    transition: transform 0.6s cubic-bezier(.4, 0, .2, 1),
        width 1.1s cubic-bezier(.4, 0, .2, 1),
        height 1.1s cubic-bezier(.4, 0, .2, 1),
        border-radius 1.1s cubic-bezier(0.66, 0.32, 0.83, 0.45);
    transform: translate3d(-50%, -50%, 0);
    transform-origin: center;
    border-radius: 26.625vw;
}

.sax-main .s7.will-change .muvideo {
    will-change: width, height, border-radius;
}

.sax-main .s7 .musaudio {
    position: absolute;
    left: 16.25vw;
    bottom: 12.5%;
    transform: translate3d(0px, 60px, 0px);
    transition: opacity 0.6s linear,
        transform 0.6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    opacity: 0;
    z-index: 100;
}

.sax-main .s7 .musaudio.active {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}

.sax-main .s7 .musaumat {
    width: 30.20833333vw;
    color: #fff;
    font-size: 2.5vw;
    font-weight: 500;
    line-height: 1.25;
}

.sax-main .s7 .musaudes {
    width: 35.125vw;
    margin: 1.25vw 0 0 0;
    color: #fff;
    font-size: 1.14583333vw;
    font-weight: 500;
    line-height: 1.6;
}

.sax-main .s7 .muvideo .povideo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 47.458333vw;
    height: 23.75vw;
    transform: translate3d(-50%, -50%, 0);
    transition: transform 1.1s cubic-bezier(.4, 0, .2, 1);
}

.sax-main .s7 .muvideo .povideo video {
    height: 100%;
}

.sax-main .s7 .muvideo .povideo::after {
    content: "";
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 9.79952606vw;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}

.sax-main .s7 .muvideo.wactive {
    width: 31.45833333vw;
}

.sax-main .s7 .muvideoout.active {
    transform: translate3d(-50%, -50%, 0) scale(1, 1);
}

.sax-main .s7 .muvideo.active1 {
    width: var(--winWidths7);
    height: var(--winHeights7);
    border-radius: 0;
}

.sax-main .s7 .muvideo.active1 .povideo {
    transform: translate3d(-50%, -50%, 0) scale(var(--scale));
}

.sax-main .s7 .mustmove1.active1,
.sax-main .s7 .mustmove2.active1 {
    filter: blur(10px);
    opacity: 0;
}

.sax-main .s7 .mustmove1.active1 {
    transform: translateX(-28.64583333vw);
}

.sax-main .s7 .mustmove2.active1 {
    transform: translateX(28.64583333vw);
}

.sax-main .s7 .musaudes b {
    color: #fff;
    font-weight: 700;
}

@media screen and (max-aspect-ratio:11/10) {
    .sax-main .s7 .musmat span {
        width: 94.444444444vw;
        font-size: 13.33333333vw;
        text-align: center;
    }

    .sax-main .s7 .musmat .mustmove1 {
        margin: 0 0 1.388888888vw 0;
        text-align: center;
    }

    .sax-main .s7 .musmat .mustmove2 {
        margin: 1.388888888vw 0 0 0;
        text-align: center;
    }

    .sax-main .s7 .musmat {
        flex-direction: column;
    }

    .sax-main .s7 .muvideoout {
        width: 58.583333vw;
        height: 28.33333333vw;
        transform: translate3d(-50%, -50%, 0) scale(1, 0.00001);
    }

    .sax-main .s7 .muvideo {
        width: 58.583333vw;
        height: 28.33333333vw;
        border-radius: 36.11111111vw;
    }

    .sax-main .s7 .muvideo img {
        width: 131.458333vw;
        height: 43.75vw;
        transform-origin: center;
    }

    .sax-main .s7 .muvideo.wactive {
        width: 79.58333333vw;
    }

    .sax-main .s7 .muvideo.active1 {
        width: var(--winWidths7);
        height: var(--winHeights7);
    }

    .sax-main .s7 .muvideoout.active {
        transform: translate3d(-50%, -50%, 0px) scale(1, 1);
    }

    .sax-main .s7 .mustmove1.active1 {
        transform: translate(0vw, -51.66666666vw);
    }

    .sax-main .s7 .mustmove2.active1 {
        transform: translate(0, 51.66666666vw);
    }

    .sax-main .s7 .musaudio {
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        margin: -1px 0 0 0;
        padding: 11.111111vw 0 22.22222222vw 6.94444444vw;
        transform: none;
        background: #000;
        opacity: 1;
        z-index: 9;
    }

    .sax-main .s7 .muvideo .povideo {
        width: 83.333333333vw;
        height: 111.111111111vw;
    }

    .sax-main .s7 .musticky {
        height: 133.33333333vw;
    }

    .sax-main .s7 .musaumat {
        width: 91.333333vw;
        font-size: 6.66666666vw;
    }

    .sax-main .s7 .musaudes {
        width: 86.11111111vw;
        margin: 4.44444444vw 0 0 0;
        color: #86868b;
        font-size: 4.44444444vw;
    }
}

.sax-main b {
    font-style: normal;
}

/* section s7 end  */
/* section s8 start */
.sax-main .s8 {
    display: flex;
    flex-direction: column;
    padding: 10.416666666vw 0 0 0;
}

.sax-main .s8 .antentopart {
    display: flex;
    align-self: center;
}

.sax-main .s8 .antenleim {
    width: 43.85416666vw;
    height: 22.96875vw;
    margin: 0 8.333333333vw 0 0;
}

.sax-main .s8 .antenrtxt {
    margin: 3.645833333vw 0 0 0;
}

.sax-main .s8 .antentomat {
    color: #000;
    font-size: 2.5vw;
    font-weight: 500;
    line-height: 1.25;
}

.sax-main .s8 .antentodes {
    width: 22.552083333vw;
    margin: 1.25vw 0 0 0;
    color: #86868b;
    font-size: 1.14583333vw;
    font-weight: 500;
    line-height: 1.6;
}

.sax-main .s8 .blackblod {
    color: #000;
    font-weight: 700;
}

.sax-main .s8 .antenbopart {
    display: flex;
    align-self: center;
    margin: 5.2083333333vw 0 0 0;
}

.sax-main .s8 li {
    transform: translateY(30px);
    opacity: 0;
    transform: translate3d(0px, 30px, 0px);
    pointer-events: none;
    transition: opacity 0.8s linear, transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}

.sax-main .s8 li.active {
    transform: translateY(0px);
    opacity: 1;
    pointer-events: all;
}

.sax-main .s8.will-change li {
    will-change: transform, opacity;
}

.sax-main .s8 li:not(:last-child) {
    margin: 0 6.25vw 0 0;
}

.sax-main .s8 .anmat {
    color: #000;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.25;
}

.sax-main .s8 .andes {
    margin: 0.41666667vw 0 0.20833333333vw 0;
    color: #86868B;
    font-size: 0.833333333vw;
    font-weight: 500;
    line-height: 1.6;
}

.sax-main .s8 .anicon {
    display: flex;
    align-items: flex-end;
    font-size: 2.5vw;
    font-weight: 500;
    line-height: 1.25;
    background: linear-gradient(180deg, #907b5b 0%, #665341 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sax-main .s8 .anicon span {
    display: inline-block;
    margin: 0 0 0.360416666vw 0;
    font-size: 1.666666666vw;
    line-height: 1.25;
}

@media screen and (max-aspect-ratio:11/10) {
    .sax-main .s8 {
        padding: 22.22222222vw 0 0 0;
    }

    .sax-main .s8 .antentopart {
        flex-direction: column;
        align-items: center;
    }

    .sax-main .s8 .antenleim {
        width: 81.111111111vw;
        height: 42.5vw;
        margin: 0;
    }

    .sax-main .s8 .antentomat {
        margin: 13.88888888vw 0 4.44444444vw 0;
        font-size: 6.66666666vw;
    }

    .sax-main .s8 .antentodes {
        width: 86.11111111vw;
        margin: 0;
        font-size: 4.44444444vw;
    }

    .sax-main .s8 .antenbopart {
        flex-direction: row;
        flex-wrap: wrap;
        align-self: flex-start;
        margin: 13.88888888vw 0 0 6.94444444vw;
    }

    .sax-main .s8 .anmat {
        font-size: 4.444444444vw;
    }

    .sax-main .s8 .andes {
        width: 26.6666666667vw;
        font-size: 3.3333333333vw;
        margin: 1.6666666667vw 0 0;
    }

    .sax-main .s8 li {
        display: flex;
        flex-direction: column;
        transform: translate3d(0, 25px, 0);
        transition-duration: 0.5s;
    }

    .sax-main .s8 li:not(:last-child) {
        margin: 0 0 8.88888888vw 0;
    }

    .sax-main .s8 li:nth-child(3) {
        margin-bottom: 0px;
    }

    .sax-main .s8 li:nth-child(odd) {
        width: 44.722222222vw;
        margin-right: 4.166666666vw;
    }

    .sax-main .s8 .anicon {
        font-size: 8.888888888vw;
    }

    .sax-main .s8 .anicon span {
        margin: 0 0 1.39444444vw 0;
        font-size: 5.8333333333vw;
    }
}

/* section s8 end  */
.sax-main .tmovetop {
    transform: translate3d(0px, 25px, 0px);
    opacity: 0;
    pointer-events: none;
    transition: transform 500ms cubic-bezier(0, 0, 0.5, 1), opacity 500ms cubic-bezier(0, 0, 0.5, 1), visibility 500ms cubic-bezier(0, 0, 0.5, 1);
    -webkit-transition: transform 500ms cubic-bezier(0, 0, 0.5, 1), opacity 500ms cubic-bezier(0, 0, 0.5, 1), visibility 500ms cubic-bezier(0, 0, 0.5, 1);
    -moz-transition: transform 500ms cubic-bezier(0, 0, 0.5, 1), opacity 500ms cubic-bezier(0, 0, 0.5, 1), visibility 500ms cubic-bezier(0, 0, 0.5, 1);
    -ms-transition: transform 500ms cubic-bezier(0, 0, 0.5, 1), opacity 500ms cubic-bezier(0, 0, 0.5, 1), visibility 500ms cubic-bezier(0, 0, 0.5, 1);
    -o-transition: transform 500ms cubic-bezier(0, 0, 0.5, 1), opacity 500ms cubic-bezier(0, 0, 0.5, 1), visibility 500ms cubic-bezier(0, 0, 0.5, 1);
}

.sax-main .tmovetop.active {
    opacity: 1;
    pointer-events: all;
    transform: translate3d(0px, 0px, 0px);
}