@import url("/template/cn/public/assest/css/font-face.min.css");

#Lyon-container * {
    letter-spacing: calc(-0.03783em + 0.52609px);
}

#Lyon-container .nr {
    white-space: nowrap;
}

html[lang="zh-CN"] #Lyon-container *,
html[lang="ja-JP"] #Lyon-container *,
html[lang="ko-KR"] #Lyon-container * {
    letter-spacing: 0;
}

html[lang="ar-AE"] #Lyon-container *,
html[lang="ar-BH"] #Lyon-container *,
html[lang="ar-DZ"] #Lyon-container *,
html[lang="ar-EG"] #Lyon-container *,
html[lang="ar-JO"] #Lyon-container *,
html[lang="ar-KW"] #Lyon-container *,
html[lang="ar-MA"] #Lyon-container *,
html[lang="ar-SA"] #Lyon-container *,
html[lang="ar-TN"] #Lyon-container *,
html[lang="ar-om"] #Lyon-container *,
html[lang="ar-qa"] #Lyon-container * {
    letter-spacing: -0.01em !important;
}

:root {
    --Lyon-content-ws: 68.229167vw;
    --Lyon-nav: 0;
    --Lyon-sticky-h: calc(100vh - var(--Lyon-nav));
    --Lyon-spc-200: 10.416667vw;
    --Lyon-spc-120: 6.25vw;
    --Lyon-spc-80: 4.166667vw;
    --Lyon-spc-60: 3.125vw;
    --Lyon-spc-40: 2.083333vw;
    --Lyon-spc-30: 1.5625vw;
    --Lyon-spc-10: 0.520833vw;
    --Lyon-txt-120: 6.25vw;
    --Lyon-txt-120-80: 6.25vw;
    --Lyon-txt-80-80: 4.166667vw;
    --Lyon-txt-80-60: 4.166667vw;
    --Lyon-txt-64: 3.333333vw;
    --Lyon-txt-48-48: 2.5vw;
    --Lyon-txt-48-40: 2.5vw;
    --Lyon-txt-40-40: 2.083333vw;
    --Lyon-txt-40-30: 2.083333vw;
    --Lyon-txt-32-32: 1.666667vw;
    --Lyon-txt-30-30: 1.5625vw;
    --Lyon-txt-30-25: 1.5625vw;
    --Lyon-txt-25-30: 1.302083vw;
    --Lyon-txt-24-24: 1.25vw;
    --Lyon-txt-24-26: 1.25vw;
    --Lyon-txt-22-22: 1.145833vw;
    --Lyon-txt-22-28: 1.145833vw;
    --Lyon-txt-20-20: 1.041667vw;
    --Lyon-txt-20-18: 1.041667vw;
    --Lyon-txt-20-16: 1.041667vw;
    --Lyon-txt-18-22: 0.9375vw;
    --Lyon-txt-18-18: 0.9375vw;
    --Lyon-txt-16-16: 0.833333vw;
    --Lyon-txt-16-24: 0.833333vw;
    --Lyon-txt-13: 13px;
    --Lyon-txt-12: 12px;
    --Lyon-xin-txt-40: 2.083333vw;
    --Lyon-xin-txt-20-b: 1.041667vw;
    --Lyon-xin-txt-20-m: 1.041667vw;
    --Lyon-xin-txt-20-s: 1.041667vw;
}

body.Lyon-over-hidden {
    overflow-y: hidden;
}

#Lyon-container {
    font-family: "Manrope", "Harmony";
    width: 100%;
    position: relative;
    overflow-x: hidden;
    --section-bg: #f4f8fb;
    --section-width: 82.3438vw;
}

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

#Lyon-container img {
    width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#Lyon-container .Lyon-txt-18-22 {
    font-size: 0.9375vw;
    font-size: var(--Lyon-txt-18-22);
}

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

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

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

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

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

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

#Lyon-container .Lyon-xin-txt-20-b {
    font-size: 1.041667vw;
    font-size: var(--Lyon-xin-txt-20-b);
}

#Lyon-container .Lyon-xin-txt-20-m {
    font-size: 1.041667vw;
    font-size: var(--Lyon-xin-txt-20-m);
}

#Lyon-container .Lyon-xin-txt-20-s {
    font-size: 1.041667vw;
    font-size: var(--Lyon-xin-txt-20-s);
}

#Lyon-container .Lyon-txt-30-30,
#Lyon-container .Lyon-txt-30-25,
#Lyon-container .Lyon-txt-25-30,
#Lyon-container .Lyon-txt-24-24,
#Lyon-container .Lyon-txt-24-26,
#Lyon-container .Lyon-txt-22-22,
#Lyon-container .Lyon-txt-22-28,
#Lyon-container .Lyon-txt-20-20,
#Lyon-container .Lyon-txt-20-18,
#Lyon-container .Lyon-txt-20-16,
#Lyon-container .Lyon-txt-18-22,
#Lyon-container .Lyon-txt-18-18,
#Lyon-container .Lyon-txt-16-16,
#Lyon-container .Lyon-txt-16-24,
#Lyon-container .Lyon-txt-13,
#Lyon-container .Lyon-xin-txt-20-b,
#Lyon-container .Lyon-xin-txt-20-m,
#Lyon-container .Lyon-xin-txt-20-s,
#Lyon-container p,
#Lyon-container span {
    line-height: 1.6;
}

#Lyon-container .Lyon-txt-bold {
    font-weight: bold;
}

#Lyon-container .Lyon-txt-left {
    text-align: left;
}

#Lyon-container .Lyon-txt-center {
    text-align: center;
}

#Lyon-container .Lyon-txt-right {
    text-align: right;
}

#Lyon-container .Lyon-txt-color-00 {
    color: #000;
}

#Lyon-container .Lyon-txt-color-86 {
    color: #868686;
}

#Lyon-container .Lyon-txt-color-f4 {
    color: #f4f3f3;
}

#Lyon-container .Lyon-txt-color-ad {
    color: #adadad;
}

/* #Lyon-container .Lyon-txt-bg-s {
  background: -webkit-linear-gradient(
    45deg,
    #d1d1d1,
    #ffffff,
    #ffffff,
    #d1d1d1
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
} */

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

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

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

#Lyon-container .Lyon-animation-up.active {
    animation: fadeInUp 0.5s ease forwards;
    will-change: transform, opacity;
}

@keyframes fadeInUp {
    from {
        transform: translateY(40%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#Lyon-container .Lyon-will-change .will-change-tf {
    will-change: transform;
}

#Lyon-container .Lyon-will-change .will-change-op {
    will-change: opacity;
}

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

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

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

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

#Lyon-container .Lyon-img-border-radius {
    border-radius: 1.041667vw;
    overflow: hidden;
}

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

#Lyon-container .Lyon-bg-black {
    background-color: #fff;
}

#Lyon-container .Lyon-space-100vh {
    height: 100vh;
}

#Lyon-container .Lyon-space-50vh {
    height: 50vh;
}

#Lyon-container .Lyon-showmob {
    display: none;
}

#Lyon-container .Lyon-showpc {
    display: inline-block;
}

#Lyon-container .Lyon-show-ie {
    display: none;
}

#Lyon-container .Lyon-hide-ie {
    display: block;
}

#Lyon-container .wx-img {
    display: none;
}

#Lyon-container .nowrap {
    white-space: nowrap;
    line-height: inherit;
    color: inherit;
}

#Lyon-container sup {
    font-size: 0.6em;
    cursor: pointer;
}

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

#Lyon-container .Lyon-sellpoint-arrow .Lyon-arrow {
    width: 100%;
    transition: all 1s;
    transform: translateY(-58%);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 3;
}

#Lyon-container .Lyon-sellpoint-arrow .Lyon-arrow-bg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 2;
}

#Lyon-container .Lyon-sellpoint-arrow .Lyon-arrow-light {
    width: 100%;
    opacity: 0;
    transition: opacity 0.8s;
}

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

#Lyon-container .Lyon-reason-div:hover .Lyon-sellpoint-arrow .Lyon-arrow-light {
    opacity: 1;
}

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

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

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

#Lyon-container .aspect-ratio-picture::before {
    display: block;
    content: "";
}

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

#Lyon-container .Lyon-disclaimer-wrap {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: var(--Lyon-spc-200);
}

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

#Lyon-container .Lyon-disclaimer-wrap .Lyon-disclaimer li,
#Lyon-container .Lyon-disclaimer-wrap .Lyon-disclaimer p {
    line-height: 1.6em;
    padding-left: 0.5em;
}

#Lyon-container .Lyon-disclaimer-wrap .Lyon-disclaimer li {
    list-style-type: decimal;
    color: #868686;
}

#Lyon-container .Lyon-disclaimer-wrap .Lyon-disclaimer li a {
    color: blue;
    word-wrap: break-word;
    word-break: break-word;
}

#Lyon-container .Lyon-disclaimer-wrap .Lyon-disclaimer li.active {
    color: #000;
}

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

#Lyon-container .Lyon-disclaimer-wrap .Lyon-disclaimer li:last-child::before {
    content: "*";
    position: absolute;
    bottom: 0;
    left: -9px;
}

@media screen and (max-aspect-ratio: 11/10) {
    #Lyon-container .Lyon-disclaimer-wrap {
        padding-bottom: 55.5555555556vw;
    }

    #Lyon-container .Lyon-disclaimer-wrap .Lyon-disclaimer {
        width: 83.333333vw;
        font-size: 12px;
    }
}

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

@media screen and (min-width: 640px) and (max-aspect-ratio: 11/10) and (max-width: 1200px) {
    #Lyon-container .Lyon-disclaimer-wrap .Lyon-disclaimer {
        font-size: 2.7777777778vw;
    }
}

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

.Lyon-btn-style a {
    color: inherit;
}

.Lyon-btn-style:hover {
    opacity: 0.8;
}

