:root {
    --hm-content-ws: 67.5vw;
    --hm-nav: 0;
    --hm-sticky-h: calc(100vh - var(--hm-nav));
    --hm-spc-200: 10.416667vw;
    --hm-spc-160: 8.33333vw;
    --hm-spc-120: 6.25vw;
    --hm-spc-80: 4.166667vw;
    --hm-spc-60: 3.125vw;
    --hm-spc-40: 2.083333vw;
    --hm-spc-30: 1.7625vw;
    --hm-spc-10: 0.520833vw;
    --hm-txt-120: 6.25vw;
    --hm-txt-120-80: 6.25vw;
    --hm-txt-96-96: 5vw;
    --hm-txt-80-80: 4.166667vw;
    --hm-txt-64-48: 3.33333vw;
    --hm-txt-64-64: 3.333333vw;
    --hm-txt-48-42: 2.5vw;
    --hm-txt-48-40: 2.5vw;
    --hm-txt-40-40: 2.083333vw;
    --hm-txt-40-30: 2.083333vw;
    --hm-txt-32-32: 1.666667vw;
    --hm-txt-32-40: 1.666667vw;
    --hm-txt-30-30: 1.7625vw;
    --hm-txt-30-25: 1.7625vw;
    --hm-txt-25-30: 1.302083vw;
    --hm-txt-24-32: 1.25vw;
    --hm-txt-22-32: 1.14583vw;
    --hm-txt-22-22: 1.145833vw;
    --hm-txt-22-24: 1.145833vw;
    --hm-txt-20-32: 1.041667vw;
    --hm-txt-20-28: 1.041667vw;
    --hm-txt-20-16: 1.041667vw;
    --hm-txt-18-24: .9375vw;
    --hm-txt-18-18: .9375vw;
    --hm-txt-16-16: 0.833333vw;
    --hm-txt-16-24: 0.833333vw;
    --hm-txt-13: 13px;
    --hm-txt-12: 12px;
    --hm-xin-txt-40: 2.083333vw
}

body.hm-over-hidden {
    overflow: hidden;
    padding-inline-end: var(--modal-scrollbar-buffer)
}

:root.overflow-hidden {
    overflow: hidden
}

.overflow-hidden {
    overflow: hidden
}

#hm-container {
    width: 100%;
    position: relative
}

#hm-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

#hm-container img {
    width: 100%
}

#hm-container video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#hm-container .blur-up {
    -webkit-filter: blur(20px);
    filter: blur(20px);
    -webkit-transition: -webkit-filter 0.4s;
    transition: -webkit-filter 0.4s;
    transition: filter 0.4s;
    transition: filter 0.4s, -webkit-filter 0.4s
}

#hm-container .blur-up.lazyloaded {
    -webkit-filter: blur(0);
    filter: blur(0)
}

#hm-container .hm-txt-120 {
    font-size: 6.25vw;
    font-size: var(--hm-txt-120)
}

#hm-container .hm-txt-120-80 {
    font-size: 6.25vw;
    font-size: var(--hm-txt-120-80)
}

#hm-container .hm-txt-96-96 {
    font-size: 5vw;
    font-size: var(--hm-txt-96-96)
}

#hm-container .hm-txt-80-80 {
    font-size: 4.166667vw;
    font-size: var(--hm-txt-80-80)
}

#hm-container .hm-txt-64-48 {
    font-size: 3.33333vw;
    font-size: var(--hm-txt-64-48)
}

#hm-container .hm-txt-64-64 {
    font-size: 3.333333vw;
    font-size: var(--hm-txt-64-64)
}

#hm-container .hm-txt-48-42 {
    font-size: 2.5vw;
    font-size: var(--hm-txt-48-42)
}

#hm-container .hm-txt-48-40 {
    font-size: 2.5vw;
    font-size: var(--hm-txt-48-40)
}

#hm-container h2,
#hm-container h3,
#hm-container h4,
#hm-container h5,
#hm-container h6 {
    line-height: 1.25;
    font-weight: bold
}

#hm-container .hm-txt-40-40 {
    font-size: 2.083333vw;
    font-size: var(--hm-txt-40-40)
}

#hm-container .hm-txt-40-30 {
    font-size: 2.083333vw;
    font-size: var(--hm-txt-40-30)
}

#hm-container .hm-txt-32-32 {
    font-size: 1.666667vw;
    font-size: var(--hm-txt-32-32)
}

#hm-container .hm-txt-32-40 {
    font-size: 1.666667vw;
    font-size: var(--hm-txt-32-40)
}

#hm-container .hm-txt-30-30 {
    font-size: 1.7625vw;
    font-size: var(--hm-txt-30-30)
}

#hm-container .hm-txt-30-25 {
    font-size: 1.7625vw;
    font-size: var(--hm-txt-30-25)
}

#hm-container .hm-txt-25-30 {
    font-size: 1.302083vw;
    font-size: var(--hm-txt-25-30)
}

#hm-container .hm-txt-22-32 {
    font-size: 1.14583vw;
    font-size: var(--hm-txt-22-32)
}

#hm-container .hm-txt-24-32 {
    font-size: 1.25vw;
    font-size: var(--hm-txt-24-32)
}

#hm-container .hm-txt-22-22 {
    font-size: 1.145833vw;
    font-size: var(--hm-txt-22-22)
}

#hm-container .hm-txt-22-24 {
    font-size: 1.145833vw;
    font-size: var(--hm-txt-22-24)
}

#hm-container .hm-txt-20-32 {
    font-size: 1.041667vw;
    font-size: var(--hm-txt-20-32)
}

#hm-container .hm-txt-20-28 {
    font-size: 1.041667vw;
    font-size: var(--hm-txt-20-28)
}

#hm-container .hm-txt-20-16 {
    font-size: 1.041667vw;
    font-size: var(--hm-txt-20-16)
}

#hm-container .hm-txt-18-24 {
    font-size: .9375vw;
    font-size: var(--hm-txt-18-24)
}

#hm-container .hm-txt-18-18 {
    font-size: .9375vw;
    font-size: var(--hm-txt-18-18)
}

#hm-container .hm-txt-16-16 {
    font-size: 0.833333vw;
    font-size: var(--hm-txt-16-16)
}

#hm-container .hm-txt-16-24 {
    font-size: 0.833333vw;
    font-size: var(--hm-txt-16-24)
}

#hm-container .hm-txt-13 {
    font-size: 0.677083vw;
    font-size: var(--hm-txt-13)
}

#hm-container .hm-txt-12 {
    font-size: 0.625vw;
    font-size: var(--hm-txt-12)
}

#hm-container .hm-xin-txt-40 {
    font-size: 2.083333vw;
    font-size: var(--hm-xin-txt-40)
}

#hm-container .hm-txt-30-30,
#hm-container .hm-txt-30-25,
#hm-container .hm-txt-25-30,
#hm-container .hm-txt-24-32,
#hm-container .hm-txt-22-22,
#hm-container .hm-txt-22-24,
#hm-container .hm-txt-20-32,
#hm-container .hm-txt-20-28,
#hm-container .hm-txt-20-16,
#hm-container .hm-txt-18-24,
#hm-container .hm-txt-18-18,
#hm-container .hm-txt-16-16,
#hm-container .hm-txt-16-24,
#hm-container .hm-txt-13,
#hm-container p,
#hm-container span {
    line-height: 1.6
}

#hm-container .hm-txt-bold {
    font-weight: bold
}

#hm-container .hm-txt-left {
    text-align: left
}

#hm-container .hm-txt-center {
    text-align: center
}

#hm-container .hm-txt-right {
    text-align: right
}

#hm-container .hm-txt-color-00 {
    color: #000
}

#hm-container .hm-txt-color-86 {
    color: #86868B
}

#hm-container .hm-txt-color-79 {
    color: #797C80
}

#hm-container .hm-txt-color-05 {
    color: rgba(0, 0, 0, 0.5)
}

#hm-container .hm-txt-bg-s {
    background: -webkit-linear-gradient(left, #B2A79F, #EEEADD, #B2A79F);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

#hm-container .hm-txt-op-80 {
    opacity: 0.8
}

#hm-container .hm-txt-op-50 {
    opacity: 0.5
}

#hm-container .hm-txt-op-30 {
    opacity: 0.3
}

#hm-container .hm-animation-up {
    opacity: 0;
    transform: translateY(100%);
    transition: all 0.5s
}

#hm-container .hm-animation-up.active {
    transform: translateY(0);
    opacity: 1;
    will-change: transform, opacity
}

#hm-container .hm-mt-200 {
    margin-top: 10.416667vw;
    margin-top: var(--hm-spc-200)
}

#hm-container .hm-mb-200 {
    margin-bottom: 10.416667vw;
    margin-bottom: var(--hm-spc-200)
}

#hm-container .hm-pt-200 {
    padding-top: 10.416667vw;
    padding-top: var(--hm-spc-200)
}

#hm-container .hm-pb-200 {
    padding-bottom: 10.416667vw;
    padding-bottom: var(--hm-spc-200)
}

#hm-container .hm-mt-120 {
    margin-top: 6.25vw;
    margin-top: var(--hm-spc-120)
}

#hm-container .hm-mb-120 {
    margin-bottom: 6.25vw;
    margin-bottom: var(--hm-spc-120)
}

#hm-container .hm-pt-120 {
    padding-top: 6.25vw;
    padding-top: var(--hm-spc-120)
}

#hm-container .hm-pb-120 {
    padding-bottom: 6.25vw;
    padding-bottom: var(--hm-spc-120)
}

#hm-container .hm-mt-160 {
    margin-top: 8.33333vw;
    margin-top: var(--hm-spc-160)
}

#hm-container .hm-mb-160 {
    margin-bottom: 8.33333vw;
    margin-bottom: var(--hm-spc-160)
}

#hm-container .hm-pt-160 {
    padding-top: 8.33333vw;
    padding-top: var(--hm-spc-160)
}

#hm-container .hm-pb-160 {
    padding-bottom: 8.33333vw;
    padding-bottom: var(--hm-spc-160)
}

#hm-container .hm-mt-80 {
    margin-top: 4.166667vw;
    margin-top: var(--hm-spc-80)
}

#hm-container .hm-mb-80 {
    margin-bottom: 4.166667vw;
    margin-bottom: var(--hm-spc-80)
}

#hm-container .hm-pt-80 {
    padding-top: 4.166667vw;
    padding-top: var(--hm-spc-80)
}

#hm-container .hm-pb-80 {
    padding-bottom: 4.166667vw;
    padding-bottom: var(--hm-spc-80)
}

#hm-container .hm-mt-60 {
    margin-top: 3.125vw;
    margin-top: var(--hm-spc-60)
}

#hm-container .hm-mb-60 {
    margin-bottom: 3.125vw;
    margin-bottom: var(--hm-spc-60)
}

#hm-container .hm-pt-60 {
    padding-top: 3.125vw;
    padding-top: var(--hm-spc-60)
}

#hm-container .hm-pb-60 {
    padding-bottom: 3.125vw;
    padding-bottom: var(--hm-spc-60)
}

#hm-container .hm-mt-40 {
    margin-top: 2.083333vw;
    margin-top: var(--hm-spc-40)
}

#hm-container .hm-mb-40 {
    margin-bottom: 2.083333vw;
    margin-bottom: var(--hm-spc-40)
}

#hm-container .hm-pt-40 {
    padding-top: 2.083333vw;
    padding-top: var(--hm-spc-40)
}

#hm-container .hm-pb-40 {
    padding-bottom: 2.083333vw;
    padding-bottom: var(--hm-spc-40)
}

#hm-container .hm-mt-30 {
    margin-top: 1.7625vw;
    margin-top: var(--hm-spc-30)
}

#hm-container .hm-mb-30 {
    margin-bottom: 1.7625vw;
    margin-bottom: var(--hm-spc-30)
}

#hm-container .hm-pt-30 {
    padding-top: 1.7625vw;
    padding-top: var(--hm-spc-30)
}

#hm-container .hm-pb-30 {
    padding-bottom: 1.7625vw;
    padding-bottom: var(--hm-spc-30)
}

#hm-container .hm-mt-10 {
    margin-top: 0.520833vw;
    margin-top: var(--hm-spc-10)
}

#hm-container .hm-mb-10 {
    margin-bottom: 0.520833vw;
    margin-bottom: var(--hm-spc-10)
}

#hm-container .hm-pt-10 {
    padding-top: 0.520833vw;
    padding-top: var(--hm-spc-10)
}

#hm-container .hm-pb-10 {
    padding-bottom: 0.520833vw;
    padding-bottom: var(--hm-spc-10)
}

#hm-container .hm-will-change .will-change-tf {
    will-change: transform
}

#hm-container .hm-will-change .will-change-op {
    will-change: opacity
}

#hm-container .hm-will-change .will-change-tf-op {
    will-change: transform, opacity
}

#hm-container .hm-will-change .will-change-all {
    will-change: transform, opacity, width, height
}

#hm-container .hm-section {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden
}

#hm-container .hm-content-ws {
    width: 67.5vw;
    width: var(--hm-content-ws);
    margin: 0 auto;
    position: relative
}

#hm-container .hm-content-wf {
    width: 100%;
    position: relative;
    line-height: 0
}

#hm-container .hm-img-border-radius {
    border-radius: 2.08333vw;
    overflow: hidden;
    will-change: transform
}

#hm-container .hm-img-border-radius-s {
    border-radius: 0.520833vw;
    overflow: hidden
}

#hm-container .hm-bg {
    background-color: #000
}

#hm-container .hm-bg-11 {
    background-color: #111111
}

#hm-container .hm-space-100vh {
    height: 100vh
}

#hm-container .hm-space-50vh {
    height: 50vh
}

#hm-container .hm-showmob {
    display: none
}

#hm-container .hm-showpc {
    display: inline-block
}

#hm-container .hm-show-ie {
    display: none
}

#hm-container .hm-hide-ie {
    display: block
}

#hm-container .wx-img {
    display: none
}

#hm-container .nowrap {
    white-space: nowrap;
    line-height: inherit;
    color: inherit !important
}

#hm-container sup {
    line-height: 0;
    font-size: 0.6em;
    cursor: pointer
}

#hm-container .hm-sellpoint-arrow {
    width: 1.666667vw !important;
    height: 1.666667vw;
    position: absolute;
    bottom: 1.041667vw;
    right: 1.041667vw;
    cursor: pointer;
    background: #F8F8F8;
    border-radius: 50%;
    overflow: hidden;
    z-index: 9;
    transform: translate3d(0, 0, 0)
}

#hm-container .hm-sellpoint-arrow img {
    width: 100%;
    transition: all 1s;
    transform: translateY(-48%);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

#hm-container .hm-reason-div:hover .hm-sellpoint-arrow img {
    transform: translateY(0);
    transition: all 1s
}

#hm-container .stick-full {
    position: -webkit-sticky;
    position: sticky;
    top: var(--hm-nav);
    height: var(--hm-sticky-h);
    overflow: hidden
}

#hm-container .hm-animation-reason {
    opacity: 0;
    transform: translateY(4vw)
}

#hm-container .aspect-ratio-picture {
    display: block;
    max-width: 100%;
    position: relative
}

#hm-container .aspect-ratio-picture::before {
    display: block;
    content: ''
}

#hm-container .aspect-ratio-picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain
}

