.hwv3-all {
    color: #000;
    font-weight: 400;
    line-height: normal;
    position: relative;
    letter-spacing: calc(-.037em + .526px);
}

.hwv3-all .hwv3-screen {
    width: 100vw;
}

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

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

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

.hwv3-all img {
    border: 0;
    max-height: 100%;
    width: 100%;
    display: block;
}

.hwv3-all picture {
    border: 0;
    max-height: 100%;
    width: 100%;
    display: block;
}

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

.hwv3-all a {
    color: #333;
    text-decoration: none
}

.hwv3-all a:hover {
    color: #333;
}

.hwv3-all .hwv3-pc {
    display: block;
    font-style: normal;
}

.hwv3-all .hwv3-mob {
    display: none;
    font-style: normal;
}

.hwv3-all .hwv3-inlinePc {
    display: inline-block;
    font-style: normal;
}

.hwv3-all .hwv3-inlineMob {
    display: none;
    font-style: normal;
}

.hwv3-all .hwv3-nowrap {
    white-space: nowrap;
    font-style: normal;
}

.hwv3-all .hwv3-ie {
    display: none;
}

.hwv3-all .hwv3-not-ie {
    display: block;
}

.hwv3-all .blur-up {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    -webkit-transition: -webkit-filter 400ms;
    transition: -webkit-filter 400ms;
    transition: filter 400ms;
    transition: filter 400ms, -webkit-filter 400ms;
}

.hwv3-all .blur-up.lazyloaded {
    -webkit-filter: blur(0);
    filter: blur(0);
}

.hwv3-all .lazyload:not([src]) {
    display: none;
}

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

.hwv3-all .last,
.hwv3-all .last2 {
    position: relative;
    list-style: none
}

.hwv3-all .last::before,
.hwv3-all .last2::before {
    content: "*";
    position: absolute;
    top: .15625vw;
    left: -0.78125vw
}

.hwv3-all .last2::before {
    content: "**"
}

.hwv3-all .currentspecial {
    color: #000;
}

@media (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {

    .hwv3-all .last::before,
    .hwv3-all .last2::before {
        top: .5555555556vw;
        left: -4.1666666667vw
    }
}

@media only screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .hwv3-all .hwv3-ie {
        display: block;
    }

    .hwv3-all .hwv3-not-ie {
        display: none !important;
    }
}

/* @media (min-aspect-ratio:10/13) and (max-aspect-ratio:127/100) and (min-width: 668px) and (max-width: 828px)  */
/* <=1024 */
@media (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .hwv3-all .hwv3-mob {
        display: block;
    }

    .hwv3-all .hwv3-pc {
        display: none;
    }

    .hwv3-all .hwv3-inlineMob {
        display: inline-block;
    }

    .hwv3-all .hwv3-inlinePc {
        display: none;
    }
}

/* se1 */
.hwv3-all .se1-section {
    width: 100%;
    position: relative;
}