/*common end*/
@media screen and (max-aspect-ratio: 11/10) {
    :root {
        --Lyon-content-ws: 91.66666666%;
        --Lyon-nav: 0;
        --Lyon-sticky-h: calc(100vh - var(--Lyon-nav));
        --Lyon-spc-200: 27.777778vw;
        --Lyon-spc-120: 16.666667vw;
        --Lyon-spc-80: 13.888889vw;
        --Lyon-spc-60: 11.111111vw;
        --Lyon-spc-40: 8.333333vw;
        --Lyon-spc-30: 5.555556vw;
        --Lyon-spc-10: 2.777778vw;
        --Lyon-txt-120: 16.666667vw;
        --Lyon-txt-120-80: 11.111111vw;
        --Lyon-txt-80-80: 11.111111vw;
        --Lyon-txt-80-60: 8.333333vw;
        --Lyon-txt-64: 8.888889vw;
        --Lyon-txt-48-48: 6.666667vw;
        --Lyon-txt-48-40: 5.555556vw;
        --Lyon-txt-40-40: 5.555556vw;
        --Lyon-txt-40-30: 4.166667vw;
        --Lyon-txt-32-32: 4.444444vw;
        --Lyon-txt-30-30: 4.166667vw;
        --Lyon-txt-30-25: 3.472222vw;
        --Lyon-txt-25-30: 4.166667vw;
        --Lyon-txt-24-24: 3.333333vw;
        --Lyon-txt-24-26: 3.611111vw;
        --Lyon-txt-22-22: 3.055556vw;
        --Lyon-txt-22-28: 3.888889vw;
        --Lyon-txt-20-20: 2.777778vw;
        --Lyon-txt-20-18: 2.5vw;
        --Lyon-txt-20-16: 2.222222vw;
        --Lyon-txt-18-22: 3.055556vw;
        --Lyon-txt-18-18: 2.5vw;
        --Lyon-txt-16-16: 2.222222vw;
        --Lyon-txt-16-24: 3.333333vw;
        --Lyon-txt-13: 13px;
        --Lyon-txt-12: 12px;
        --Lyon-xin-txt-40: 6.666667vw;
        --Lyon-xin-txt-20-b: 3.333333vw;
        --Lyon-xin-txt-20-m: 3.055556vw;
        --Lyon-xin-txt-20-s: 2.777778vw;
    }

    #Lyon-container .Lyon-animation-up {
        opacity: 0;
    }

    #Lyon-container .Lyon-img-border-radius {
        border-radius: 2.777778vw;
    }

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

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

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

    #Lyon-container .Lyon-showmob {
        display: block;
    }

    #Lyon-container .Lyon-showpc {
        display: none;
    }

    #Lyon-container .Lyon-content-ws {
        width: 91.66666666%;
        width: var(--Lyon-content-ws);
    }

    #Lyon-container .Lyon-reason .Lyon-sellpoint-arrow {
        width: 3.3333333333vw;
        height: 3.3333333333vw;
        bottom: 1.9444444444vw;
        right: 1.9444444444vw;
    }

    /* common end*/
}

#Lyon-container {
    width: 100%;
}

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

#Lyon-container .Lyon-kv {
    position: relative;
}

#Lyon-container .Lyon-kv .Lyon-kv-txt-container {
    width: 28.5416666667vw;
    position: absolute;
    left: 5.2084vw;
    top: 20.2344vw;
    text-align: center;
}

#Lyon-container .Lyon-kv .Lyon-kv-txt-container h2 {
    font-size: 2.5vw;
    margin-top: 1.1979166667vw;
    margin-bottom: 1.0416666667vw;
    letter-spacing: 0.7591666667vw;
    display: flex;
    justify-content: space-between;
    font-weight: normal;
}

#Lyon-container .Lyon-kv .Lyon-kv-txt-container h2 span {
    letter-spacing: 0;
    line-height: 1.25;
}

#Lyon-container .Lyon-kv .Lyon-kv-txt-container .Lyon-kv-dis {
    font-size: 0.96vw;
    margin-bottom: 2.34375vw;
    letter-spacing: 0.045vw;
}

#Lyon-container .Lyon-kv .Lyon-kv-txt-container .Lyon-kv-video {
    font-size: 1.0416666667vw;
    display: inline-flex;
    justify-content: center;
}

#Lyon-container .Lyon-kv .Lyon-kv-txt-container .Lyon-kv-video-icon {
    width: 1.6145833333vw;
    height: 1.6145833333vw;
    margin-left: 0.5208333333vw;
}

@media screen and (max-aspect-ratio: 11/10) {
    #Lyon-kv {
        width: 100%;
        height: 150vw;
    }

    #Lyon-kv .Lyon-content-wf {
        height: 100%;
    }

    #Lyon-container .Lyon-kv .Lyon-kv-txt-container {
        width: 73.3333vw;
        left: 50%;
        top: 22.6667vw;
        transform: translateX(-50%);
    }

    #Lyon-container .Lyon-kv .Lyon-kv-txt-container h2 {
        font-size: 5.3333vw;
        margin-top: 3.6111111111vw;
        margin-bottom: 2.9166666667vw;
        letter-spacing: 2.7777777778vw;
    }

    #Lyon-container .Lyon-kv .Lyon-kv-txt-container .Lyon-kv-dis {
        font-size: 2.594444vw;
        margin-bottom: 4.1666666667vw;
        letter-spacing: 0.00222222vw;
        text-wrap: nowrap;
    }

    #Lyon-container .Lyon-kv .Lyon-kv-txt-container .Lyon-kv-video {
        font-size: 4.4444444444vw;
    }

    #Lyon-container .Lyon-kv .Lyon-kv-txt-container .Lyon-kv-video-icon {
        width: 6.5277777778vw;
        height: 6.5277777778vw;
        margin-left: 1.6666666667vw;
    }
}

#Lyon-container .Lyon-kv .Lyon-kv-buy .section-kv-pic {
    line-height: 1.25;
    margin-top: 1.40625vw;
    font-size: 1.46vw;
    font-weight: 400;
    color: #000;
    margin-bottom: 24px;
}

#Lyon-container .Lyon-kv .Lyon-kv-buy .section-kv-pic span {
    font-size: 0.6770833333vw;
    font-weight: 500;
}

@media screen and (max-aspect-ratio: 11/10) {
    #Lyon-container .Lyon-kv .Lyon-kv-buy {
        margin-top: 75.4166666667vw;
    }

    #Lyon-container .Lyon-kv .Lyon-kv-buy .section-kv-pic {
        font-size: 5.56vw;
        margin-top: 0vw;
    }

    #Lyon-container .Lyon-kv .Lyon-kv-buy .section-kv-pic span {
        font-size: 3.8888888889vw;
    }
}

#Lyon-container .Lyon-reason {
    height: 69.1667vw;
    padding-top: 14.1667vw;
    box-sizing: border-box;
    background: -webkit-linear-gradient(top,
            #cde3fd,
            #e1eefe,
            #f3f8ff,
            #ffffff);
}

#Lyon-container .Lyon-reason .Lyon-content-wf {
    width: var(--section-width);
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#Lyon-container .Lyon-reason .Lyon-reason-div {
    position: relative;
    cursor: pointer;
    width: 26.6927vw;
    height: 19.375vw;
    background-color: #fff;
    border-radius: 1vw;
    overflow: hidden;
}


#Lyon-container .Lyon-reason .Lyon-reason-div .Lyon-sellpoint-arrow {
    width: 2.395833vw;
    height: 2.395833vw;
    position: absolute;
    bottom: 1.145833vw;
    right: 1.145833vw;
}

#Lyon-container .Lyon-reason .Lyon-reason-div1,
#Lyon-container .Lyon-reason .Lyon-reason-div2,
#Lyon-container .Lyon-reason .Lyon-reason-div3 {
    margin-bottom: 1.0938vw;
}

#Lyon-container .Lyon-reason .Lyon-reason-div p {
    position: absolute;
    left: 0;
    top: 1.4063vw;
    width: 100%;
    font-size: 1.4583vw;
    text-align: center;
    /* color: #f4f3f3; */
    z-index: 2;
    line-height: 1.25;
}

.Lyon-reason .Lyon-reason-div .img-box {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.Lyon-reason-div1 .img-box {
    width: 21.4323vw;
    height: 11.5365vw;
    top: 4.6875vw;
}

.Lyon-reason-div3 .img-box {
    width: 12.7865vw;
    height: 12.1354vw;
    bottom: 2.0833vw;
}

.Lyon-reason-div2 .img-box,
.Lyon-reason-div5 .img-box,
.Lyon-reason-div4 .img-box {
    width: 26.7188vw;
    height: 19.375vw;
    bottom: 0;
}

.Lyon-reason-div2 .Lyon-anchor-title {
    position: absolute;
    left: 6.25vw;
    bottom: 6.7708vw;
    z-index: 2;
    font-size: 3.6458vw;
    font-weight: bolder;
    width: 13.9583vw;
    height: 5.7292vw;
    line-height: 1.5;
    text-align: center;
    color: transparent;
    background-clip: text;
    background-image: linear-gradient(to right,
            #7189f8 0%,
            #8285f6 30%,
            #927ff3 50%,
            #8e80f4 60%,
            #8783f5 80%,
            #7189f8 100%);

}

.Lyon-reason-div6 .img-box {
    width: 21.4323vw;
    height: 35.1042vw;
    top: 5.6771vw
}

/* 小 轻 新 */
#Lyon-light-thin {
    width: var(--section-width);
    min-height: 54.0104vw;
    margin: auto;
    margin-bottom: 15.625vw;
}

.Lyon-light-thin-wrap {
    padding-top: 6.9271vw;
}

.Lyon-light-thin-wrap .img-box {
    width: 81.4844vw;
    height: 21.849vw;
    margin: auto;
}

.Lyon-light-thin-wrap .text-box {
    position: relative;
    height: 4.5052vw;
}

.Lyon-light-thin-wrap .text-left {
    position: absolute;
    left: -100vw;
    top: 0px;
    font-size: 3.48958vw;
    line-height: 1.6;
    font-weight: bold;
    letter-spacing: 2.7604vw !important;
    transform: rotate(10deg);
    transition: 1s;
}

.Lyon-light-thin-wrap .text-left.active {
    left: 9vw;
    top: -2vw;
}

.Lyon-light-thin-wrap .text-right {
    position: absolute;
    right: -100vw;
    top: 0px;
    font-size: 3.90625vw;
    line-height: 1.6;
    font-weight: bold;
    transform: rotate(-10deg);
    transition: 1s;
}

.Lyon-light-thin-wrap .text-right .text-right-1 {
    color: transparent;
    background-clip: text;
    background-image: linear-gradient(60deg, #FFB475, #FF6D2C);
}

.Lyon-light-thin-wrap .text-right .text-right-2 {
    margin-left: 1vw;
    color: transparent;
    background-clip: text;
    background-image: linear-gradient(60deg, #FF6D2C, #FFB475, #A48AF8);
}

.Lyon-light-thin-wrap .text-right .text-size {
    font-size: 2.552083vw;
}

.Lyon-light-thin-wrap .text-right .text-size sup {
    vertical-align: 1.3vw;
    font-size: 0.7em !important;
}

.Lyon-light-thin-wrap .text-right.active {
    right: 6.5vw;
    top: -2.5vw;
}

.Lyon-keyboard-wrap,
.Lyon-powerKey-wrap {
    position: relative;
    background-color: var(--section-bg);
    border-radius: 1vw;
    overflow: hidden;
}

.Lyon-keyboard-wrap {
    height: 22.7865vw;
    margin-top: 9.6875vw;
    margin-bottom: 1.4583vw;
}

.Lyon-keyboard-wrap .img-box {
    position: absolute;
    left: 5.2083vw;
    top: 1.5625vw;
    width: 37.1615vw;
    height: 19.401vw;
}

.Lyon-keyboard-wrap .text-box {
    position: absolute;
    right: 0;
    top: 2.6042vw;
    width: 36.4583vw;
    min-height: 13.4115vw;
}

.Lyon-keyboard-wrap .text-box h2,
.Lyon-powerKey-wrap .text-box h2 {
    font-size: 2.6042vw;
}

.Lyon-keyboard-wrap .text-box .mob-dot {
    display: none;
}

.Lyon-keyboard-wrap .text-box p {
    font-size: 1.1458vw;
}

.Lyon-keyboard-wrap .text-box .pc-br {
    display: inline-block;
}

.Lyon-keyboard-wrap .text-box .mob-br {
    display: none;
}


.Lyon-powerKey-wrap {
    height: 31.6406vw;
}

.Lyon-powerKey-wrap .text-box {
    position: absolute;
    left: 4.5573vw;
    top: 8vw;
    width: 20.0521vw;
    z-index: 2;
}

.Lyon-powerKey-wrap .img-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.Lyon-powerKey-wrap .fingerprint-img-pc {
    width: 2.9688vw !important;
    height: 2.5521vw;
    position: absolute;
    right: 6.6667vw;
    top: 12.5vw;
}

.fingerprint-img-mob {
    display: none;
}





#Lyon-container .footnote {
    width: 75vw;
    margin: 7vw auto;
    color: #000000;
}

#Lyon-container .footnote .content {
    margin-top: 11vw;
}

#Lyon-container .footnote .content ol {
    padding: 0;
    margin: 0;
}