#hm-container .hm-disclaimer-wrap {
    margin-left: auto;
    margin-right: auto
}

#hm-container .hm-disclaimer-wrap .hm-disclaimer {
    width: 67.13542vw;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.8em;
    font-size: 12px
}

#hm-container .hm-disclaimer-wrap .hm-disclaimer li,
#hm-container .hm-disclaimer-wrap .hm-disclaimer p {
    line-height: 1.6em
}

#hm-container .hm-disclaimer-wrap .hm-disclaimer li {
    list-style-type: decimal;
    color: #85858a;
    word-break: break-word;
    margin-top: 0.5em;
    margin-bottom: 0.5em
}

#hm-container .hm-disclaimer-wrap .hm-disclaimer li a {
    word-wrap: break-word;
    word-break: break-word
}

#hm-container .hm-disclaimer-wrap .hm-disclaimer li.active {
    color: #2a2a2c
}

#hm-container .hm-disclaimer-wrap .hm-disclaimer li:last-child {
    list-style-type: none;
    position: relative
}

#hm-container .hm-disclaimer-wrap .hm-disclaimer li:last-child::before {
    content: "*";
    position: absolute;
    top: 0;
    left: -6px
}

#hm-container .hm-disclaimer-wrap .hm-disclaimer .li-no-num {
    list-style: none
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-disclaimer-wrap .hm-disclaimer {
        width: 87.07143vw;
        font-size: 1.71429vw
    }

    #hm-container .hm-disclaimer-wrap .hm-disclaimer li:last-child::before {
        left: -8px
    }
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-disclaimer-wrap .hm-disclaimer {
        width: 82.22222vw;
        font-size: 3.33333vw
    }

    #hm-container .hm-disclaimer-wrap .hm-disclaimer li {
        margin-top: 0;
        margin-bottom: 0
    }

    #hm-container .hm-disclaimer-wrap .hm-disclaimer li:last-child::before {
        left: -9px
    }
}

@media (min-width: 1920px) {
    #hm-container .hm-disclaimer-wrap .hm-disclaimer {
        font-size: .625vw
    }
}

.hm-btn-style {
    background-color: #000;
    color: #fff;
    font-size: 13px;
    border: 2px solid #000;
    display: inline-block;
    line-height: 24px;
    font-weight: 800;
    padding: 6px 20px;
    border-radius: 6px;
    text-align: left;
    cursor: pointer;
    transition: .3s ease-out
}

.hm-btn-style a {
    color: inherit
}

.hm-btn-style:hover {
    opacity: .8
}

@media screen and (max-aspect-ratio: 11 / 10) {
    :root {
        --hm-content-ws: 100%;
        --hm-nav: 0;
        --hm-sticky-h: calc(100vh - var(--hm-nav));
        --hm-spc-200: 27.777778vw;
        --hm-spc-160: 22.22222vw;
        --hm-spc-120: 16.666667vw;
        --hm-spc-80: 13.888889vw;
        --hm-spc-60: 11.111111vw;
        --hm-spc-40: 8.333333vw;
        --hm-spc-30: 5.555556vw;
        --hm-spc-10: 2.777778vw;
        --hm-txt-120: 16.666667vw;
        --hm-txt-120-80: 11.111111vw;
        --hm-txt-96-96: 13.33333vw;
        --hm-txt-80-80: 11.111111vw;
        --hm-txt-64-48: 6.66667vw;
        --hm-txt-64-64: 8.888889vw;
        --hm-txt-48-42: 5.83333vw;
        --hm-txt-48-40: 5.555556vw;
        --hm-txt-40-40: 5.555556vw;
        --hm-txt-40-30: 4.166667vw;
        --hm-txt-32-32: 4.44444vw;
        --hm-txt-32-40: 5.55556vw;
        --hm-txt-30-30: 4.166667vw;
        --hm-txt-30-25: 3.472222vw;
        --hm-txt-25-30: 4.166667vw;
        --hm-txt-22-32: 4.44444vw;
        --hm-txt-24-32: 4.44444vw;
        --hm-txt-22-22: 3.055556vw;
        --hm-txt-22-24: 3.33333vw;
        --hm-txt-20-32: 4.44444vw;
        --hm-txt-20-28: 3.88889vw;
        --hm-txt-20-16: 2.222222vw;
        --hm-txt-18-24: 3.33333vw;
        --hm-txt-18-18: 2.5vw;
        --hm-txt-16-16: 2.222222vw;
        --hm-txt-16-24: 3.333333vw;
        --hm-txt-13: 13px;
        --hm-txt-12: 12px;
        --hm-xin-txt-40: 6.666667vw
    }

    #hm-container .hm-animation-up {
        opacity: 0
    }

    #hm-container .hm-img-border-radius {
        border-radius: 5.55556vw
    }

    #hm-container .hm-img-border-radius-s {
        border-radius: 1.388889vw
    }

    #hm-container .hm-space-100vh {
        display: none
    }

    #hm-container .hm-space-50vh {
        display: none
    }

    #hm-container .hm-showmob {
        display: inline-block
    }

    #hm-container .hm-showpc {
        display: none
    }

    #hm-container .hm-content-ws {
        width: 100%;
        width: var(--hm-content-ws)
    }

    #hm-container .hm-reason .hm-sellpoint-arrow {
        width: 3.33333vw !important;
        height: 3.33333vw;
        bottom: 1.94444vw;
        right: 1.94444vw
    }
}

html.has-modal {
    overflow: hidden !important
}

html.has-modal body::-webkit-scrollbar {
    display: none
}

html.has-modal body,
html.has-modal .main-navigation.nav-v2,
html.has-modal #second-navigation-v4 .product-tabs__heading,
html.fancybox-margin body,
html.fancybox-margin .main-navigation.nav-v2,
html.fancybox-margin #second-navigation-v4 .product-tabs__heading {
    padding-inline-end: var(--modal-scrollbar-buffer)
}

.has-modal #hm-container .section-modal.modal-open,
.has-modal #hm-container .section-modal.modal-will-close {
    z-index: 200
}

.has-modal #hm-container .section-modal .modal-overlay {
    transform: translate3d(0, 0, 0)
}

#hm-container {
    width: 100%;
    color: #000;
    background: #fff;
    font-weight: 500
}

#hm-container .hm-video-replay {
    cursor: pointer;
    opacity: 0;
    transition: all .8s ease;
    pointer-events: none
}

#hm-container .hm-video-replay.active {
    opacity: 1;
    pointer-events: all
}

#hm-container.hm-no-video-btn .hm-video-replay {
    display: none !important
}

#hm-container.hm-no-video-btn .video-control-btn-container {
    display: none !important
}

#hm-container .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    outline: none
}

#hm-container .swiper {
    overflow: visible;
    margin-left: 0
}

#hm-container .swiper.swiper-touch-move .swiper-wrapper {
    transition-timing-function: ease
}

#hm-container .swiper-wrapper {
    height: max-content
}

#hm-container .swiper-slide {
    width: 100%;
    height: max-content;
    overflow: hidden
}

#hm-container .swiper-button-prev svg,
#hm-container .swiper-button-next svg {
    width: 100%;
    height: 100%
}

#hm-container .swiper-button-next:after,
#hm-container .swiper-button-prev:after {
    display: none
}

#hm-container .swiper-button-prev.swiper-button-disabled,
#hm-container .swiper-button-next.swiper-button-disabled {
    opacity: .5
}

#hm-container a {
    color: inherit
}

#hm-container h3 {
    margin-bottom: 3.33333vw
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container h3 {
        width: 77.77778vw;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 8.88889vw;
        text-align: left !important
    }
}

#hm-container .section-modal {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    outline: 0;
    -webkit-backdrop-filter: blur(0px) brightness(100%);
    backdrop-filter: blur(0px) brightness(100%);
    padding-inline-end: var(--modal-scrollbar-buffer);
    background-color: #fff
}

#hm-container .section-modal.hm-specimen-feature2-pop {
    background-color: #000
}

#hm-container .section-modal.hm-design-feature1-pop .modal-overlay {
    transform: translate3d(0, 0, 0)
}

#hm-container .section-modal.modal-fully-visible {
    padding-inline-end: 0
}

#hm-container .section-modal.modal-open {
    -webkit-backdrop-filter: blur(50px) brightness(120%);
    backdrop-filter: blur(50px) brightness(120%)
}

#hm-container .section-modal.modal-open .modal-overlay {
    transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
    opacity: 1
}

#hm-container .section-modal.modal-will-close {
    overflow: auto;
    padding-inline-end: 0
}

#hm-container .section-modal.modal-will-close .modal-overlay {
    transition: all 0.3s
}

#hm-container .section-modal .modal-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    overflow: hidden
}

#hm-container .section-modal .modal-overlay {
    width: 70vw;
    max-height: 83vh;
    transform: translate3d(0, 100vh, 0);
    pointer-events: none;
    opacity: 0;
    will-change: transform, opacity;
    overflow: hidden;
    display: flex;
    align-items: center
}

#hm-container .section-modal .modal-wrapper {
    position: relative;
    pointer-events: auto
}

#hm-container .section-modal .modal-content {
    position: relative;
    z-index: 1;
    overflow: hidden
}

#hm-container .section-modal .modal-close-container {
    position: absolute;
    top: 1.66667vw;
    right: 1.66667vw;
    bottom: 0
}

#hm-container .section-modal .modal-close-button {
    width: 2.5vw;
    height: 2.5vw;
    position: sticky;
    z-index: 10;
    top: 1.66667vw;
    cursor: pointer;
    border-radius: 100%;
    background-color: rgba(128, 128, 128, 0.5);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 0;
    font-size: 0;
    line-height: 0;
    transition: opacity .6s ease
}

#hm-container .section-modal .modal-close-button svg {
    width: 100%;
    height: 100%
}

#hm-container .section-modal .modal-close-button:hover {
    opacity: .8
}

#hm-container .section-modal .swiper-button-prev,
#hm-container .section-modal .swiper-button-next {
    transition: all .3s ease-in-out;
    border-radius: 2.60417vw;
    background-color: rgba(128, 128, 128, 0)
}

#hm-container .section-modal .swiper-button-prev:hover,
#hm-container .section-modal .swiper-button-next:hover {
    background-color: rgba(128, 128, 128, 0.5);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

#hm-container .section-modal .hm-btn-bg {
    opacity: 0
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .section-modal .modal-overlay {
        width: 95.55556vw;
        padding-top: 8.88889vw;
        padding-bottom: 8.88889vw
    }

    #hm-container .section-modal .modal-content {
        padding-bottom: 16.66667vw;
        border-radius: 4.44444vw
    }

    #hm-container .section-modal .modal-close-container {
        top: 3.33333vw;
        right: 3.33333vw;
        width: 11.11111vw
    }

    #hm-container .section-modal .modal-close-button {
        top: 3.33333vw
    }

    #hm-container .section-modal .modal-close-button {
        width: 11.11111vw;
        height: 11.11111vw
    }

    #hm-container .section-modal .section-content {
        padding: 8.33333vw;
        flex-direction: column
    }
}

#hm-container .hm-kv .hm-content-wf {
    height: 49.63542vw
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-kv .hm-content-wf {
        height: 150vw
    }
}

#hm-container .hm-introduction .hm-content-wf {
    width: 62.5vw;
    margin-left: auto;
    margin-right: auto
}

#hm-container .hm-introduction .hm-content-wf video {
    mix-blend-mode: darken
}

#hm-container .hm-introduction .hm-content-wf::after {
    content: '';
    width: .26042vw;
    height: 100%;
    position: absolute;
    right: -.10417vw;
    top: 0;
    background-color: #fff;
    z-index: 2
}

#hm-container .hm-introduction .hm-content-wf::before {
    content: '';
    width: 100%;
    height: .26042vw;
    position: absolute;
    bottom: -.10417vw;
    right: 0;
    background-color: #fff;
    z-index: 2
}

#hm-container .hm-introduction .hm-introduction-content {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3
}

#hm-container .hm-introduction .hm-introduction-txt-wrapper h2 {
    font-size: 1.66667vw;
    text-align: center;
    background: -webkit-linear-gradient(top, #59B4F1, #2B71D0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.6;
    font-weight: 500
}

#hm-container .hm-introduction .hm-introduction-btn-wrapper {
    width: 8.75vw;
    z-index: 2;
    cursor: pointer;
    transform: scale(1);
    transition: all 2s;
    margin-top: 2.5vw;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 3
}

#hm-container .hm-introduction .hm-introduction-btn-wrapper .hm-introduction-btn-txt {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: .88542vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

#hm-container .hm-introduction .hm-introduction-btn-wrapper .hm-introduction-btn-txt span {
    font-size: .9375vw;
    color: rgba(255, 255, 255, 0.9)
}

#hm-container .hm-introduction .hm-introduction-btn-wrapper .hm-introduction-btn-txt img {
    width: 1.77083vw;
    height: 1.77083vw;
    margin-left: .83333vw
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-introduction .hm-content-wf {
        width: 100%;
        margin-top: 8.05556vw;
        padding-bottom: 16.52778vw
    }

    #hm-container .hm-introduction .hm-content-wf::before {
        content: '';
        width: 100%;
        height: 1.38889vw;
        position: absolute;
        bottom: 15.97222vw;
        left: 0;
        z-index: 9;
        background-color: #fff
    }

    #hm-container .hm-introduction .hm-content-wf video {
        width: 111.11111vw;
        position: relative;
        left: 50%;
        transform: translateX(-50%)
    }

    #hm-container .hm-introduction .hm-introduction-content {
        top: 62%
    }

    #hm-container .hm-introduction .hm-introduction-txt-wrapper {
        width: auto
    }

    #hm-container .hm-introduction .hm-introduction-txt-wrapper h2 {
        font-size: 4.44444vw
    }

    #hm-container .hm-introduction .hm-introduction-btn-wrapper {
        width: 32.22222vw;
        margin-top: 36.11111vw
    }

    #hm-container .hm-introduction .hm-introduction-btn-wrapper .hm-introduction-btn-txt {
        padding-right: 4.16667vw
    }

    #hm-container .hm-introduction .hm-introduction-btn-wrapper .hm-introduction-btn-txt span {
        font-size: 3.88889vw
    }

    #hm-container .hm-introduction .hm-introduction-btn-wrapper .hm-introduction-btn-txt img {
        width: 6.11111vw;
        height: 6.11111vw;
        margin-left: 2.22222vw
    }
}

#hm-container .hm-btn-animation.active1 {
    animation: hoverKf .4s linear forwards
}

#hm-container .hm-btn-animation.active2 .hm-btn-txt-animation {
    animation: clickKf .4s linear forwards
}

#hm-container .hm-btn-animation.active3 {
    animation: hoverKfR .4s linear forwards
}

@keyframes hoverKf {
    0% {
        transform: scale(1)
    }

    33% {
        transform: scale(1.0476)
    }

    66% {
        transform: scale(1.0216)
    }

    100% {
        transform: scale(1.0476)
    }
}