.hwv3-all .se1-video {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.hwv3-all .se1-word {
    width: 29.42708333333333vw;
    position: absolute;
    left: 58.4375vw;
    top: 18.125vw;
    text-align: center;
}

.hwv3-all .se1-word-name {
    width: 100%;
}

.hwv3-all .se1-word-ksp {
    font-weight: 500;
    color: #ffffff;
    font-size: 1.25vw;
    line-height: 1.6;
    margin-top: 2.395833333333333vw;
}

.hwv3-all .se1-link {
    width: 9.375vw;
    position: absolute;
    bottom: 3.125vw;
    right: 4.6875vw;
}

@media (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .hwv3-all .se1-video {
        width: 100%;
        left: 0;
        top: 0;
    }

    .hwv3-all .se1-word {
        width: 85.27777777777778vw;
        left: 50%;
        transform: translateX(-50%);
        top: 24.02777777777778vw;
    }

    .hwv3-all .se1-word-ksp {
        font-size: 3.611111111111111vw;
        margin-top: 6.111111111111111vw;
    }

    .hwv3-all .se1-link {
        width: 25vw;
        bottom: 7.777777777777778vw;
        right: 6.388888888888889vw;
    }
}


/* se-bag */
.hwv3-all .se-bag {
    padding: 10.41666666666667vw 0 0 0;
    background: linear-gradient(360deg, rgba(255, 255, 255, 0.5) 0%, rgba(165, 179, 245, 0.5) 43.35%, rgba(209, 190, 239, 0.5) 74.88%, rgba(240, 194, 131, 0.5) 82.76%, rgba(224, 214, 240, 0.5) 100%);
}

@media (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .hwv3-all .se-bag {
        padding: 27.77777777777778vw 0 0 0;
        background: linear-gradient(360deg, #ffffff 0%, #a5b3f5 43.35%, #d1beef 74.88%, #f0c283 82.76%, #e0d6f0 100%);
    }
}

/* se2 */
.hwv3-all .se2-section {
    width: 100%;
    margin-bottom: 10.41666666666667vw;
}

.hwv3-all .se2-ul {
    width: 82.1875vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}

.hwv3-all .se2-ul-li {
    width: 26.35416666666667vw;
    position: relative;
    cursor: pointer;
}

.hwv3-all .se2-ul-li:nth-of-type(-n + 3) {
    margin-bottom: 1.5625vw;
}

.hwv3-all .se2-ul-li:nth-of-type(5) {
    margin-top: -8.333333333333333vw;
}

.hwv3-all .se2-ul-li:hover .se2-ul-li-icon img {
    transform: translateY(0%);
}

.hwv3-all .se2-ul-li1 .se2-ul-li-word {
    width: 80%;
    text-align: center;
    position: absolute;
    top: 7.291666666666667vw;
    left: 50%;
    transform: translateX(-50%);
}

.hwv3-all .se2-ul-li2 .se2-ul-li-word {
    width: 90%;
    text-align: center;
    position: absolute;
    top: 1.927083333333333vw;
    left: 50%;
    transform: translateX(-50%);
}

@media (min-width: 1366px) and (max-width: 1600px) {
    .hwv3-all .se2-ul-li2 .se2-ul-li-word {
        width: 90%;
        top: 1.927083333333333vw;
    }
}

.hwv3-all .se2-ul-li3 .se2-ul-li-word {
    width: 80%;
    text-align: center;
    position: absolute;
    top: 15.78125vw;
    left: 50%;
    transform: translateX(-50%);
}

.hwv3-all .se2-ul-li4 .se2-ul-li-word {
    width: 50%;
    text-align: left;
    position: absolute;
    top: 4.166666666666667vw;
    left: 1.875vw;
    transform: translateX(0%);
}

.hwv3-all .se2-ul-li5 .se2-ul-li-word {
    width: 90%;
    text-align: center;
    position: absolute;
    top: 2.447916666666667vw;
    left: 50%;
    transform: translateX(-50%);
}

.hwv3-all .se2-ul-li6 .se2-ul-li-word {
    width: 92%;
    text-align: center;
    position: absolute;
    top: 7.083333333333333vw;
    left: 50%;
    transform: translateX(-50%);
}

.hwv3-all .se2-ul-li-text1 {
    font-weight: 700;
    color: #ffffff;
    font-size: 1.458333333333333vw;
    line-height: 1.25;
    margin-bottom: 0.625vw;
}

.hwv3-all .se2-ul-li-text2 {
    font-weight: 500;
    color: #ffffff;
    line-height: 1.6;
    font-size: 12px;
}

@media (min-width: 1366px) and (max-width: 1600px) {
    .hwv3-all .se2-ul-li-text2 {
        line-height: 1.25;
    }
}

.hwv3-all .se2-ul-li1 .se2-ul-li-text1 {
    font-size: 2.5vw;
    margin-bottom: 0.78125vw;
}

.hwv3-all .se2-ul-li1 .se2-ul-li-text1 p {
    font-size: 1.666666666666667vw;
}

@media (min-width: 720px) and (max-width: 1300px) {
    .hwv3-all .se2-ul-li-text2 {
        font-size: 0.7291666666666667vw;
    }
}

@media (min-width: 1645px) {
    .hwv3-all .se2-ul-li-text2 {
        font-size: 0.7291666666666667vw;
    }
}

.hwv3-all .se2-ul-li-icon {
    width: 1.666666666666667vw;
    height: 1.666666666666667vw;
    background: rgba(34, 34, 34, 0.4);
    position: absolute;
    right: 1.041666666666667vw;
    bottom: 1.041666666666667vw;
    border-radius: 50%;
    overflow: hidden;
}

.hwv3-all .se2-ul-li-icon img {
    height: 200%;
    max-height: none;
    transform: translateY(-50%);
    transition: all linear 0.4s;
    -webkit-transition: all linear 0.4s;
    opacity: 0.8;
}

@media (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .hwv3-all .se2-section {
        margin-bottom: 27.77777777777778vw;
    }

    .hwv3-all .se2-ul {
        width: 91.66666666666667vw;
    }

    .hwv3-all .se2-ul-li {
        width: 43.75vw;
    }

    .hwv3-all .se2-ul-li:nth-of-type(1),
    .hwv3-all .se2-ul-li:nth-of-type(4) {
        width: 100%;
    }

    .hwv3-all .se2-ul-li:nth-of-type(-n + 4) {
        margin-bottom: 4.166666666666667vw;
    }

    .hwv3-all .se2-ul-li:nth-of-type(5) {
        margin-top: 0;
    }

    .hwv3-all .se2-ul-li1 .se2-ul-li-word {
        top: 14.02777777777778vw;
    }

    .hwv3-all .se2-ul-li2 .se2-ul-li-word {
        top: 5.555555555555556vw;
    }

    .hwv3-all .se2-ul-li3 .se2-ul-li-word {
        top: 37.22222222222222vw;
    }

    .hwv3-all .se2-ul-li4 .se2-ul-li-word {
        width: 38%;
        top: 14.58333333333333vw;
        left: 7.361111111111111vw;
    }

    .hwv3-all .se2-ul-li5 .se2-ul-li-word {
        top: 6.944444444444444vw;
    }

    .hwv3-all .se2-ul-li6 .se2-ul-li-word {
        width: 90%;
        top: 26.94444444444444vw;
    }

    .hwv3-all .se2-ul-li-text1 {
        font-size: 4.444444444444444vw;
        margin-bottom: 2.777777777777778vw;
    }

    .hwv3-all .se2-ul-li-text2 {
        font-size: 2.777777777777778vw;
    }

    .hwv3-all .se2-ul-li1 .se2-ul-li-text1 {
        font-size: 6.666666666666667vw;
        margin-bottom: 3.611111111111111vw;
    }

    .hwv3-all .se2-ul-li1 .se2-ul-li-text1 p {
        font-size: 4.444444444444444vw;
    }

    .hwv3-all .se2-ul-li-icon {
        width: 5.277777777777778vw;
        height: 5.277777777777778vw;
        right: 2.222222222222222vw;
        bottom: 2.222222222222222vw;
        background: rgba(96, 96, 96, 0.36);
    }
    .hwv3-all .se2-ul-li-icon img {
        opacity: 0.6;
    }
}

/* se3 */
.hwv3-all .se3-section {
    width: 100%;
    margin-bottom: 10.41666666666667vw;
}

.hwv3-all .se3-word {
    width: 93.64583333333333vw;
    margin: 0 auto 3.125vw;
    position: relative;
}

.hwv3-all .se3-word-text1 {
    width: 37.8125vw;
    position: absolute;
    left: 5.729166666666667vw;
    top: 8.125vw;
}

.hwv3-all .se3-word-text1 span {
    font-weight: 700;
    color: #000000;
    font-size: 4.6875vw;
    line-height: 1.25;
    background: linear-gradient(92deg, #000000 0%, #fba9c0 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    display: inline-block;
}

.hwv3-all .se3-word-text2 {
    width: 46.82291666666667vw;
    font-weight: 500;
    color: #000;
    font-size: 1.145833333333333vw;
    line-height: 1.6;
    text-align: center;
    margin: 4.166666666666667vw auto 0;
}

.hwv3-all .se3-img {
    width: 100%;
    position: relative;
}

.hwv3-all .se3-img-video video{
    width: 100%;
}

.hwv3-all .se3-img-btn {
    position: absolute;
    right: 8.90625vw;
    bottom: 2.760416666666667vw;
}

.hwv3-all .se3-img-btn a {
    font-weight: 500;
    color: #ffffff;
    font-size: 1.25vw;
    line-height: 1.6;
    display: flex;
    align-items: center;
}

.hwv3-all .se3-img-btn img {
    width: 1.25vw;
    height: 1.25vw;
    ;
    margin-left: 0.625vw;
}

@media (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .hwv3-all .se3-section {
        margin-bottom: 27.77777777777778vw;
    }

    .hwv3-all .se3-word {
        width: 100%;
        margin: 0 auto;
        position: static;
    }

    .hwv3-all .se3-word-text1 {
        width: 86.11111111111111vw;
        position: static;
        margin: -6.944444444444444vw auto 16.66666666666667vw;
    }

    .hwv3-all .se3-word-text1 span {
        font-size: 11.11111111111111vw;
    }

    .hwv3-all .se3-word-text2 {
        width: 86.11111111111111vw;
        font-size: 4.444444444444444vw;
        text-align: left;
        margin: 13.88888888888889vw auto 0;
    }
    .hwv3-all .se3-img {
        overflow: hidden;
    }
    .hwv3-all .se3-img-video {
        width: 100%;
        height: calc(100vh - var(--se6TextHeight) - var(--navHeight) - 50px);
        max-height: 50vh;
    }

    .hwv3-all .se3-img-video video {
        width: calc(100% + 6px);
        height: calc(100% + 6px);
        object-fit: cover;
        object-position: center;
    }

    .hwv3-all .se3-img-btn {
        right: 6.944444444444444vw;
        bottom: 6.944444444444444vw;
    }

    .hwv3-all .se3-img-btn a {
        font-weight: 700;
        font-size: 4.444444444444444vw;
    }

    .hwv3-all .se3-img-btn img {
        width: 4.444444444444444vw;
        height: 4.444444444444444vw;
        margin-left: 1.944444444444444vw;
    }
}
@media screen and (min-aspect-ratio:10/13) and (max-aspect-ratio:127/100) and (min-width: 668px) and (max-width: 828px) {
    .hwv3-all .se3-img-video {
        width: 100%;
        height: auto;
        max-height: none;
    }
}
@media screen and(-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .hwv3-all .se3-word-text1 span {
        background: none;
    }

    .hwv3-all .se6-word-item-text1 {
        cursor: pointer;
    }
}



/* se4 */
.hwv3-all .se4-section {
    width: 100%;
    margin-bottom: 10.41666666666667vw;
}

.hwv3-all .se4-cen {
    width: 81.19791666666667vw;
    margin-left: 8.802083333333333vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hwv3-all .se4-video {
    width: 44.58333333333333vw;
    height: 27.29166666666667vw;
    position: relative;
    overflow: hidden;
}

.hwv3-all .se4-video video {
    width: 55.3125vw;
    height: auto;
    max-height: none;
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translate(0%, -50%);
}

.hwv3-all .se4-word {
    width: 32.23958333333333vw;
}

.hwv3-all .se4-word-text1 {
    font-weight: 700;
    color: #4b3239;
    font-size: 2.5vw;
    line-height: 1.25;
}

.hwv3-all .se4-word-text2 {
    font-weight: 500;
    color: #000;
    font-size: 1.145833333333333vw;
    line-height: 1.6;
    margin-top: 1.5625vw;
}

@media (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .hwv3-all .se4-section {
        margin-bottom: 27.77777777777778vw;
    }

    .hwv3-all .se4-cen {
        width: 86.11111111111111vw;
        margin: 0 auto;
        display: block;
    }

    .hwv3-all .se4-video {
        width: 100%;
        height: 61.11111111111111vw;
    }

    .hwv3-all .se4-video video {
        width: 117.6388888888889vw;
        right: 0%;
        top: 0%;
        transform: translate(0%, 0%);
    }

    .hwv3-all .se4-word {
        width: 100%;
        margin-top: 13.88888888888889vw;
    }

    .hwv3-all .se4-word-text1 {
        font-size: 8.888888888888889vw;
    }

    .hwv3-all .se4-word-text2 {
        font-size: 4.444444444444444vw;
        margin-top: 6.944444444444444vw;
    }
}


/* se5 */
.hwv3-all .se5-section {
    width: 100%;
    margin-bottom: 10.41666666666667vw;
}

.hwv3-all .se5-cen {
    width: 82.1875vw;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.4);
    padding: 6.25vw 0 4.947916666666667vw;
}

.hwv3-all .se5-top {
    width: 65.88541666666667vw;
    margin: 0 0 6.25vw 7.1875vw;
    display: flex;
    justify-content: space-between;
}

.hwv3-all .se5-top-word {
    width: 26.51041666666667vw;
}

.hwv3-all .se5-top-text1 {
    font-size: 2.5vw;
    font-weight: 700;
    color: #4b3239;
    line-height: 1.25;
    margin-bottom: 2.239583333333333vw;
}

.hwv3-all .se5-top-text2 {
    font-weight: 500;
    color: #000;
    font-size: 1.145833333333333vw;
    line-height: 1.6;
}

.hwv3-all .se5-top-text2 b {
    color: #4b3239;
}

.hwv3-all .se5-top-icon {
    width: 32.1875vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.hwv3-all .se5-top-icon-item {
    width: 15.15625vw;
    position: relative;
}

.hwv3-all .se5-top-icon-word {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hwv3-all .se5-top-icon-text1 {
    font-weight: 700;
    color: #ffffff;
    font-size: 4.166666666666667vw;
    line-height: 1.25;
}

.hwv3-all .se5-top-icon-text2 {
    font-weight: 700;
    color: #ffffff;
    font-size: 1.71875vw;
    line-height: 1.6;
    margin-top: 0.46875vw;
}

.hwv3-all .se5-bot {
    width: 66.04166666666667vw;
    margin-left: 7.1875vw;
    display: flex;
}

.hwv3-all .se5-bot-li1 {
    display: flex;
    margin-right: 4.895833333333333vw;
}

.hwv3-all .se5-bot-li1 .se5-bot-icon {
    width: 2.864583333333333vw;
    margin-right: 0.8333333333333333vw;
}

.hwv3-all .se5-bot-li1 .se5-bot-word {
    width: 14.58333333333333vw;
}

.hwv3-all .se5-bot-li2 {
    display: flex;
    margin-right: 3.125vw;
}

.hwv3-all .se5-bot-li2 .se5-bot-icon {
    width: 3.59375vw;
    margin-right: 1.302083333333333vw;
}

.hwv3-all .se5-bot-li2 .se5-bot-word {
    width: 14.58333333333333vw;
}

.hwv3-all .se5-bot-li3 {
    display: flex;
}

.hwv3-all .se5-bot-li3 .se5-bot-icon {
    width: 4.010416666666667vw;
    margin-right: 1.25vw;
}

.hwv3-all .se5-bot-li3 .se5-bot-word {
    width: 14.58333333333333vw;
}

.hwv3-all .se5-bot-text1 {
    font-weight: 700;
    color: #4b3239;
    font-size: 1.25vw;
    line-height: 1.25;
    margin-bottom: 1.041666666666667vw;
}

.hwv3-all .se5-bot-text2 {
    font-weight: 500;
    color: #000;
    font-size: 12px;
    line-height: 1.6;
}

@media (min-width: 1440px) {
    .hwv3-all .se5-bot-text2 {
        font-size: 0.8333333333333333vw;
    }
}

@media (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .hwv3-all .se5-section {
        margin-bottom: 27.77777777777778vw;
    }

    .hwv3-all .se5-cen {
        width: 91.66666666666667vw;
        padding: 22.22222222222222vw 0;
    }

    .hwv3-all .se5-top {
        width: 77.77777777777778vw;
        margin: 0 auto 19.44444444444444vw;
        display: block;
    }

    .hwv3-all .se5-top-word {
        width: 100%;
    }

    .hwv3-all .se5-top-text1 {
        font-size: 8.888888888888889vw;
        margin-bottom: 10.83333333333333vw;
    }

    .hwv3-all .se5-top-text2 {
        font-size: 4.444444444444444vw;
    }

    .hwv3-all .se5-top-icon {
        width: 100%;
        margin-top: 13.88888888888889vw;
    }

    .hwv3-all .se5-top-icon-item {
        width: 36.80555555555556vw;
    }

    .hwv3-all .se5-top-icon-text1 {
        font-size: 13.88888888888889vw;
    }

    .hwv3-all .se5-top-icon-text2 {
        font-size: 4.583333333333333vw;
        margin-top: 0.2777777777777778vw;
    }

    .hwv3-all .se5-bot {
        width: 77.77777777777778vw;
        margin: 0 auto;
        display: block;
    }

    .hwv3-all .se5-bot-li1 {
        display: block;
        margin-right: 0;
        margin-bottom: 22.22222222222222vw;
    }

    .hwv3-all .se5-bot-li1 .se5-bot-icon {
        width: 17.22222222222222vw;
        margin-right: 0;
        margin-bottom: 5.555555555555556vw;
    }

    .hwv3-all .se5-bot-li1 .se5-bot-word {
        width: 100%;
    }

    .hwv3-all .se5-bot-li2 {
        display: block;
        margin-right: 0;
        margin-bottom: 22.22222222222222vw;
    }

    .hwv3-all .se5-bot-li2 .se5-bot-icon {
        width: 20.55555555555556vw;
        margin-right: 0;
        margin-bottom: 5.555555555555556vw;
    }

    .hwv3-all .se5-bot-li2 .se5-bot-word {
        width: 100%;
    }

    .hwv3-all .se5-bot-li3 {
        display: block;
    }

    .hwv3-all .se5-bot-li3 .se5-bot-icon {
        width: 23.05555555555556vw;
        margin-right: 0;
        margin-bottom: 5.555555555555556vw;
    }

    .hwv3-all .se5-bot-li3 .se5-bot-word {
        width: 100%;
    }

    .hwv3-all .se5-bot-text1 {
        font-size: 6.666666666666667vw;
        margin-bottom: 6.944444444444444vw;
    }

    .hwv3-all .se5-bot-text2 {
        font-size: 4.444444444444444vw;
    }
}

/* se6 */
.hwv3-all .se6-section {
    width: 100%;
    margin-bottom: 10.41666666666667vw;
    overflow: hidden;
}

.hwv3-all .se6-top {
    width: 93.64583333333333vw;
    margin: 0 auto 3.125vw;
    position: relative;
}

.hwv3-all .se6-top-text1 {
    width: 41.14583333333333vw;
    position: absolute;
    left: 5.9375vw;
    top: 8.333333333333333vw;
}

.hwv3-all .se6-top-text1 span {
    font-weight: 700;
    color: #000000;
    font-size: 4.6875vw;
    line-height: 1.25;
    background: linear-gradient(86deg, #331c36 0%, #a85cb4 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    display: inline-block;
}

.hwv3-all .se6-cen {
    width: 100%;
    position: relative;
}

.hwv3-all .se6Swiper {
    width: 100%;
    height: calc(100vh - var(--navHeight));
}

.hwv3-all .se6Swiper .swiper-slide video,
.hwv3-all .se6Swiper .swiper-slide img {
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    object-fit: cover;
    object-position: center;
}

.hwv3-all .se6-bag {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    opacity: 0.3;
    width: 36.77083333333333vw;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.hwv3-all .se6-word {
    width: 19.375vw;
    position: absolute;
    left: 8.90625vw;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.hwv3-all .se6-word-item:nth-of-type(-n + 4) {
    margin-bottom: 2.083333333333333vw;
}

.hwv3-all .se6-word-item-text1 {
    font-weight: 700;
    color: #ffffff;
    font-size: 1.666666666666667vw;
    line-height: 1.25;
    opacity: 0.5;
}

.hwv3-all .se6-word-item1 .se6-word-item-text1 {
    opacity: 1;
}

.hwv3-all .se6-word-item-text2 {
    font-weight: 500;
    color: #ffffff;
    font-size: 0.8333333333333333vw;
    line-height: 1.6;
    margin-top: 1.041666666666667vw;
    display: none;
}

.hwv3-all .se6-word-item1 .se6-word-item-text2 {
    display: block;
}

@media (max-width: 1440px) {
    .hwv3-all .se6-word-item-text2 {
        font-size: 12px;
    }
}

@media (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .hwv3-all .se6-section {
        margin-bottom: 27.77777777777778vw;
    }

    .hwv3-all .se6-top {
        width: 100%;
        margin: 0;
        position: static;
    }

    .hwv3-all .se6-top-text1 {
        width: 91.66666666666667vw;
        position: static;
        margin: -6.944444444444444vw auto 16.66666666666667vw;
    }

    .hwv3-all .se6-top-text1 span {
        font-size: 11.11111111111111vw;
    }

    .hwv3-all .se6Swiper {
        width: 100%;
        height: calc(100vh - var(--se6TextHeight) - var(--navHeight) - 50px);
        max-height: 50vh;
    }

    .hwv3-all .se6-word {
        width: 86.11111111111111vw;
        margin: 11.11111111111111vw auto 0;
        position: relative;
        left: 0;
        top: 0;
        transform: translateY(0%);
        padding-left: 4.166666666666667vw;
    }

    .hwv3-all .se6-word-line {
        width: 0.6944444444444444vw;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: #d6d6d6;
        border-radius: 50px;
    }

    .hwv3-all .se6-word-line-active {
        width: 100%;
        height: 25%;
        position: absolute;
        left: 0;
        top: 0;
        width: 0.6944444444444444vw;
        background: rgba(68, 37, 73, 1);

        border-radius: 50px;
    }

    .hwv3-all .se6-word-item:nth-of-type(-n + 4) {
        margin-bottom: 0;
    }

    .hwv3-all .se6-word-item {
        display: none;
    }

    .hwv3-all .se6-word-item1 {
        display: block;
    }

    .hwv3-all .se6-word-item-text1 {
        color: #442549;
        font-size: 6.666666666666667vw;
        opacity: 1;
    }

    .hwv3-all .se6-word-item-text2 {
        color: #000;
        font-size: 3.611111111111111vw;
        margin-top: 4.166666666666667vw;
        display: block;
    }
}

@media screen and (min-aspect-ratio:10/13) and (max-aspect-ratio:127/100) and (min-width: 668px) and (max-width: 828px) {
    .hwv3-all .se6-word {
        margin: 3vw auto 0;
    }
    .hwv3-all .se6-word-item-text1 {
        font-size: 4.666666666666667vw;
    }
    .hwv3-all .se6-word-item-text2 {
        font-size: 2.611111111111111vw;
    }
}

@media screen and(-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .hwv3-all .se6-top-text1 span {
        background: none;
    }
}


/* se8 */
.hwv3-all .se8-section {
    width: 100%;
    margin-bottom: 10.41666666666667vw;
}

.hwv3-all .se8-cen {
    width: 91.14583333333333vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hwv3-all .se8-cen-img {
    width: 60.41666666666667vw;
    margin-left: -1px;
}

.hwv3-all .se8-cen-word {
    width: 26.35416666666667vw;
}

.hwv3-all .se8-cen-word-text1 {
    font-weight: 700;
    color: #442549;
    font-size: 2.5vw;
    line-height: 1.25;
}

.hwv3-all .se8-cen-word-text2 {
    font-weight: 500;
    color: #000;
    font-size: 1.145833333333333vw;
    line-height: 1.6;
    margin-top: 1.5625vw;
}

.hwv3-all .se8-cen-word-icon {
    width: 18.85416666666667vw;
    display: flex;
    justify-content: space-between;
    margin-top: 3.645833333333333vw;
}

.hwv3-all .se8-cen-word-icon-img:nth-of-type(1) {
    width: 9.010416666666667vw;
}

.hwv3-all .se8-cen-word-icon-img:nth-of-type(2) {
    width: 7.083333333333333vw;
}

@media (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .hwv3-all .se8-section {
        margin-bottom: 27.77777777777778vw;
    }

    .hwv3-all .se8-cen {
        width: 93.05555555555556vw;
        display: block;
    }

    .hwv3-all .se8-cen-img {
        width: 100%;
        margin-left: 0;
    }

    .hwv3-all .se8-cen-word {
        width: 86.11111111111111vw;
        margin-left: 6.944444444444444vw;
    }

    .hwv3-all .se8-cen-word-text1 {
        font-size: 8.888888888888889vw;
        margin-top: 13.88888888888889vw;
    }

    .hwv3-all .se8-cen-word-text2 {
        font-size: 4.444444444444444vw;
        margin-top: 6.944444444444444vw;
    }

    .hwv3-all .se8-cen-word-icon {
        width: 83.88888888888889vw;
        margin-top: 9.722222222222222vw;
    }

    .hwv3-all .se8-cen-word-icon-img:nth-of-type(1) {
        width: 39.86111111111111vw;
    }

    .hwv3-all .se8-cen-word-icon-img:nth-of-type(2) {
        width: 31.66666666666667vw;
    }
}

/* se9 */
.hwv3-all .se9-section {
    width: 100%;
    margin-bottom: 10.41666666666667vw;
}

.hwv3-all .se9-cen {
    width: 91.14583333333333vw;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.hwv3-all .se9-cen-img {
    width: 60.41666666666667vw;
}

.hwv3-all .se9-cen-word {
    width: 26.35416666666667vw;
}

.hwv3-all .se9-cen-word-text1 {
    font-weight: 700;
    color: #442549;
    font-size: 2.5vw;
    line-height: 1.25;
}

.hwv3-all .se9-cen-word-text2 {
    font-weight: 500;
    color: #000;
    font-size: 1.145833333333333vw;
    line-height: 1.6;
    margin-top: 1.5625vw;
}

.hwv3-all .se9-cen-word-icon {
    width: 26.19791666666667vw;
    display: flex;
    justify-content: space-between;
}

@media (min-width: 800px) and (max-width: 1440px) {
    .hwv3-all .se9-cen-word-icon {
        width: 30vw;
    }
}

.hwv3-all .se9-cen-word-icon-item {
    display: flex;
    align-items: center;
    padding-top: 3.645833333333333vw;
}

.hwv3-all .se9-cen-word-icon-img {
    width: 2.5vw;
    margin-right: 0.5208333333333333vw;
}

.hwv3-all .se9-cen-word-icon-text1 {
    font-size: 12px;
    font-weight: 700;
    color: #000000;
    line-height: 1.6;
}
@media (min-width: 800px) and (max-width: 1440px) {
    .hwv3-all .se9-cen-word-icon-text1 {
        font-size: 10px;
    }
}

@media (min-width: 1920px) {
    .hwv3-all .se9-cen-word-icon-text1 {
        font-size: 0.625vw;
    }
}

@media (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .hwv3-all .se9-section {
        margin-bottom: 27.77777777777778vw;
    }

    .hwv3-all .se9-cen {
        width: 93.05555555555556vw;
        display: block;
    }

    .hwv3-all .se9-cen-img {
        width: 100%;
    }

    .hwv3-all .se9-cen-word {
        width: 86.11111111111111vw;
        margin-left: 0;
    }

    .hwv3-all .se9-cen-word-text1 {
        font-size: 8.888888888888889vw;
        margin-top: 13.88888888888889vw;
    }

    .hwv3-all .se9-cen-word-text2 {
        font-size: 4.444444444444444vw;
        margin-top: 6.944444444444444vw;
    }

    .hwv3-all .se9-cen-word-icon {
        width: 85.13888888888889vw;
        flex-wrap: wrap;
    }

    .hwv3-all .se9-cen-word-icon-item {
        padding-top: 13.88888888888889vw;
    }

    .hwv3-all .se9-cen-word-icon-img {
        width: 11.80555555555556vw;
        margin-right: 2.777777777777778vw;
    }

    .hwv3-all .se9-cen-word-icon-text1 {
        font-size: 3.333333333333333vw;
    }
}

/* se10 */
.hwv3-all .se10-section {
    width: 100%;
    margin-bottom: 10.41666666666667vw;
    overflow: hidden;
}

.hwv3-all .se10-top {
    width: 93.64583333333333vw;
    margin: 0 auto;
    position: relative;
}

.hwv3-all .se10-top-tittle {
    width: 26.5625vw;
    position: absolute;
    left: 6.145833333333333vw;
    top: 8.489583333333333vw;
}

.hwv3-all .se10-top-text1 {
    margin-top: 1.041666666666667vw;
}

.hwv3-all .se10-top-text1 span {
    font-weight: 700;
    color: #000000;
    font-size: 4.6875vw;
    line-height: 1.25;
    background: linear-gradient(89deg, #000000 0%, hsl(220, 79%, 62%) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    display: inline-block;
}

.hwv3-all .se10-top-text2 {
    font-weight: 700;
    color: #2c3469;
    font-size: 2.5vw;
    line-height: 1.25;
    text-align: center;
    margin: 4.895833333333333vw 0 4.479166666666667vw;
}

.hwv3-all .se10-cen {
    width: 63.75vw;
    margin: 0 0 0 14.47916666666667vw;
}

.hwv3-all .se10-cen-img {
    width: 100%;
    position: relative;
    z-index: 10;
}

.hwv3-all .se10-cen-img-bag {
    width: 58.59375vw;
    margin-left: auto;
}

.hwv3-all .se10-cen-img-video {
    width: 58.59375vw;
    position: absolute;
    top: 0.78125vw;
    right: 0px;
    z-index: -1;
}

.hwv3-all .se10-cen-img-phone {
    width: 6.302083333333333vw;
    position: absolute;
    bottom: 0;
    left: 0;
}

.hwv3-all .se10-bot {
    width: 44.63541666666667vw;
    margin: 3.125vw 0 0 26.82291666666667vw;
    display: flex;
    justify-content: space-between;
}

.hwv3-all .se10-bot-left-word {
    width: 8.229166666666667vw;
}

.hwv3-all .se10-bot-left-text1 {
    width: 100%;
}

.hwv3-all .se10-bot-left-text2 {
    text-align: center;
    margin-top: 0.78125vw;
}

.hwv3-all .se10-bot-left-text2 span {
    color: #bd8143;
    font-weight: 700;
    font-size: 1.666666666666667vw;
    line-height: 1.6;
    background: linear-gradient(90deg, #e5af77 0%, #bd8143 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    display: inline-block;
}

.hwv3-all .se10-bot-right {
    width: 30vw;
}

.hwv3-all .se10-bot-right-text1 {
    font-weight: 500;
    color: #000000;
    font-size: 1.145833333333333vw;
    line-height: 1.6;
}

.hwv3-all .se10-bot-right-text1 b {
    color: #2c3469;
}

.hwv3-all .se10-bot-right-icon {
    margin-top: 2.083333333333333vw;
    display: flex;
}

.hwv3-all .se10-bot-right-icon-item:nth-of-type(1) {
    width: 7.447916666666667vw;
    margin-right: 2.708333333333333vw;
}

.hwv3-all .se10-bot-right-icon-item:nth-of-type(2) {
    width: 9.895833333333333vw;
    margin-right: 2.083333333333333vw;
}

.hwv3-all .se10-bot-right-icon-item:nth-of-type(3) {
    width: 8.697916666666667vw;
}

@media (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .hwv3-all .se10-section {
        margin-bottom: 27.77777777777778vw;
    }

    .hwv3-all .se10-top {
        width: 100%;
    }

    .hwv3-all .se10-top-tittle {
        width: 74.72222222222222vw;
        position: static;
        left: 0;
        top: 0;
        margin-top: -8.055555555555556vw;
        margin-left: 6.944444444444444vw;
    }

    .hwv3-all .se10-top-text1 {
        margin-top: 4.166666666666667vw;
    }

    .hwv3-all .se10-top-text1 span {
        font-size: 11.11111111111111vw;
        background: linear-gradient(90deg, #000000 0%, #4e80e4 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        text-fill-color: transparent;
        display: inline-block;
    }

    .hwv3-all .se10-top-text2 {
        width: 74.72222222222222vw;
        font-size: 8.888888888888889vw;
        text-align: left;
        margin: 16.66666666666667vw 0 10.13888888888889vw 6.944444444444444vw;
    }

    .hwv3-all .se10-cen {
        width: 93.88888888888889vw;
        margin: 0;
    }

    .hwv3-all .se10-cen-img-bag {
        width: 100%;
    }

    .hwv3-all .se10-cen-img-video {
        width: 130vw;
        top: 1.666666666666667vw;
        right: 1px;
    }

    .hwv3-all .se10-cen-img-video video {
        height: auto;
        max-height: none;
    }

    .hwv3-all .se10-cen-img-phone {
        width: 14.02777777777778vw;
        bottom: 0;
        left: 64.16666666666667vw;
    }

    .hwv3-all .se10-bot {
        width: 86.11111111111111vw;
        margin: 13.33333333333333vw auto 0;
        display: block;
    }

    .hwv3-all .se10-bot-left-word {
        width: 33.61111111111111vw;
    }

    .hwv3-all .se10-bot-left-text1 {
        width: 100%;
    }

    .hwv3-all .se10-bot-left-text2 {
        margin-top: 2.777777777777778vw;
    }

    .hwv3-all .se10-bot-left-text2 span {
        font-size: 7.638888888888889vw;
    }

    .hwv3-all .se10-bot-right {
        width: 100%;
        margin-top: 5.555555555555556vw;
    }

    .hwv3-all .se10-bot-right-text1 {
        font-size: 4.444444444444444vw;
    }

    .hwv3-all .se10-bot-right-text1 p {
        font-weight: 700;
    }

    .hwv3-all .se10-bot-right-icon {
        margin-top: 13.33333333333333vw;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .hwv3-all .se10-bot-right-icon-item:nth-of-type(1) {
        width: 35.55555555555556vw;
        margin-right: 0;
    }

    .hwv3-all .se10-bot-right-icon-item:nth-of-type(2) {
        width: 42.22222222222222vw;
        margin-right: 0;
    }

    .hwv3-all .se10-bot-right-icon-item:nth-of-type(3) {
        width: 38.05555555555556vw;
        margin-top: 8.333333333333333vw;
    }
}

@media screen and(-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .hwv3-all .se10-top-text1 span {
        background: none;
    }

    .hwv3-all .se10-bot-left-text2 span {
        background: none;
    }
}


/* se11 */
.hwv3-all .se11-section {
    width: 100%;
    margin-bottom: 10.41666666666667vw;
}

.hwv3-all .se11-cen {
    width: 74.01041666666667vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.hwv3-all .se11-box1 {
    width: 40.3125vw;
}

.hwv3-all .se11-box2 {
    width: 32.03125vw;
}

.hwv3-all .se11-box-item {
    position: relative;
}

.hwv3-all .se11-box-item2 {
    margin-bottom: 1.5625vw;
}

.hwv3-all .se11-box-item1-text1 {
    width: 16.09375vw;
    font-weight: 500;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.6;
    position: absolute;
}

@media (min-width: 1440px) {
    .hwv3-all .se11-box-item1-text1 {
        font-size: 0.8333333333333333vw;
    }
}
@media (max-width: 1366px) {
    .hwv3-all .se11-box-item1-text1 {
        font-size: 0.8333333333333333vw;
    }
    .hwv3-all .se11-box-item1-text1 {
        width: 29.09375vw;
    }
}

.hwv3-all .se11-box-item1 .se11-box-item1-text1 {
    width: 18.54166666666667vw;
    right: 1.875vw;
    bottom: 1.041666666666667vw;
}

.hwv3-all .se11-box-item2 .se11-box-item1-text1 {
    left: 2.083333333333333vw;
    bottom: 1.041666666666667vw;
}

.hwv3-all .se11-box-item3 .se11-box-item1-text1 {
    left: 2.083333333333333vw;
    bottom: 1.041666666666667vw;
}

@media (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .hwv3-all .se11-section {
        margin-bottom: 27.77777777777778vw;
    }

    .hwv3-all .se11-cen {
        width: 86.11111111111111vw;
        display: block;
    }

    .hwv3-all .se11-box1 {
        width: 100%;
    }

    .hwv3-all .se11-box2 {
        width: 100%;
    }

    .hwv3-all .se11-box-item1 {
        margin-bottom: 22.22222222222222vw;
    }

    .hwv3-all .se11-box-item2 {
        margin-bottom: 22.22222222222222vw;
    }

    .hwv3-all .se11-box-item1-text1 {
        width: 100%;
        font-weight: 500;
        color: #000;
        font-size: 4.444444444444444vw;
        line-height: 1.6;
        position: static;
    }

    .hwv3-all .se11-box-item1-text1 b {
        color: rgba(44, 52, 105, 1);
    }

    .hwv3-all .se11-box-item1 .se11-box-item1-text1 {
        width: 100%;
        margin-top: 11.11111111111111vw;
    }

    .hwv3-all .se11-box-item2 .se11-box-item1-text1 {
        margin-top: 11.11111111111111vw;
    }

    .hwv3-all .se11-box-item3 .se11-box-item1-text1 {
        margin-top: 11.11111111111111vw;
    }
}

/* se12 */
.hwv3-all .se12-section {
    width: 100%;
}

.hwv3-all .se12-top {
    width: 74.47916666666667vw;
    margin: 0 auto 4.166666666666667vw;
    font-weight: 700;
    color: #2c3469;
    font-size: 2.5vw;
    line-height: 1.25;
}

.hwv3-all .se12-cen {
    position: relative;
}

.hwv3-all .se12-cen-video {
    position: relative;
}

.hwv3-all .se12-cen-play {
    width: 2.864583333333333vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.hwv3-all .se12-botm {
    width: 86.45833333333333vw;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}
.hwv3-all .se12-botm .se12swiper {
    display: flex;
}
.hwv3-all .se12-botm .swiper-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: end;
    height: auto;
}
.hwv3-all .se12-botm .swiper-slide {
    width: auto;
}
.hwv3-all .se12-botm .swiper-slide-li {
    width: 20.83333333333333vw;
    background: rgba(255, 255, 255, 0.6);
    padding: 2.395833333333333vw 0 2.083333333333333vw;
    box-sizing: border-box;
    height: 100%;
}

.hwv3-all .se12-botm-word {
    width: 19.16666666666667vw;
}

.hwv3-all .se12-botm-text1 {
    font-weight: 700;
    font-size: 1.666666666666667vw;
    color: #2c3469;
    line-height: 1.25;
    padding-left: 5.625vw;
    box-sizing: border-box;
    position: relative;
}

.hwv3-all .se12-botm-img {
    width: 2.5vw;
    position: absolute;
    left: 2.083333333333333vw;
    top: 0.15625vw;
}

.hwv3-all .se12-botm-text2 {
    font-weight: 500;
    color: #000000;
    font-size: 12px;
    line-height: 1.6;
    margin-top: 1.041666666666667vw;
    padding-left: 5.625vw;
    box-sizing: border-box;
}

@media (min-width: 1440px) {
    .hwv3-all .se12-botm-text2 {
        font-size: 0.8333333333333333vw;
    }
}

@media (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .hwv3-all .se12-top {
        width: 86.11111111111111vw;
        margin: 0 auto 13.88888888888889vw;
        font-size: 8.888888888888889vw;
    }

    .hwv3-all .se12-cen-play {
        width: 11.11111111111111vw;
    }

    .hwv3-all .se12-botm {
        width: 100%;
        position: static;
        transform: translateX(0%);
        margin: 6.94444444444vw auto 0;
        overflow: hidden;
    }

    .hwv3-all .se12-botm .se12swiper {
        display: flex;
    }

    .hwv3-all .se12-botm .swiper-wrapper {
        display: flex;
        justify-content: initial;   
        align-items: initial;
        height: auto;
    }

    .hwv3-all .se12-botm .swiper-slide {
        width: 100%;
    }

    .hwv3-all .se12-botm .swiper-slide-li {
        width: 86.11111111111111vw;
        padding: 13.88888888888889vw 0 13.88888888888889vw;
        margin: 0 auto;
        position: relative;
    }
    .hwv3-all .se12-botm .se12-botm-icon {
        position: absolute;
        top: 15.444444vw;
        right: 18.888888888888889vw;
        width: 10.555555555vw;
        animation: moveleft 2s ease-in-out infinite;
        -webkit-animation: moveleft 2s ease-in-out infinite;
    }
    
    .hwv3-all .se12-section .swiper-scrollbar {
        width: 22.2222222vw;
        height: 0.5555555vw;
        margin-top: 10vw;
        margin-left: 6.944444444444444vw;
        background-color: #e8ecfc;
    }

    .hwv3-all .se12-section .swiper-scrollbar-drag {
        background-color: rgba(44, 52, 105, 0.8);
    }

    .hwv3-all .se12-botm-word {
        width: 72.22222222222222vw;
        margin: 0 auto;
    }

    .hwv3-all .se12-botm-text1 {
        font-size: 6.666666666666667vw;
        padding-left: 18.75vw;
    }

    .hwv3-all .se12-botm-img {
        width: 15.27777777777778vw;
        left: 0;
        top: -2.083333333333333vw;
    }

    .hwv3-all .se12-botm-text2 {
        font-size: 4.444444444444444vw;
        margin-top: 8.333333333333333vw;
        padding-left: 0;
    }
}







/* section 18  */
.hwv3-all .se18-section .vsamecon {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.hwv3-all .se18-section .supent {
    width: 39.0104166vw;
    margin: 10.4166666vw 52.0833333vw 4.1666666vw 0;
    color: #2C3469;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
}

.hwv3-all .se18-section .supeV {
    display: flex;
    justify-content: flex-end;
}

.hwv3-all .se18-section .supelcard .swiper-wrapper {
    flex-direction: column;
}

.hwv3-all .se18-section .supelcard .swiper-slide {
    height: auto;
}

.hwv3-all .se18-section .superVcard {
    width: 69.7395833vw;
    margin: 0 0 0 1.5625vw;
}

.hwv3-all .se18-section .superVcard .swiper-slide {
    position: relative;
    width: 69.7395833vw;
    height: 48.4375vw;
}

.hwv3-all .se18-section .vidcon {
    height: 100%;
}

.hwv3-all .se18-section .swiper-slide video {
    height: 100%;
    object-fit: cover;
}

.hwv3-all .se18-section .vplaybtn {
    overflow: hidden;
    position: absolute;
    width: 2.8645833vw;
    height: 2.8645833vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 2;
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.hwv3-all .se18-section .vplaybtn:hover {
    opacity: 0.8;
}

.hwv3-all .se18-section .supitem {
    position: relative;
    width: 19.7916666vw;
    background-color: rgba(255, 255, 255, 0.3);
    cursor: pointer;
}

.hwv3-all .se18-section .supitem:not(:last-child) {
    margin: 0 0 1.5625vw 0;
}

.hwv3-all .se18-section .supitemt {
    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%);
}

.hwv3-all .se18-section .supitem h3 {
    width: 9.375vw;
    margin: 0 0 1.0416666vw 0;
    color: #2c3469;
    font-size: 1.6666666vw;
    font-weight: 700;
    line-height: 1.25;
}

.hwv3-all .se18-section .supitem p {
    width: 16.197916666vw;
    color: #000;
    font-size: 0.8333333vw;
    font-weight: 500;
    line-height: 1.6;
}

@media screen and (min-width: 1360px) and (max-width: 1400px) {
    .hwv3-all .se18-section .supitem p  {
        width: 17.197916666vw; 
    }
}

.hwv3-all .se18-section .vswiper .swiper-slide {
    position: relative;
}

.hwv3-all .se18-section .vactive {
    background-color: #fff;
}

.hwv3-all .se18-section .tciconc {
    position: absolute;
    right: 3.4895833vw;
    bottom: 2.5520833vw;
    display: flex;
    align-items: center;
}

.hwv3-all .se18-section .tvicon1 {
    width: 9.7916666vw;
    height: 1.3541666vw;
    margin: 0 2.6041666vw 0 0;
}

.hwv3-all .se18-section .tvicon2 {
    width: 8.59375vw;
    height: 1.3541666vw;
}


/* section 18 mob */
@media (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .hwv3-all .se18-section {
        position: relative;
        margin: 0;
    }

    .hwv3-all .se18-section .vsamecon {
        align-items: flex-start;
    }

    .hwv3-all .se18-section .supent {
        width: 79.1666666vw;
        margin: 27.7777777vw 0 13.8888888vw 6.9444444vw;
        font-size: 8.8888888vw;
    }

    .hwv3-all .se18-section .supeV {
        flex-direction: column-reverse;
        align-items: center;
        width: 100%;
    }

    .hwv3-all .se18-section .superVcard {
        position: relative;
        width: 100%;
        margin: 0 0 37.7777777777vw 0;
    }

    .hwv3-all .se18-section .superVcard .moveicon {
        position: absolute;
        top: 124.444444444vw;
        left: 63.6111111111vw;
        width: 10.555555555vw;
    }

    .hwv3-all .se18-section .superVcard .moveleft {
        animation: moveleft 2s ease-in-out infinite;
        -webkit-animation: moveleft 2s ease-in-out infinite;
    }

    @keyframes moveleft {
        0% {
            opacity: 1;
            transform: translateX(10vw);
            -webkit-transform: translateX(10vw);
            -moz-transform: translateX(10vw);
            -ms-transform: translateX(10vw);
            -o-transform: translateX(10vw);
        }

        100% {
            opacity: 0;
            transform: translateX(0);
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
        }
    }

    .hwv3-all .se18-section .supelcard {
        margin: 0 auto;
    }

    .hwv3-all .se18-section .supitem {
        width: 86.1111111vw;
        margin: 6.94444444444vw auto 0;
    }

    .hwv3-all .se18-section .supitem h3 {
        width: auto;
        margin: 0 0 5.5555555vw 0;
        font-size: 6.6666666vw;
    }

    .hwv3-all .se18-section .supitem p {
        width: 72.2222222vw;
        font-size: 4.4444444vw;
    }

    .hwv3-all .se18-section .superVcard .swiper-slide {
        height: auto;
    }

    .hwv3-all .se18-section .vplaybtn {
        width: 11.1111111111vw;
        height: 11.1111111111vw;
    }

    .hwv3-all .se18-section .supelcard {
        overflow: hidden;
        width: 100%;
    }

    .hwv3-all .se18-section .vidcon {
        position: relative;
        height: 105.5555555555556vw;
    }

    .hwv3-all .se18-section .vidcon video {
        height: 100%;
        object-fit: cover;
    }

    .hwv3-all .se18-section .swiper-scrollbar {
        position: absolute;
        width: 22.2222222vw;
        height: 0.5555555vw;
        top: calc(100% + 9.7222222vw);
        left: 6.9444444vw;
        background-color: #e8ecfc;
    }

    .hwv3-all .se18-section .tciconc {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
        left: 6.9444444vw;
        bottom: 6.3888888vw;
    }

    .hwv3-all .se18-section .tvicon1 {
        width: 29.4444444vw;
        height: 4.0277777vw;
        margin: 0 0 0 0;
    }

    .hwv3-all .se18-section .tvicon2 {
        width: 26.3888888vw;
        height: 4.1666666vw;
        margin: 0 0 3.8888888vw 0;
    }

    .hwv3-all .se18-section .swiper-scrollbar-drag {
        background-color: rgba(44, 52, 105, 0.8);
    }

    .hwv3-all .se18-section .vswiper {
        overflow: hidden;
    }
}

/* section 19 pc */
.hwv3-all .se19-section .supter {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin: 0 0 10.4166666vw 0;
}

.hwv3-all .se19-section .supsubt {
    color: #86868b;
    font-size: 1.6666666vw;
    font-weight: 700;
    line-height: 1.25;
}

.hwv3-all .se19-section .suptcon {
    width: 39.0104166vw;
    margin: 10.4166666vw 52.0833333vw 4.1666666vw 0;
}

.hwv3-all .se19-section .supmaint {
    margin: 1.0416666vw 0 0 0;
    color: #2C3469;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
}

.hwv3-all .se19-section .supim {
    width: 55.9375vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    align-self: center;
}

.hwv3-all .se19-section .smarttv {
    width: 100%;
}

.hwv3-all .se19-section .thdevice {
    position: relative;
    align-self: flex-start;
    display: flex;
    align-items: flex-start;
    margin: -10.508333vw 0 0 -5.4166666666vw;
    z-index: 2;
}

.hwv3-all .se19-section .thdevice li {
    list-style: none;
}

.hwv3-all .se19-section .thdevice .movec h3 {
    margin: 3.125vw 0 1.3020833vw 0;
    color: #2b346f;
    font-size: 1.6666666vw;
    font-weight: 700;
    line-height: 1.25;
}

.hwv3-all .se19-section .thdevice .movec p {
    width: 14.5833333vw;
    color: #000;
    font-size: 0.9375vw;
    font-weight: 500;
    line-height: 1.6;
}

.hwv3-all .se19-section .thdevice .movec {
    width: auto;
}

.hwv3-all .se19-section .thdevice .movec:nth-child(1) {
    margin: 0 2.9166666666vw 0 0;
}

.hwv3-all .se19-section .thdevice .movec:nth-child(2) {
    margin: 0 16.1979166666vw 0 0;
}

.hwv3-all .se19-section .phonecli {
    position: relative;
    width: 5.3645833vw;
    height: 11.5104166vw;
    margin: 1.9791666vw 0 0 1.4583333vw;
}

.hwv3-all .se19-section .freebudcli {
    position: relative;
    width: 6.6145833vw;
    height: 5.4166666vw;
    margin: 8.0729166vw 0 0 0.9375vw;
}

.hwv3-all .se19-section .comcli {
    position: relative;
    width: 25.5729166vw;
    height: 13.3854166vw;
}

.hwv3-all .se19-section .movec0,
.hwv3-all .se19-section .movec1,
.hwv3-all .se19-section .movec2 {
    transform: translateY(1.5625vw);
    -webkit-transform: translateY(1.5625vw);
    -moz-transform: translateY(1.5625vw);
    -ms-transform: translateY(1.5625vw);
    -o-transform: translateY(1.5625vw);
}

.hwv3-all .se19-section .comttc0,
.hwv3-all .se19-section .comttc1,
.hwv3-all .se19-section .comttc2 {
    opacity: 0;
    transform: translateY(2.6041666vw);
    -webkit-transform: translateY(2.6041666vw);
    -moz-transform: translateY(2.6041666vw);
    -ms-transform: translateY(2.6041666vw);
    -o-transform: translateY(2.6041666vw);
}

.hwv3-all .se19-section .comttc {
    margin: 0 0 0 8.4375vw;
}

.hwv3-all .se19-section .corrugation {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1.5625vw;
    height: 1.5625vw;
    transform: translate(-50%, 50%);
    -webkit-transform: translate(-50%, 50%);
    -moz-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    -o-transform: translate(-50%, 50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
}

.hwv3-all .se19-section .corritem {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 3.3333333vw;
    height: 3.3333333vw;
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    border: 0.07812vw solid #2997ff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.hwv3-all .se19-section .corritem1 {
    animation: cirScle 3s linear 0s infinite;
    -webkit-animation: cirScle 3s linear 0s infinite;
}

.hwv3-all .se19-section .corritem2 {
    animation: cirScle 3s linear 1.5s infinite;
    -webkit-animation: cirScle 3s linear 1.5s infinite;
}

.hwv3-all .se19-section .corritem3 {
    animation: cirScle 3s linear 3s infinite;
    -webkit-animation: cirScle 3s linear 3s infinite;
}

@keyframes cirScle {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(0.5);
        -webkit-transform: translate(-50%, -50%) scale(0.5);
        -moz-transform: translate(-50%, -50%) scale(0.5);
        -ms-transform: translate(-50%, -50%) scale(0.5);
        -o-transform: translate(-50%, -50%) scale(0.5);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
        -webkit-transform: translate(-50%, -50%) scale(1);
        -moz-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        -o-transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes cirScle1 {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(0.5);
        -webkit-transform: translate(-50%, -50%) scale(0.5);
        -moz-transform: translate(-50%, -50%) scale(0.5);
        -ms-transform: translate(-50%, -50%) scale(0.5);
        -o-transform: translate(-50%, -50%) scale(0.5);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
        -webkit-transform: translate(-50%, -50%) scale(1);
        -moz-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        -o-transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes cirScle2 {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(0.5);
        -webkit-transform: translate(-50%, -50%) scale(0.5);
        -moz-transform: translate(-50%, -50%) scale(0.5);
        -ms-transform: translate(-50%, -50%) scale(0.5);
        -o-transform: translate(-50%, -50%) scale(0.5);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
        -webkit-transform: translate(-50%, -50%) scale(1);
        -moz-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        -o-transform: translate(-50%, -50%) scale(1);
    }
}


/* section 19 mob */
@media (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .hwv3-all .se19-section {
        margin: 0 0 27.777777777vw 0;
    }

    .hwv3-all .se19-section .supter {
        align-items: flex-start;
        margin: 0;
    }

    .hwv3-all .se19-section .supsubt {
        font-size: 4.4444444vw;
    }

    .hwv3-all .se19-section .supmaint {
        width: 110%;
        margin: 0 0 13.888888888vw 0;
        font-size: 8.8888888vw;
    }

    .hwv3-all .se19-section .suptcon {
        width: 83.3333333vw;
        margin: 0 0 0 6.9444444vw;
    }

    .hwv3-all .se19-section .supim {
        overflow: hidden;
        position: sticky;
        top: var(--supSticky);
        align-self: flex-end;
        width: 100%;
    }

    .hwv3-all .se19-section .tvswiper .swiper-slide {
        display: flex;
        flex-direction: column;
        height: auto;
    }

    .hwv3-all .se19-section .tvswiper .swiper-slide picture {
        width: auto;
        align-self: flex-end;
        height: 81.1111111111vw;
    }

    .hwv3-all .se19-section .comttc0,
    .hwv3-all .se19-section .comttc1,
    .hwv3-all .se19-section .comttc2 {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    .hwv3-all .se19-section .movec0,
    .hwv3-all .se19-section .movec1,
    .hwv3-all .se19-section .movec2 {
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }

    .hwv3-all .se19-section .phonecli {
        width: 19.1666666vw;
        height: 41.1111111vw;
        margin: 0;
    }

    .hwv3-all .se19-section .freebudcli {
        width: 29.4444444vw;
        height: 24.0277777vw;
    }

    .hwv3-all .se19-section .comcli {
        width: 60.5194444vw;
        height: 31.6708333vw;
        margin: 9.411111vw 0 0 -5.55555555555vw;
    }

    .hwv3-all .se19-section .thdevice {
        width: 100%;
        margin: -38.004444vw 0 0 6.94444444444vw;
    }

    .hwv3-all .se19-section .spSwiper {
        opacity: 0;
    }

    .hwv3-all .se19-section .thdevice .movec:nth-child(1) {
        margin: 0 0 0 6.9444444vw;
    }

    .hwv3-all .se19-section .thdevice .movec:nth-child(2) {
        margin: 0 0 0 6.9444444vw;
    }

    .hwv3-all .se19-section .thdevice .movec:nth-child(2) {
        margin: 0 0 0 6.9444444vw;
    }

    .hwv3-all .se19-section .thdevice .swiper-slide {
        opacity: 0 !important;
    }

    .hwv3-all .se19-section .thdevice .swiper-slide-active {
        opacity: 1 !important;
    }

    .hwv3-all .se19-section .thdevice .movec h3 {
        margin: 11.1111111vw 0 5.5555555vw 0;
        font-size: 6.6666666vw;
    }

    .hwv3-all .se19-section .thdevice .movec p {
        width: 86.1111111vw;
        font-size: 4.4444444vw;
    }

    .hwv3-all .se19-section .comttc {
        margin: 0;
    }

    .hwv3-all .se19-section .freebudcli {
        margin: 17.277778vw 0 0 0;
    }

    .hwv3-all .se19-section .thdevice .movec:nth-child(2) {
        margin: 0;
    }

    .hwv3-all .se19-section .smarttv .tvswiper {
        overflow: hidden;
    }
}


@media screen and (min-width: 650px) and (max-width: 1024px) and (min-aspect-ratio: 720/1000) and (max-aspect-ratio: 1/1) {
    .hwv3-all .se19-section .thdevice .movec h3 {
        margin: 5.5555555555vw 0 2.777777777777vw 0;
    }

    .hwv3-all .se19-section .thdevice .movec p {
        font-size: 3.33333333vw;
    }
}



@media screen and (min-width: 600px) and (max-width: 828px) and (min-aspect-ratio: 720/850) {
    .hwv3-all .se19-section .thdevice .movec h3 {
        margin: 1.38888888888vw 0;
    }

    .hwv3-all .se19-section .tvswiper .swiper-slide picture {
        width: 85vw;
        height: 57.716078239vw;
    }

    .hwv3-all .se19-section .thdevice .movec p {
        font-size: 18px;
    }

    .hwv3-all .se19-section .thdevice .movec h3 {
        font-size: 26px;
    }

    .hwv3-all .se19-section .phonecli,
    .hwv3-all .se19-section .freebudcli,
    .hwv3-all .se19-section .comcli {
        transform-origin: left bottom;
        transform: scale(0.6);
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -o-transform: scale(0.6);
    }

    .hwv3-all .se19-section .thdevice {
        margin: -40.004444vw 0 0 16.944444vw;
    }

    .hwv3-all .se19-section .thdevice .movec p {
        width: 70vw;
    }

}


/* section 21 */
.hwv3-all .se21-section {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    margin: 0 0 10.4166666vw 0;
}

.hwv3-all .se21-section .tvpmaint {
    margin: 0 0 1.5625vw 0;
    color: #2C3469;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
}

.hwv3-all .se21-section .tvpcont {
    width: 26.3541666vw;
    color: #000;
    font-size: 1.1458333vw;
    font-weight: 500;
    line-height: 1.6;
}

.hwv3-all .se21-section .tvappim {
    width: 60.4166666vw;
    margin: 0 0 0 0;
}

.hwv3-all .se21-section .tvappt {
    margin: 0 0 0 4.4270833333vw;
}


/* section 21 mob */
@media (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .hwv3-all .se21-section {
        flex-direction: column-reverse;
        margin: 0 0 27.7777777vw 0;
    }

    .hwv3-all .se21-section .tvappt {
        width: 86.1111111vw;
    }

    .hwv3-all .se21-section .tvpmaint {
        margin: 13.8888888vw 0 6.9444444vw 0;
        font-size: 8.8888888vw;
    }

    .hwv3-all .se21-section .tvpcont {
        width: 100%;
        font-size: 4.4444444vw;
    }

    .hwv3-all .se21-section .tvappim {
        align-self: flex-start;
        width: 93.0555555vw;
        margin: 0;
    }

    .hwv3-all .se21-section .tvappt {
        margin: 0;
    }
}

/* section 22 */
.hwv3-all .se22-section {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0 0 10.4166666vw 0;
}

.hwv3-all .se22-section .smartvmaint {
    color: #2C3469;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
}

.hwv3-all .se22-section .smartvcon {
    width: 22.5520833vw;
    margin: 1.5625vw 0 3.125vw 0;
    color: #000;
    font-size: 1.1458333vw;
    font-weight: 500;
    line-height: 1.6;
}

.hwv3-all .se22-section .smartvor {
    position: relative;
    width: 60.3125vw;
    height: 37.5vw;
    margin: 0 0 0 4.42708333333vw;
    background-color: #e1e5fc;
}

.hwv3-all .se22-section .smartvor .ppitem {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    padding: 1.0416666vw 2.6041666666vw;
    border-radius: 2.0833333vw;
    -webkit-border-radius: 2.0833333vw;
    -moz-border-radius: 2.0833333vw;
    -ms-border-radius: 2.0833333vw;
    -o-border-radius: 2.0833333vw;
    background: linear-gradient(270.99deg, #8263e7 0%, #78aaec 100%);
}

.hwv3-all .se22-section .smartvor .ppitem span {
    color: #fff;
    font-size: 1.4583333vw;
    font-weight: 700;
    line-height: 1.25;
}

.hwv3-all .se22-section .smartvor .ppitem img {
    width: 2.2916666vw;
    height: 2.2916666vw;
    margin: 0 1.0416666vw 0 0;
}

.hwv3-all .se22-section .smartvor .ppitem1 {
    top: 7.7083333vw;
    left: 16.1979166vw;
}

.hwv3-all .se22-section .smartvor .ppitem2 {
    top: 13.9062vw;
    left: 11.0937vw;
}

.hwv3-all .se22-section .smartvor .ppitem3 {
    top: 13.9062vw;
    left: 29.5312vw;
}

.hwv3-all .se22-section .smartvor .ppitem4 {
    top: 20.1041666vw;
    left: 11.7708333vw;
}

.hwv3-all .se22-section .smartvor .ppitem5 {
    top: 20.1041666vw;
    left: 27.6562vw;
}

.hwv3-all .se22-section .smartvor .ppitem6 {
    top: 26.3020833vw;
    left: 19.7395833vw;
}

.hwv3-all .se22-section .tmovespe {
    animation: tmovespe 2s ease-in 0.1s infinite alternate;
    -webkit-animation: tmovespe 2s ease-in 0.1s infinite alternate;
}

.hwv3-all .se22-section .tmovespe1 {
    animation: tmovespe1 2s ease-in 0.3s infinite alternate;
    -webkit-animation: tmovespe1 2s ease-in 0.3s infinite alternate;
}

.hwv3-all .se22-section .tmove1 {
    animation: tmove1 2s ease-in 0.5s infinite alternate;
    -webkit-animation: tmove1 2s ease-in 0.5s infinite alternate;
}

.hwv3-all .se22-section .tmove2 {
    animation: tmove2 2s ease-in 0.8s infinite alternate;
    -webkit-animation: tmove2 2s ease-in 0.8s infinite alternate;
}

.hwv3-all .se22-section .tmove3 {
    animation: tmove3 2s ease-in 1.2s infinite alternate;
    -webkit-animation: tmove3 2s ease-in 1.2s infinite alternate;
}

.hwv3-all .se22-section .tmove4 {
    animation: tmove4 2s ease-in 1.4s infinite alternate;
    -webkit-animation: tmove4 2s ease-in 1.4s infinite alternate;
}

@keyframes tmovespe1 {
    0% {
        transform: translate(10px, 10px);
        -webkit-transform: translate(10px, 10px);
        -moz-transform: translate(10px, 10px);
        -ms-transform: translate(10px, 10px);
        -o-transform: translate(10px, 10px);
    }

    100% {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
    }
}

@keyframes tmovespe {
    0% {
        transform: translate(-10px, -10px);
        -webkit-transform: translate(-10px, -10px);
        -moz-transform: translate(-10px, -10px);
        -ms-transform: translate(-10px, -10px);
        -o-transform: translate(-10px, -10px);
    }

    100% {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
    }
}

@keyframes tmove1 {
    0% {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
}

@keyframes tmove2 {
    0% {
        transform: translateY(10px);
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
}

@keyframes tmove3 {
    0% {
        transform: translateX(-10px);
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
    }

    100% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }
}


@keyframes tmove4 {
    0% {
        transform: translateX(10px);
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
    }

    100% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }
}

.hwv3-all .se22-section .smadvantage {
    display: flex;
}

.hwv3-all .se22-section .smadvantage .smuniti {
    font-size: 1.6666666666vw;
    font-style: normal;
}

.hwv3-all .se22-section .smadvantage li {
    display: flex;
    flex-direction: column;
}

.hwv3-all .se22-section .smadvantage li:not(:last-child) {
    margin: 0 2.6041666vw 0 0;
}

.hwv3-all .se22-section .smadvantage li span:nth-child(1) {
    color: #2b346f;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
}

.hwv3-all .se22-section .smadvantage li span:nth-child(2) {
    color: #86868b;
    font-size: 0.9375vw;
    font-weight: 500;
    line-height: 1.6;
}


/* section 22 mob */
@media (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .hwv3-all .se22-section {
        align-items: flex-end;
        flex-direction: column-reverse;
        margin: 0 0 27.7777777vw 0;
    }

    .hwv3-all .se22-section .smadvantage .smuniti {
        font-size: 8.88888888888vw;
    }

    .hwv3-all .se22-section .smartvor {
        width: 93.0555555vw;
        height: 100vw;
        background: #e1e5fc;
    }

    .hwv3-all .se22-section .smartvol {
        align-self: center;
        width: 86.1111111vw;
    }

    .hwv3-all .se22-section .smartvmaint {
        margin: 13.8888888vw 0 6.9444444vw 0;
        font-size: 8.8888888vw;
    }

    .hwv3-all .se22-section .smartvcon {
        width: 100%;
        margin: 0;
        font-size: 4.4444444vw;
    }

    .hwv3-all .se22-section .smadvantage {
        justify-content: space-between;
        margin: 13.8888888vw 0 0 0;
    }

    .hwv3-all .se22-section .smadvantage li span:nth-child(1) {
        font-size: 8.8888888vw;
    }

    .hwv3-all .se22-section .smadvantage li span:nth-child(2) {
        margin: 1.1111111vw 0 0 0;
        font-size: 3.8888888vw;
    }

    .hwv3-all .se22-section .smadvantage li:not(:last-child) {
        margin: 0;
    }

    .hwv3-all .se22-section .smartvor .ppitem {
        padding: 2.7777777vw 5.5555555vw;
        border-radius: 11.1111111vw;
        -webkit-border-radius: 11.1111111vw;
        -moz-border-radius: 11.1111111vw;
        -ms-border-radius: 11.1111111vw;
        -o-border-radius: 11.1111111vw;
    }

    .hwv3-all .se22-section .smartvor .ppitem1 {
        top: 24.0277777vw;
        left: 18.3333333vw;
    }

    .hwv3-all .se22-section .smartvor .ppitem2 {
        top: 38.1944444vw;
        left: 6.6666666vw;
    }

    .hwv3-all .se22-section .smartvor .ppitem3 {
        top: 38.1944444vw;
        left: 48.8888888vw;
    }

    .hwv3-all .se22-section .smartvor .ppitem4 {
        top: 52.3611111vw;
        left: 8.1944444vw;
    }

    .hwv3-all .se22-section .smartvor .ppitem5 {
        top: 52.3611111vw;
        left: 44.5833333vw;
    }

    .hwv3-all .se22-section .smartvor .ppitem6 {
        top: 66.6666666vw;
        left: 20.8333333vw;
    }

    .hwv3-all .se22-section .smartvor .ppitem img {
        width: 5.2777777vw;
        height: 5.2777777vw;
        margin: 0 2.0833333vw 0 0;
    }

    .hwv3-all .se22-section .smartvor .ppitem span {
        font-size: 3.8888888vw;
    }

    @keyframes tmovespe1 {
        0% {
            transform: translate(1.3888888888vw, 1.3888888888vw);
            -webkit-transform: translate(1.3888888888vw, 1.3888888888vw);
            -moz-transform: translate(1.3888888888vw, 1.3888888888vw);
            -ms-transform: translate(1.3888888888vw, 1.3888888888vw);
            -o-transform: translate(1.3888888888vw, 1.3888888888vw);
        }

        100% {
            transform: translate(0);
            -webkit-transform: translate(0);
            -moz-transform: translate(0);
            -ms-transform: translate(0);
            -o-transform: translate(0);
        }
    }

    @keyframes tmovespe {
        0% {
            transform: translate(-1.3888888888vw, -1.3888888888vw);
            -webkit-transform: translate(-1.3888888888vw, -1.3888888888vw);
            -moz-transform: translate(-1.3888888888vw, -1.3888888888vw);
            -ms-transform: translate(-1.3888888888vw, -1.3888888888vw);
            -o-transform: translate(-1.3888888888vw, -1.3888888888vw);
        }

        100% {
            transform: translate(0);
            -webkit-transform: translate(0);
            -moz-transform: translate(0);
            -ms-transform: translate(0);
            -o-transform: translate(0);
        }
    }

    @keyframes tmove1 {
        0% {
            transform: translateY(-1.3888888888vw);
            -webkit-transform: translateY(-1.3888888888vw);
            -moz-transform: translateY(-1.3888888888vw);
            -ms-transform: translateY(-1.3888888888vw);
            -o-transform: translateY(-1.3888888888vw);
        }

        100% {
            transform: translateY(0);
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
        }
    }

    @keyframes tmove2 {
        0% {
            transform: translateY(1.3888888888vw);
            -webkit-transform: translateY(1.3888888888vw);
            -moz-transform: translateY(1.3888888888vw);
            -ms-transform: translateY(1.3888888888vw);
            -o-transform: translateY(1.3888888888vw);
        }

        100% {
            transform: translateY(0);
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
        }
    }

    @keyframes tmove3 {
        0% {
            transform: translateX(-1.3888888888vw);
            -webkit-transform: translateX(-1.3888888888vw);
            -moz-transform: translateX(-1.3888888888vw);
            -ms-transform: translateX(-1.3888888888vw);
            -o-transform: translateX(-1.3888888888vw);
        }

        100% {
            transform: translateX(0);
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
        }
    }


    @keyframes tmove4 {
        0% {
            transform: translateX(1.3888888888vw);
            -webkit-transform: translateX(1.3888888888vw);
            -moz-transform: translateX(1.3888888888vw);
            -ms-transform: translateX(1.3888888888vw);
            -o-transform: translateX(1.3888888888vw);
        }

        100% {
            transform: translateX(0);
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
        }
    }

}

/* section 23 pc */
.hwv3-all .se23-section {
    width: 68.2291666vw;
    margin: 0 auto 10.4166666vw;
}

.hwv3-all .se23-section .hugevto {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hwv3-all .se23-section .hugevmaint {
    color: #2b346f;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

.hwv3-all .se23-section .hugevcon {
    width: 44.0625vw;
    margin: 1.5625vw 0 4.1666666vw 0;
    color: #000;
    font-size: 1.1458333vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
}

/* section 23 mob */
@media (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .hwv3-all .se23-section .hugevto {
        flex-direction: column;
    }

    .hwv3-all .se23-section {
        width: 86.1111111vw;
        margin: 0 auto 27.7777777vw;
    }

    .hwv3-all .se23-section .hugevmaint {
        width: 100%;
        font-size: 8.8888888vw;
        text-align: left;
    }

    .hwv3-all .se23-section .hugevcon {
        width: 87.5vw;
        margin: 6.9444444vw 0 13.8888888vw 0;
        font-size: 4.4444444vw;
        text-align: left;
    }

    .hwv3-all .se23-section .hugebot {
        margin: 0;
    }
}

/* section 24 pc */
.hwv3-all .se24-section {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hwv3-all .se24-section ul li {
    list-style: none;
}

.hwv3-all .se24-section .qualitymaint {
    color: #2b346f;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
}

.hwv3-all .se24-section .qualitycon {
    width: 39.0625vw;
    margin: 1.5625vw 0 4.1666666vw 0;
    color: #000;
    font-size: 1.1458333vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
}

.hwv3-all .se24-section .qualitcard {
    display: flex;
}

.hwv3-all .se24-section .qualitylc {
    position: relative;
    width: 27.9166666vw;
    margin: 0 1.5625vw 0 0;
}

.hwv3-all .se24-section .lcardt {
    position: absolute;
    top: 6.25vw;
    left: 4.2708333vw;
}

.hwv3-all .se24-section .lcmaint {
    color: #fff;
    font-size: 1.25vw;
    font-weight: 700;
    line-height: 1.25;
}

.hwv3-all .se24-section .rcthicon {
    display: flex;
    list-style: none;
    margin: 2.9166666vw 0 0 0;
}

.hwv3-all .se24-section .qicon {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 2.8645833vw;
    height: 2.8645833vw;
}

.hwv3-all .se24-section .qicon p {
    margin: 0.9895833vw 0 0 0;
    color: #fff;
    font-size: 0.8333333vw;
    font-weight: 500;
    line-height: 1.6;
    white-space: nowrap;
}


@media screen and (max-width: 1441px) {
    .hwv3-all .se24-section .qicon p {
        font-size: 12px;
    }
}

.hwv3-all .se24-section .qicon:not(:last-child) {
    margin: 0 4.1666666vw 0 0;
}

.hwv3-all .se24-section .qualityrc {
    position: relative;
    width: 38.6979166vw;
}

.hwv3-all .se24-section .rcardt {
    position: absolute;
    left: 3.8020833vw;
    top: 6.25vw;
}

.hwv3-all .se24-section .rcmaint {
    margin: 0 0 2.9166666vw 0;
    color: #fff;
    font-size: 1.25vw;
    font-weight: 700;
    line-height: 1.6;
}

.hwv3-all .se24-section .rclitlabel {
    display: flex;
    flex-wrap: wrap;
    width: 34.8958333333vw;
}

.hwv3-all .se24-section .rclitlabel li {
    display: flex;
    flex-direction: column;
}

.hwv3-all .se24-section .rclitlabel li span:nth-child(1) {
    margin: 0 0 0.3645833vw 0;
    color: #fff;
    font-size: 1.9791666vw;
    font-weight: 700;
    line-height: 1.25;
}

.hwv3-all .se24-section .rclitlabel li span:nth-child(2) {
    width: 10.4687vw;
    color: #fff;
    font-size: 0.8333333vw;
    font-weight: 500;
    line-height: 1.25;
}

@media screen and (max-width: 1441px) {
    .hwv3-all .se24-section .rclitlabel li span:nth-child(2) {
        font-size: 12px;
    }
}

.hwv3-all .se24-section .rclitlabel li:nth-child(-n + 3) {
    margin: 0 0 2.34375vw 0;
}

.hwv3-all .se24-section .rclitlabel li span .spefs {
    font-size: 1.30208333333vw;
}

/* section 24 mob */
@media (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {

    .hwv3-all .se24-section {
        width: 86.1111111vw;
        margin: 0 auto;
        align-items: flex-start;
    }

    .hwv3-all .se24-section .qualitymaint {
        font-size: 8.8888888vw;
    }

    .hwv3-all .se24-section .qualitycon {
        width: 100%;
        margin: 6.9444444vw 0 13.8888888vw 0;
        font-size: 4.4444444vw;
        text-align: left;
    }

    .hwv3-all .se24-section .qualitcard {
        flex-direction: column;
    }

    .hwv3-all .se24-section .qualitylc {
        width: 100%;
        margin: 0 0 5.5555555vw;
    }

    .hwv3-all .se24-section .qualityrc {
        width: 100%;
    }

    .hwv3-all .se24-section .lcardt {
        top: 15vw;
        left: 9.0277777vw;
    }

    .hwv3-all .se24-section .lcmaint {
        font-size: 4.4444444vw;
    }

    .hwv3-all .se24-section .qicon {
        width: 11.9444444vw;
        height: 11.9444444vw;
    }

    .hwv3-all .se24-section .qicon p {
        margin: 2.7777777vw 0 0 0;
        font-size: 3.3333333vw;
    }

    .hwv3-all .se24-section .qicon:not(:last-child) {
        margin: 0 12.5vw 0 0;
    }

    .hwv3-all .se24-section .rcthicon {
        margin: 11.1111111vw 0 0 0;
    }

    .hwv3-all .se24-section .rcardt {
        top: 15.5555555vw;
        left: 9.0277777vw;
    }

    .hwv3-all .se24-section .rcmaint {
        margin: 0 0 11.1111111vw 0;
        font-size: 4.4444444vw;
    }

    .hwv3-all .se24-section .rclitlabel {
        width: auto;
    }

    .hwv3-all .se24-section .rclitlabel li span:nth-child(1) {
        margin: 0 0 0.9722222vw 0;
        font-size: 8.75vw;
    }

    .hwv3-all .se24-section .rclitlabel li:nth-child(even) span:nth-child(2) {
        width: 38.75vw;
        font-size: 3.3333333vw;
    }

    .hwv3-all .se24-section .rclitlabel li:nth-child(odd) span:nth-child(2) {
        width: 38.1944444vw;
        font-size: 3.3333333vw;
    }

    .hwv3-all .se24-section .rclitlabel li .spefs {
        font-size: 5.6944444vw !important;
    }

    .hwv3-all .se24-section .rclitlabel li:nth-child(-n + 4) {
        margin: 0 0 5.5555555vw 0;
    }
}

.hwv3-all .last-section ol {
    width: 68.229166666vw;
    margin: 10.4166666666vw auto;
    color: #7f7f7f;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
    list-style: decimal;
}

.hwv3-all .last-section .notmm {
    position: relative;
    list-style: none !important;
    margin: 0 0 1.04166666666vw 0;
}

.hwv3-all .last-section .mll {
    position: relative;
    list-style: none;
}

.hwv3-all .last-section .mll::before {
    content: "*";
    position: absolute;
    top: 0;
    left: -9px;
}

.hwv3-all .last-section .mll1 {
    position: relative;
    list-style: none;
}

.hwv3-all .last-section .mll1::before {
    content: "**";
    position: absolute;
    top: 0;
    left: -14px;
}

.hwv3-all .last-section .mll2 {
    position: relative;
    list-style: none;
}

.hwv3-all .last-section .mll2::before {
    content: "***";
    position: absolute;
    top: 0;
    left: -21px;
}


@media screen and (max-width: 1023px),
(max-aspect-ratio: 1 / 1) and (max-width: 1024px) {
    .hwv3-all .last-section ol {
        width: 82.1vw;
        margin: 27.777777777vw 0 27.777777777vw 10.833333333vw;
        font-size: 3.3333333333vw;
    }

    .hwv3-all .last-section .mll::before {
        left: -2.7777777777vw;
    }

    .hwv3-all .last-section .mll1::before {
        left: -4.1666666666vw;
    }

    .hwv3-all .last-section .mll2::before {
        left: -5.777778vw;
    }
}

@media screen and (min-width: 1921px) {
    .hwv3-all .last-section .mll1::before {
        left: -0.8333333333vw;
    }

    .hwv3-all .last-section ol {
        font-size: 0.625vw;
    }
}

@media only screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .hwv3-all .se18-section .vidcon {
        overflow: hidden;
    }

    .hwv3-all .se18-section .vidcon {
        height: auto;
    }
}