#Lyon-container .footnote .content li {
    font-size: 0.78125vw;
    line-height: 1.6;
    opacity: 0.7;
    list-style: decimal;
}

#Lyon-container .footnote .content li.current {
    opacity: 1;
}

#Lyon-container .footnote .content .footnote-last {
    margin-top: 2.604167vw;
    list-style: none;
    transform: translateX(-1.3vw);
    opacity: 0.6;
}

@media screen and (max-aspect-ratio: 11/10) {
    #Lyon-container .Lyon-reason {
        padding-top: 16vw;
        height: 194.6667vw
    }

    #Lyon-container .Lyon-reason .Lyon-content-wf {
        width: 93.3334vw;
        margin: auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }


    #Lyon-container .Lyon-reason .Lyon-reason-div .Lyon-sellpoint-arrow {
        width: 5.8333333333vw;
        height: 5.8333333333vw;
        bottom: 3.0555555556vw;
        right: 3.0555555556vw;
    }

    #Lyon-container .Lyon-reason .Lyon-reason-div {
        width: 45.3334vw;
        height: 46.6667vw;
        background-color: #fff;
        border-radius: 3vw;
        box-sizing: border-box;
        padding-top: 3vw;
    }

    #Lyon-container .Lyon-reason .Lyon-reason-div1,
    #Lyon-container .Lyon-reason .Lyon-reason-div3,
    #Lyon-container .Lyon-reason .Lyon-reason-div5 {
        margin-bottom: 3vw;
    }

    #Lyon-container .Lyon-reason .Lyon-reason-div p {
        position: relative;
        width: 39.1333vw;
        margin: auto;
        font-size: 4vw;
        text-align: center;
    }

    .Lyon-reason-div2 .Lyon-anchor-title {
        font-size: 8.6667vw;
        width: 100%;
        left: 0;
        bottom: 17vw;
        height: 13vw;
    }

    #Lyon-container .Lyon-reason .Lyon-reason-div3 .img-box {
        width: 27vw;
        height: 25.7333vw;
        bottom: 5.0833vw;
    }

    #Lyon-container .Lyon-reason .Lyon-reason-div4 .img-box {
        width: 42.0667vw;
        height: 30.4667vw;
        bottom: 4.2vw;
    }

    #Lyon-container .Lyon-reason .Lyon-reason-div2 .img-box,
    #Lyon-container .Lyon-reason .Lyon-reason-div5 .img-box {
        width: 100%;
        height: 100%;
        bottom: 0;
    }

    #Lyon-container .Lyon-reason .Lyon-reason-div1 .img-box {
        width: 42vw;
        height: 23.3333vw;
        top: 14vw;
    }

    #Lyon-container .Lyon-reason .Lyon-reason-div6 .img-box {
        width: 40.0667vw;
        height: 16.9333vw;
        top: 14.4vw;
    }
}

#Lyon-container .Lyon-screen-up-btn {
    width: 3.4375vw;
    height: 3.4375vw;
    position: absolute;
    right: 11.3541666667vw;
    bottom: 2.604167vw;
    cursor: pointer;
    z-index: 10;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 50%;
}

#Lyon-container .Lyon-point .Lyon-screen-up-btn {
    width: 2.916667vw;
    height: 2.916667vw;
}

#Lyon-container .Lyon-screen-up-btn .Lyon-screen-up-btn-light {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.8s;
}

#Lyon-container .Lyon-screen-up-btn:hover .Lyon-screen-up-btn-light {
    opacity: 1;
}

#Lyon-container .Lyon-screen-up-btn::before {
    content: "";
    width: 0.208333vw;
    height: 0.9375vw;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #d5d5d5;
    transition: transform 0.3s;
}

#Lyon-container .Lyon-screen-up-btn::after {
    content: "";
    width: 0.208333vw;
    height: 0.9375vw;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    background-color: #d5d5d5;
    transition: transform 0.3s;
}

#Lyon-container .Lyon-point .Lyon-screen-up-btn::before {
    width: 0.208333vw;
    height: 0.78125vw;
}

#Lyon-container .Lyon-point .Lyon-screen-up-btn::after {
    width: 0.208333vw;
    height: 0.78125vw;
}

#Lyon-container .Lyon-screen-up-div-radius {
    border-radius: 10px;
}

@media screen and (max-aspect-ratio: 11/10) {
    #Lyon-container #Lyon-screen {
        margin-top: -7vw;
    }

    #Lyon-container .Lyon-screen-up-btn {
        width: 9.722222vw;
        height: 9.722222vw;
        right: 9.7222222222vw;
        bottom: 9.7222222222vw;
    }

    #Lyon-container .Lyon-point .Lyon-screen-up-btn {
        width: 9.722222vw;
        height: 9.722222vw;
    }

    #Lyon-container .Lyon-screen-up-btn::before {
        width: 0.5555555556vw;
        height: 2.3611111111vw;
        border-radius: 17px;
    }

    #Lyon-container .Lyon-screen-up-btn::after {
        width: 0.5555555556vw;
        height: 2.5vw;
        border-radius: 17px;
    }

    #Lyon-container .Lyon-point .Lyon-screen-up-btn::before {
        width: 0.555556vw;
        height: 2.638889vw;
    }

    #Lyon-container .Lyon-point .Lyon-screen-up-btn::after {
        width: 0.555556vw;
        height: 2.638889vw;
    }

    #Lyon-container .Lyon-screen-up-btn .Lyon-screen-up-btn-light {
        opacity: 1;
    }
}

#Lyon-container .Lyon-screen-up-div {
    background-color: #181b1f;
    position: absolute;
    z-index: 5;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    opacity: 0;
    display: flex;
    justify-content: space-evenly;
    transition: opacity 0.3s ease 0.5s;
    align-items: center;
    pointer-events: none;
    will-change: transform;
}

/* #Lyon-container .Lyon-screen-up-div-center {
  align-items: flex-start;
} */

/* #Lyon-container .Lyon-screen-up-div-center .Lyon-screen-up-div-center-box {
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
} */

#Lyon-container .Lyon-screen-up-div-top {
    display: block;
    padding: 8.854166667vw 0 0 3.75vw;
}

#Lyon-container .Lyon-screen-up-div-top .Lyon-screen-up1 img {
    height: 2.6vw;
    object-fit: contain;
    -o-object-fit: contain;
}

#Lyon-container .Lyon-screen-up-div img {
    width: 3.75vw;
}

#Lyon-container .Lyon-screen-up-div h3 {
    font-size: 1.6666666667vw;
    margin-top: 1.3020833333vw;
    margin-bottom: 1.0416666667vw;
    color: #f4f3f3;
}

#Lyon-container .Lyon-screen-up-div p {
    font-size: 1.0416666667vw;
    color: #868686;
}

#Lyon-container .Lyon-screen-up-div .Lyon-screen-up2 {
    margin: 0 11.9791666667vw;
}

@media screen and (max-aspect-ratio: 11/10) {
    #Lyon-container .Lyon-screen-up-div {
        flex-direction: column;
        padding-left: 16.3888888889vw;
        align-items: flex-start;
    }

    #Lyon-container .Lyon-screen-up-div-top {
        display: flex;
        padding: 0 0 0 16.3888888889vw;
    }

    #Lyon-point .Lyon-screen-up-div {
        padding-left: 11.11111111vw;
    }

    #Lyon-point .Lyon-screen-up-div-top {
        padding: 0 0 0 11.11111111vw;
    }

    #Lyon-container .Lyon-point .Lyon-point-div2 .Lyon-screen-up-div-top .Lyon-screen-up1 {
        width: 69.44444445vw;
    }

    #Lyon-container .Lyon-screen-up-div-center .Lyon-screen-up-div-center-box {
        display: block;
    }

    #Lyon-container .Lyon-screen-up-div img {
        width: 10.1388888889vw;
    }

    #Lyon-container .Lyon-screen-up-div h3 {
        font-size: 3.8888888889vw;
        margin-top: 2.7777777778vw;
        margin-bottom: 1.3888888889vw;
        color: #f4f3f3;
    }

    #Lyon-container .Lyon-screen-up-div p {
        font-size: 2.7777777778vw;
        color: #868686;
        margin-top: 1.666667vw;
    }

    #Lyon-container .Lyon-screen-up-div .Lyon-screen-up2 {
        margin: 12.5vw 0;
    }

    #Lyon-container .footnote {
        width: 83.333333vw;
        margin: auto;
        padding-top: 1px;
        padding-bottom: 20vw;
        border-top: 1px solid #7f7f7f;
    }

    #Lyon-container .footnote .content li {
        font-size: 2.525vw;
        line-height: 1.4;
        opacity: 0.5;
    }

    #Lyon-container .footnote .content .footnote-last {
        margin-top: 4vw;
        list-style: none;
        opacity: 0.5;
    }
}