@keyframes hoverKfR {
    0% {
        transform: scale(1.0476)
    }

    33% {
        transform: scale(1)
    }

    66% {
        transform: scale(1.0216)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes clickKf {
    0% {
        transform: translateY(0)
    }

    25% {
        transform: translateY(4px)
    }

    50% {
        transform: translateY(1px)
    }

    75% {
        transform: translateY(2px)
    }

    100% {
        transform: translateY(0)
    }
}

#hm-container .common-title-animation.active .common-svg-wrapper1 #bgPattern1 stop {
    transition: all 1s
}

#hm-container .common-title-animation.active .common-svg-wrapper1 #bgPattern1 stop[offset='0.2'] {
    stop-color: #5195fc
}

#hm-container .common-title-animation.active .common-svg-wrapper1 #bgPattern1 stop[offset='0.5'] {
    stop-color: #5f84fc
}

#hm-container .common-title-animation.active .common-svg-wrapper1 #bgPattern1 stop[offset='0.65'] {
    stop-color: #d67fcf
}

#hm-container .common-title-animation.active .common-svg-wrapper1 #bgPattern1 stop[offset='0.9'] {
    stop-color: #eeaa43
}

#hm-container .common-title-animation.active .common-svg-wrapper2 #bgPattern2 stop {
    transition: all 1s
}

#hm-container .common-title-animation.active .common-svg-wrapper2 #bgPattern2 stop[offset='0'] {
    stop-color: #3C9BE4
}

#hm-container .common-title-animation.active .common-svg-wrapper2 #bgPattern2 stop[offset='1'] {
    stop-color: #3C9BE4
}

#hm-container .common-title-animation.active .common-svg-wrapper2 #bgPattern2-xs stop {
    transition: all 1s
}

#hm-container .common-title-animation.active .common-svg-wrapper2 #bgPattern2-xs stop[offset='0'] {
    stop-color: #3C9BE4
}

#hm-container .common-title-animation.active .common-svg-wrapper2 #bgPattern2-xs stop[offset='1'] {
    stop-color: #3C9BE4
}

#hm-container .common-title-animation.active .common-svg-wrapper3 #bgPattern3 stop {
    transition: all 1s
}

#hm-container .common-title-animation.active .common-svg-wrapper3 #bgPattern3 stop[offset='0'] {
    stop-color: #776DD5
}

#hm-container .common-title-animation.active .common-svg-wrapper3 #bgPattern3 stop[offset='1'] {
    stop-color: #679FFF
}

#hm-container .common-title-animation.active .common-svg-wrapper3 #bgPattern3-xs stop {
    transition: all 1s
}

#hm-container .common-title-animation.active .common-svg-wrapper3 #bgPattern3-xs stop[offset='0'] {
    stop-color: #776DD5
}

#hm-container .common-title-animation.active .common-svg-wrapper3 #bgPattern3-xs stop[offset='1'] {
    stop-color: #679FFF
}

#hm-container .common-title-animation.active .common-svg-wrapper4 #bgPattern4 stop {
    transition: all 1s
}

#hm-container .common-title-animation.active .common-svg-wrapper4 #bgPattern4 stop[offset='0'] {
    stop-color: #776DD5
}

#hm-container .common-title-animation.active .common-svg-wrapper4 #bgPattern4 stop[offset='1'] {
    stop-color: #E2DEFF
}

#hm-container .common-title-animation.active .common-svg-wrapper4 #bgPattern4-xs stop {
    transition: all 1s
}

#hm-container .common-title-animation.active .common-svg-wrapper4 #bgPattern4-xs stop[offset='0'] {
    stop-color: #7b4de6
}

#hm-container .common-title-animation.active .common-svg-wrapper4 #bgPattern4-xs stop[offset='1'] {
    stop-color: #bf89e9
}

#hm-container .common-title-animation.active #bgPattern5 stop {
    transition: all 1s
}

#hm-container .common-title-animation.active #bgPattern5 stop[offset='0'] {
    stop-color: #FC8E3B
}

#hm-container .common-title-animation.active #bgPattern5 stop[offset='1'] {
    stop-color: #FFD080
}

#hm-container .common-title-animation.active #bgPattern5-xs stop {
    transition: all 1s
}

#hm-container .common-title-animation.active #bgPattern5-xs stop[offset='0'] {
    stop-color: #FC8E3B
}

#hm-container .common-title-animation.active #bgPattern5-xs stop[offset='1'] {
    stop-color: #FFD080
}

#hm-container .common-title-animation.active .common-title-bg {
    transform: translateY(-50%)
}

#hm-container .common-title-animation.active .common-all-video {
    opacity: 1
}

#hm-container .common-title-animation.active .common-title-txt .common-svg-wrapper5-2 {
    opacity: 0;
    transform: translateY(-90%);
    transition: all 1s 1s
}

#hm-container .common-title-animation.active .common-title-txt .common-svg-wrapper5-3 {
    opacity: 1;
    transform: translateY(0);
    transition: all 1s 1s
}

#hm-container .common-title-animation .common-title-txt {
    max-width: 62.5vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5.20833vw;
    text-align: center;
    position: relative;
    z-index: 3
}

#hm-container .common-title-animation .common-title-txt p {
    font-size: 1.66667vw;
    margin-bottom: 1.19792vw;
    color: rgba(0, 0, 0, 0.5);
    line-height: 1.25
}

#hm-container .common-title-animation .common-title-txt .common-svg-wrapper {
    width: 35.83333vw;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

#hm-container .common-title-animation .common-title-txt .common-svg-wrapper .common-svg-cover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

#hm-container .common-title-animation .common-title-txt .common-svg-wrapper2 {
    width: 52.60417vw
}

#hm-container .common-title-animation .common-title-txt .common-svg-wrapper3 {
    width: 45vw
}

#hm-container .common-title-animation .common-title-txt .common-svg-wrapper4 {
    width: 39.58333vw
}

#hm-container .common-title-animation .common-title-txt .common-svg-wrapper5 {
    width: 25.41667vw
}

#hm-container .common-title-animation .common-title-txt .common-svg-wrapper5-2,
#hm-container .common-title-animation .common-title-txt .common-svg-wrapper5-3 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

#hm-container .common-title-animation .common-title-txt .common-svg-wrapper5-3 {
    opacity: 0;
    transform: translateY(90%)
}

#hm-container .common-title-animation .common-title-video {
    position: relative;
    z-index: 6;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    transform-origin: 50% 0%
}

#hm-container .common-title-animation .common-title-video video {
    position: relative;
    z-index: 3
}

#hm-container .common-title-animation .common-title-video .video-control-btn-container {
    opacity: 0;
    pointer-events: none;
    transition: opacity .8s
}

#hm-container .common-title-animation .common-title-video .video-control-btn-container .video-control-btn-play-btn,
#hm-container .common-title-animation .common-title-video .video-control-btn-container .video-control-btn-pause-btn {
    opacity: 0
}

#hm-container .common-title-animation .common-title-video .video-control-btn-container[data-index="2"] {
    opacity: 1;
    pointer-events: all
}

#hm-container .common-title-animation .common-title-video .video-control-btn-container[data-index="2"]:hover {
    opacity: .6
}

#hm-container .common-title-animation .common-title-bg {
    width: 100%;
    height: 21.875vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: transform 0.8s
}

#hm-container .common-title-animation .common-title-bg>div {
    width: 100%;
    height: 100%;
    transition: opacity 0.8s 0.7s
}

#hm-container .common-title-animation .common-title-bg.common-title-bg1>div {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #D4EEFE, rgba(255, 255, 255, 0))
}

#hm-container .common-title-animation .common-title-bg.common-title-bg2>div {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #D4EEFE, rgba(255, 255, 255, 0))
}

#hm-container .common-title-animation .common-title-bg.common-title-bg4>div {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #F8F1FF, rgba(255, 255, 255, 0))
}

#hm-container .common-title-animation .common-title-bg.common-title-bg5>div {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF5E4, rgba(255, 255, 255, 0))
}

#hm-container .common-title-animation .common-all-video-svg {
    margin-left: .83333vw;
    position: relative
}

#hm-container .common-title-animation .common-all-video-svg::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #808080;
    border-radius: 4.16667vw;
    backdrop-filter: blur(8px) brightness(1.5);
    transition: opacity .3s ease-in-out
}

#hm-container .common-title-animation .common-all-video-svg:hover::before {
    opacity: 0.6
}

#hm-container .common-title-animation .common-all-video {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 2.08333vw;
    right: 2.08333vw;
    z-index: 10;
    color: #fff;
    cursor: pointer;
    opacity: 0;
    transition: opacity 1s 2.6s
}

#hm-container .common-title-animation .common-all-video span {
    font-size: 1.25vw
}

#hm-container .common-title-animation .common-all-video svg {
    width: 2.91667vw;
    height: 2.91667vw;
    position: relative;
    z-index: 2
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .common-title-animation .common-svg-wrapper1 #bgPattern1 stop[offset='0.2'] {
        stop-color: #5195fc
    }

    #hm-container .common-title-animation .common-svg-wrapper1 #bgPattern1 stop[offset='0.5'] {
        stop-color: #5f84fc
    }

    #hm-container .common-title-animation .common-svg-wrapper1 #bgPattern1 stop[offset='0.65'] {
        stop-color: #d67fcf
    }

    #hm-container .common-title-animation .common-svg-wrapper1 #bgPattern1 stop[offset='0.9'] {
        stop-color: #eeaa43
    }

    #hm-container .common-title-animation .common-svg-wrapper2 #bgPattern2 stop[offset='0'] {
        stop-color: #3C9BE4
    }

    #hm-container .common-title-animation .common-svg-wrapper2 #bgPattern2 stop[offset='1'] {
        stop-color: #3C9BE4
    }

    #hm-container .common-title-animation .common-svg-wrapper2 #bgPattern2-xs stop[offset='0'] {
        stop-color: #3C9BE4
    }

    #hm-container .common-title-animation .common-svg-wrapper2 #bgPattern2-xs stop[offset='1'] {
        stop-color: #3C9BE4
    }

    #hm-container .common-title-animation .common-svg-wrapper3 #bgPattern3 stop[offset='0'] {
        stop-color: #776DD5
    }

    #hm-container .common-title-animation .common-svg-wrapper3 #bgPattern3 stop[offset='1'] {
        stop-color: #679FFF
    }

    #hm-container .common-title-animation .common-svg-wrapper3 #bgPattern3-xs stop[offset='0'] {
        stop-color: #776DD5
    }

    #hm-container .common-title-animation .common-svg-wrapper3 #bgPattern3-xs stop[offset='1'] {
        stop-color: #679FFF
    }

    #hm-container .common-title-animation .common-svg-wrapper4 #bgPattern4 stop[offset='0'] {
        stop-color: #776DD5
    }

    #hm-container .common-title-animation .common-svg-wrapper4 #bgPattern4 stop[offset='1'] {
        stop-color: #E2DEFF
    }

    #hm-container .common-title-animation .common-svg-wrapper4 #bgPattern4-xs stop[offset='0'] {
        stop-color: #7b4de6
    }

    #hm-container .common-title-animation .common-svg-wrapper4 #bgPattern4-xs stop[offset='1'] {
        stop-color: #bf89e9
    }

    #hm-container .common-title-animation #bgPattern5 stop[offset='0'] {
        stop-color: #FC8E3B
    }

    #hm-container .common-title-animation #bgPattern5 stop[offset='1'] {
        stop-color: #FFD080
    }

    #hm-container .common-title-animation #bgPattern5-xs stop[offset='0'] {
        stop-color: #FC8E3B
    }

    #hm-container .common-title-animation #bgPattern5-xs stop[offset='1'] {
        stop-color: #FFD080
    }

    #hm-container .common-title-animation.active .common-title-video {
        border-radius: 0
    }

    #hm-container .common-title-animation .common-title-txt {
        max-width: 95.55556vw;
        margin-bottom: 12.5vw
    }

    #hm-container .common-title-animation .common-title-txt p {
        font-size: 4.44444vw;
        margin-bottom: 2.77778vw
    }

    #hm-container .common-title-animation .common-title-txt .common-svg-wrapper {
        width: 80.55556vw
    }

    #hm-container .common-title-animation .common-title-txt .common-svg-wrapper2 {
        width: 62.36111vw
    }

    #hm-container .common-title-animation .common-title-txt .common-svg-wrapper3 {
        width: 52.77778vw
    }

    #hm-container .common-title-animation .common-title-txt .common-svg-wrapper4 {
        width: 62.77778vw
    }

    #hm-container .common-title-animation .common-title-txt .common-svg-wrapper5 {
        width: 68.88889vw
    }

    #hm-container .common-title-animation .common-title-video {
        width: 100%;
        transform: scale(1)
    }

    #hm-container .common-title-animation .common-title-video .video-control-btn-container[data-index="2"]:hover {
        opacity: 1
    }

    #hm-container .common-title-animation .common-title-bg {
        height: 77.77778vw;
        transform: translateY(-50%);
    }

    #hm-container .common-title-animation .common-title-bg.common-title-bg1 {
        height: 61.38889vw
    }

    #hm-container .common-title-animation .common-all-video-svg {
        margin-left: 3.33333vw
    }

    #hm-container .common-title-animation .common-all-video-svg::before {
        border-radius: 11.11111vw
    }

    #hm-container .common-title-animation .common-all-video-svg:hover::before {
        opacity: 1
    }

    #hm-container .common-title-animation .common-all-video {
        bottom: 4.44444vw;
        right: 4.44444vw;
        opacity: 1
    }

    #hm-container .common-title-animation .common-all-video span {
        font-size: 4.44444vw
    }

    #hm-container .common-title-animation .common-all-video svg {
        width: 8.88889vw;
        height: 8.88889vw
    }
}

#hm-container .hm-common-dis {
    width: 55vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.08333vw;
    text-align: center
}

#hm-container .hm-common-dis.hm-common-dis4 {
    width: 48.48958vw
}

#hm-container .hm-common-dis span {
    color: #000
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-common-dis {
        width: 77.77778vw;
        margin-top: 8.88889vw
    }

    #hm-container .hm-common-dis.hm-common-dis4 {
        width: 77.77778vw
    }
}

#hm-container .hm-more-ai-sticky-wrapper .hm-more-ai-sticky {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1
}

#hm-container .hm-more-ai-sticky-wrapper .hm-more-ai-sticky .orbits {
    position: absolute;
    width: 160vmin;
    height: 160vmin;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: rotate 22.5s linear infinite;
    opacity: .6
}

#hm-container .hm-more-ai-sticky-wrapper .hm-more-ai-sticky .orb {
    position: absolute;
    width: 70vmin;
    height: 70vmin;
    border-radius: 50%;
    filter: blur(200px);
    animation: pulse 12s ease-in-out infinite alternate;
    mix-blend-mode: screen
}

#hm-container .hm-more-ai-sticky-wrapper .hm-more-ai-sticky .orb:nth-child(1) {
    background: #E8D2FF;
    top: 0;
    left: 0;
    box-shadow: 0 0 150px 50px #E8D2FF, 0 0 300px 100px rgba(232, 210, 255, 0.6);
    animation-delay: -1s
}

#hm-container .hm-more-ai-sticky-wrapper .hm-more-ai-sticky .orb:nth-child(2) {
    background: #FFEED5;
    top: 0;
    right: 0;
    box-shadow: 0 0 150px 50px #FFEED5, 0 0 300px 100px rgba(255, 238, 213, 0.6);
    animation-delay: -3s
}