#Lyon-container .Lyon-screen-up {
    opacity: 0;
    transform: translateY(3vw);
    transition: all 0.4s ease;
}

#Lyon-container .Lyon-up-father {
    overflow: hidden;
}

#Lyon-container .Lyon-up-father.active .Lyon-screen-up-div {
    opacity: 1;
    z-index: 3;
    transform: translate(0, 0);
    transition: opacity 0.3s;
    pointer-events: all;
}

#Lyon-container .Lyon-up-father.active .Lyon-screen-up-btn::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

#Lyon-container .Lyon-up-father.active .Lyon-screen-up-btn::after {
    transform: translate(-50%, -50%) rotate(135deg);
}

#Lyon-container .Lyon-up-father.active .Lyon-screen-up {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.5s ease 0.4s;
}

#Lyon-container .Lyon-screen .Lyon-screen-text-container {
    margin: auto;
    margin-bottom: 6.875vw;

}

#Lyon-container .Lyon-screen .Lyon-screen-text-container span:not(.nr) {
    color: #e2e2e2;
}
.Lyon-screen-text-container .mob-dot {
    color: #000!important;
}
#Lyon-container .Lyon-screen .Lyon-screen-text-container h2 {
    margin: 0;
    font-size: 4.9479vw;
    text-align: center;
}

#Lyon-screen {
    margin-top: -2.5vw;
}

.Lyon-screen .Lyon-screen-content {
    width: 100vw;
    position: relative;
    overflow: hidden;
    height: 42.5313vw;
}

.Lyon-screen-content .full-screen-img {
    width: 55.875vw;
    height: 42.5313vw;
    position: absolute;
    left: 1vw;
}

.Lyon-screen-text-detail {
    position: absolute;
    right: 8.8542vw;
    top: 0;
    width: 33.8542vw;
    height: 100%;
    text-align: left;
}

.Lyon-screen-text-detail .detail-title h3 {
    font-size: 2.3438vw;
    margin: 0;
}

.Lyon-screen-text-detail .detail-text {
    font-size: 1.1979vw;
}

.Lyon-screen-text-detail .feature-box {
    margin-top: 4.7396vw;
    /* padding-left: 4.4271vw; */
    box-sizing: border-box;
    font-size: 1.0417vw;
}

.feature-box .feature-item {
    display: flex;
    align-items: center;
    justify-content: left;
}

.feature-1 {
    margin-bottom: 2.3438vw;
}

.feature-box .feature-icon {
    width: 3.5938vw !important;
    height: 3.5938vw !important;
    display: inline-block;
    margin-right: 1.5104vw;
}

@media screen and (max-aspect-ratio: 11/10) {
    #Lyon-container .Lyon-screen .Lyon-screen-text-container {
        margin-bottom: 8.3333333vw;
    }
    .Lyon-screen-text-container .mob-dot {
        display: none;
    }
    #Lyon-container .Lyon-screen .Lyon-screen-text-container h2 {
        width: 76vw;
        margin: auto;
        font-size: 8.6667vw;
        margin-bottom: 8.9333vw;
    }

    #Lyon-container .Lyon-screen .Lyon-screen-text-container p {
        font-size: 3.2vw;
        margin-left: 0;
    }

    .Lyon-screen .Lyon-screen-content {
        height: auto;
    }

    .Lyon-screen-content .Lyon-screen-text-detail .detail-title {
        display: none;
    }

    .Lyon-screen-content .Lyon-screen-text-detail {
        position: relative;
        width: 100%;
        font-size: 3.2vw;
        right: 0;
    }
    .Lyon-screen-text-detail .detail-text .pc-br {
        display: none;
    }
    .Lyon-screen-content .Lyon-screen-text-detail .detail-text {
        font-size: 3.2vw;
        text-align: center;
        /* text-align: justify; */
        width: 75vw;
        /* 76vw */
        margin: auto;
        margin-top: 0;
    }

    .Lyon-screen-text-detail .feature-box {
        width: 76vw;
        margin: auto;
        margin-top: 8.6667vw;
        display: flex;
        justify-content: space-between;
    }

    .Lyon-screen-text-detail .feature-box .feature-item {
        flex-direction: column;
        font-size: 2.6667vw;
    }

    .Lyon-screen-text-detail .feature-box .feature-icon {
        width: 9.2vw !important;
        height: 9.2vw !important;
        margin-bottom: 2.4vw;
    }

    .Lyon-screen-content .full-screen-img {
        width: 97.5333vw;
        height: 65vw;
        position: relative;
        left: 0;
        margin: 8.6667vw auto 0;
    }

    .Lyon-screen-content .full-screen-img .img-box {
        width: 97.5333vw;
        height: 65vw;
    }
}

/* 小轻新 */
@media screen and (max-aspect-ratio: 11/10) {
    #Lyon-light-thin {
        width: 100%;
    }

    #Lyon-light-thin .Lyon-light-thin-wrap {
        padding-top: 13.3333vw;
    }

    .Lyon-light-thin-wrap .img-box {
        width: 93.9333vw;
        height: 25.2vw;
    }

    .Lyon-light-thin-wrap .text-box {
        height: 7.5vw;
    }

    .Lyon-light-thin-wrap .text-left {
        font-size: 4.5vw;
        transition: 0.5s;
    }

    .Lyon-light-thin-wrap .text-left.active {
        left: 12vw;
        top: -2vw;
    }

    .Lyon-light-thin-wrap .text-right {
        font-size: 5vw !important;
        transition: 0.5s;
    }

    .Lyon-light-thin-wrap .text-right.active {
        right: 7.5vw;
        top: -3vw;
    }

    .Lyon-light-thin-wrap .text-right .text-size {
        font-size: 3.3333vw;
    }

    .Lyon-keyboard-wrap {
        width: 93.3334vw;
        height: 88vw;
        margin: auto;
        margin-top: 12vw;
        border-radius: 4vw;
        overflow: hidden;
    }

    .Lyon-keyboard-wrap .text-box {
        position: relative;
        width: 80vw;
        margin: auto;
    }

    .Lyon-keyboard-wrap .text-box h2 {
        font-size: 5.3333vw;
        text-align: center;
    }

    .Lyon-keyboard-wrap .text-box h2 br {
        display: none;
    }

    .Lyon-keyboard-wrap .text-box h2 .mob-dot {
        display: inline-block;
    }

    .Lyon-keyboard-wrap .text-box p {
        font-size: 3.2vw;
    }

    .Lyon-keyboard-wrap .text-box .pc-br {
        display: none;
    }

    .Lyon-keyboard-wrap .text-box .mob-br {
        display: inline-block;
    }

    .Lyon-keyboard-wrap .img-box {
        position: relative;
        width: 66.8vw;
        height: 34.8667vw;
        margin: auto;
        margin-top: 6.9333vw;
    }

    .Lyon-powerKey-wrap {
        width: 93.3334vw;
        height: 104.4vw;
        margin: auto;
        margin-top: 13.3333vw;
    }

    .Lyon-powerKey-wrap .text-box {
        width: 100%;
        top: 70.8667vw;
        text-align: center;
    }

    .Lyon-powerKey-wrap .text-box h2 {
        font-size: 5.3334vw;
    }

    .Lyon-powerKey-wrap .fingerprint-img-mob {
        display: block;
        position: absolute;
        width: 8.3333vw !important;
        height: 5.6vw !important;
        left: 44.8vw;
        top: 38.8vw;
    }

    .Lyon-powerKey-wrap .fingerprint-img-pc {
        display: none;
    }
}

#Lyon-container .Lyon-processor .Lyon-processor-text-container {
    width: 70vw;
    margin: auto;
    margin-bottom: 5.1042vw
}
.Lyon-processor-text-container .mob-br {
    display: none;
}
#Lyon-container .Lyon-processor .Lyon-processor-text-container h2 {
    font-size: 5.2083vw;
    text-align: center;
    margin-top: 0;
    margin-bottom: 2.0833333333vw;
}

#Lyon-container .Lyon-processor .Lyon-processor-text-container p {
    /* width: 37vw; */
    /* color: #818181; */
    font-size: 1.1979vw;
    text-align: center;
    margin: auto;
}

#Lyon-container .Lyon-processor .Lyon-processor-text-container p .text-aggravation {
    color: #e2e2e2;
    font-weight: 600;
}

#Lyon-container .Lyon-processor .Lyon-processor-video-container {
    position: relative;
}

#Lyon-container .Lyon-processor .Lyon-processor-video-container .Lyon-screen-up1 img {
    width: 4.4791666667vw;
}

#Lyon-container .Lyon-processor .Lyon-processor-video-container .Lyon-screen-up2 {
    margin: 0 7.96875vw 0 8.6458333333vw;
}

#Lyon-container .Lyon-processor .Lyon-processor-video-container .Lyon-screen-up2 img {
    width: 2.6041666667vw;
}

#Lyon-container .Lyon-processor .Lyon-processor-video-container .Lyon-screen-up3 img {
    width: 2.96875vw;
}

@media screen and (max-aspect-ratio: 11/10) {
    #Lyon-container .Lyon-processor .Lyon-processor-text-container {
        width: 98vw;
        margin: auto;
        margin-bottom: 9.3333vw;
    }
    .Lyon-processor-text-container .mob-br {
        display: inline;
    }
    #Lyon-container .Lyon-processor .Lyon-processor-text-container h2 {
        width: 100%;
        font-size: 8.6667vw;
        margin-bottom: 9.2vw;
    }

    #Lyon-container .Lyon-processor .Lyon-processor-text-container p {
        width: 76vw;
        font-size: 3.2vw;
        margin: auto;
    }

    #Lyon-container .Lyon-processor .Lyon-processor-video-container {
        position: relative;
        height: 111.1111111111vw;
    }

    /* #Lyon-container
    .Lyon-processor
    .Lyon-processor-video-container
    .Lyon-screen-up1 {
    width: 58.6111111111vw;
  }

  #Lyon-container
    .Lyon-processor
    .Lyon-processor-video-container
    .Lyon-screen-up1
    img {
    width: 11.25vw;
  }

  #Lyon-container
    .Lyon-processor
    .Lyon-processor-video-container
    .Lyon-screen-up3 {
    width: 58.6111111111vw;
  }

  #Lyon-container
    .Lyon-processor
    .Lyon-processor-video-container
    .Lyon-screen-up3
    img {
    width: 7.7777777778vw;
  } */
}

/* 超材料天线 */
#Lyon-antenna {
    padding-top: var(--Lyon-spc-200);
}

#Lyon-antenna .Lyon-content-wf {
    width: var(--section-width);
    margin: auto;
}

.Lyon-antenna-txt {
    display: flex;
    justify-content: space-between;
}

.Lyon-antenna-txt h2 {
    font-size: 2.5vw;
    margin: 0;
}

.Lyon-antenna-txt p {
    font-size: 1.1979vw;
    width: 48vw;
    text-align: left;
}

.Lyon-usb-content,
.Lyon-power-content {
    position: relative;
    width: var(--section-width);
    margin: auto;
    border-radius: 1vw;
    overflow: hidden;
}

.Lyon-usb-content {
    height: 30.8854vw;
    margin-top: 4.6875vw;
    margin-bottom: 1.5104vw;
}


.Lyon-usb-content .usb-text {
    position: absolute;
    z-index: 9;
    font-size: 1.1979vw;
    transition: 0.5s;
    opacity: 0;
}

.Lyon-usb-content.active .usb-text {
    opacity: 1;
}

.Lyon-usb-content .usb-text0 {
    width: 36vw;
    left: 4.6875vw;
    bottom: 3.3854vw;
    opacity: 1;
}

.usb-text1 {
    left: 7.6563vw;
    top: 13.3vw;
    transform: translateX(-1.5625vw);
}

.usb-text2 {
    right: 7.0833vw;
    top: 8vw;
    transform: translateX(1.5625vw);
}

.usb-text3 {
    right: 7.5521vw;
    top: 10.93vw;
    transform: translateX(2.6042vw);
}

.usb-text4 {
    right: 7.5vw;
    top: 14.4vw;
    transform: translateX(3.9063vw);
}

.usb-text5 {
    right: 7.2396vw;
    top: 18.2vw;
    transform: translateX(5vw);
}

.Lyon-usb-content.active .usb-text1,
.Lyon-usb-content.active .usb-text2,
.Lyon-usb-content.active .usb-text3,
.Lyon-usb-content.active .usb-text4,
.Lyon-usb-content.active .usb-text5 {
    transform: translateX(0);
}

.Lyon-usb-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.Lyon-power-content {
    height: 34.1667vw;
}

.Lyon-power-content .text-box {
    width: 33.2031vw;
    position: absolute;
    top: 8.125vw;
    right: 0;
    z-index: 9;
    color: #fff;
}

.Lyon-power-content .text-box h3 {
    margin: 0;
    font-size: 2.2917vw;
    margin-bottom: 1.9271vw;
}

.Lyon-power-content .text-box p {
    font-size: 1.1458vw;
}

.Lyon-power-content .text-box .text-wrap {
    margin-bottom: 3.3854vw;
}

/* 超材料天线 */
@media screen and (max-aspect-ratio: 11/10) {
    #Lyon-antenna {
        padding-top: 23.3333vw;
    }
    .Lyon-antenna-txt {
        display: block;
        width: 73.5vw;
        margin: auto;
        text-align: center;
    }
    .Lyon-antenna-txt h2 {
        font-size: 8.6667vw;
        margin: 0;
        margin-bottom: 10vw;
    }
    .Lyon-antenna-txt p {
        width: 100%;
        font-size: 3.2vw;
        text-align: center;

    }

    .Lyon-usb-content,
    .Lyon-power-content {
        position: relative;
        width: 93.3334vw;
        margin: auto;
        border-radius: 4vw;
        overflow: hidden;
    }
    
    .Lyon-usb-content {
        height: 101.7333vw;
        margin-top: 10vw;
        margin-bottom: 12vw;    
    }
    
    
    .Lyon-usb-content .usb-text {
        /* position: absolute;
        z-index: 9; */
        font-size: 3.2vw;
        transition: 0.5s;
        /* font-weight: bold;
        opacity: 0; */
    }
    
    .Lyon-usb-content.active .usb-text {
        opacity: 1;
    }
    
    .Lyon-usb-content .usb-text0 {
        width: 47vw;
        left: 8.6667vw;
        bottom: 54vw;
    }
    .usb-text1 {
        left: 72.6vw;
        top: 15.3vw;
        transform: translateX(-2vw);
    }
    
    .usb-text2 {
        right: 27.2vw;
        top: 63.2vw;
        transform: translateX(3vw);
    }
    
    .usb-text3 {
        right: 17.6vw;
        top: 68.9333vw;
        transform: translateX(4vw);
    }
    
    .usb-text4 {
        right: 20.6vw;
        top: 76.9vw;
        transform: translateX(7vw);
    }
    
    .usb-text5 {
        right: 58.6667vw;
        top: 84.5vw;
        transform: translateX(-10vw);
    }

    .Lyon-power-content {
        height: 100.4vw;
    }
    .Lyon-power-content .text-box {
        width: 100%;
        text-align: center;
        top: 10vw;;
    }
    .Lyon-power-content .text-box h3{
        font-size: 5.3333vw;
    }
    .Lyon-power-content .text-box p{
        width: 44.6667vw;
        margin: auto;
        font-size: 3.2vw;
    }
}




#Lyon-container .Lyon-point .Lyon-content-wf {
    width: 72.7083333333vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    color: #f4f3f3;
}

/* #Lyon-container .Lyon-point .Lyon-screen-up-btn {
  right: 1.71875vw;
  bottom: 1.71875vw;
} */

#Lyon-container .Lyon-point .Lyon-point-div {
    position: relative;
}

#Lyon-container .Lyon-point .Lyon-point-div .Lyon-screen-up-div {
    border: 1px solid #181b1f;
    transform: translate3d(0, 0, -1px);
    border-radius: 0.6vw;
}

#Lyon-container .Lyon-point .Lyon-point-txt-container {
    position: absolute;
    z-index: 2;
}

#Lyon-container .Lyon-point .Lyon-point-txt-container h3 {
    font-size: 1.6666666667vw;
    margin-bottom: 1.5625vw;
}

#Lyon-container .Lyon-point .Lyon-point-txt-container p {
    font-size: 1.0416666667vw;
    color: #868686;
}

#Lyon-container .Lyon-point .Lyon-point-txt-container p .text-aggravation {
    color: #e2e2e2;
    font-weight: 600;
}

#Lyon-container .Lyon-point .Lyon-point-div1 {
    width: 100%;
    margin-bottom: 1.5625vw;
}

#Lyon-container .Lyon-point .Lyon-point-div1 .Lyon-point-txt-container {
    width: 20.0520833333vw;
    left: 40.625vw;
    top: 50%;
    transform: translateY(-50%);
}

#Lyon-container .Lyon-point .Lyon-point-div1 .Lyon-screen-up1 img {
    width: 3.1770833333vw;
}

#Lyon-container .Lyon-point .Lyon-point-div1 .Lyon-screen-up2 {
    margin: 0;
}

#Lyon-container .Lyon-point .Lyon-point-div1 .Lyon-screen-up2 img {
    width: 3.5416666667vw;
}

#Lyon-container .Lyon-point .Lyon-point-div1 .Lyon-screen-up3 img {
    width: 2.8125vw;
}

#Lyon-container .Lyon-point .Lyon-point-div2 {
    width: 43.4375vw;
    margin-bottom: 1.5625vw;
}

#Lyon-container .Lyon-point .Lyon-point-div2 .Lyon-point-txt-container {
    width: 31.1458333333vw;
    left: 3.6458333333vw;
    top: 20.1041666667vw;
}

#Lyon-container .Lyon-point .Lyon-point-div2 .Lyon-screen-up1 {
    width: 29.4270833333vw;
}

#Lyon-container .Lyon-point .Lyon-point-div2 .Lyon-screen-up1 img {
    width: 3.3854166667vw;
}

#Lyon-container .Lyon-point .Lyon-point-div2 .Lyon-point2-wifi {
    width: 1.7708333333vw;
    position: absolute;
    top: 7.03125vw;
    left: 16.40625vw;
    z-index: 1;
}

#Lyon-container .Lyon-point .Lyon-point-div2 .wave-box-right {
    position: absolute;
    width: 13.958333vw;
    height: 7.177083vw;
    overflow: hidden;
    top: 1.3020833333vw;
    left: 15.625vw;
    z-index: 1;
}

#Lyon-container .Lyon-point .Lyon-point-div2 .wave-box-left {
    position: absolute;
    width: 13.958333vw;
    height: 7.177083vw;
    overflow: hidden;
    top: 1.3020833333vw;
    left: 5.2083333333vw;
    z-index: 1;
}

#Lyon-container .Lyon-point .Lyon-point-div2 .wave-box-right .wave,
#Lyon-container .Lyon-point .Lyon-point-div2 .wave-box-left .wave {
    height: 13.958333vw;
    width: 13.958333vw;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background: radial-gradient(rgba(255, 255, 255, 0) 45%, #0b70c8);
}

#Lyon-container .Lyon-point .Lyon-point-div2 .rollef-wave-box .wave1 {
    animation: soundWave 4s linear infinite;
}

#Lyon-container .Lyon-point .Lyon-point-div2 .rollef-wave-box .wave2 {
    animation: soundWave 4s linear infinite 0.8s;
}

#Lyon-container .Lyon-point .Lyon-point-div2 .rollef-wave-box .wave3 {
    animation: soundWave 4s linear infinite 1.6s;
}

#Lyon-container .Lyon-point .Lyon-point-div2 .rollef-wave-box .wave4 {
    animation: soundWave 4s linear infinite 2.4s;
}

#Lyon-container .Lyon-point .Lyon-point-div2 .rollef-wave-box .wave5 {
    animation: soundWave 4s linear infinite 3.2s;
}