#hm-container .hm-more-ai-sticky-wrapper .hm-more-ai-sticky .orb:nth-child(3) {
    background: #F2FFFF;
    bottom: 0;
    left: 0;
    box-shadow: 0 0 150px 50px #F2FFFF, 0 0 300px 100px rgba(242, 255, 255, 0.6);
    animation-delay: -5s
}

#hm-container .hm-more-ai-sticky-wrapper .hm-more-ai-sticky .orb:nth-child(4) {
    background: #C5F3FF;
    bottom: 0;
    right: 0;
    box-shadow: 0 0 150px 50px #C5F3FF, 0 0 300px 100px rgba(197, 243, 255, 0.6);
    animation-delay: -7s
}

@keyframes rotate {
    0% {
        transform: translate(-50%, -50%) rotate(0deg) scale(1)
    }

    50% {
        transform: translate(-50%, -50%) rotate(180deg) scale(1.05)
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg) scale(1)
    }
}

@keyframes pulse {
    0% {
        transform: translate(0, 0) scale(1)
    }

    33% {
        transform: translate(5%, 5%) scale(1.1)
    }

    66% {
        transform: translate(-5%, 3%) scale(0.95)
    }

    100% {
        transform: translate(3%, -4%) scale(1.05)
    }
}

#hm-container .hm-more-ai-sticky-wrapper .hm-more-ai-sticky-content {
    position: relative;
    z-index: 2;
    margin-top: -100vh
}

#hm-container .hm-more-ai {
    z-index: 2;
    padding-top: 6.77083vw
}

#hm-container .hm-more-ai .common-title-txt {
    margin-bottom: -9.6875vw
}

#hm-container .hm-more-ai .more-ai-title-video {
    margin-bottom: -6.51042vw
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-more-ai-sticky-wrapper .hm-more-ai-sticky {
        display: none;
    }

    #hm-container .hm-more-ai-sticky-wrapper .hm-more-ai-sticky-content {
        margin-top: 0;
    }

    #hm-container .hm-more-ai {
        padding-top: 18.05556vw
    }

    #hm-container .hm-more-ai .common-title-txt {
        margin-bottom: -14.16667vw
    }

    #hm-container .hm-more-ai .more-ai-title-video {
        margin-bottom: -9.02778vw
    }
}

#hm-container .hm-more-ai-video-wrapper {
    position: relative
}

#hm-container .hm-more-ai-section1 .hm-content-wf {
    width: 78.95833vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between
}

#hm-container .hm-more-ai-section1 .hm-more-ai-section1-btn-txt {
    width: 20.52083vw;
    margin-top: 4.6875vw
}

#hm-container .hm-more-ai-section1 .hm-more-ai-section1-btn-txt h3 {
    margin-bottom: 0
}

#hm-container .hm-more-ai-section1 .more-ai-section1-txt-wrapper {
    width: 100%;
    position: relative;
    margin-top: 1.66667vw;
    margin-bottom: 3.33333vw
}

#hm-container .hm-more-ai-section1 .more-ai-section1-txt-wrapper p {
    position: relative;
    opacity: 0;
    transition: opacity 1s
}

#hm-container .hm-more-ai-section1 .more-ai-section1-txt-wrapper p.active {
    opacity: 1;
    z-index: 2
}

#hm-container .hm-more-ai-section1 .more-ai-section1-txt-wrapper p:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0
}

#hm-container .hm-more-ai-section1 .hm-more-ai-section1-btn {
    width: max-content;
    display: flex;
    justify-content: space-between
}

#hm-container .hm-more-ai-section1 .more-ai-section1-btn-div {
    cursor: pointer;
    position: relative
}

#hm-container .hm-more-ai-section1 .more-ai-section1-btn-div:nth-child(-n+2) {
    margin-right: 1.25vw
}

#hm-container .hm-more-ai-section1 .more-ai-section1-btn-div.show .more-ai-btn-bg {
    opacity: 1
}

#hm-container .hm-more-ai-section1 .more-ai-section1-btn-div.show .more-ai-btn-txt p {
    color: #000
}

#hm-container .hm-more-ai-section1 .more-ai-section1-btn-div.show .more-ai-btn-img {
    transform: scale(1.1)
}

#hm-container .hm-more-ai-section1 .more-ai-btn-img-wrapper {
    width: 4.79167vw;
    height: 4.79167vw;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

#hm-container .hm-more-ai-section1 .more-ai-btn-bg {
    width: 4.79167vw;
    height: 4.79167vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    opacity: 0;
    transition: opacity 1s;
    border-radius: .83333vw;
    overflow: hidden;
    box-shadow: 0 0 .46875vw .46875vw rgba(181, 218, 255, 0.6)
}

#hm-container .hm-more-ai-section1 .more-ai-btn-img-content {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 3;
    border: 1px solid #fff;
    border-radius: .83333vw;
    overflow: hidden
}

#hm-container .hm-more-ai-section1 .more-ai-btn-img-content::after {
    width: 2.8125vw;
    height: .36458vw;
    content: "";
    position: absolute;
    top: 4.01042vw;
    left: 50%;
    transform: translateX(-50%);
    background-color: #D7D7D7;
    filter: blur(5px);
    z-index: 1;
    opacity: .5;
    border-radius: 37%
}

#hm-container .hm-more-ai-section1 .more-ai-section1-btn-div2 .more-ai-btn-img-content::after {
    background-color: #FFC501
}

#hm-container .hm-more-ai-section1 .more-ai-section1-btn-div3 .more-ai-btn-img-content::after {
    background-color: #E09196
}

#hm-container .hm-more-ai-section1 .more-ai-btn-img-blur {
    width: 100%;
    height: 100%;
    filter: blur(8px);
    background-color: #fff
}

#hm-container .hm-more-ai-section1 .more-ai-btn-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transition: transform 0.8s
}

#hm-container .hm-more-ai-section1 .more-ai-btn-txt {
    margin-top: .72917vw;
    position: relative
}

#hm-container .hm-more-ai-section1 .more-ai-btn-txt p {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: .9375vw;
    color: rgba(0, 0, 0, 0.3);
    text-align: center;
    transition: all 1s;
    word-break: keep-all
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-wrapper {
    width: 51.04167vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div {
    width: 100%;
    position: relative;
    opacity: 0;
    transition: opacity 1s
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div:first-child {
    transition: opacity 1s;
    display: flex;
    align-items: center;
    justify-content: center
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div.show {
    opacity: 1;
    z-index: 3
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div:not(:first-child) {
    position: absolute;
    left: 0;
    top: 0
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div1.active .more-ai-section1-txt1-1 {
    opacity: 0;
    transition: opacity .1s .5s
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div1.active .more-ai-section1-txt1-2 {
    opacity: 1;
    transition: opacity .1s .6s
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div1.active .more-ai-section1-txt1-2 img {
    opacity: 0;
    transition: opacity .1s .7s
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div1.active .more-ai-section1-txt1-3 {
    opacity: 1;
    transition: opacity .1s .8s
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div1.active .more-ai-section1-txt1-3 img {
    opacity: 0;
    transition: opacity .1s .9s
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div1.active .more-ai-section1-txt1-4 {
    opacity: 1;
    transition: opacity .1s 1s
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div1.active .more-ai-section1-txt1-4 img {
    opacity: 0;
    transition: opacity .1s 1.1s
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div1.active .more-ai-section1-txt1-5 {
    opacity: 1;
    transition: opacity .1s 1.2s
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div1.active .more-ai-section1-txt1-5 img {
    opacity: 0;
    transition: opacity .1s 1.3s
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div1.active .more-ai-section1-txt1-6 {
    opacity: 1;
    transition: opacity .1s 1.4s
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div1.active .more-ai-section1-txt1-6 img {
    opacity: 0;
    transition: opacity .5s 1.5s
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div1.active .more-ai-section1-img1-2 {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .7s 1.5s, transform .7s 1.5s
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div1.active .more-ai-section1-img1-1 {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .7s 1.5s, transform .7s 1.6s
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div1.active .more-ai-section1-img1-3 {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .7s 1.5s, transform .7s 1.6s
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div1.active .hm-common-swiper-btn {
    opacity: 1;
    transition: opacity .7s 1.5s, transform .7s 1.6s
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div1 .hm-common-swiper-btn {
    opacity: 0
}

#hm-container .hm-more-ai-section1 .more-ai-section1-inSwiper {
    width: 100%;
    height: 100%
}

#hm-container .hm-more-ai-section1 .more-ai-section1-inSwiper .swiper-wrapper {
    height: 100%
}

#hm-container .hm-more-ai-section1 .more-ai-section1-inSwiper .swiper-slide {
    width: auto
}

#hm-container .hm-more-ai-section1 .more-ai-section1-inSwiper .hm-common-swiper-btn {
    display: none
}

#hm-container .hm-more-ai-section1 .more-ai-section1-inSwiper .swiper-button-next,
#hm-container .hm-more-ai-section1 .more-ai-section1-inSwiper .swiper-button-prev {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    margin-top: 0
}

#hm-container .hm-more-ai-section1 .more-ai-section1-inSwiper .swiper-button-prev .hm-common-swiper2-btn-arrow {
    transform: rotate(180deg)
}

#hm-container .hm-more-ai-section1 .more-ai-section1-inSwiper .hm-common-swiper-btn {
    width: 6.25vw;
    display: none;
    justify-content: space-between;
    margin-left: auto;
    margin-top: 1.66667vw;
    position: relative
}

#hm-container .hm-more-ai-section1 .more-ai-section1-inSwiper .hm-common-swiper-btn>div {
    width: 2.5vw;
    height: 2.5vw
}

#hm-container .hm-more-ai-section1 .more-ai-section1-inSwiper .hm-common-swiper-btn>div::after {
    display: none
}

#hm-container .hm-more-ai-section1 .more-ai-section1-inSwiper .hm-btn-txt-animation {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-more-ai-section1 .more-ai-btn-img-blur {
        filter: blur(0);
        background-color: #F8FAFB;
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-inSwiper .hm-common-swiper-btn {
        width: 27.77778vw;
        margin-top: 8.88889vw;
        display: flex;
        margin-right: auto
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-inSwiper .hm-common-swiper-btn>div {
        width: 11.11111vw;
        height: 11.11111vw
    }
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div1 {
    height: 36.14583vw
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div1 .more-ai-section1-phone {
    width: 15.625vw;
    position: relative;
    z-index: 3
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div1 .more-ai-section1-video {
    width: 93.66666666%;
    position: absolute;
    top: 1.407%;
    left: 2.3333333%;
    z-index: 1;
    border-radius: 1.5625vw;
    overflow: hidden
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div1 .more-ai-section1-img1 {
    position: absolute
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div1 .more-ai-section1-img1-1 {
    top: 2.8125vw;
    left: 0
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div1 .more-ai-section1-img1-2 {
    top: 0;
    left: 17.70833vw
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div1 .more-ai-section1-img1-3 {
    top: 2.8125vw;
    left: 35.41667vw
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div2,
#hm-container .hm-more-ai-section1 .more-ai-section1-img-div3 {
    height: 36.14583vw
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div2 .more-ai-section1-phone,
#hm-container .hm-more-ai-section1 .more-ai-section1-img-div3 .more-ai-section1-phone {
    width: 15.625vw;
    position: relative;
    z-index: 3
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div2 .more-ai-section1-video,
#hm-container .hm-more-ai-section1 .more-ai-section1-img-div3 .more-ai-section1-video {
    width: 93.66666666%;
    position: absolute;
    top: 1.407%;
    left: 2.3333333%;
    z-index: 1;
    border-radius: 1.5625vw;
    overflow: hidden
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div2 .more-ai-section1-video-wrapper,
#hm-container .hm-more-ai-section1 .more-ai-section1-img-div3 .more-ai-section1-video-wrapper {
    position: absolute
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div2 .more-ai-section1-video-wrapper1,
#hm-container .hm-more-ai-section1 .more-ai-section1-img-div3 .more-ai-section1-video-wrapper1 {
    top: 2.8125vw;
    left: 0
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div2 .more-ai-section1-video-wrapper2,
#hm-container .hm-more-ai-section1 .more-ai-section1-img-div3 .more-ai-section1-video-wrapper2 {
    top: 0;
    left: 17.70833vw
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div2 .more-ai-section1-video-wrapper3,
#hm-container .hm-more-ai-section1 .more-ai-section1-img-div3 .more-ai-section1-video-wrapper3 {
    top: 2.8125vw;
    left: 35.41667vw
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-div3 .more-ai-section1-video {
    top: 1.3%
}

#hm-container .hm-more-ai-section1 .more-ai-section1-txt1 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center
}

#hm-container .hm-more-ai-section1 .more-ai-section1-txt1>div:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

#hm-container .hm-more-ai-section1 .more-ai-section1-txt1 .more-ai-section1-txt1-1 {
    transition: opacity .5s .2s
}

#hm-container .hm-more-ai-section1 .more-ai-section1-txt1>div.more-ai-section1-txt1-6 {
    top: -2.91667vw;
    left: 1.25vw
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-content {
    width: 51.04167vw;
    height: 100%;
    position: relative
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img-content * {
    line-height: 0
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img1 {
    opacity: 0;
    transform: translateY(2.08333vw)
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img2:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img2-4 {
    transform: translateX(-2.08333vw);
    transition: transform 1s .2s;
    position: relative;
    z-index: 2
}

#hm-container .hm-more-ai-section1 .more-ai-section1-img2-5 {
    transform: translateX(2.08333vw);
    transition: transform 1s .2s
}

#hm-container .hm-more-ai-section1 .more-ai-section1-inSwiper-1 {
    width: 100%
}

#hm-container .hm-more-ai-section1 .more-ai-section1-inSwiper-1.more-ai-section1-img1-2 {
    position: relative;
    left: 0;
    opacity: 0
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-more-ai-section1 .hm-content-wf {
        width: 100%;
        flex-direction: column
    }

    #hm-container .hm-more-ai-section1 .hm-content-wf h3 {
        text-align: center !important
    }

    #hm-container .hm-more-ai-section1 .hm-more-ai-section1-btn-txt {
        width: 77.77778vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        margin-bottom: 0;
        text-align: center;
        order: 3;
        display: flex;
        flex-direction: column
    }

    #hm-container .hm-more-ai-section1 .hm-more-ai-section1-btn-txt>p {
        margin-top: 4.44444vw;
        margin-bottom: 4.44444vw
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-txt-wrapper {
        margin-top: 10.83333vw;
        margin-bottom: 0;
        order: 3
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-btn-div:nth-child(-n+2) {
        margin-right: 9.72222vw
    }

    #hm-container .hm-more-ai-section1 .more-ai-btn-img-wrapper {
        width: 13.88889vw;
        height: 13.88889vw;
        order: 2
    }

    #hm-container .hm-more-ai-section1 .more-ai-btn-bg {
        width: 13.88889vw;
        height: 13.88889vw;
        border-radius: 2.22222vw;
        box-shadow: 0 0 1.66667vw 1.66667vw rgba(181, 218, 255, 0.6)
    }

    #hm-container .hm-more-ai-section1 .more-ai-btn-img-content {
        border-radius: 2.22222vw
    }

    #hm-container .hm-more-ai-section1 .more-ai-btn-img-content::after {
        width: 7.5vw;
        height: .97222vw;
        top: 10.69444vw
    }

    #hm-container .hm-more-ai-section1 .more-ai-btn-txt {
        margin-top: 2.36111vw
    }

    #hm-container .hm-more-ai-section1 .more-ai-btn-txt p {
        font-size: 3.33333vw
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-img-wrapper {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative
    }

    #hm-container .hm-more-ai-section1 .hm-more-ai-section1-btn {
        width: 100%;
        justify-content: center
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-img-div {
        width: 100%
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-img-div::-webkit-scrollbar {
        display: none
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-img-div:first-child {
        display: block
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-img-div1 {
        height: 100.69444vw
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-img-div1 .more-ai-section1-phone {
        width: 47.22222vw
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-img-div1 .more-ai-section1-video {
        width: 44.44445vw;
        top: 1.407%;
        left: 2.3333333%;
        border-radius: 4.16667vw
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-img-div1 .more-ai-section1-img1 {
        position: relative
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-img-div1 .more-ai-section1-img1-1 {
        top: 0
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-img-div1 .more-ai-section1-img1-2 {
        left: 0
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-img-div1 .more-ai-section1-img1-3 {
        top: 0;
        left: 0
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-img-div2,
    #hm-container .hm-more-ai-section1 .more-ai-section1-img-div3 {
        position: relative;
        height: 100.625vw
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-img-div2 .more-ai-section1-phone,
    #hm-container .hm-more-ai-section1 .more-ai-section1-img-div3 .more-ai-section1-phone {
        width: 47.22222vw
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-img-div2 .more-ai-section1-video,
    #hm-container .hm-more-ai-section1 .more-ai-section1-img-div3 .more-ai-section1-video {
        width: 93.97777%;
        top: 1.407%;
        left: 2.3333333%;
        border-radius: 4.16667vw
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-img-div2 .more-ai-section1-video-wrapper,
    #hm-container .hm-more-ai-section1 .more-ai-section1-img-div3 .more-ai-section1-video-wrapper {
        position: relative
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-img-div2 .more-ai-section1-video-wrapper1,
    #hm-container .hm-more-ai-section1 .more-ai-section1-img-div3 .more-ai-section1-video-wrapper1 {
        top: 0
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-img-div2 .more-ai-section1-video-wrapper2,
    #hm-container .hm-more-ai-section1 .more-ai-section1-img-div3 .more-ai-section1-video-wrapper2 {
        left: 0
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-img-div2 .more-ai-section1-video-wrapper3,
    #hm-container .hm-more-ai-section1 .more-ai-section1-img-div3 .more-ai-section1-video-wrapper3 {
        top: 0;
        left: 0
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-img-div3 .more-ai-section1-video {
        top: 1.17%
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-txt1 {
        width: 100%;
        transform: scale(1.2);
        top: 10.13889vw;
        left: 1.52778vw;
        pointer-events: none
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-txt1>div.more-ai-section1-txt1-6 {
        top: -.55556vw;
        left: 0;
        transform: scale(1.3)
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-img-content {
        width: 47.22222vw;
        margin-left: 26.38889vw;
        margin-right: 26.38889vw;
        scroll-snap-stop: always;
        flex-shrink: 0
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-img1 {
        transform: translateY(0)
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-img1:not(:first-child) {
        position: relative
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-img2-4 {
        transform: translateX(-5.55556vw)
    }

    #hm-container .hm-more-ai-section1 .more-ai-section1-img2-5 {
        transform: translateX(5.55556vw)
    }

    #hm-container .hm-more-ai-section1 .more-ai-to-left {
        text-align: center;
        opacity: .3;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 2.77778vw;
        margin-bottom: 5.55556vw
    }

    #hm-container .hm-more-ai-section1 .more-ai-to-left svg {
        width: 6.66667vw
    }

    #hm-container .hm-more-ai-section1 .more-ai-to-left p {
        margin-left: 1.11111vw;
        font-size: 3.05556vw
    }
}

#hm-container .hm-more-ai-section3 .swiper-slide:nth-child(4) .hm-common-swiper-txt {
    width: 88%
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-more-ai-section3 .swiper-slide:nth-child(4) .hm-common-swiper-txt {
        width: 73.88889vw
    }
}

#hm-container .more-ai-swiper {
    width: 100%
}

#hm-container .more-ai-swiper .swiper-wrapper {
    align-items: baseline
}

#hm-container .more-ai-swiper .swiper-slide {
    overflow: visible;
    display: flex;
    justify-content: center;
    align-items: center
}

#hm-container .more-ai-swiper .swiper-slide.swiper-slide-active .more-ai-section1-shake {
    animation: shake 1.2s ease-in-out forwards .2s;
    transform-origin: 50% 45.155%
}

#hm-container .more-ai-swiper .swiper-slide.swiper-slide-active .more-ai-section1-shake:nth-child(1) {
    transform-origin: 15.3% 59.69%
}

#hm-container .more-ai-swiper .swiper-slide.swiper-slide-active .more-ai-section1-shake:nth-child(3) {
    transform-origin: 84.7% 59.69%
}

#hm-container .more-ai-swiper .swiper-slide.swiper-slide-active .more-ai-section1-touch {
    transform: translateX(0)
}

@keyframes shake {
    0% {
        transform: rotate(0)
    }

    33% {
        transform: rotate(-4deg)
    }

    66% {
        transform: rotate(8deg)
    }

    100% {
        transform: rotate(0)
    }
}

#hm-container .more-ai-swiper-light {
    width: 24.47917vw;
    height: 24.47917vw;
    background-color: #FFFFFF;
    filter: blur(2.08333vw);
    border-radius: 10.41667vw;
    position: absolute;
    z-index: 1
}

#hm-container .more-ai-swiper-btn-wrapper {
    width: 21.09375vw;
    height: 2.91667vw;
    padding: .83333vw .98958vw .83333vw 1.45833vw;
    position: relative;
    background-color: #fff;
    border-radius: 3.125vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.33333vw
}

#hm-container .more-ai-swiper-btn-wrapper>div {
    width: 100%;
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between
}

#hm-container .more-ai-swiper-btn-wrapper p {
    font-size: .9375vw;
    color: rgba(0, 0, 0, 0.3);
    transition: all 1s;
    line-height: 1.25;
    cursor: pointer
}

#hm-container .more-ai-swiper-btn-wrapper p.active {
    color: rgba(255, 255, 255, 0.9)
}

#hm-container .more-ai-swiper-btn-wrapper .more-ai-swiper-scroll {
    width: 4.375vw;
    height: 2.5vw;
    position: absolute;
    top: .20833vw;
    left: 0;
    z-index: 1;
    transition: all .8s
}

#hm-container .more-ai-swiper-btn-wrapper2 {
    width: 26.04167vw;
    padding: .83333vw 1.45833vw .83333vw 1.45833vw
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .more-ai-swiper-light {
        width: 24.47917vw;
        height: 24.47917vw;
        background-color: #FFFFFF;
        filter: blur(2.08333vw);
        border-radius: 10.41667vw;
        position: absolute;
        z-index: 1
    }

    #hm-container .more-ai-swiper-btn-wrapper {
        width: 21.09375vw;
        height: 9.72222vw;
        padding: .83333vw .98958vw .83333vw 1.45833vw;
        position: relative;
        background-color: #fff;
        border-radius: 8.33333vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 3.33333vw
    }

    #hm-container .more-ai-swiper-btn-wrapper>div {
        width: 100%;
        position: relative;
        z-index: 3;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    #hm-container .more-ai-swiper-btn-wrapper p {
        font-size: 3.88889vw
    }

    #hm-container .more-ai-swiper-btn-wrapper .more-ai-swiper-scroll {
        width: 4.375vw;
        height: 8.33333vw;
        position: absolute;
        top: .69444vw;
        left: 0;
        z-index: 1;
        transition: all .8s
    }

    #hm-container .more-ai-swiper-btn-wrapper2 {
        width: 26.04167vw;
        padding: .83333vw 1.45833vw .83333vw 1.45833vw
    }
}

#hm-container .hm-common-swiper1 .hm-content-wf {
    width: 64.47917vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#hm-container .hm-common-swiper1 .common-swiper1-left-wrapper {
    width: 21.5625vw
}

#hm-container .hm-common-swiper1 .common-swiper1-left-wrapper .common-swiper1-txt-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between
}

#hm-container .hm-common-swiper1 .common-swiper1-left-wrapper .common-swiper1-scroll {
    width: .20833vw;
    background-color: #D8E6FF;
    border-radius: 1.5625vw;
    position: relative;
    margin-right: 1.66667vw;
    flex-shrink: 0;
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)
}