@keyframes soundWave {
    0% {
        opacity: 0.7;
        transform: scale(0.2);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: scale(1);
    }
}

@media screen and (max-aspect-ratio: 11/10) {
    #Lyon-container .Lyon-point .Lyon-point-div .Lyon-screen-up-div {
        border-radius: 1.805556vw;
    }

    #Lyon-container .Lyon-point .Lyon-point-div2 .wave-box-left {
        width: 33.3333333333vw;
        height: 17.1666666667vw;
        top: 6.3888888889vw;
        left: 5.4166666667vw;
    }

    #Lyon-container .Lyon-point .Lyon-point-div2 .wave-box-right {
        width: 33.3333333333vw;
        height: 17.1666666667vw;
        top: 6.3888888889vw;
        left: 34.0833333333vw;
    }

    #Lyon-container .Lyon-point .Lyon-point-div2 .rollef-wave-box .wave {
        width: 32.7777777778vw;
        height: 32.7777777778vw;
    }
}

#Lyon-container .Lyon-point .Lyon-point-div3 {
    width: 27.65625vw;
    margin-bottom: 1.5625vw;
}

#Lyon-container .Lyon-point .Lyon-point-div3 .Lyon-point-txt-container {
    left: 4.1666666667vw;
    top: 3.3854166667vw;
}

#Lyon-container .Lyon-point .Lyon-point-div3 .Lyon-screen-up1 {
    width: 18.9583333333vw;
}

#Lyon-container .Lyon-point .Lyon-point-div3 .Lyon-screen-up1 img {
    width: 4.21875vw;
}

#Lyon-container .Lyon-point .Lyon-point-div3 .Lyon-point-txt-dis {
    margin-top: 3.6458333333vw;
}

#Lyon-container .Lyon-point .Lyon-point-div3 .Lyon-point-txt-dis p {
    font-size: 1.4583333333vw;
    color: #dcdcdc;
}

#Lyon-container .Lyon-point .Lyon-point-div3 .Lyon-point-txt-dis p span {
    color: #868686;
    font-size: 1.0416666667vw;
}

#Lyon-container .Lyon-point .Lyon-point-div3 .Lyon-point-txt-dis h2 {
    font-size: 9.0625vw;
    background: -webkit-linear-gradient(45deg, #0f6e3e, #149856);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.877777vw;
    margin: 0;
}

#Lyon-container .Lyon-point .Lyon-point-div3 .Lyon-point-txt-dis h2 span {
    font-size: 3.59375vw;
}

#Lyon-container .Lyon-point .Lyon-point-div4 {
    width: 27.65625vw;
    background-color: #181b1f;
}

#Lyon-container .Lyon-point .Lyon-point-div4 .Lyon-point-txt-container {
    width: 22.2395833333vw;
    left: 3.125vw;
    top: 3.3854166667vw;
}

#Lyon-container .Lyon-point .Lyon-point-div4 .Lyon-point-div4-video {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: 100%;
    overflow: hidden;
}

#Lyon-container .Lyon-point .Lyon-point-div5 {
    width: 43.4375vw;
}

#Lyon-container .Lyon-point .Lyon-point-div5 .Lyon-point-txt-container {
    width: 24.8958333333vw;
    left: 3.6458333333vw;
    top: 3.3854166667vw;
}

@media screen and (max-aspect-ratio: 11/10) {
    #Lyon-container .Lyon-point .Lyon-content-wf {
        width: 91.6666666667vw;
        flex-direction: column;
    }

    #Lyon-container .Lyon-point .Lyon-screen-up-btn {
        right: 4.1666666667vw;
        bottom: 4.1666666667vw;
    }

    #Lyon-container .Lyon-point .Lyon-point-txt-container {
        position: absolute;
    }

    #Lyon-container .Lyon-point .Lyon-point-txt-container h3 {
        font-size: 5.5555555556vw;
        margin-bottom: 5.5555555556vw;
    }

    #Lyon-container .Lyon-point .Lyon-point-txt-container p {
        font-size: 3.0555555556vw;
    }

    #Lyon-container .Lyon-point .Lyon-point-div1 {
        margin-bottom: 6.9444444444vw;
    }

    #Lyon-container .Lyon-point .Lyon-point-div1 .Lyon-point-txt-container {
        width: 37.9166666667vw;
        left: 50.8333333333vw;
    }

    #Lyon-container .Lyon-point .Lyon-point-div1 .Lyon-point-txt-container h3 {
        font-size: 4.4444444444vw;
    }

    #Lyon-container .Lyon-point .Lyon-point-div1 .Lyon-screen-up1 img {
        width: 8.4722222222vw;
    }

    #Lyon-container .Lyon-point .Lyon-point-div1 .Lyon-screen-up2 {
        margin: 9.3055555556vw 0;
    }

    #Lyon-container .Lyon-point .Lyon-point-div1 .Lyon-screen-up2 img {
        width: 9.3055555556vw;
    }

    #Lyon-container .Lyon-point .Lyon-point-div1 .Lyon-screen-up3 img {
        width: 7.9166666667vw;
    }

    #Lyon-container .Lyon-point .Lyon-point-div2 {
        width: 100%;
        margin-bottom: 6.9444444444vw;
    }

    #Lyon-container .Lyon-point .Lyon-point-div2 .Lyon-point-txt-container {
        width: 71.5277777778vw;
        left: 8.3333333333vw;
        top: 53.75vw;
    }

    #Lyon-container .Lyon-point .Lyon-point-div2 .Lyon-screen-up1 {
        width: 70.4166666667vw;
    }

    #Lyon-container .Lyon-point .Lyon-point-div2 .Lyon-screen-up1 img {
        width: 9.5833333333vw;
        height: auto;
    }

    #Lyon-container .Lyon-point .Lyon-point-div2 .Lyon-point2-wifi {
        width: 4.5833333333vw;
        top: 20.9722222222vw;
        left: 34.0277777778vw;
    }

    #Lyon-container .Lyon-point .Lyon-point-div3 {
        width: 100%;
        margin-bottom: 6.9444444444vw;
    }

    #Lyon-container .Lyon-point .Lyon-point-div3 .Lyon-point-txt-container {
        left: 8.3333333333vw;
        top: 8.8888888889vw;
    }

    #Lyon-container .Lyon-point .Lyon-point-div3 .Lyon-screen-up1 {
        width: 69.8611111111vw;
    }

    #Lyon-container .Lyon-point .Lyon-point-div3 .Lyon-screen-up1 img {
        width: 11.25vw;
        height: auto;
    }

    #Lyon-container .Lyon-point .Lyon-point-div3 .Lyon-point-txt-dis {
        margin-top: 12.9166666667vw;
        margin-left: 5.8055555556vw;
    }

    #Lyon-container .Lyon-point .Lyon-point-div3 .Lyon-point-txt-dis p {
        font-size: 5.2777777778vw;
    }

    #Lyon-container .Lyon-point .Lyon-point-div3 .Lyon-point-txt-dis p span {
        font-size: 3.75vw;
    }

    #Lyon-container .Lyon-point .Lyon-point-div3 .Lyon-point-txt-dis h2 {
        font-size: 30vw;
        margin: -2.7777777778vw 0;
    }

    #Lyon-container .Lyon-point .Lyon-point-div3 .Lyon-point-txt-dis h2 span {
        font-size: 11.9444444444vw;
    }

    #Lyon-container .Lyon-point .Lyon-point-div4 {
        width: 100%;
        margin-bottom: 6.9444444444vw;
    }

    #Lyon-container .Lyon-point .Lyon-point-div4 .Lyon-point-txt-container {
        width: 78.2222222222vw;
        left: 8.3333333333vw;
        top: 8.8888888889vw;
    }

    #Lyon-container .Lyon-point .Lyon-point-div4 .Lyon-point-div4-video {
        width: 102%;
        margin-top: 0;
        margin-bottom: -1px;
        margin-left: -1%;
    }

    #Lyon-container .Lyon-point .Lyon-point-div5 {
        width: 100%;
    }

    #Lyon-container .Lyon-point .Lyon-point-div5 .Lyon-point-txt-container {
        width: 72.2222222222vw;
        left: 8.3333333333vw;
        top: 8.8888888889vw;
    }
}

/* 多屏协同 */
#Lyon-container .Lyon-connection .Lyon-connection-txt {
    /* width: 44.0104vw; */
    text-align: center;
    /* margin-left: auto;
  margin-right: auto; */
    margin-bottom: 3.125vw;
}

#Lyon-container .Lyon-connection .Lyon-connection-txt h2 {
    font-size: 5.2083vw;
    margin-bottom: 2.0833333333vw;
    color: #1e2022;
}

/* multi-screen-swiper start */
.multi-screen-swiper-container {
    position: relative;
    padding-bottom: 2.5vw;
    overflow: hidden;

}

.multi-screen-swiper-container .multi-screen-swiper {
    width: 50.0781vw;
    height: 37.1615vw;
    margin: auto;
}

.multi-screen-swiper .swiper-slide {
    position: relative;
    width: 50.1042vw;
    height: 37.2135vw;
    padding: 0 1.0417vw;
}

.multi-screen-swiper .text-content {
    position: absolute;
    top: 2vw;
    z-index: 1;
    width: 100%;
    padding: 0 3.125vw;
    box-sizing: border-box;
}
.multi-screen-swiper .text-content .mob-br {
    display: none;
}
.multi-screen-swiper .text-content .title {
    position: relative;
    color: #000;
    font-size: 2.3958vw;
    font-weight: bolder;
    margin-bottom: 1.2vw;
}

.multi-screen-swiper .text-content .title-right-img {
    position: absolute;
    right: 0.6771vw;
    top: 1vw;
    width: 7.2396vw !important;
    height: 1.6146vw;
}

.multi-screen-swiper .text-content p {
    color: #6d6d6d;
    font-size: 1.0417vw;
}

.multi-screen-swiper-button-next,
.multi-screen-swiper-button-prev {
    width: 2.604167vw;
    height: 2.604167vw;
    background-size: 100% 100%;
    outline: none;
    border-radius: 50%;
    overflow: hidden;
    top: 16.9271vw;
    z-index: 99;
}

.multi-screen-swiper-button-next:after,
.multi-screen-swiper-button-prev:after {
    content: unset;
}

.multi-screen-swiper-button-prev {
    left: 17.3438vw;
    background-image: url(../images/outlook/swiper-left0.svg);
    transition: background-image 0.5s;
    -webkit-transition: background-image 0.5s;
    /* Safari */
}

.multi-screen-swiper-button-prev:hover {
    background-image: url(../images/outlook/swiper-left1.svg);
}

.multi-screen-swiper-button-next {
    right: 17.3438vw;
    background-image: url(../images/outlook/swiper-right0.svg);
    transition: background-image 0.5s;
    -webkit-transition: background-image 0.5s;
    /* Safari */
}

.multi-screen-swiper-button-next:hover {
    background-image: url(../images/outlook/swiper-right1.svg);
}

.multi-screen-swiper .swiper-pagination {
    bottom: 0;
}

.multi-screen-swiper .swiper-pagination-bullet-active {
    width: 1.5625vw;
    border-radius: .4167vw;
    background: #000;
}
/* end multi-screen-swiper */

@media screen and (max-aspect-ratio: 11/10) {
    #Lyon-container .Lyon-connection .Lyon-connection-txt h2 {
        font-size: 8.6667vw;
        margin-bottom: 9.7333vw;
    }

    .multi-screen-swiper-container {
        padding-bottom: 6.6667vw;
        width: 93.3334vw;
        margin: auto;
    }
    
    .multi-screen-swiper-container .multi-screen-swiper {
        width: 100%;
        height: 106.6667vw;
        border-radius: 2vw;
        overflow: hidden;
    }
    
    .multi-screen-swiper .swiper-slide {
        position: relative;
        width: 93.3334vw;
        height: 106.6667vw;
        padding: 0;
        border-radius: 2vw;
        overflow: hidden;
    }
    .multi-screen-swiper .pc-br,
    .multi-screen-swiper .pc-dot {
        display: none;
    }
    .multi-screen-swiper .text-content .mob-br {
        display: inline;
    }
    .multi-screen-swiper .text-content {
        position: absolute;
        top: 12vw;
        padding: 0 9vw;
    }
    .multi-screen-swiper .text-content .title {
        font-size: 5.3333vw;
        margin-bottom: 6.4vw;
    }
    
    .multi-screen-swiper .text-content .title-right-img {
        position: absolute;
        right: 0;
        top: 2vw;
        width: 18.6667vw !important;
        height: 4.2667vw;
    }
    
    .multi-screen-swiper .text-content p {
        font-size: 3.2vw;
        text-align: justify;
    }
    .multi-screen-swiper-button-next,
    .multi-screen-swiper-button-prev {
        display: none;
    }
    .multi-screen-swiper .swiper-pagination-bullet-active {
        width: 4.7333vw;
        border-radius: 1.1333vw;
    }
}

/* #Lyon-container .Lyon-connection .Lyon-connection-img {
    width: 100%;
    position: relative;
}

#Lyon-container .Lyon-connection .Lyon-connection-img .Lyon-screen-up {
    width: 13.8020833333vw;
}

#Lyon-container .Lyon-connection .Lyon-connection-img .Lyon-screen-up1 img {
    width: 4.1666666667vw;
}

#Lyon-container .Lyon-connection .Lyon-connection-img .Lyon-screen-up2 {
    width: 15.9375vw;
    margin: 0 7.2916666667vw 0 7.2916666667vw;
}

#Lyon-container .Lyon-connection .Lyon-connection-img .Lyon-screen-up2 img {
    width: 5.625vw;
}

#Lyon-container .Lyon-connection .Lyon-connection-img .Lyon-screen-up3 {
    margin-right: 7.2916666667vw;
}

#Lyon-container .Lyon-connection .Lyon-connection-img .Lyon-screen-up3 img {
    width: 5.7291666667vw;
}

#Lyon-container .Lyon-connection .Lyon-connection-img .Lyon-screen-up4 img {
    width: 6.3020833333vw;
}

#Lyon-container .Lyon-connection .Lyon-screen-up-div {
    background-color: #f7f7f7;
}

#Lyon-container .Lyon-connection .Lyon-screen-up-div h3 {
    color: #211d1e;
}

#Lyon-container .Lyon-connection .Lyon-screen-up-btn::before {
    background-color: #2c435f;
}

#Lyon-container .Lyon-connection .Lyon-screen-up-btn::after {
    background-color: #2c435f;
} */

/* AI办公 */
.Lyon-AI-work {
    text-align: center;
}

.Lyon-AI-work-txt h2 {
    font-size: 5.2083vw;
    margin-bottom: 8.1771vw;
}

.Lyon-AI-work-txt h3 {
    font-size: 3.1771vw;
    margin-bottom: 1.8229vw;
    text-align: center;
}

.Lyon-AI-work-txt p {
    color: #575757;
    font-size: 1.02vw;
    text-align: center;
    margin-bottom: 5.2083vw;
}

.Lyon-AI-work-img {
    width: 67.7083vw;
    height: 38.0208vw;
    margin: auto;
}
@media screen and (max-aspect-ratio: 11/10) {
    #Lyon-AI-work {
        margin-top: 25.3333vw;
    }
    .Lyon-AI-work-txt h2 {
        font-size: 8.5vw;
        margin-bottom: 13.7333vw;
    }
    
    .Lyon-AI-work-txt h3 {
        font-size: 6.6667vw;
        margin-bottom: 6.4vw;
    }
    
    .Lyon-AI-work-txt p {
        width: 76vw;
        font-size: 3.2vw;
        margin: auto;
        margin-bottom: 8.4vw;
    }
    
    .Lyon-AI-work-img {
        width: 91vw;
        height: 51.0667vw;
        margin: auto;
    }
}

/* 智慧办公 */
#Lyon-smart-work {
    position: relative;
    width: 82.3438vw;
    min-height: 94.2708vw;
    margin: auto;
    margin-top: 9.375vw;
}

#Lyon-smart-work h2 {
    font-size: 3.1771vw;
    margin-bottom: 5.8333vw;
    text-align: center;
}

.smart-work-wrap {
    background-color: var(--section-bg);
    position: relative;
    border-radius: 2vw;
    box-sizing: border-box;
    /* overflow: hidden; */
}

.smart-work-wrap .text-content .title {
    color: #000;
    font-size: 2.0833vw;
    font-weight: bold;
    text-align: left;
    margin-bottom: 1.3021vw;
}

.smart-work-wrap .text-content p {
    color: #575757;
    font-size: 1.02vw;
    text-align: left;
}

.smart-work-1 {
    width: 100%;
    height: 39.5833vw;
}

.smart-work-1 .text-content {
    width: 30.6771vw;
    min-height: 10.4167vw;
    position: absolute;
    left: 3.9063vw;
    top: 50%;
    transform: translateY(-50%);
}

.smart-work-2,
.smart-work-3 {
    position: absolute;
    bottom: 0;
    width: 39.5052vw;
    height: 40.9375vw;
}

.smart-work-2 {
    left: 0;
}

.smart-work-3 {
    right: 0;
}

.smart-work-2 .text-content,
.smart-work-3 .text-content {
    position: absolute;
    width: 100%;
    height: 14.7396vw;
    top: 2.6042vw;
    left: 0;
    padding: 2.0833vw 3.6458vw 0;
    box-sizing: border-box;
}

.smart-work-1 .img-box {
    width: 41.4063vw;
    height: 28.75vw;
    position: absolute;
    top: 5.5729vw;
    right: 3.125vw;
}

.smart-work-2 .img-box,
.smart-work-3 .img-box {
    width: 33.4375vw;
    height: 18.75vw;
    /* border-radius: 2vw; */
    position: absolute;
    bottom: 4.7396vw;
    left: 50%;
    transform: translateX(-50%);
}

.smart-work-3 .img-box {
    width: 34.4375vw;
}
.smart-work-swiper {
    display: none;
}

/* 智慧办公 */
@media screen and (max-aspect-ratio: 11/10) {
    .smart-work-pc {
        display: none;
    }
    .smart-work-swiper {
        display: block;
    }
    #Lyon-smart-work {
        position: relative;
        width: 93.3334vw;
        margin: auto;
        margin-top: 16.1334vw;
        padding-bottom: 8vw;
        overflow: hidden;
    }
    
    #Lyon-smart-work h2 {
        font-size: 6.6667vw;
        margin-bottom: 13.3333vw;
    }
    
    .smart-work-swiper {
        border-radius: 2vw;
        overflow: hidden;
    }
    .smart-work-swiper .swiper-slide {
        height: 106.6667vw;
        background-color: var(--section-bg);
        position: relative;
        box-sizing: border-box;
        border-radius: 2vw;
        overflow: hidden;
    }
    
    .smart-work-swiper .swiper-slide .title {
        color: #000;
        font-size: 5.3334vw;
        font-weight: bold;
        text-align: left;
        margin-bottom: 6.9333vw;
    }
    
    .smart-work-swiper .swiper-slide .text-content {
        padding: 11.3333vw 8.666vw 0;
        box-sizing: border-box;
        margin-bottom: 11.2vw;
    }
    .smart-work-swiper .swiper-slide .text-content p {
        color: #575757;
        font-size: 2.9334vw;
        text-align: left;
    }
    
    .smart-work-slide1 .img-box {
        width: 71.2vw;
        height: 51.3333vw;
        margin: auto;
    }
    .smart-work-slide2 .img-box {
        width: 76vw;
        height: 50.8vw;
        margin: auto;
    }
    .smart-work-slide3 .img-box {
        width: 87.7333vw;
        height: 47.0667vw;
        margin: auto;
    }

    .smart-work-swiper .swiper-pagination {
        bottom: 0;
    }
    .smart-work-swiper .swiper-pagination-bullet-active {
        width: 4.7333vw;
        border-radius: 1.1333vw;
        background: #000;
    }
    
}