#hm-container .hm-common-swiper1 .common-swiper1-left-wrapper .common-swiper1-scroll span {
    width: 100%;
    background: linear-gradient(to right, #90D3FD, #2275DB);
    border-radius: 1.5625vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)
}

#hm-container .hm-common-swiper1 .common-swiper1-left-wrapper .common-swiper1-txt {
    overflow: hidden
}

#hm-container .hm-common-swiper1 .common-swiper1-left-wrapper .common-swiper1-txt.active P {
    margin-top: .83333vw
}

#hm-container .hm-common-swiper1 .common-swiper1-left-wrapper .common-swiper1-txt:not(:last-child) {
    margin-bottom: 1.875vw
}

#hm-container .hm-common-swiper1 .common-swiper1-left-wrapper .common-swiper1-txt h4 {
    width: max-content;
    cursor: pointer;
    font-weight: 500
}

#hm-container .hm-common-swiper1 .common-swiper1-left-wrapper .common-swiper1-txt P {
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

#hm-container .hm-common-swiper1 .common-swiper1-right-wrapper {
    width: 37.55208vw
}

#hm-container .hm-common-swiper1 .common-swiper1-p-xs {
    display: none
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-common-swiper1 h3 {
        order: 0;
        text-align: center !important
    }

    #hm-container .hm-common-swiper1 .hm-content-wf {
        width: 100%;
        flex-direction: column
    }

    #hm-container .hm-common-swiper1 .common-swiper1-left-wrapper {
        width: 100%;
        order: 2;
        margin-left: 0
    }

    #hm-container .hm-common-swiper1 .common-swiper1-left-wrapper .common-swiper1-txt-wrapper {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        flex-direction: column-reverse
    }

    #hm-container .hm-common-swiper1 .common-swiper1-left-wrapper .common-swiper1-txt-content {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    #hm-container .hm-common-swiper1 .common-swiper1-left-wrapper .common-swiper1-scroll {
        width: auto;
        height: .55556vw;
        border-radius: 4.16667vw;
        margin-right: 0;
        margin-top: 3.75vw;
        margin-bottom: 5.55556vw
    }

    #hm-container .hm-common-swiper1 .common-swiper1-left-wrapper .common-swiper1-scroll span {
        width: auto;
        height: 100%;
        background: linear-gradient(to top, #90D3FD, #2275DB);
        border-radius: 4.16667vw
    }

    #hm-container .hm-common-swiper1 .common-swiper1-left-wrapper .common-swiper1-txt {
        opacity: .4;
        transition: opacity .8s
    }

    #hm-container .hm-common-swiper1 .common-swiper1-left-wrapper .common-swiper1-txt.active {
        opacity: 1
    }

    #hm-container .hm-common-swiper1 .common-swiper1-left-wrapper .common-swiper1-txt.active P {
        margin-top: 0
    }

    #hm-container .hm-common-swiper1 .common-swiper1-left-wrapper .common-swiper1-txt:not(:last-child) {
        margin-bottom: 0
    }

    #hm-container .hm-common-swiper1 .common-swiper1-left-wrapper .common-swiper1-txt P {
        display: none
    }

    #hm-container .hm-common-swiper1 .common-swiper1-right-wrapper {
        width: 82.22222vw;
        order: 1;
        margin-bottom: 8.88889vw
    }

    #hm-container .hm-common-swiper1 .common-swiper1-p-xs {
        display: block;
        position: relative;
        width: 77.77778vw;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }

    #hm-container .hm-common-swiper1 .common-swiper1-p-xs p {
        position: relative;
        opacity: 0;
        transition: opacity 1s
    }

    #hm-container .hm-common-swiper1 .common-swiper1-p-xs p:not(:first-child) {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1
    }

    #hm-container .hm-common-swiper1 .common-swiper1-p-xs p.active {
        opacity: 1;
        z-index: 3
    }
}

#hm-container .hm-common-swiper2 {
    width: 67.5vw;
    margin-left: auto;
    margin-right: auto
}

#hm-container .hm-common-swiper2.active .swiper-slide:nth-child(1) {
    transform: translateY(0vw)
}

#hm-container .hm-common-swiper2.active .swiper-slide:nth-child(2) {
    transform: translateY(0vw)
}

#hm-container .hm-common-swiper2.active .swiper-slide:nth-child(3) {
    transform: translateY(0vw)
}

#hm-container .hm-common-swiper2 .swiper-slide {
    width: auto;
    transition: transform 1s
}

#hm-container .hm-common-swiper2 .swiper-slide.swiper-slide-prev,
#hm-container .hm-common-swiper2 .swiper-slide.swiper-slide-next {
    cursor: pointer
}

#hm-container .hm-common-swiper2 .swiper-slide:nth-child(1) {
    transform: translateY(1.04167vw);
    transition-delay: .2s
}

#hm-container .hm-common-swiper2 .swiper-slide:nth-child(2) {
    transform: translateY(4.16667vw);
    transition-delay: .1s
}

#hm-container .hm-common-swiper2 .swiper-slide:nth-child(3) {
    transform: translateY(7.29167vw)
}

#hm-container .hm-common-swiper2 .hm-common-swiper-txt {
    width: 44.79167vw;
    margin-left: .83333vw
}

#hm-container .hm-common-swiper2 .hm-common-swiper-txt h4 {
    margin-bottom: .78125vw;
    line-height: 1.25
}

#hm-container .hm-common-swiper2 .hm-common-swiper-txt p span {
    font-weight: bold;
    color: #000
}

#hm-container .hm-common-swiper2 .swiper-button-next,
#hm-container .hm-common-swiper2 .swiper-button-prev {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    margin-top: 0
}

#hm-container .hm-common-swiper2 .swiper-button-prev .hm-common-swiper2-btn-arrow {
    transform: rotate(180deg)
}

#hm-container .hm-common-swiper2 .hm-common-swiper-btn {
    width: 6.25vw;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-top: 1.66667vw;
    position: relative
}

#hm-container .hm-common-swiper2 .hm-common-swiper-btn>div {
    width: 2.5vw;
    height: 2.5vw
}

#hm-container .hm-common-swiper2 .hm-common-swiper-btn>div::after {
    display: none
}

#hm-container .hm-common-swiper2 .hm-common-swiper-img {
    width: 67.5vw;
    margin-bottom: 2.08333vw;
    position: relative;
    line-height: 0
}

#hm-container .hm-common-swiper2 .hm-common-swiper-img1 {
    width: 33.125vw
}

#hm-container .hm-common-swiper2 .hm-common-swiper-dis {
    position: absolute;
    top: 1.875vw;
    left: 2.08333vw;
    z-index: 2
}

#hm-container .hm-common-swiper2 .hm-common-swiper-dis p {
    line-height: 1.25
}

#hm-container .hm-common-swiper2 .hm-common-swiper-dis1,
#hm-container .hm-common-swiper2 .hm-common-swiper-dis4 {
    color: #fff
}