@media screen and (max-aspect-ratio: 11/10) {
    /* #Lyon-container .Lyon-connection .Lyon-connection-txt {
        width: 80.5555555556vw;
        margin-bottom: 8.333333vw;
    }

    #Lyon-container .Lyon-connection .Lyon-connection-txt h2 {
        font-size: 12.222222222vw;
        margin-bottom: 5.5555555556vw;
    }

    #Lyon-container .Lyon-connection .Lyon-connection-txt p {
        width: 70.8333333333vw;
        font-size: 3.8888888889vw;
        margin-left: 0;
    }

    #Lyon-container .Lyon-connection .Lyon-connection-img h3 {
        display: inline-block;
        margin: 0;
        vertical-align: middle;
    }

    #Lyon-container .Lyon-connection .Lyon-connection-img .Lyon-screen-up1 {
        width: 63.8888888889vw;
    }

    #Lyon-container .Lyon-connection .Lyon-connection-img .Lyon-screen-up1 img {
        width: 7.2222222222vw;
        margin-right: 4.861111vw;
    }

    #Lyon-container .Lyon-connection .Lyon-connection-img .Lyon-screen-up2 {
        width: 70.5555555556vw;
        margin: 7.916667vw 0 7.916667vw 0;
    }

    #Lyon-container .Lyon-connection .Lyon-connection-img .Lyon-screen-up2 img {
        width: 9.1666666667vw;
        margin-right: 3.333333vw;
    }

    #Lyon-container .Lyon-connection .Lyon-connection-img .Lyon-screen-up3 {
        width: 65.9444444444vw;
        margin-right: 0;
        margin-bottom: 7.916667vw;
    }

    #Lyon-container .Lyon-connection .Lyon-connection-img .Lyon-screen-up3 img {
        width: 9.0277777778vw;
        margin-right: 3.472222vw;
    }

    #Lyon-container .Lyon-connection .Lyon-connection-img .Lyon-screen-up4 {
        width: 65.9444444444vw;
    }

    #Lyon-container .Lyon-connection .Lyon-connection-img .Lyon-screen-up4 img {
        width: 9.4444444444vw;
        margin-right: 3.055556vw;
    }

    #Lyon-container .Lyon-connection .Lyon-screen-up-div {
        padding-left: 13.8888888889vw;
    }

    #Lyon-container .Lyon-connection .Lyon-screen-up-btn {
        right: 8.3333333333vw;
        bottom: 7.6388888889vw;
    } */
}

#Lyon-container .Lyon-transfer .Lyon-content-wf {
    /* width: 72.7083333333vw; */
    width: var(--section-width);
    margin-left: auto;
    margin-right: auto;
    background-color: #f7f7f7;
    padding-top: 2.6041666667vw;
}

/*#Lyon-container .Lyon-transfer .Lyon-transfer-txt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5625vw;
    padding-left: 14.1145833333vw;
    padding-right: 14.1145833333vw;
}

#Lyon-container .Lyon-transfer .Lyon-transfer-txt h2 {
    width: 18.3333333333vw;
    font-size: 3.3333333333vw;
}

#Lyon-container .Lyon-transfer .Lyon-transfer-txt p {
    width: 20.8333333333vw;
    font-size: 1.1458333333vw;
    color: #868686;
}

#Lyon-container .Lyon-transfer .Lyon-transfer-video {
    width: 47.1875vw;
    margin-left: auto;
    margin-right: auto;
    transform: translate(0px, 0) rotate(0.1deg);
}

@media screen and (max-aspect-ratio: 11/10) {
    #Lyon-container .Lyon-transfer .Lyon-content-wf {
        width: 100%;
        padding-top: 14.4444444444vw;
    }

    #Lyon-container .Lyon-transfer .Lyon-img-border-radius-s {
        border-radius: 0;
    }

    #Lyon-container .Lyon-transfer .Lyon-transfer-txt {
        width: 80.5555555556vw;
        margin-left: 3.8888888889vw;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 6.666667vw;
        padding-right: 2.6388888889vw;
        padding-left: 5.6944444444vw;
    }

    #Lyon-container .Lyon-transfer .Lyon-transfer-txt h2 {
        width: 48.8888888889vw;
        font-size: 8.8888888889vw;
        margin-bottom: 5.5555555556vw;
    }

    #Lyon-container .Lyon-transfer .Lyon-transfer-txt p {
        width: 68.6111111111vw;
        font-size: 3.8888888889vw;
    }

    #Lyon-container .Lyon-transfer .Lyon-transfer-video {
        width: 91.6666666667vw;
        margin-bottom: 2.777778vw;
    }
} */

#Lyon-quiet-room {
    margin-top: 5.2083vw;
}

#Lyon-container .Lyon-quiet-room .Lyon-content-wf {
    width: var(--section-width);
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#Lyon-container .Lyon-quiet-room .Lyon-quiet-room-txt {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3.125vw;
}
#Lyon-container .Lyon-quiet-room .Lyon-quiet-room-txt h2 {
    padding-left: 3.2813vw;
    box-sizing: border-box;
    font-size: 2.5vw;
}
.Lyon-quiet-room-txt .mob-br {
    display: none;
}
#Lyon-container .Lyon-quiet-room .Lyon-quiet-room-txt p {
    width: 40.3646vw;
    font-size: 1.1458333333vw;
    /* color: #868686; */
}

#Lyon-container .Lyon-quiet-room .Lyon-quiet-room-img {
    width: var(--section-width);
    /* margin-bottom: 2.6041666667vw; */
}

#Lyon-container .Lyon-quiet-room .Lyon-quiet-room-div-wrap {
    width: 51.3541666667vw;
    display: flex;
    flex-wrap: wrap;
}

#Lyon-container .Lyon-quiet-room .Lyon-quiet-room-div-wrap .Lyon-quiet-room-div {
    width: 33.33%;
    text-align: center;
}

#Lyon-container .Lyon-quiet-room .Lyon-quiet-room-div-wrap .Lyon-quiet-room-div:nth-child(-n + 3) {
    margin-bottom: 1.5625vw;
}

#Lyon-container .Lyon-quiet-room .Lyon-quiet-room-div-wrap img {
    width: 5.5208333333vw;
    margin: 0 auto;
}

#Lyon-container .Lyon-quiet-room .Lyon-quiet-room-div-wrap p {
    font-size: 1.0416666667vw;
    color: #1e2022;
    opacity: 0.7;
}

@media screen and (max-aspect-ratio: 11/10) {
    #Lyon-quiet-room {
        margin-top: 18.6667vw;
    }
    #Lyon-container .Lyon-quiet-room .Lyon-content-wf {
        width: 93.3334vw;
    }

    #Lyon-container .Lyon-quiet-room .Lyon-quiet-room-txt {
        flex-direction: column;
        margin-bottom: 6.6667vw;
        align-items: center;
        padding-left: 0;
    }

    #Lyon-container .Lyon-quiet-room .Lyon-quiet-room-txt h2 {
        font-size: 5.3334vw;
        margin-bottom: 6vw;
        margin-top: 0;
        padding-left: 0;
    }
    .Lyon-quiet-room-txt .mob-br {
        display: inline;
    }
    #Lyon-container .Lyon-quiet-room .Lyon-quiet-room-txt p {
        width: 74vw;
        font-size: 3.2vw;
        text-align: center;
    }

    #Lyon-container .Lyon-quiet-room .Lyon-quiet-room-img {
        width: 93.3334vw;
        height: 122.9334vw;
        margin-bottom: 10.6667vw;
    }

}

#Lyon-container .Lyon-app .Lyon-content-wf {
    width: 72.7083333333vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
}

#Lyon-container .Lyon-app .Lyon-app-div {
    width: 35.5729166667vw;
    color: #211d1e;
    background-color: #f7f7f7;
    padding: 3.125vw 0 3.125vw;
}

#Lyon-container .Lyon-app .Lyon-app-div .Lyon-app-txt {
    padding-left: 4.16666667vw;
}

#Lyon-container .Lyon-app .Lyon-app-div .Lyon-app-txt .Lyon-app-line {
    display: inline-flex;
}

#Lyon-container .Lyon-app .Lyon-app-div h3 {
    font-size: 1.6666666667vw;
    display: inline-block;
    vertical-align: middle;
}

#Lyon-container .Lyon-app .Lyon-app-div p {
    width: 26.5625vw;
    font-size: 1.0416666667vw;
    margin-top: 1.8229166667vw;
    margin-bottom: 1.6666666667vw;
    color: #211d1e;
    opacity: 0.7;
}

#Lyon-container .Lyon-app .Lyon-app-div a {
    color: #1b69fd;
}

#Lyon-container .Lyon-app .Lyon-app-txt img {
    width: 2.8125vw;
    margin-right: 0.7291666667vw;
}

#Lyon-container .Lyon-app .Lyon-app-img {
    width: 29.5833333333vw;
    margin-left: auto;
    margin-right: auto;
}

#Lyon-container .Lyon-app .Lyon-app-img2 {
    width: 30.0520833333vw;
}

@media screen and (max-aspect-ratio: 11/10) {
    #Lyon-container .Lyon-app .Lyon-content-wf {
        width: 91.6666666667vw;
        flex-direction: column;
    }

    #Lyon-container .Lyon-app .Lyon-app-div {
        width: 100%;
        padding: 8.3333333333vw 6.25vw 8.0555555556vw;
    }

    #Lyon-container .Lyon-app .Lyon-app-div h3 {
        font-size: 4.4444444444vw;
    }

    #Lyon-container .Lyon-app .Lyon-app-div p {
        width: 70.8333333333vw;
        font-size: 2.7777777778vw;
        margin-top: 5.8333333333vw;
        margin-bottom: 4.4444444444vw;
    }

    #Lyon-container .Lyon-app .Lyon-app-div1 {
        margin-bottom: 4.1666666667vw;
    }

    #Lyon-container .Lyon-app .Lyon-img-border-radius-s {
        border-radius: 0;
    }

    #Lyon-container .Lyon-app .Lyon-img-border-radius-s .Lyon-app-txt {
        padding-left: 4.861111vw;
    }

    #Lyon-container .Lyon-app .Lyon-app-txt img {
        width: 7.5vw;
        margin-right: 1.9444444444vw;
        vertical-align: middle;
    }

    #Lyon-container .Lyon-app .Lyon-app-img {
        width: 78.8888888889vw;
    }

    #Lyon-container .Lyon-app .Lyon-app-img2 {
        width: 80.1388888889vw;
    }
}

/* IE */
.static-style .Lyon-show-ie {
    display: block;
}

.static-style .Lyon-hide-ie {
    display: none;
}

.static-style .Lyon-space-50vh {
    display: none;
}

.static-style .Lyon-space-100vh {
    display: none;
}

.static-style .Lyon-container .stick-full {
    position: relative;
    top: 0;
    height: auto;
    margin-top: 0;
}

@media screen and (min-width: 360px) and (max-aspect-ratio: 11/10) and (max-width: 641px) {
    :root {
        --Lyon-txt-12: 10px;
    }
}

/*# sourceMappingURL=index.css.map */