#hm-container .hm-common-swiper2 .hm-btn-txt-animation {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-common-swiper2 {
        width: 82.22222vw
    }

    #hm-container .hm-common-swiper2 .hm-common-swiper-btn {
        width: 27.77778vw;
        margin-top: 8.88889vw
    }

    #hm-container .hm-common-swiper2 .hm-common-swiper-btn>div {
        width: 11.11111vw;
        height: 11.11111vw
    }

    #hm-container .hm-common-swiper2 .hm-common-swiper-img {
        width: 82.22222vw;
        border-radius: 5.55556vw;
        margin-bottom: 8.88889vw
    }

    #hm-container .hm-common-swiper2 .hm-common-swiper-img1 {
        width: 82.22222vw
    }

    #hm-container .hm-common-swiper2 .hm-common-swiper-txt {
        width: 73.88889vw;
        margin-left: 2.22222vw
    }

    #hm-container .hm-common-swiper2 .hm-common-swiper-txt h4 {
        margin-bottom: 2.08333vw
    }

    #hm-container .hm-common-swiper2 .hm-common-swiper-dis {
        top: 5vw;
        left: 5.55556vw
    }
}

#hm-container .video-control-btn-container {
    width: 2.08333vw;
    height: 2.08333vw;
    cursor: pointer;
    position: absolute;
    z-index: 6;
    bottom: 1.25vw;
    right: 1.25vw
}

#hm-container .video-control-btn-container * {
    will-change: transform
}

#hm-container .video-control-btn-container::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity .3s ease-in-out;
    -webkit-backdrop-filter: blur(8px) brightness(1.5);
    backdrop-filter: blur(8px) brightness(1.5);
    border-radius: 2.60417vw;
    background-color: rgba(128, 128, 128, 0.5);
    overflow: hidden
}

#hm-container .video-control-btn-container:hover::before {
    opacity: .6
}

#hm-container .video-control-btn-container svg {
    width: 100%;
    height: 100%
}

#hm-container .video-control-btn-container[data-index="0"] .video-control-btn-play-btn {
    opacity: 1
}

#hm-container .video-control-btn-container[data-index="1"] .video-control-btn-pause-btn {
    opacity: 1
}

#hm-container .video-control-btn-container[data-index="2"] .video-control-btn-replay-btn {
    opacity: 1
}

#hm-container .video-control-btn-container .video-control-btn-play-btn {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    opacity: 0;
    transition: opacity .4s ease-in-out
}

#hm-container .video-control-btn-container .video-control-btn-pause-btn {
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .4s ease-in-out
}

#hm-container .video-control-btn-container .video-control-btn-replay-btn {
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .4s ease-in-out;
    z-index: 3
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .video-control-btn-container {
        width: 5.71429vw;
        height: 5.71429vw;
        bottom: 2.28571vw;
        right: 2.28571vw;
        border-radius: 3.57143vw
    }
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .video-control-btn-container {
        width: 11.11111vw;
        height: 11.11111vw;
        bottom: 4.44444vw;
        right: 4.44444vw;
        border-radius: 6.94444vw;
        overflow: hidden
    }

    #hm-container .video-control-btn-container::before {
        border-radius: 6.94444vw
    }

    #hm-container .video-control-btn-container:hover::before {
        opacity: 1
    }
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-more-ai-section2.hm-common-swiper1 .common-swiper1-left-wrapper .common-swiper1-txt-wrapper {
        width: 100%;
        padding-left: 11.11111vw;
        padding-right: 11.11111vw
    }

    #hm-container .hm-more-ai-section2 .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center
    }

    #hm-container .hm-more-ai-section2 .common-swiper1-txt-wrapper {
        width: 82.22222vw;
        overflow-x: auto
    }

    #hm-container .hm-more-ai-section2 .common-swiper1-txt-wrapper::-webkit-scrollbar {
        display: none
    }

    #hm-container .hm-more-ai-section2 .common-swiper1-left-wrapper .common-swiper1-txt-content {
        width: 91.38889vw
    }

    #hm-container .hm-more-ai-section2 .hm-common-swiper1-video-wrapper {
        width: 79.44444vw;
        position: relative;
        z-index: 3
    }
}

#hm-container .hm-more-ai-section4 .hm-more-ai-section4-video {
    position: relative;
    line-height: 0;
    margin-bottom: 2.08333vw
}

#hm-container .hm-more-ai-section4 p {
    width: 46.61458vw;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-more-ai-section4 .hm-more-ai-section4-video {
        width: 82.22222vw;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 8.88889vw
    }

    #hm-container .hm-more-ai-section4 p {
        width: 77.77778vw;
        text-align: left
    }
}

#hm-container .hm-more-ai-section5 .hm-content-wf {
    width: 66.04167vw
}

#hm-container .hm-more-ai-section5 .common-swiper1-left-wrapper {
    width: 20.72917vw
}

#hm-container .hm-more-ai-section5 .common-swiper1-right-wrapper {
    width: 36.45833vw
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-more-ai-section5 .hm-content-wf {
        width: 82.22222vw
    }

    #hm-container .hm-more-ai-section5 .common-swiper1-left-wrapper {
        width: 100%
    }

    #hm-container .hm-more-ai-section5 .common-swiper1-left-wrapper .common-swiper1-txt-wrapper {
        width: 70vw
    }

    #hm-container .hm-more-ai-section5 .common-swiper1-right-wrapper {
        width: 100%
    }
}

#hm-container .hm-more-ai-section7 {
    padding-bottom: 5.20833vw
}

#hm-container .hm-more-ai-section7::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10.41667vw;
    background: linear-gradient(to bottom, transparent, #fff);
    z-index: 2
}

#hm-container .hm-more-ai-section7.hm-common-swiper1 .hm-content-wf {
    width: 66.04167vw;
    align-items: center;
    z-index: 3
}

#hm-container .hm-more-ai-section7.hm-common-swiper1 .common-swiper1-left-wrapper {
    width: 24.32292vw
}

#hm-container .hm-more-ai-section7.hm-common-swiper1 .common-swiper1-right-wrapper {
    width: 36.45833vw
}

#hm-container .hm-more-ai-section7 .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center
}

#hm-container .hm-more-ai-section7 .hm-common-swiper1-video-wrapper {
    position: relative;
    z-index: 2;
    width: 17.70833vw
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-more-ai-section7 {
        padding-bottom: 13.88889vw
    }

    #hm-container .hm-more-ai-section7::after {
        height: 27.77778vw
    }

    #hm-container .hm-more-ai-section7 h3 {
        width: max-content
    }

    #hm-container .hm-more-ai-section7.hm-common-swiper1 .hm-content-wf {
        width: 100%
    }

    #hm-container .hm-more-ai-section7.hm-common-swiper1 .common-swiper1-left-wrapper {
        width: 100%
    }

    #hm-container .hm-more-ai-section7.hm-common-swiper1 .common-swiper1-left-wrapper .common-swiper1-txt-wrapper {
        width: 100%;
        overflow-x: auto;
        padding-left: 11.11111vw;
        padding-right: 11.11111vw
    }

    #hm-container .hm-more-ai-section7.hm-common-swiper1 .common-swiper1-left-wrapper .common-swiper1-txt-wrapper::-webkit-scrollbar {
        display: none
    }

    #hm-container .hm-more-ai-section7.hm-common-swiper1 .common-swiper1-left-wrapper .common-swiper1-txt-content {
        width: 144.44444vw
    }

    #hm-container .hm-more-ai-section7.hm-common-swiper1 .common-swiper1-right-wrapper {
        width: 82.22222vw
    }

    #hm-container .hm-more-ai-section7 .swiper-slide {
        border-radius: 5.55556vw
    }

    #hm-container .hm-more-ai-section7 .hm-common-swiper1-video-wrapper {
        position: relative;
        z-index: 2;
        width: 47.22222vw
    }
}

#hm-container .hm-safe {
    padding-top: 3.125vw
}

#hm-container .hm-safe.common-title-animation.active .hm-safe-cover2 {
    opacity: 0;
    transform: scale(1.5);
    transition: all 1.5s 3s
}

#hm-container .hm-safe.common-title-animation.active .hm-safe-cover-left {
    transform: translateX(-100%);
    opacity: 0;
    transition: all 1.5s 3s
}

#hm-container .hm-safe.common-title-animation.active .hm-safe-cover-right {
    transform: translateX(100%);
    opacity: 0;
    transition: all 1.5s 3s
}

#hm-container .hm-safe.common-title-animation.active .hm-more-ai-video-wrapper::after {
    opacity: 0;
    transition: opacity 1.5s 3s
}

#hm-container .hm-safe.common-title-animation.active .common-svg-wrapper2.hm-showpc {
    opacity: 1;
    transition: all .5s 4s
}

#hm-container .hm-safe .hm-more-ai-video-wrapper::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 7;
    background-color: rgba(0, 0, 0, 0.6)
}

#hm-container .hm-safe .common-svg-wrapper2.hm-showpc {
    opacity: 0
}

#hm-container .hm-safe .hm-safe-cover-wrapper {
    width: 67.34375vw;
    position: absolute;
    top: 16.92708vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 8;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#hm-container .hm-safe .hm-safe-cover-wrapper .hm-safe-cover-left {
    width: 19.47917vw
}

#hm-container .hm-safe .hm-safe-cover-wrapper .hm-safe-cover2 {
    width: 13.28125vw
}

#hm-container .hm-safe .hm-safe-cover-wrapper .hm-safe-cover-right {
    width: 19.32292vw
}

#hm-container .hm-safe .common-title-video {
    transition: all 1.2s 2s
}

#hm-container .hm-safe .hm-safe-title-cover {
    width: 7.5vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-safe {
        padding-top: 8.33333vw
    }

    #hm-container .hm-safe.common-title-animation.active .hm-safe-cover2 {
        transition: all 1s 1.5s
    }

    #hm-container .hm-safe.common-title-animation.active .hm-more-ai-video-wrapper::after {
        transition: all 1s 1.5s
    }

    #hm-container .hm-safe .hm-safe-cover-wrapper {
        width: auto;
        top: 35.13889vw
    }

    #hm-container .hm-safe .hm-safe-cover-wrapper .hm-safe-cover-left {
        display: none
    }

    #hm-container .hm-safe .hm-safe-cover-wrapper .hm-safe-cover2 {
        width: 27.63889vw
    }

    #hm-container .hm-safe .hm-safe-cover-wrapper .hm-safe-cover-right {
        display: none
    }
}

#hm-container .hm-safe-section1 .hm-common-swiper-txt {
    width: 42.96875vw
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-safe-section1 .hm-common-swiper-txt {
        width: 77.77778vw
    }
}

#hm-container .hm-safe-section2 .hm-content-wf {
    width: 56.97917vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between
}

#hm-container .hm-safe-section2 .safe-section2-txt-wrapper {
    width: 22.55208vw;
    margin-top: 8.75vw
}

#hm-container .hm-safe-section2 .safe-section2-txt-wrapper h3 {
    margin-bottom: 0
}

#hm-container .hm-safe-section2 .safe-section2-txt-wrapper .safe-section2-p-wrapper {
    margin-top: 1.66667vw;
    position: relative
}

#hm-container .hm-safe-section2 .safe-section2-txt-wrapper p {
    position: relative;
    opacity: 0;
    transition: opacity 1s
}

#hm-container .hm-safe-section2 .safe-section2-txt-wrapper p:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0
}

#hm-container .hm-safe-section2 .safe-section2-txt-wrapper p.active {
    opacity: 1;
    z-index: 2
}

#hm-container .hm-safe-section2 .safe-section2-img-wrapper {
    width: 20.20833vw;
    position: relative
}

#hm-container .hm-safe-section2 .more-ai-swiper {
    transform: translateY(5.20833vw);
    transition: transform .8s
}

#hm-container .hm-safe-section2 .more-ai-swiper.active {
    transform: translateY(0)
}

#hm-container .hm-safe-section2 .more-ai-swiper.active .safe-section2-img-cover {
    transform: scale(1)
}

#hm-container .hm-safe-section2 .more-ai-swiper.active .safe-section2-img-cover .safe-section2-img-div1 {
    opacity: 0
}

#hm-container .hm-safe-section2 .more-ai-swiper.active .safe-section2-img-cover .safe-section2-img-div2 {
    opacity: 1
}

#hm-container .hm-safe-section2 .more-ai-swiper.active .safe-section2-img-cover .safe-section2-img-div3 {
    opacity: 1
}

#hm-container .hm-safe-section2 .more-ai-swiper.active1 .safe-section2-img-cover2 {
    transform: scale(1)
}

#hm-container .hm-safe-section2 .more-ai-swiper.active1 .safe-section2-div2 {
    opacity: 1
}

#hm-container .hm-safe-section2 .safe-section2-img-cover {
    width: 30.3125vw;
    position: absolute;
    top: 2.91667vw;
    left: -25%;
    transform: scale(0.56529);
    transform-origin: 50% 0%;
    z-index: 2;
    transition: transform .8s .8s
}

#hm-container .hm-safe-section2 .safe-section2-img-cover .safe-section2-img-div1 {
    transition: opacity .7s .8s
}

#hm-container .hm-safe-section2 .safe-section2-img-cover .safe-section2-img-div2 {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
    transition: opacity .8s .8s
}

#hm-container .hm-safe-section2 .safe-section2-img-cover .safe-section2-img-div3 {
    width: 38.48958vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    opacity: 0;
    transition: opacity .8s .8s
}

#hm-container .hm-safe-section2 .more-ai-swiper-btn-wrapper {
    width: 14.27083vw;
    margin-top: 2.91667vw;
    position: absolute;
    bottom: 7.39583vw;
    left: -36.97917vw;
    z-index: 2;
    background-color: #F2F3F5;
    padding: .83333vw 1.09375vw .83333vw 1.51042vw
}

#hm-container .hm-safe-section2 .more-ai-swiper-btn-wrapper .more-ai-swiper-scroll {
    width: 6.45833vw
}

#hm-container .hm-safe-section2 .safe-section2-img-cover2 {
    width: 24.01042vw;
    position: absolute;
    top: 11.25vw;
    left: -9.5%;
    transform: scale(0.72451);
    transform-origin: 50% 0%;
    z-index: 2;
    transition: transform .8s .8s
}

#hm-container .hm-safe-section2 .safe-section2-img-cover2 .safe-section2-div1 {
    width: 100%;
    position: relative;
    z-index: 3
}

#hm-container .hm-safe-section2 .safe-section2-img-cover2 .safe-section2-div2 {
    width: 33.75vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    opacity: 0;
    transition: opacity .8s .8s
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-safe-section2 .hm-content-wf {
        width: 77.77778vw;
        flex-direction: column;
        align-items: center
    }

    #hm-container .hm-safe-section2 h3 {
        text-align: center !important
    }

    #hm-container .hm-safe-section2 .safe-section2-txt-wrapper {
        width: 100%;
        margin-top: 0;
        order: 6
    }

    #hm-container .hm-safe-section2 .safe-section2-txt-wrapper .safe-section2-p-wrapper {
        margin-top: 8.88889vw;
        text-align: center
    }

    #hm-container .hm-safe-section2 .safe-section2-img-wrapper {
        width: 54.16667vw
    }

    #hm-container .hm-safe-section2 .more-ai-swiper {
        transform: translateY(13.88889vw)
    }

    #hm-container .hm-safe-section2 .safe-section2-img-cover {
        width: 80.83333vw;
        position: absolute;
        top: 6.66667vw;
        left: -25%
    }

    #hm-container .hm-safe-section2 .safe-section2-img-cover .safe-section2-img-div3 {
        width: 102.63889vw
    }

    #hm-container .hm-safe-section2 .more-ai-swiper-btn-wrapper {
        width: 68.05556vw;
        height: 13.33333vw;
        margin-top: 8.88889vw;
        position: relative;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        padding: 4.02778vw 6.66667vw 4.02778vw 8.75vw
    }

    #hm-container .hm-safe-section2 .more-ai-swiper-btn-wrapper .more-ai-swiper-scroll {
        width: 31.38889vw;
        height: 11.11111vw;
        overflow: hidden;
        border-radius: 12.5vw;
        top: 1.11111vw
    }

    #hm-container .hm-safe-section2 .safe-section2-img-cover2 {
        width: 64.02778vw;
        top: 30vw;
        transform: scale(0.72451)
    }

    #hm-container .hm-safe-section2 .safe-section2-img-cover2 .safe-section2-div2 {
        width: 90vw
    }
}

#hm-container .hm-safe-section3 p {
    width: 36.97917vw
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-safe-section3 p {
        width: 77.77778vw
    }
}

#hm-container .hm-safe-section4.active .safe-section4-img-wrapper .safe-section4-bg {
    transform: scale(1)
}

#hm-container .hm-safe-section4 .hm-content-ws {
    padding: 7.65625vw 17.65625vw 7.65625vw 7.03125vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F8FAFB
}

#hm-container .hm-safe-section4 .safe-section4-txt-wrapper {
    width: 19.63542vw
}

#hm-container .hm-safe-section4 .safe-section4-txt-wrapper h3 {
    margin-top: 1.25vw;
    margin-bottom: 1.66667vw;
    background: linear-gradient(135deg, #17B1E2, #5195FC 30%, #5F84FC 40%, #D67FCF 60%, #EEAA43);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

#hm-container .hm-safe-section4 .safe-section4-img-wrapper {
    width: 8.33333vw;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

#hm-container .hm-safe-section4 .safe-section4-img-wrapper .safe-section4-phone {
    width: 100%;
    position: relative;
    z-index: 2
}

#hm-container .hm-safe-section4 .safe-section4-img-wrapper .safe-section4-bg {
    width: 51.04167vw;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    transform: scale(0);
    transition: transform 1s
}

#hm-container .hm-safe-section4 .safe-section4-img-wrapper .safe-section4-bg img {
    animation: rotateAnimation 10s linear infinite
}

@keyframes rotateAnimation {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-safe-section4.active .safe-section4-img-wrapper .safe-section4-bg {
        transform: scale(1.4)
    }

    #hm-container .hm-safe-section4 .hm-content-ws {
        width: 82.22222vw;
        padding: 8.88889vw 5.97222vw 41.11111vw 5.97222vw;
        flex-direction: column
    }

    #hm-container .hm-safe-section4 .safe-section4-txt-wrapper {
        width: 100%;
        text-align: center
    }

    #hm-container .hm-safe-section4 .safe-section4-txt-wrapper h3 {
        width: 100%;
        text-align: center !important;
        margin-top: 2.77778vw;
        margin-bottom: 4.44444vw
    }

    #hm-container .hm-safe-section4 .safe-section4-img-wrapper {
        width: 20.55556vw;
        margin-top: 22.63889vw
    }

    #hm-container .hm-safe-section4 .safe-section4-img-wrapper .safe-section4-bg {
        width: 82.22222vw
    }

    #hm-container .hm-safe-section4 .hm-use-section1-dis {
        width: 63.88889vw;
        text-align: center;
        position: absolute;
        bottom: 6.66667vw;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2
    }

    #hm-container .hm-safe-section4 .safe-section4-img-wrapper .safe-section4-bg img {
        animation: none;
    }
}

#hm-container .hm-fluent.common-title-animation.active .common-title-bg {
    transform: translateX(0%) translateY(-100%)
}

#hm-container .hm-fluent.common-title-animation.active .hm-fluent-dis-content {
    transform: scale(2);
    opacity: 0
}

#hm-container .hm-fluent.common-title-animation.active .common-title-video::after {
    opacity: 0;
    transition: opacity 2s 3s
}

#hm-container .hm-fluent .common-title-video::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 7;
    background-color: rgba(0, 0, 0, 0.5)
}

#hm-container .hm-fluent .common-title-bg3 {
    width: 133.64583vw;
    height: auto;
    transform: translate(-100%, -100%)
}

#hm-container .hm-fluent .hm-fluent-dis-wrapper {
    width: 100%;
    height: 50vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    display: flex;
    justify-content: center;
    align-items: center
}

#hm-container .hm-fluent .hm-fluent-dis-wrapper .hm-fluent-dis-content {
    width: 53.4375vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    transition: all 2s 3s
}

#hm-container .hm-fluent .hm-fluent-dis-wrapper .hm-fluent-dis-content .hm-fluent-dis:nth-child(1) p.hm-txt-22-24 {
    margin-left: 1.25vw
}

#hm-container .hm-fluent .hm-fluent-dis-wrapper .hm-fluent-dis-content .hm-fluent-dis:nth-child(2) p.hm-txt-22-24 {
    margin-left: 3.28125vw
}

#hm-container .hm-fluent .hm-fluent-dis-wrapper .hm-fluent-dis-content .hm-fluent-dis-title {
    font-size: 13.59375vw;
    line-height: 1.25;
    background: linear-gradient(to right, #BFB9FF 30%, #B0D3FF);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 2.86458vw rgba(255, 255, 255, 0.5)
}

#hm-container .hm-fluent .hm-fluent-dis-wrapper .hm-fluent-dis-content .hm-fluent-dis-title span {
    font-size: 7.8125vw
}

#hm-container .hm-fluent .hm-use-section1-dis {
    width: 39.21875vw;
    position: absolute;
    bottom: 1.66667vw;
    right: 1.66667vw;
    z-index: 8;
    color: #fff;
    opacity: .7
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-fluent.common-title-animation .common-title-bg {
        transform: translateX(0%) translateY(-100%)
    }

    #hm-container .hm-fluent .hm-fluent-dis-wrapper {
        height: 97.22222vw
    }

    #hm-container .hm-fluent .hm-fluent-dis-wrapper .hm-fluent-dis-content {
        width: 75vw
    }

    #hm-container .hm-fluent .hm-fluent-dis-wrapper .hm-fluent-dis-content .hm-fluent-dis:nth-child(1) p.hm-txt-22-24 {
        margin-left: 0
    }

    #hm-container .hm-fluent .hm-fluent-dis-wrapper .hm-fluent-dis-content .hm-fluent-dis:nth-child(2) p.hm-txt-22-24 {
        margin-left: 0
    }

    #hm-container .hm-fluent .hm-fluent-dis-wrapper .hm-fluent-dis-content .hm-fluent-dis-title {
        font-size: 18.88889vw;
        text-shadow: 0 0 2.77778vw rgba(255, 255, 255, 0.5)
    }

    #hm-container .hm-fluent .hm-fluent-dis-wrapper .hm-fluent-dis-content .hm-fluent-dis-title span {
        font-size: 11.11111vw
    }

    #hm-container .hm-fluent .common-title-bg3 {
        width: 200vw
    }

    #hm-container .hm-fluent .hm-use-section1-dis {
        width: 81.94444vw;
        bottom: 5.69444vw;
        right: 9.02778vw;
        display: none
    }
}

#hm-container .hm-fluent-section1 .hm-content-ws {
    background-color: #F8FAFB;
    padding: 3.64583vw 9.375vw
}

#hm-container .hm-fluent-section1 .hm-content-ws.active .fluent-section1-scroll-wrapper1 div {
    width: 100%
}

#hm-container .hm-fluent-section1 .hm-content-ws.active .fluent-section1-scroll-wrapper2 div {
    width: 69.839%
}

#hm-container .hm-fluent-section1 .hm-content-ws.active .fluent-section1-scroll-wrapper3 div {
    width: 55.614%
}

#hm-container .hm-fluent-section1 .hm-fluent-section1-title {
    width: 41.25vw;
    margin-bottom: 2.60417vw
}

#hm-container .hm-fluent-section1 .hm-fluent-section1-title span {
    color: #000
}

#hm-container .hm-fluent-section1 .fluent-section1-div-top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

#hm-container .hm-fluent-section1 .fluent-section1-div-top p {
    margin-bottom: 1.09375vw
}

#hm-container .hm-fluent-section1 .fluent-section1-div-top .fluent-section1-div1 img {
    width: 9.375vw
}

#hm-container .hm-fluent-section1 .fluent-section1-div-top .fluent-section1-div2 img {
    width: 25.15625vw
}

#hm-container .hm-fluent-section1 .fluent-section1-div-top .fluent-section1-line {
    width: 1px;
    height: 9.375vw;
    background-color: rgba(0, 0, 0, 0.1)
}

#hm-container .hm-fluent-section1 .fluent-section1-div-bottom {
    margin-top: 2.60417vw
}

#hm-container .hm-fluent-section1 .fluent-section1-div-bottom p {
    margin-bottom: 1.30208vw
}

#hm-container .hm-fluent-section1 .fluent-section1-div-bottom .fluent-section1-div:not(.fluent-section1-div3) {
    margin-top: 2.08333vw
}

#hm-container .hm-fluent-section1 .fluent-section1-div-bottom .fluent-section1-div-num {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .52083vw
}

#hm-container .hm-fluent-section1 .fluent-section1-div-bottom .fluent-section1-div-num>div {
    display: flex;
    align-items: center
}

#hm-container .hm-fluent-section1 .fluent-section1-div-bottom .fluent-section1-div-num>div span {
    font-size: 1.25vw;
    display: inline-block;
    margin-right: .15625vw
}

#hm-container .hm-fluent-section1 .fluent-section1-div-bottom .fluent-section1-div-num>div img {
    width: .72917vw
}

#hm-container .hm-fluent-section1 .fluent-section1-div-bottom .fluent-section1-scroll-wrapper {
    width: 100%;
    height: .9375vw;
    background-color: #F2F2F2;
    border-radius: 1.04167vw;
    overflow: hidden;
    position: relative;
    border-top: .10417vw solid transparent
}

#hm-container .hm-fluent-section1 .fluent-section1-div-bottom .fluent-section1-scroll-wrapper div {
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(to right, #776DD5, #679FFF);
    border-radius: 1.04167vw;
    overflow: hidden;
    transition: all .5s ease-out
}

#hm-container .hm-fluent-section1 .fluent-section1-div-bottom .fluent-section1-scroll-wrapper div::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: -.10417vw;
    left: 0;
    z-index: 1;
    border-radius: 1.04167vw;
    overflow: hidden;
    box-shadow: 0px -1px 8px 0px #fff inset
}

#hm-container .hm-fluent-section1 .fluent-section1-div-bottom .fluent-section1-scroll-wrapper2 div {
    background: linear-gradient(to right, #999, #d3d3d3)
}

#hm-container .hm-fluent-section1 .fluent-section1-div-bottom .fluent-section1-scroll-wrapper3 div {
    background: linear-gradient(to right, #999, #d3d3d3)
}

#hm-container .hm-fluent-section1 .hm-use-section1-dis {
    width: 34.0625vw;
    margin-top: 3.33333vw
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-fluent-section1 .hm-content-ws {
        width: 82.22222vw;
        padding: 8.88889vw
    }

    #hm-container .hm-fluent-section1 .hm-content-ws .hm-use-section1-dis {
        width: 68.75vw
    }

    #hm-container .hm-fluent-section1 .hm-fluent-section1-title {
        width: 62.63889vw;
        margin-bottom: 8.88889vw
    }

    #hm-container .hm-fluent-section1 .fluent-section1-div-top p {
        margin-bottom: 4.44444vw
    }

    #hm-container .hm-fluent-section1 .fluent-section1-div-top .fluent-section1-div1 img {
        width: 12.5vw
    }

    #hm-container .hm-fluent-section1 .fluent-section1-div-top .fluent-section1-div2 img {
        width: 33.33333vw
    }

    #hm-container .hm-fluent-section1 .fluent-section1-div-top .fluent-section1-line {
        height: 16.11111vw
    }

    #hm-container .hm-fluent-section1 .fluent-section1-div-bottom {
        margin-top: 8.88889vw
    }

    #hm-container .hm-fluent-section1 .fluent-section1-div-bottom p {
        margin-bottom: 4.44444vw
    }

    #hm-container .hm-fluent-section1 .fluent-section1-div-bottom .fluent-section1-div:not(.fluent-section1-div3) {
        margin-top: 3.75vw
    }

    #hm-container .hm-fluent-section1 .fluent-section1-div-bottom .fluent-section1-div-num {
        margin-bottom: 1.38889vw
    }

    #hm-container .hm-fluent-section1 .fluent-section1-div-bottom .fluent-section1-div-num span {
        font-size: 2.77778vw
    }

    #hm-container .hm-fluent-section1 .fluent-section1-div-bottom .fluent-section1-div-num>div span {
        font-size: 4.44444vw;
        margin-right: .69444vw
    }

    #hm-container .hm-fluent-section1 .fluent-section1-div-bottom .fluent-section1-div-num>div img {
        width: 1.94444vw
    }

    #hm-container .hm-fluent-section1 .fluent-section1-div-bottom .fluent-section1-scroll-wrapper {
        height: 2.5vw;
        border-radius: 2.77778vw;
        border-top: .27778vw solid transparent
    }

    #hm-container .hm-fluent-section1 .fluent-section1-div-bottom .fluent-section1-scroll-wrapper div {
        border-radius: 2.77778vw
    }

    #hm-container .hm-fluent-section1 .fluent-section1-div-bottom .fluent-section1-scroll-wrapper div::after {
        top: -.27778vw;
        border-radius: 2.77778vw
    }

    #hm-container .hm-fluent-section1 .hm-use-section1-dis {
        width: 65.83333vw;
        margin-top: 8.88889vw
    }
}

#hm-container .hm-fluent-section2 .swiper-slide:nth-child(1) .hm-common-swiper-dis {
    position: absolute;
    top: 12.5vw;
    z-index: 2
}

#hm-container .hm-fluent-section2 .swiper-slide:nth-child(1) .hm-common-swiper-dis1 {
    left: 5.20833vw
}

#hm-container .hm-fluent-section2 .swiper-slide:nth-child(1) .hm-common-swiper-dis2 {
    left: 25.10417vw
}

#hm-container .hm-fluent-section2 .swiper-slide:nth-child(1) .hm-common-swiper-dis3 {
    left: 46.71875vw
}

#hm-container .hm-fluent-section2 .swiper-slide:nth-child(1) .hm-common-swiper-txt {
    width: 46.09375vw
}

#hm-container .hm-fluent-section2 .swiper-slide:nth-child(2) .hm-common-swiper-txt {
    width: 38.22917vw
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-fluent-section2 .swiper-slide:nth-child(1) .hm-common-swiper-dis {
        top: 13.05556vw
    }

    #hm-container .hm-fluent-section2 .swiper-slide:nth-child(1) .hm-common-swiper-dis1 {
        left: 7.36111vw
    }

    #hm-container .hm-fluent-section2 .swiper-slide:nth-child(1) .hm-common-swiper-dis2 {
        left: 44.58333vw
    }

    #hm-container .hm-fluent-section2 .swiper-slide:nth-child(1) .hm-common-swiper-dis3 {
        top: 55.27778vw;
        left: 7.36111vw
    }

    #hm-container .hm-fluent-section2 .swiper-slide:nth-child(1) .hm-common-swiper-txt {
        width: 77.77778vw
    }

    #hm-container .hm-fluent-section2 .swiper-slide:nth-child(2) .hm-common-swiper-txt {
        width: 77.77778vw
    }
}

#hm-container .hm-fluent-section3 .hm-content-ws {
    text-align: center
}

#hm-container .hm-fluent-section3 .fluent-section3-dis-wrapper {
    width: 41.5625vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.08333vw
}

#hm-container .hm-fluent-section3 .fluent-section3-img-wrapper {
    line-height: 0
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-fluent-section3 .hm-content-ws {
        text-align: left;
        display: flex;
        flex-direction: column
    }

    #hm-container .hm-fluent-section3 h3 {
        margin-bottom: 4.44444vw
    }

    #hm-container .hm-fluent-section3 .fluent-section3-dis-wrapper {
        width: 77.77778vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0
    }

    #hm-container .hm-fluent-section3 .fluent-section3-img-wrapper {
        width: 82.22222vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 8.88889vw;
        order: 3
    }
}

#hm-container .hm-use-section1 {
    overflow: visible
}

#hm-container .hm-use-section1 .hm-content-wf {
    width: 53.22917vw;
    margin-left: auto;
    margin-right: auto
}

#hm-container .hm-use-section1 .hm-content-wf.active .use-section1-img-wrapper {
    transform: translateY(0)
}

#hm-container .hm-use-section1 .hm-content-wf.active .use-section1-img-phone {
    transform: translateY(0)
}

#hm-container .hm-use-section1 .hm-content-wf.active .use-section1-img-phone img {
    margin-top: 0
}

#hm-container .hm-use-section1 .hm-content-wf.active .use-section1-content .use-section1-txt-wrapper {
    opacity: 1;
    transform: translateY(0)
}

#hm-container .hm-use-section1 .use-section1-content {
    position: relative
}

#hm-container .hm-use-section1 .use-section1-content .use-section1-img-wrapper {
    width: 44.375vw;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 3;
    transform: translateY(10.41667vw);
    transition: transform 1s
}

#hm-container .hm-use-section1 .use-section1-content .use-section1-img-laptop {
    width: 100%
}

#hm-container .hm-use-section1 .use-section1-content .use-section1-img-phone {
    width: 9.79167vw;
    position: absolute;
    top: 7.55208vw;
    left: 17.29167vw;
    right: 0;
    z-index: 3;
    transform: translateY(13.64583vw);
    transition: transform 1.1s
}

#hm-container .hm-use-section1 .use-section1-content .use-section1-img-phone img {
    margin-top: 15.625vw;
    transition: all 1s 1.1s
}

#hm-container .hm-use-section1 .use-section1-content .use-section1-img-cover {
    width: 43.85417vw;
    position: absolute;
    top: .26042vw;
    left: .26042vw;
    z-index: 2
}

#hm-container .hm-use-section1 .use-section1-content .use-section1-txt-wrapper {
    transform: translateY(2.08333vw);
    opacity: 0;
    transition: all 1s 1s;
    position: relative;
    z-index: 2
}

#hm-container .hm-use-section1 .use-section1-content p {
    width: 41.51042vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.08333vw
}

#hm-container .hm-use-section1 .use-section1-content .use-section1-video-wrapper {
    position: relative
}

#hm-container .hm-use-section1 .use-section1-content .use-section1-video-wrapper video {
    mix-blend-mode: darken
}

#hm-container .hm-use-section1 .use-section1-content .video-control-btn-container {
    opacity: 0;
    pointer-events: none;
    transition: opacity .8s;
    bottom: 0;
    right: 0
}

#hm-container .hm-use-section1 .use-section1-content .video-control-btn-container .video-control-btn-play-btn,
#hm-container .hm-use-section1 .use-section1-content .video-control-btn-container .video-control-btn-pause-btn {
    opacity: 0
}

#hm-container .hm-use-section1 .use-section1-content .video-control-btn-container[data-index="2"] {
    opacity: 1;
    pointer-events: all
}

#hm-container .hm-use-section1 .use-section1-content .video-control-btn-container[data-index="2"]:hover {
    opacity: .6
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-use-section1 .hm-content-wf {
        width: 86.80556vw
    }

    #hm-container .hm-use-section1 .use-section1-content .use-section1-img-wrapper {
        width: 100%;
        transform: translateY(27.77778vw)
    }

    #hm-container .hm-use-section1 .use-section1-content .use-section1-img-phone {
        width: 16.94444vw;
        top: 11.80556vw;
        left: 34.86111vw;
        transform: translateY(36.38889vw)
    }

    #hm-container .hm-use-section1 .use-section1-content .use-section1-img-phone img {
        margin-top: 41.66667vw
    }

    #hm-container .hm-use-section1 .use-section1-content .use-section1-img-cover {
        width: 86.11111vw;
        top: .69444vw;
        left: .69444vw
    }

    #hm-container .hm-use-section1 .use-section1-content .use-section1-txt-wrapper {
        transform: translateY(5.55556vw)
    }

    #hm-container .hm-use-section1 .use-section1-content p {
        width: 77.77778vw;
        margin-top: 8.88889vw;
        text-align: left
    }

    #hm-container .hm-use-section1 .use-section1-content .video-control-btn-container[data-index="2"]:hover {
        opacity: 1
    }
}

#hm-container .hm-use-section1-dis {
    width: 100%;
    font-size: .625vw;
    margin-top: 1.66667vw;
    color: rgba(0, 0, 0, 0.3);
    display: block
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-use-section1-dis {
        width: 77.77778vw;
        font-size: 3.33333vw;
        margin-top: 4.44444vw;
        margin-left: auto;
        margin-right: auto
    }
}

#hm-container .hm-common-dis.hm-common-dis3 .hm-use-section1-dis {
    display: none
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-common-dis.hm-common-dis3 .hm-use-section1-dis {
        display: block;
        color: rgba(0, 0, 0, 0.3)
    }
}

#hm-container .hm-use-section2 .hm-common-swiper2 .hm-common-swiper-txt {
    opacity: 1
}

#hm-container .hm-use-section2 .swiper-wrapper {
    flex-wrap: wrap
}

#hm-container .hm-use-section2 .swiper-slide:nth-child(1) {
    margin-right: 0;
    margin-bottom: 10.41667vw
}

#hm-container .hm-use-section2 .swiper-slide:nth-child(1) .hm-common-swiper-txt {
    width: 40.41667vw
}

#hm-container .hm-use-section2 .swiper-slide:nth-child(2) {
    margin-right: 1.25vw
}

#hm-container .hm-use-section2 .swiper-slide:nth-child(2) .hm-common-swiper-txt {
    width: 31.04167vw
}

#hm-container .hm-use-section2 .swiper-slide:nth-child(3) .hm-common-swiper-txt {
    width: 32.29167vw
}

#hm-container .hm-use-section2 .use-section2-dis {
    width: 100%;
    font-size: .83333vw;
    margin-top: .625vw;
    color: rgba(0, 0, 0, 0.3);
    display: block
}

#hm-container .hm-use-section2 .hm-common-swiper-btn {
    display: none
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-use-section2 .hm-common-swiper2 .hm-common-swiper-txt {
        opacity: 0
    }

    #hm-container .hm-use-section2 .swiper-wrapper {
        flex-wrap: nowrap
    }

    #hm-container .hm-use-section2 .swiper-slide:nth-child(1) {
        margin-right: 4.44444vw;
        margin-bottom: 0
    }

    #hm-container .hm-use-section2 .swiper-slide:nth-child(1) .hm-common-swiper-txt {
        width: 77.77778vw
    }

    #hm-container .hm-use-section2 .swiper-slide:nth-child(2) {
        margin-right: 0
    }

    #hm-container .hm-use-section2 .swiper-slide:nth-child(2) .hm-common-swiper-txt {
        width: 77.77778vw
    }

    #hm-container .hm-use-section2 .swiper-slide:nth-child(3) .hm-common-swiper-txt {
        width: 77.77778vw
    }

    #hm-container .hm-use-section2 .use-section2-dis {
        font-size: 3.33333vw;
        margin-top: 4.44444vw
    }

    #hm-container .hm-use-section2 .hm-common-swiper-btn {
        display: flex
    }
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-use-section3 .fluent-section3-dis-wrapper {
        order: 4
    }

    #hm-container .hm-use-section3 .fluent-section3-img-wrapper {
        margin-top: 0;
        margin-bottom: 8.88889vw
    }
}

#hm-container .hm-guard-section1 .hm-content-wf {
    width: 55.72917vw
}

#hm-container .hm-guard-section1 .common-swiper1-left-wrapper {
    width: 23.4375vw
}

#hm-container .hm-guard-section1 .common-swiper1-left-wrapper h3 {
    width: 24.47917vw
}

#hm-container .hm-guard-section1 .common-swiper1-right-wrapper {
    width: 17.70833vw
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-guard-section1 .hm-content-wf {
        width: 82.22222vw
    }

    #hm-container .hm-guard-section1 .common-swiper1-left-wrapper {
        width: 77.77778vw
    }

    #hm-container .hm-guard-section1 .common-swiper1-left-wrapper h3 {
        width: 100%
    }

    #hm-container .hm-guard-section1 .common-swiper1-right-wrapper {
        width: 100%
    }
}

#hm-container .hm-guard-section2 .guard-section2-txt-wrapper {
    width: 33.07292vw;
    position: absolute;
    top: 3.33333vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2
}

#hm-container .hm-guard-section2 .guard-section2-txt-wrapper h3 {
    margin-bottom: 25.52083vw
}

#hm-container .hm-guard-section2 .guard-section2-txt-btn {
    width: 13.125vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#hm-container .hm-guard-section2 .guard-section2-txt-btn a {
    display: flex;
    align-items: center;
    transition: transform .8s ease-out
}

#hm-container .hm-guard-section2 .guard-section2-txt-btn a:hover {
    opacity: .6
}

#hm-container .hm-guard-section2 .guard-section2-txt-btn a:hover img {
    transform: translateX(3px)
}

#hm-container .hm-guard-section2 .guard-section2-txt-btn img {
    width: 1.14583vw;
    transition: transform .3s ease-out
}

#hm-container .hm-guard-section2 .hm-use-section1-dis {
    width: 19.63542vw;
    margin-top: 0;
    position: absolute;
    bottom: 1.66667vw;
    right: 1.66667vw
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container video {
        will-change: transform;
    }

    #hm-container .hm-guard-section2 .hm-content-ws {
        width: 82.22222vw;
        margin-left: auto;
        margin-right: auto
    }

    #hm-container .hm-guard-section2 .guard-section2-txt-wrapper {
        width: 62.77778vw;
        top: 11.11111vw
    }

    #hm-container .hm-guard-section2 .guard-section2-txt-wrapper h3 {
        width: auto;
        text-align: center !important;
        margin-bottom: 56.80556vw
    }

    #hm-container .hm-guard-section2 .guard-section2-txt-btn {
        width: 50.55556vw;
        margin-left: auto;
        margin-right: auto
    }

    #hm-container .hm-guard-section2 .guard-section2-txt-btn a:hover {
        opacity: 1
    }

    #hm-container .hm-guard-section2 .guard-section2-txt-btn a:hover img {
        transform: translateX(0)
    }

    #hm-container .hm-guard-section2 .guard-section2-txt-btn img {
        width: 4.16667vw
    }

    #hm-container .hm-guard-section2 .hm-use-section1-dis {
        width: 68.88889vw;
        margin-top: 8.88889vw;
        bottom: 8.33333vw;
        right: 5.55556vw
    }
}

#hm-container .hm-guard-bg-wrapper {
    position: relative
}

#hm-container .hm-guard-bg-wrapper .hm-guard-bg {
    width: 100%;
    height: 10.41667vw;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(to right, #5BBFFE, #FEFFC0);
    opacity: .3
}

#hm-container .hm-guard-bg-wrapper .hm-guard-bg::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: linear-gradient(to bottom, #fff, transparent)
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-guard-bg-wrapper .hm-guard-bg {
        height: 27.77778vw
    }
}

#hm-container .hm-guard-section3 {
    position: relative;
    z-index: 2
}

#hm-container .hm-guard-section3 .hm-content-wf {
    width: 55.72917vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#hm-container .hm-guard-section3 .guard-section3-txt-wrapper {
    width: 19.6875vw
}

#hm-container .hm-guard-section3 .guard-section3-txt-wrapper h3 {
    margin-bottom: 1.77083vw
}

#hm-container .hm-guard-section3 .guard-section3-img-wrapper {
    width: 29.27083vw
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-guard-section3 .hm-content-wf {
        width: 78.05556vw;
        flex-wrap: wrap
    }

    #hm-container .hm-guard-section3 .guard-section3-txt-wrapper {
        width: 77.77778vw;
        margin-left: auto;
        margin-right: auto
    }

    #hm-container .hm-guard-section3 .guard-section3-txt-wrapper h3 {
        margin-bottom: 4.44444vw
    }

    #hm-container .hm-guard-section3 .guard-section3-img-wrapper {
        width: 100%;
        margin-top: 8.88889vw
    }
}

#hm-container .hm-guard-section4 {
    position: relative;
    z-index: 2
}

#hm-container .hm-guard-section4 .hm-content-wf {
    margin-top: 5.20833vw;
    height: 13.48958vw
}

#hm-container .hm-guard-section4 .guard-section4-img-wrapper {
    display: flex;
    animation: lamp 35s linear 1.7s infinite reverse;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

@keyframes lamp {
    from {
        transform: translateX(-50%)
    }

    to {
        transform: translateX(0%)
    }
}

#hm-container .hm-guard-section4 .guard-section4-img {
    width: 236.77083vw;
    margin-left: 1.5625vw
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #hm-container .hm-guard-section4 .hm-content-wf {
        margin-top: 8.88889vw;
        height: 35.97222vw
    }

    #hm-container .hm-guard-section4 .guard-section4-img {
        width: 631.38889vw;
        margin-left: 4.16667vw
    }
}

.static-style .hm-show-ie {
    display: block
}

.static-style .hm-hide-ie {
    display: none
}

.static-style .hm-space-50vh {
    display: none
}

.static-style .hm-space-100vh {
    display: none
}

.static-style .hm-container .stick-full {
    position: relative;
    top: 0;
    height: auto;
    margin-top: 0
}

@media screen and (max-width: 830px) and (min-aspect-ratio: 11 / 10) {
    #hm-container .hm-guard-section2 .hm-use-section1-dis {
        width: 23.4375vw
    }
}

@media screen and (min-aspect-ratio: 11 / 10) and (max-width: 1300px) {
    #hm-container .hm-more-ai-sticky-wrapper .hm-more-ai-sticky .orbits {
        animation: none;
    }

    #hm-container .hm-more-ai-sticky-wrapper .hm-more-ai-sticky .orb {
        animation: none;
    }
}