#laurent {
    font-weight: 500;
    line-height: 1.6;
    position: relative;
    z-index: 1;
}

#laurent .blur-up {
    filter: blur(20px);
    transition: filter .2s;
    will-change: filter
}

#laurent .blur-up.lazyloaded {
    filter: blur(0)
}

#laurent section {
    position: relative
}

#laurent .sticky-container {
    position: sticky;
    top: 0
}

#laurent .space-100vh {
    position: relative;
    height: 100vh
}

#laurent sup {
    font-size: .6em;
    cursor: pointer;
    display: inline-block
}

#laurent sup a {
    color: inherit
}

#laurent p {
    font-weight: 500;
}

#laurent a {
    line-height: 1.6
}

#laurent .flex {
    display: flex;
    align-items: center
}

#laurent .flex-col {
    flex-direction: column
}

#laurent .flex-row {
    flex-direction: row
}

#laurent .media-container {
    width: 100%;
    margin: 3.333333vw auto 0;
    position: relative;
}

#laurent .text-gery {
    color: #606060;
}

#laurent .text-gradient {
    display: inline-block;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-image: linear-gradient(101deg, #000000 0%, #000000 40%, #E17379 100%);
    background-size: 100% 100%
}

#laurent sup {
    font-size: .6em;
    cursor: pointer;
    display: inline-block
}

#laurent sup a {
    color: inherit
}

#laurent a {
    line-height: 1.6
}

#laurent .text-96 {
    font-size: 5vw;
    line-height: 1.25;
}

#laurent .text-64 {
    font-size: 3.333333vw;
    line-height: 1.25
}

#laurent .text-48 {
    font-size: 2.5vw
}

#laurent .text-40 {
    font-size: 2.083333vw
}

#laurent .text-36 {
    font-size: 1.875vw;
}

#laurent .text-32 {
    font-size: 1.666667vw
}

#laurent .text-28 {
    font-size: 1.458333vw
}

#laurent .text-25 {
    font-size: 1.302083vw
}

#laurent .text-24 {
    font-size: 1.25vw
}

#laurent .text-22 {
    font-size: 1.145833vw
}

#laurent .text-20 {
    font-size: 1.041667vw
}

#laurent .text-18 {
    font-size: .9375vw
}

#laurent .text-16 {
    font-size: .833333vw
}

#laurent .text-light {
    color: #fff
}

#laurent .text-grey {
    color: #6F6F6F;
}

#laurent .text-black {
    color: #151517;
}

#laurent .text-center {
    text-align: center;
}

#laurent .text-left {
    text-align: left;
}

#laurent .mtop-64 {
    margin-top: 3.333333vw;
}

#laurent .mtop-60 {
    margin-top: 3.125vw;
}

#laurent .mtop-48 {
    margin-top: 2.5vw;
}

#laurent .mtop-32 {
    margin-top: 1.666667vw;
}

#laurent .mtop-30 {
    margin-top: 1.5625vw;
}

#laurent .mtop-24 {
    margin-top: 1.25vw;
}

#laurent .mtop-16 {
    margin-top: .833333vw;
}

#laurent .swiper-button-next,
#laurent .swiper-button-prev {
    border-radius: 50%;
    overflow: hidden;
}

#laurent .swiper-button-next.swiper-button-disabled,
#laurent .swiper-button-prev.swiper-button-disabled {
    opacity: .3
}

#laurent .swiper-button-prev:after,
#laurent .swiper-button-next:after {
    content: '';
}

#laurent img,
#laurent video,
#laurent canvas {
    display: block;
    width: 100%
}

#laurent .video-fallback {
    display: none;
}

#laurent.no-inline-video .video-fallback {
    display: block;
}

#laurent.no-inline-video .section-painting .media-container::after {
    display: none;
}

#laurent.no-inline-video video {
    display: none;
}

#laurent.no-inline-video .common-video-btn {
    display: none;
}

#laurent .mob-show,
#laurent .pad-show {
    display: none;
}

#laurent .lr-content {
    display: flex;
    align-items: flex-start;
    flex-direction: row
}

#laurent .ud-content {
    display: flex;
    flex-direction: column;
    text-align: center
}

#laurent .text-container {
    width: 67.5vw;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#laurent .section-icon {
    width: 4.166667vw;
    margin: 0 auto .625vw;
}

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

#laurent .common-video-btn {
    position: absolute;
    display: flex;
    align-items: center;
    opacity: 0;
    right: 1.25vw;
    bottom: 1.25vw;
    z-index: 6;
    cursor: pointer;
    pointer-events: none;
    transform: translateZ(1px);
    transition-duration: .3s;
}

#laurent .common-video-btn .video-btn-text-wrap {
    position: relative
}

#laurent .loop-video-wrap .common-video-btn .video-btn-icon-wrap::after {
    display: none;
}

#laurent .common-video-btn .video-btn-icon-wrap {
    position: relative;
}

#laurent .common-video-btn .video-btn-icon {
    width: 2.5vw;
}

#laurent .common-video-btn .video-btn-icon-1 {
    position: relative;
}

#laurent .common-video-btn .video-btn-icon-1.active {
    opacity: 1;
    z-index: 3;
    pointer-events: all
}

#laurent .common-video-btn .video-btn-icon-wrap {
    transition: opacity .3s;
}

#laurent .common-video-btn .video-btn-icon-wrap:hover {
    opacity: .6;
}

#laurent .common-video-btn .video-btn-icon-wrap::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    overflow: hidden;
    z-index: -1;
}

#laurent .common-video-btn .video-btn-icon-wrap .video-play-btn-start {
    display: flex;
    width: 2.5vw;
    opacity: 0;
    transition: opacity .3s ease
}

#laurent .common-video-btn .video-btn-icon-wrap .video-play-btn-pause,
#laurent .common-video-btn .video-btn-icon-wrap .video-play-btn-replay {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    transition: opacity .3s ease
}

#laurent .video-btn-icon-wrap[data-index="1"] .video-play-btn-start {
    opacity: 1
}

#laurent .video-btn-icon-wrap[data-index="2"] .video-play-btn-pause {
    opacity: 1
}

#laurent .video-btn-icon-wrap[data-index="3"] .video-play-btn-replay {
    opacity: 1
}

#laurent .section-hero .section-video {
    display: block;
    height: 50vw;
}

#laurent .section-hero.active .section-video {
    height: auto;
}

#laurent .section-hero .section-video video {
    mix-blend-mode: darken;
}

#laurent .section-hero .hero-picture {
    display: none;
}

#laurent .section-hero .huawei-product-buy-btn-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 3.333333vw;
}

#laurent .section-hero .huawei-product-buy-btn-price {
    color: #000000;
    font-size: 1.46vw;
    font-weight: 400;
    line-height: 1.25;
}

#laurent .section-hero .huawei-product-buy-btn-price a {
    color: inherit;
}

#laurent .section-hero .huawei-product-buy-btn-price span {
    font-size: 0.677083vw;
    font-weight: 500;
}

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

#laurent .section-hero .huawei-product-buy-btn:hover {
    opacity: .8;
}

#laurent .section-hero .hero-content {
    text-align: center;
    width: max-content;
    position: relative;
    margin: -14.354167vw auto 0;
    transition: opacity 1s, transform 0.8s;
    transform: translateY(5vw);
    opacity: 0;
}

#laurent .section-hero.active .hero-content {
    transform: translateY(0);
    opacity: 1;
}

#laurent .section-hero .hero-logo {
    width: 31.770833vw;
}

#laurent .section-hero .hero-headline {
    color: #000000;
    margin-top: 2.083333vw;
    font-size: 2.5vw;
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: 0.364583vw;
}

#laurent .section-hero .kv-harmonyos {
    width: 8.157292vw;
    position: absolute;
    top: 46.614583vw;
    right: 3.125vw;
    opacity: 0;
    transition: opacity 1s;
}

#laurent .section-hero.active .kv-harmonyos {
    opacity: 1;
}

#laurent .section-reasons {
    width: 100%;
    position: relative;
    padding-top: 10.416667vw;
}

#laurent .section-reasons .swiper-wrapper {
    transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}

#laurent .section-reasons .swiper-slide {
    width: 67.5vw;
    height: 38.020833vw;
    margin: 0 1.6666vw;
    border-radius: .833333vw;
    transition: none;
    overflow: hidden;
    position: relative
}

#laurent .section-reasons .swiper-slide .reasons-wrap {
    width: 100%;
    height: 100%;
    border-radius: .833333vw;
}

#laurent .section-reasons .swiper-slide .reasons-wrap img,
#laurent .section-reasons .swiper-slide .reasons-wrap video {
    border-radius: .729167vw;
    overflow: hidden
}

#laurent .section-reasons .swiper-slide .reasons-wrap img {
    border-radius: 0;
}

#laurent .section-reasons .reasons-tablet {
    position: absolute;
    transform-origin: bottom;
    transition-duration: .6s;
}

#laurent .section-reasons .reasons-tablet-1 {
    width: 15.3125vw;
    top: 8.802083vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}

#laurent .section-reasons .reasons-tablet-2 {
    width: 13.36875vw;
    top: 10.260417vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
}

#laurent .section-reasons .reasons-tablet-3 {
    width: 11.456771vw;
    top: 11.666667vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}

#laurent .section-reasons .reasons-tablet-4 {
    width: 10.496354vw;
    top: 12.375vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

#laurent .section-reasons .reasons-tablet-5 {
    width: 9.689062vw;
    top: 12.96875vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

#laurent .section-reasons .swiper-slide.active .reasons-tablet-1 {
    transform: translate(calc(-50% + 6vw), -2vw) rotate(42deg);
}

#laurent .section-reasons .swiper-slide.active .reasons-tablet-2 {
    transform: translate(calc(-50% + 3.5vw), -4.6vw) rotate(8deg);
}

#laurent .section-reasons .swiper-slide.active .reasons-tablet-3 {
    transform: translate(calc(-50% - 1.8vw), -5.3vw) rotate(-19deg);
}

#laurent .section-reasons .swiper-slide.active .reasons-tablet-4 {
    transform: translate(calc(-50% - 7.3vw), -2.8vw) rotate(-44deg);
}

#laurent .section-reasons .swiper-slide.active .reasons-tablet-5 {
    transform: translate(calc(-50% - 11.8vw), 2.5vw) rotate(-64deg);
}

#laurent .section-reasons .swiper-slide {
    background: #F7F7FA;
}

#laurent .section-reasons .swiper-slide-4 {
    background: linear-gradient(to top, #FCD7D8, rgba(249, 237, 239, 0.6), rgba(247, 247, 250, 0.4));
}

#laurent .section-reasons .swiper-slide .reasons-wrap-1 {
    width: 54.322917vw;
    position: absolute;
    top: 14.635417vw;
    left: 50%;
    transform: translate(-50%, 13%) scale(1.05);
    transition-duration: .6s;
    opacity: 0;
}

#laurent .section-reasons .swiper-slide.active .reasons-wrap-1 {
    transform: translate(-50%, 0) scale(1);
    opacity: 1;
}

#laurent .section-reasons .swiper-slide .reasons-wrap-2 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#laurent .section-reasons .swiper-slide .reasons-wrap-6 {
    width: 24.6875vw;
    position: absolute;
    height: auto;
    top: 5.729167vw;
    left: 30.9375vw;
}

#laurent .section-reasons .swiper-slide-1 .reasons-items {
    position: absolute;
    top: 8.958333vw;
    left: 2.5vw;
}

#laurent .section-reasons .swiper-slide-4 .reasons-items {
    position: absolute;
    top: 8.958333vw;
    left: 2.5vw;
    transform: translateX(.260417vw);
}

#laurent .section-reasons .swiper-slide-6 .reasons-items {
    position: absolute;
    top: 14.583333vw;
    left: 8.541667vw;
}

#laurent .section-reasons .swiper-slide-1 .reasons-items .text-gradient a {
    display: inline-block;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-image: linear-gradient(101deg, #E17379 0%, #E17379 100%);
    background-size: 100% 100%
}

#laurent .section-reasons .swiper-slide-6 .reasons-items .text-gradient {
    background-image: linear-gradient(to right, #70C6A5, #75C0E5);
}

#laurent .section-reasons .swiper-slide-6 .reasons-wrap-6-video {
    position: absolute;
    width: 22.760417vw;
    top: .989583vw;
    left: .9375vw;
    border-radius: .3125vw;
    transform: translateZ(1px);
    overflow: hidden;
}

#laurent .section-reasons .swiper-slide .reasons-items span {
    margin-left: .416667vw;
}

#laurent .section-reasons .swiper-slide .reasons-items span a {
    display: inline-block;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-image: linear-gradient(101deg, #E17379 0%, #E17379 100%);
    background-size: 100% 100%;
}

#laurent .section-reasons .swiper-slide .reasons-items p {
    color: #7C7C7C;
    font-weight: 300;
}

#laurent .section-reasons .swiper-slide .reasons-bubble-text {
    padding: 0 2.5vw;
    height: 3.802083vw;
    display: flex;
    align-items: center;
    border-radius: 2.03125vw;
    position: absolute;
    overflow: hidden;
    width: max-content;
}

#laurent .section-reasons .swiper-slide .reasons-bubble-text-1 {
    top: 9.791667vw;
    left: 9.479167vw;
}

#laurent .section-reasons .swiper-slide .reasons-bubble-text-2 {
    top: 9.791667vw;
    right: 8.854167vw;
}

#laurent .section-reasons .swiper-slide .reasons-bubble-text-3 {
    top: 26.666667vw;
    left: 9.479167vw;
}

#laurent .section-reasons .swiper-slide .reasons-bubble-text-4 {
    top: 26.666667vw;
    right: 8.854167vw;
}

#laurent .section-reasons .swiper-slide .reasons-bubble-text p {
    opacity: 0;
    transition-duration: .6s;
}

#laurent .section-reasons .swiper-slide .reasons-bubble-bg {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    border-radius: 2.03125vw;
    transition-duration: .6s;
    left: 0;
    opacity: 0;
}

#laurent .section-reasons .swiper-slide.active .reasons-bubble-bg {
    width: 100%;
    opacity: 0.2;
}

#laurent .section-reasons .swiper-slide.active .reasons-bubble-text>p {
    opacity: 0.6;
}

#laurent .section-reasons .swiper-slide .reasons-bubble-text-1 .reasons-bubble-bg {
    background-image: linear-gradient(109deg, #F8DC9D 0%, #F9A2E4 100%);
}

#laurent .section-reasons .swiper-slide .reasons-bubble-text-2 .reasons-bubble-bg {
    background-image: linear-gradient(109deg, #F8DC9D 0%, #7EDDF5 100%);
}

#laurent .section-reasons .swiper-slide .reasons-bubble-text-3 .reasons-bubble-bg {
    background-image: linear-gradient(109deg, #B29EF9 0%, #7EDDF5 100%);
}

#laurent .section-reasons .swiper-slide .reasons-bubble-text-4 .reasons-bubble-bg {
    background-image: linear-gradient(109deg, #F9A2E4 0%, #B29EF9 100%);
}

#laurent .section-reasons .swiper-slide .reasons-con {
    position: relative;
    height: 100%;
}

#laurent .section-reasons .swiper-slide .reasons-title {
    width: auto;
    position: absolute;
    top: 2.291667vw;
    left: 2.5vw;
    transform: translateZ(1px);
    will-change: transform;
    transition: cubic-bezier(0.65, 0.05, 0.36, 1);
}

#laurent .section-reasons .swiper-slide .reasons-title p {
    line-height: 1.25
}

#laurent .section-reasons .swiper-slide-prev,
#laurent .section-reasons .swiper-slide-next {
    cursor: pointer
}

#laurent .section-reasons .swiper-button-center {
    width: 13.854167vw;
    margin: 0 auto;
    height: 3.33vw;
    border-radius: 1.666667vw;
    position: relative;
    margin-top: 2.083333vw;
    background: #F7F8FA;
}

#laurent .section-reasons .swiper-button-center .swiper-pagination {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    justify-content: center
}

#laurent .section-reasons .swiper-button-center .swiper-pagination-bullet {
    width: .52vw;
    height: .52vw;
    margin: auto .260417vw;
    background: #000000;
    transition: all .8s;
    opacity: .2
}

#laurent .section-reasons .swiper-button-center .swiper-pagination-bullet-active {
    background-color: #000000;
    opacity: .8;
    transition: all .8s
}

#laurent .section-reasons .swiper-button-center .swiper-button-prev {
    left: 1.041667vw;
    color: #fff;
    width: 2.083333vw;
    height: 2.083333vw;
    font-weight: bold;
    margin: 0;
    transform: translateY(-50%);
    transition-duration: .3s
}

#laurent .section-reasons .swiper-button-center .swiper-button-prev::after {
    content: ""
}

#laurent .section-reasons .swiper-button-center .swiper-button-prev svg {
    width: 100%;
    height: 100%
}

#laurent .section-reasons .swiper-button-center .swiper-button-next {
    right: 1.041667vw;
    color: #fff;
    width: 2.083333vw;
    height: 2.083333vw;
    font-weight: bold;
    margin: 0;
    transform: translateY(-50%);
    transition-duration: .3s
}

#laurent .section-reasons .swiper-button-center .swiper-button-prev:hover,
#laurent .section-reasons .swiper-button-center .swiper-button-next:hover {
    opacity: 0.6;
}

#laurent .section-reasons .swiper-button-center .swiper-button-next::after {
    content: ""
}

#laurent .section-reasons .swiper-button-center .swiper-button-next svg {
    width: 100%;
    height: 100%;
}

#laurent .section-headline {
    padding: 9.895833vw 0 10.416667vw;
}

#laurent .section-headline .headline-wrap {
    position: relative;
}

#laurent .section-headline .text-copy {
    width: auto;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    outline: none;
    transform: translateX(-50%);
    z-index: -1;
}

#laurent .section-headline .text-copy-2 {
    display: inline-block;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-image: linear-gradient(-130deg, #7EDDF5 0%, #B29EF9 43%, #F9A2E4 58%, #F9A2E4 100%);
    clip-path: polygon(-4.76% 14.15%, 80.28% 2.18%, 68.03% 16.21%, 54.43% 24.94%, 0.68% 31.45%);
    background-size: 100% 100%;
    z-index: 1;
    opacity: 0;
}

#laurent .section-headline .text-gradient {
    transition: 0.5s linear;
    background-image: linear-gradient(to bottom, #F8DC9D 20%, #F9A2E4 50%, #B29EF9 80%, #7EDDF5 100%);
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
    outline: none;
}

#laurent .section-headline.animated .text-gradient {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
}

#laurent .section-headline.animated .text-copy-1 {
    transition: 0.5s ease-in;
    opacity: 0;
}

#laurent .section-headline.animated .text-copy-2 {
    transition: 0.5s ease-in;
    opacity: 1;
}

#laurent .section-screen .sticky-container {
    overflow: hidden;
}

#laurent .section-screen .text-container {
    text-align: center;
    margin: 0 auto;
}

#laurent .section-screen .media-container {
    width: 61.458333vw;
    transform: scale(2.36);
    transform-origin: center;
    margin: 0 auto;
    margin-top: 3.333333vw;
    transition: all .8s;
}

#laurent .section-screen.animated .media-container {
    transform: scale(1);
}

#laurent .section-screen .section-text {
    width: 48.4375vw;
    text-align: center
}

#laurent .section-screen .space-100vh {
    pointer-events: none;
}

#laurent .section-screen .feature-container {
    position: relative;
    opacity: 0;
    z-index: 2;
    margin: 0 auto;
    transform: translateY(15vw);
    transition: all .8s;
}

#laurent .section-screen.animated .feature-container {
    opacity: 1;
    transform: translateY(0);
}

#laurent .section-screen .feature-row {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 41.666667vw;
    flex-wrap: wrap
}

#laurent .section-screen .feature-item {
    width: auto;
    margin: 3.333333vw 7.291667vw 0 0;
    text-align: center;
}

#laurent .section-screen .feature-item:first-child {
    margin-left: 0;
}

#laurent .section-screen .feature-item:nth-child(3n) {
    margin-right: 0;
}

#laurent .section-screen .feature-item-4,
#laurent .section-screen .feature-item-5 {
    margin-right: 8.541667vw;
}

#laurent .section-screen .feature-item-6 img {
    width: 10.104167vw;
    margin-top: 1.354167vw;
}

#laurent .section-screen .feature-num {
    line-height: 1.25;
}

#laurent .section-screen .feature-text {
    margin-top: 0.625vw;
    font-weight: 300;
}

#laurent .section-comfortable {
    padding-top: 9.895833vw;
}

#laurent .section-comfortable .text-container {
    width: 54.739583vw;
    align-items: center;
}

#laurent .section-comfortable .section-text {
    width: 27.722917vw;
    margin-left: auto;
}

#laurent .section-comfortable .media-container {
    width: 67.5vw;
    border-radius: .833333vw;
    overflow: hidden;
}

#laurent .section-comfortable .media-container video {
    mix-blend-mode: darken;
    border-radius: .833333vw;
    overflow: hidden;
}

#laurent .section-comfortable .feature-container {
    margin: 2.5vw auto 0;
}

#laurent .section-comfortable .feature-row {
    display: flex;
    justify-content: center;
    align-items: center;
}

#laurent .section-comfortable .feature-line {
    height: 3.125vw;
    width: 1px;
    background: #CECECE;
    margin: 0 3.125vw;
}

#laurent .section-comfortable .feature-item {
    width: auto;
    display: flex;
    margin-right: 2.083333vw;
}

#laurent .section-comfortable .feature-item:last-child {
    margin-right: 0;
}

#laurent .section-comfortable .feature-text {
    margin-left: .520833vw;
    color: #6F6F6F;
}

#laurent .section-comfortable .feature-item .feature-icon {
    width: 3.802083vw;
}

#laurent .section-comfortable .feature-item-2 .feature-icon {
    width: 8.697917vw;
}

#laurent .section-comfortable .feature-des {
    margin: 2.083333vw auto 0;
    color: #A8A9AA;
}

#laurent .section-pearlescent {
    position: relative;
    padding-top: 9.895833vw;
    background: #fff;
    z-index: 2;
}

#laurent .section-pearlescent .media-container video {
    mix-blend-mode: darken;
}

#laurent .section-pearlescent .section-text {
    width: 52.083333vw;
    margin-left: auto;
    margin-right: auto;
}

#laurent .section-animation {
    position: relative;
    overflow: hidden;
    background: linear-gradient(to top, #F5F5F8, #FFFFFF);
    z-index: 1;
}

#laurent .section-colorful {
    padding-top: 9.895833vw;
}

#laurent .section-colorful .text-64 .text-gradient {
    background-image: linear-gradient(to right, #E8A5A5 10%, #B7EBB1 25%, #CBCBCB 40%, #B7EBB1 65%, #E8A5A5 80%);
}

#laurent .section-colorful .section-text {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    transition-duration: .6s;
}

#laurent .section-colorful .section-text.animated {
    opacity: 1;
}

#laurent .section-colorful .media-container {
    height: 56.25vw;
    margin-top: 0;
}

#laurent .section-colorful .colorful-img {
    position: absolute;
    transition-duration: .6s;
}

#laurent .section-colorful .colorful-img-1 {
    width: 23.448958vw;
    left: 50%;
    transform: translate(-50%, 0);
    transform-origin: bottom;
    top: 0;
    z-index: 6;
}

#laurent .section-colorful .colorful-img-2 {
    width: 21.008854vw;
    left: 40.953125vw;
    transform: rotate(14deg);
    left: 50%;
    transform: translate(-50%, 0);
    top: 1.796875vw;
    z-index: 5;
}

#laurent .section-colorful .colorful-img-3 {
    width: 17.516667vw;
    transform: rotate(-15deg);
    left: 50%;
    transform: translate(-50%, 0);
    top: 4.369792vw;
    z-index: 4;
}

#laurent .section-colorful .colorful-img-4 {
    width: 15.959896vw;
    left: 18.349479vw;
    transform: rotate(-39deg);
    left: 50%;
    transform: translate(-50%, 0);
    top: 6.796875vw;
    z-index: 3;
}

#laurent .section-colorful .colorful-img-5 {
    width: 14.638542vw;
    left: 50%;
    transform: translate(-50%, 0);
    top: 6.489583vw;
    z-index: 2;
}

#laurent .section-colorful .media-container.animated .colorful-img-1 {
    transform: translate(calc(-50% + 11.802083vw), 11.640625vw) rotate(48deg);
}

#laurent .section-colorful .media-container.animated .colorful-img-2 {
    transform: translate(calc(-50% + 12.416667vw), 8.552083vw) rotate(14deg);
}

#laurent .section-colorful .media-container.animated .colorful-img-3 {
    transform: translate(calc(-50% - 2.541667vw), 6.541667vw) rotate(-15deg);
}

#laurent .section-colorful .media-container.animated .colorful-img-4 {
    transform: translate(calc(-50% - 15.09167vw), 10.5vw) rotate(-40deg);
}

#laurent .section-colorful .media-container.animated .colorful-img-5 {
    transform: translate(calc(-50% - 24.05833vw), 21.854167vw) rotate(-60deg);
}

#laurent .w100 {
    width: 100%;
}

#laurent .w160 {
    width: 8.333333vw;
}

#laurent .w582 {
    width: 30.3125vw;
}

#laurent .w690 {
    width: 35.9375vw;
}

#laurent .section-light {
    overflow: hidden;
    padding-bottom: 7.291667vw;
}

#laurent .section-light .lr-content {
    width: 65.046875vw;
    justify-content: center;
    margin: 8.333333vw auto 10.416667vw;
}

#laurent .section-light .feature-container {
    margin-left: auto;
}

#laurent .section-light .feature-row {
    display: flex;
}

#laurent .section-light .feature-row .text-22 {
    font-weight: 300;
}

#laurent .section-light .section-text {
    width: max-content;
}

#laurent .section-light .media-container {
    width: 112.3125vw;
    transform: translateX(-40.8125vw);
    transition-duration: .6s;
}

#laurent .section-light .media-container.animated {
    transform: translateX(-29.8125vw);
}

#laurent .section-bounce {
    width: 100%;
    height: 34.21875vw;
    background: linear-gradient(to bottom, #F5F5F8, #FFFFFF);
    overflow: hidden;
}

#laurent .section-bounce-2 {
    background: linear-gradient(to bottom, #F8F8FA, #FFFFFF);
}

#laurent .section-bounce .bounce-top {
    width: 100%;
    height: 34.21875vw;
    bottom: 12.395833vw;
    position: absolute;
    background: url(/content/dam/huawei-cbg-site/cn/mkt/pdp/tablets/matepad-air-2025/images/others/bg.png) no-repeat;
    background-size: 100%;
    background-position: bottom;
    left: 0;
}

#laurent .section-bounce .bounce-bottom {
    opacity: 0;
    transition-duration: .6s;
}

#laurent .section-bounce.animated .bounce-bottom {
    opacity: 1;

}

#laurent .section-bounce .bounce-ellipse {
    opacity: 0;
}

#laurent .section-bounce.animated .bounce-top {
    animation: bounce-top 0.6s ease-in-out;

}

#laurent .section-bounce.animated .bounce-ellipse {
    animation: ellipse-bounce 0.6s ease-in-out;
    opacity: 1;

}

@keyframes bounce-top {
    0% {
        background-size: 120%;
    }

    20% {
        background-size: 100%;
    }

    40% {
        background-size: 110%;
    }

    60% {
        background-size: 100%;
    }

    80% {
        background-size: 110%;
    }

    100% {
        background-size: 100%;
    }

}

@keyframes ellipse-bounce {
    0% {
        transform: translateX(-50%) translateY(7.291667vw);
    }

    15% {
        transform: translateX(-50%) translateY(0px);
    }

    30% {
        transform: translateX(-50%) translateY(4.166667vw);
    }

    45% {
        transform: translateX(-50%) translateY(0px);
    }

    60% {
        transform: translateX(-50%) translateY(1.5625vw);
    }

    75% {
        transform: translateX(-50%) translateY(0px);
    }

    90% {
        transform: translateX(-50%) translateY(.520833vw);
    }

    100% {
        transform: translateX(-50%) translateY(0px);
    }
}

#laurent .section-bounce .bounce-bottom {
    width: 72.552083vw;
    height: 21.614583vw;
    position: absolute;
    background: url(/content/dam/huawei-cbg-site/cn/mkt/pdp/tablets/matepad-air-2025/images/others/bounce-bottom.png) no-repeat;
    background-size: 100%;
    background-position: center;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);

}

#laurent .section-bounce .bounce-ellipse {
    width: 100%;
    height: 26.041667vw;
    position: absolute;
    background: url(/content/dam/huawei-cbg-site/cn/mkt/pdp/tablets/matepad-air-2025/images/others/ellipse.png) no-repeat;
    background-size: 100%;
    background-position: center;
    top: 21.614583vw;
    left: 50%;
    transform: translateX(-50%);

}

#laurent .section-drops .gradient-wrap {
    position: absolute;
    width: auto;
    height: auto;
}

#laurent .section-drops .mleft {
    margin-left: 5.729167vw;
}

#laurent .section-drops {
    padding: 0;
}

#laurent .section-drops-2 .mleft {
    margin-left: 5vw;
}

#laurent .efficiency-gallery-wrap {
    overflow: hidden;
}

#laurent .section-gallery .section-content {
    width: 67.5vw;
    position: relative;
    margin: 0 auto;
}

@keyframes text-drops {
    0% {
        transform: translateY(-13vw);
    }

    15% {
        transform: translateY(0px);
    }

    30% {
        transform: translateY(-8vw);
    }

    45% {
        transform: translateY(0px);
    }

    60% {
        transform: translateY(-2.083333vw);
    }

    75% {
        transform: translateY(0px);
    }

    90% {
        transform: translateY(-.520833vw);
    }

    100% {
        transform: translateY(0px);
    }
}

#laurent .section-drops .gradient-wrap {
    opacity: 0;

}

#laurent .section-drops.active .gradient-wrap {
    opacity: 1;
    animation: text-drops 0.8s ease-in-out;

}

#laurent .section-drops .text-copy-2 {
    top: 50%;
    transform: translate(-50%, -50%);
    clip-path: polygon(1.68% 2.72%, 39.83% -1.63%, 60.76% 3.69%, 59.03% 17.86%, -37.48% 70.62%);
}

#laurent .section-drops-2 .text-copy-2 {
    top: 50%;
    transform: translate(-50%, -50%);
    clip-path: polygon(1.68% 2.72%, 39.83% -1.63%, 60.76% 3.69%, 34.71% 16.77%, -34.76% 56.48%);
}


#laurent .common-video-btn .video-btn-icon-wrap::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    overflow: hidden;
    z-index: -1;
}

#laurent .common-video-btn .video-btn-icon-wrap .video-play-btn-start {
    display: flex;
    width: 2.5vw;
    opacity: 0;
    transition: opacity .3s ease
}

#laurent .common-video-btn .video-btn-icon-wrap .video-play-btn-pause,
#laurent .common-video-btn .video-btn-icon-wrap .video-play-btn-replay {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    transition: opacity .3s ease
}

#laurent .video-btn-icon-wrap[data-index="1"] .video-play-btn-start {
    opacity: 1
}

#laurent .video-btn-icon-wrap[data-index="2"] .video-play-btn-pause {
    opacity: 1
}

#laurent .video-btn-icon-wrap[data-index="3"] .video-play-btn-replay {
    opacity: 1
}

#laurent .swiper-button-prev,
#laurent .swiper-button-next {
    transition: opacity .3s ease;
}

#laurent .swiper-button-prev:hover,
#laurent .swiper-button-next:hover {
    opacity: 0.6;
}

#laurent .swiper-button-prev:active,
#laurent .swiper-button-next:active {
    opacity: 1;
}

#laurent .section-productivity {
    padding-top: 0;
    padding-bottom: 15.104167vw;
    transition: all 1s;
}

#laurent .section-painting {
    padding-top: 10.416667vw;
    padding-bottom: 15.104167vw;
    overflow: hidden;
}

#laurent .section-painting .text-container {
    margin: 0 auto 3.333333vw;
}

#laurent .section-painting .painting-swiper {
    width: 67.5vw;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    overflow: inherit;
}

#laurent .section-painting .painting-swiper .swiper-wrapper {
    transition-timing-function: ease;
}

#laurent .section-painting .painting-des {
    width: 67.5vw;
    color: #A8A9AA;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top: 1.666667vw;
}

#laurent .section-painting .painting-wrapper {
    position: relative;
}

#laurent .section-painting .media-container {
    width: 100%;
    height: 100%;
    border-radius: .833333vw;
    margin-top: 0;
    box-sizing: border-box;
    overflow: hidden;
}

#laurent .section-painting .media-container img,
#laurent .section-painting .media-container video {
    border-radius: .729167vw;
    overflow: hidden
}

#laurent .section-painting .media-container .common-video-btn span.text-22 {
    color: #000;
}

#laurent .section-painting .media-container::after {
    content: '';
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, transparent 100%);
    position: absolute;
    transform: translateZ(1px);
    top: 0;
    left: 0;
}

#laurent .section-painting .painting-swiper-text-wrap {
    width: 67.5vw;
    position: absolute;
    top: 1.875vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

#laurent .section-painting .painting-swiper-text-wrap span {
    display: block;
    line-height: 1.25;
}

#laurent .section-painting .painting-swiper-text-wrap span.nowrap {
    display: inline-block;
}

#laurent .section-painting .painting-swiper-text-wrap span,
#laurent .section-painting .painting-swiper-text-wrap p {
    color: #fff;
}


#laurent .section-painting .painting-swiper-text-1 {
    position: relative;
    top: auto;
    left: auto;
}

#laurent .section-painting .section-text {
    width: auto;
    margin-left: 2.083333vw;
    margin-right: auto;
    text-align: left;
}

#laurent .section-painting .section-text p {
    display: inline-block;
    margin-top: .78125vw;
    line-height: 1.6;
}

#laurent .section-painting .painting-swiper .swiper-slide {
    width: 100%;
    margin: 0 .625vw;
}

#laurent .section-painting .painting-swiper .common-video-btn {
    opacity: 1;
    pointer-events: all;
}

#laurent .section-painting .media-container .common-video-btn span.text-22 {
    color: #000;
}

#laurent .section-painting .swiper-button-center {
    position: absolute;
    width: 6.25vw;
    height: 2.5vw;
    right: 15.9375vw;
    top: auto;
    margin-top: 2.5vw;
}

#laurent .section-painting .swiper-button-prev,
#laurent .section-painting .swiper-button-next {
    left: auto;
    right: auto;
    bottom: 0;
    top: auto;
    width: 2.5vw;
    height: 2.5vw;
    margin: 0;
}

#laurent .section-painting .swiper-button-prev {
    left: 0;
}

#laurent .section-painting .swiper-button-next {
    right: 0;
}

#laurent .section-painting .swiper-button-prev svg,
#laurent .section-painting .swiper-button-next svg {
    width: 100%;
    height: 100%;
}

#laurent .section-painting .painting-text-swiper .swiper-slide {
    width: 100%;
    margin: 0 1.25vw 0 0;
}

#laurent .section-painting .painting-text-swiper .swiper-slide:last-child {
    margin-right: 0;
}

#laurent .multi-productivity {
    overflow: hidden;
}

#laurent .multi-productivity .text-container {
    margin: 0 auto 3.333333vw;
}

#laurent .multi-productivity .productivity-swiper {
    width: 67.5vw;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    overflow: inherit;
}

#laurent .multi-productivity .productivity-swiper .swiper-wrapper {
    transition-timing-function: ease;
}

#laurent .multi-productivity .media-container {
    width: 100%;
    height: 100%;
    border-radius: .833333vw;
    margin-top: 0;
    box-sizing: border-box;
}

#laurent .multi-productivity .media-container img,
#laurent .multi-productivity .media-container video {
    border-radius: .729167vw;
    overflow: hidden
}

#laurent video {
    mix-blend-mode: darken;
}

#laurent .multi-productivity .media-container .common-video-btn span.text-22 {
    color: #000;
}

#laurent .multi-productivity .productivity-swiper-text-wrap {
    width: 53.125vw;
    position: absolute;
    top: auto;
    left: auto;
    margin-left: 17.0833333vw;
    margin-top: 2.083333vw;
}

#laurent .multi-productivity .productivity-swiper-text-wrap .productivity-swiper-text {
    transition-duration: .3s;
}

#laurent .multi-productivity .productivity-swiper-text-wrap[data-index="0"] .productivity-swiper-text-2,
#laurent .multi-productivity .productivity-swiper-text-wrap[data-index="0"] .productivity-swiper-text-3 {
    opacity: 0;
    pointer-events: none;
}

#laurent .multi-productivity .productivity-swiper-text-wrap[data-index="1"] .productivity-swiper-text-1,
#laurent .multi-productivity .productivity-swiper-text-wrap[data-index="1"] .productivity-swiper-text-3 {
    opacity: 0;
    pointer-events: none;
}

#laurent .multi-productivity .productivity-swiper-text-wrap[data-index="2"] .productivity-swiper-text-1,
#laurent .multi-productivity .productivity-swiper-text-wrap[data-index="2"] .productivity-swiper-text-2 {
    opacity: 0;
    pointer-events: none;
}

#laurent .multi-productivity .productivity-swiper-text {
    position: absolute;
    top: 0;
    left: 0;
}

#laurent .multi-productivity .productivity-swiper-text-1 {
    position: relative;
    top: auto;
    left: auto;
}

#laurent .multi-productivity .section-text {
    width: 53.697917vw;
    margin-left: 0;
    margin-right: auto;
    text-align: left;
}

#laurent .multi-productivity .section-text span {
    line-height: 1.25;
}

#laurent .multi-productivity .section-text p {
    display: inline-block;
}

#laurent .multi-productivity .swiper-slide {
    width: 100%;
    margin: 0 .625vw;
}

#laurent .multi-productivity .productivity-swiper .common-video-btn {
    opacity: 1;
    pointer-events: all;
}

#laurent .multi-productivity .media-container .common-video-btn span.text-22 {
    color: #000;
}

#laurent .multi-productivity .swiper-button-center {
    position: absolute;
    width: 6.25vw;
    height: 2.5vw;
    right: 15.9375vw;
    top: auto;
    margin-top: 2.5vw;
}

#laurent .multi-productivity .swiper-button-prev,
#laurent .multi-productivity .swiper-button-next {
    left: auto;
    right: auto;
    bottom: 0;
    top: auto;
    width: 2.5vw;
    height: 2.5vw;
    margin: 0;
}

#laurent .multi-productivity .swiper-button-prev {
    left: 0;
}

#laurent .multi-productivity .swiper-button-next {
    right: 0;
}

#laurent .multi-productivity .swiper-button-prev svg,
#laurent .multi-productivity .swiper-button-next svg {
    width: 100%;
    height: 100%;
}

#laurent .efficiency {
    overflow: hidden
}

#laurent .efficiency .efficiency-icon {
    width: 14.597396vw;
    margin-left: auto;
    margin-right: auto
}

#laurent .efficiency-bg {
    position: absolute;
    width: 61.614583vw;
    left: 50%;
    transform: translate(-50%);
    border-radius: 50%;
    overflow: hidden;
    top: 20.833333vw;
    pointer-events: none
}

#laurent .efficiency-gallery {
    width: 67.5vw;
    margin-left: auto;
    margin-right: auto
}

#laurent .efficiency-swiper {
    margin-top: 10.416667vw;
    overflow: inherit
}

#laurent .efficiency-swiper .swiper-slide {
    width: 67.5vw;
    border-radius: .833333vw;
    margin: 0 .625vw;
    overflow: hidden;
    transition-duration: .5s
}

#laurent .efficiency-swiper .swiper-slide .section-picture {
    width: 100%;
    transition-duration: .5s
}

#laurent .efficiency-swiper .swiper-slide .efficiency-text {
    color: #fff;
    transform: translateZ(1px);
}

#laurent .efficiency-swiper .swiper-pagination {
    bottom: auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px 0;
    top: auto;
    margin-top: 2.083333vw
}

#laurent .efficiency-swiper .swiper-pagination-bullet {
    width: .520833vw;
    height: .520833vw;
    border-radius: 100%;
    overflow: hidden;
    background: #fbe1c6;
    margin: 0 .260417vw;
    opacity: .2;
    transition-duration: .5s
}

#laurent .efficiency-swiper .swiper-pagination-bullet-active {
    width: 1.041667vw;
    height: .520833vw;
    background: #fbe1c6;
    opacity: .8;
    border-radius: 4.166667vw
}

#laurent .efficiency-swiper .efficiency-text {
    position: absolute;
    line-height: 1.25;
    top: 1.875vw;
    left: 2.083333vw
}

#laurent .efficiency-swiper .swiper-button-container {
    position: relative;
    display: flex;
    width: 6.25vw;
    margin-right: 0;
    margin-left: auto;
    margin-top: 2.5vw
}

#laurent .efficiency-swiper .swiper-button-prev {
    position: relative;
    top: auto;
    width: 2.5vw;
    height: 2.5vw;
    left: auto;
    transform: unset;
    right: auto;
    margin-top: 0
}

#laurent .efficiency-swiper .swiper-button-prev svg {
    width: 100%;
    height: auto;
    transition: opacity .3s ease
}

#laurent .efficiency-swiper .swiper-button-next {
    position: relative;
    top: auto;
    transform: unset;
    width: 2.5vw;
    height: 2.5vw;
    margin-left: 1.25vw;
    right: auto;
    left: auto;
    margin-top: 0
}

#laurent .efficiency-swiper .swiper-button-next svg {
    width: 100%;
    height: auto;
    transition: opacity .3s ease
}

#laurent .section-xiaoyi {
    margin: 0 auto;
    padding-top: 9.895833vw;
    width: 67.5vw
}

#laurent .section-xiaoyi .section-content {
    width: 100%;
    margin: 0 auto 3.333333vw;
    text-align: center
}

#laurent .section-xiaoyi .swiper-slide {
    width: 100%;
    margin-right: 0
}

#laurent .section-xiaoyi .swiper-slide:last-child {
    margin-right: 0
}

#laurent .section-xiaoyi .swiper-slide .media-container {
    box-sizing: border-box;
    margin-top: 0;
    border-radius: .833333vw;
    overflow: hidden
}

#laurent .section-xiaoyi .swiper-slide .media-container .responsive-video {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

#laurent .section-xiaoyi .swiper-slide .xiaoyi-des {
    width: 45.833333vw;
    margin: 6.458333vw auto 0;
    opacity: 0;
    transition: all .5s
}

#laurent .section-xiaoyi .swiper-slide .xiaoyi-des .text-32 {
    font-weight: bold
}

#laurent .section-xiaoyi .swiper-slide .xiaoyi-des p {
    color: #6D6F72;
    margin-top: 0;
    text-align: center
}

#laurent .section-xiaoyi .swiper-slide-active .xiaoyi-des {
    opacity: 1
}

#laurent .section-xiaoyi .xiaoyi-swiper-scrollbar {
    position: absolute;
    bottom: auto;
    width: 55vw;
    height: 1px;
    top: 43.229167vw;
    left: 50%;
    transform: translateX(-50%);
    background: #ADADAD;
}

#laurent .section-xiaoyi .xiaoyi-swiper-scrollbar .xiaoyi-swiper-scrollbar-drag {
    position: absolute;
    width: 14.166667vw;
    height: 2px;
    top: -1px;
    transform: translateX(0px);
    left: 0;
    background: linear-gradient(to right, #FCCE67 0%, #F894E0 40%, #8F6FFF 80%, #45D9FF 100%);
    transition: all .5s
}

#laurent .section-xiaoyi .xiaoyi-swiper-scrollbar[data-active="0"] .xiaoyi-swiper-scrollbar-drag {
    transform: translateX(0px);
}

#laurent .section-xiaoyi .xiaoyi-swiper-scrollbar[data-active="1"] .xiaoyi-swiper-scrollbar-drag {
    width: 10.833333vw;
    transform: translateX(15.822917vw);
}

#laurent .section-xiaoyi .xiaoyi-swiper-scrollbar[data-active="2"] .xiaoyi-swiper-scrollbar-drag {
    width: 10.833333vw;
    transform: translateX(28.322917vw);
}

#laurent .section-xiaoyi .xiaoyi-swiper-scrollbar[data-active="3"] .xiaoyi-swiper-scrollbar-drag {
    width: 14.174479vw;
    transform: translateX(40.822917vw);
}

#laurent .section-xiaoyi .swiper-scrollbar-drag {
    display: none
}

#laurent .section-xiaoyi .xiaoyi-text-btn-wrap {
    position: absolute;
    width: 67.5vw;
    left: 50%;
    transform: translateX(-50%);
    top: 40.104167vw;
    bottom: auto;
    z-index: 3;
    display: flex;
    justify-content: center;
    cursor: pointer
}

#laurent .section-xiaoyi .xiaoyi-text-btn-wrap .xiaoyi-text-btn {
    color: #CECECE;
    margin-left: 2.5vw;
}

#laurent .section-xiaoyi .xiaoyi-text-btn-wrap .xiaoyi-text-btn .text-32 {
    line-height: 1.25;
}

#laurent .section-xiaoyi .xiaoyi-text-btn-wrap .xiaoyi-text-btn:first-child {
    margin-left: 0;
}

#laurent .section-xiaoyi .xiaoyi-text-btn-wrap .xiaoyi-text-btn.active {
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-image: linear-gradient(101deg, #FCCE67 0%, #F894E0 40%, #8F6FFF 80%, #45D9FF 100%);
    background-size: 100% 100%
}

#laurent .section-xiaoyi .xiaoyi-text-btn-wrap .xiaoyi-text-btn.active sup {

    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-image: linear-gradient(101deg, #5AB9FF 0%, #45D9FF 100%);
    background-size: 100% 100%
}

#laurent .section-xiaoyi .swiper-button-prev {
    top: auto;
    bottom: 0;
    width: 2.5vw;
    height: 2.5vw;
    left: auto;
    right: 3.541667vw
}

#laurent .section-xiaoyi .swiper-button-prev::after {
    content: ""
}

#laurent .section-xiaoyi .swiper-button-next {
    top: auto;
    bottom: 0;
    width: 2.5vw;
    height: 2.5vw;
    right: 0;
    left: auto
}

#laurent .section-xiaoyi .swiper-button-next::after {
    content: ""
}

#laurent .section-xiaoyi .xiaoyi-container {
    display: flex;
    justify-content: space-between;
    position: relative
}

#laurent .section-xiaoyi .xiaoyi-image {
    position: relative
}

#laurent .section-xiaoyi .xiaoyi-video-play-btn-container {
    cursor: pointer;
    position: absolute;
    right: 1.666667vw;
    bottom: 1.666667vw;
    width: 2.604167vw;
    height: 2.604167vw;
    box-shadow: inset -0.104167vw -0.15625vw 1.041667vw rgba(202, 180, 159, .47);
    border-radius: 50%
}

#laurent .section-xiaoyi .xiaoyi-video-play-btn-container svg {
    width: 2.604167vw;
    height: 2.604167vw
}

#laurent .section-xiaoyi .xiaoyi-video-play-btn-border-grey {
    display: flex
}

#laurent .section-xiaoyi .xiaoyi-video-play-btn-border-black {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-90deg)
}

#laurent .section-xiaoyi .xiaoyi-video-play-btn-border-black circle {
    stroke-dasharray: 114;
    stroke-dashoffset: 114;
    stroke-linecap: round;
    opacity: 1
}

#laurent .section-xiaoyi .xiaoyi-video-play-btn-border-black.active circle {
    opacity: 1
}

#laurent .section-xiaoyi .xiaoyi-video-play-btn-start {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .3s ease
}

#laurent .section-xiaoyi .xiaoyi-video-play-btn-pause {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .3s ease
}

#laurent .section-xiaoyi .xiaoyi-video-play-btn {
    position: absolute;
    top: 0;
    left: 0
}

#laurent .section-xiaoyi .xiaoyi-video-play-btn[data-index="1"] .xiaoyi-video-play-btn-start {
    opacity: 1
}

#laurent .section-xiaoyi .xiaoyi-video-play-btn[data-index="2"] .xiaoyi-video-play-btn-pause {
    opacity: 1
}

#laurent .section-xiaoyi .xiaoyi-swiper-btn-container {
    display: none;
    margin-top: 2.6vw;
    margin-left: 57.708333vw
}

#laurent .section-xiaoyi .xiaoyi-swiper-btn-container svg {
    width: 2.604167vw;
    height: 2.604167vw
}

#laurent .section-xiaoyi .xiaoyi-swiper-btn-container svg g {
    opacity: 1;
    transition: opacity .3s ease
}

#laurent .section-xiaoyi .xiaoyi-swiper-btn-container .swiper-button-disabled {
    cursor: default
}

#laurent .section-xiaoyi .xiaoyi-swiper-prev-btn {
    cursor: pointer;
    display: flex;
    margin-right: 1.5625vw
}

#laurent .section-xiaoyi .xiaoyi-swiper-next-btn {
    cursor: pointer;
    display: flex
}

#laurent .section-note {
    padding-top: 10.416667vw;
    overflow: hidden;
}

#laurent .section-note .section-content {
    width: 67.5vw;
    margin: 0 auto;
    text-align: center;
}

#laurent .section-note .section-content {
    width: 52.083333vw;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

#laurent .section-note .note-container {
    width: 79.166667vw;
    height: auto;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    align-items: flex-start;
}

#laurent .section-note .note-left {
    width: 45.083333vw;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

#laurent .section-note .note-left .noteSwiper {
    width: 100%;
    overflow: initial;
    pointer-events: none;
}

#laurent .section-note .note-left .noteSwiper .swiper-slide {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .5s ease;
    overflow: hidden;
}

#laurent .section-note .note-left .swiper-wrapper {
    perspective: 100vw;
    perspective-origin: 50% -50%;
    overflow: initial;
}

#laurent .section-note .note-left .noteSwiper .media-container {
    margin: 0;
}

#laurent .section-note .note-left .noteSwiper .swiper-slide img,
#laurent .section-note .note-left .noteSwiper .swiper-slide video {
    will-change: transform;
    border-radius: .833333vw;
    overflow: hidden;
    position: relative;
}

#laurent .section-note .note-left .noteSwiper .swiper-slide .media-container {
    border-radius: .833333vw;
    overflow: hidden;
}

#laurent .section-note .note-left .noteSwiper .swiper-slide:nth-child(1) {
    position: relative;
}

#laurent .section-note .note-left[data-index="0"] .swiper-slide-3 {
    transform: translateZ(0vw);
    opacity: 0;
    z-index: 2;
}

#laurent .section-note .note-left[data-index="0"] .swiper-slide-2 {
    transform: translateZ(0vw);
    opacity: 0.4;
    z-index: 3;
}

#laurent .section-note .note-left[data-index="0"] .swiper-slide-1 {
    transform: translateZ(14.84375vw);
    opacity: 1;
    z-index: 4;
}

#laurent .section-note .note-left[data-index="1"] .swiper-slide-1 {
    transform: translateZ(0vw);
    opacity: 0;
    z-index: 2;
}

#laurent .section-note .note-left[data-index="1"] .swiper-slide-3 {
    transform: translateZ(0vw);
    opacity: 0.4;
    z-index: 3;
}

#laurent .section-note .note-left[data-index="1"] .swiper-slide-2 {
    transform: translateZ(14.84375vw);
    opacity: 1;
    z-index: 4;
}

#laurent .section-note .note-left[data-index="2"] .swiper-slide-2 {
    transform: translateZ(0vw);
    opacity: 0;
    z-index: 2;
}

#laurent .section-note .note-left[data-index="2"] .swiper-slide-1 {
    transform: translateZ(0vw);
    opacity: 0.4;
    z-index: 3;
}

#laurent .section-note .note-left[data-index="2"] .swiper-slide-3 {
    transform: translateZ(14.84375vw);
    opacity: 1;
    z-index: 4;
}

#laurent .section-note .note-right {
    width: 17.708333vw;
    margin-left: 0;
    padding: 9.0625vw 0;
    margin-right: auto;
    position: relative;
}

#laurent .section-note .note-left {
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

#laurent .section-note .note-right .note-right-title {
    width: 100%;
}

#laurent .section-note .note-right .note-right-title .swiper-wrapper {
    display: block
}

#laurent .section-note .note-right .note-right-title[data-active="0"] .note-right-title-item-1 p {
    height: var(--notep1) !important;
    margin-top: .625vw
}

#laurent .section-note .note-right .note-right-title[data-active="0"] .note-swiper-scrollbar-drag {
    transform: translateY(0);
}

#laurent .section-note .note-right .note-right-title[data-active="0"] .note-right-title-item-1 .text-32 {
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-image: linear-gradient(101deg, #FCCE67 0%, #F894E0 40%, #8F6FFF 80%, #45D9FF 100%);
    background-size: 100% 100%;
}

#laurent .section-note .note-right .note-right-title[data-active="0"] .note-right-title-item-1 a,
#laurent .section-note .note-right .note-right-title[data-active="1"] .note-right-title-item-2 a,
#laurent .section-note .note-right .note-right-title[data-active="2"] .note-right-title-item-3 a {
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-image: linear-gradient(101deg, #8F6FFF 0%, #45D9FF 100%);
    background-size: 100% 100%;
}

#laurent .section-note .note-right .note-right-title[data-active="1"] .note-right-title-item-2 p {
    height: var(--notep2) !important;
    margin-top: .625vw
}

#laurent .section-note .note-right .note-right-title[data-active="1"] .note-swiper-scrollbar-drag {
    transform: translateY(5.729167vw);
}

#laurent .section-note .note-right .note-right-title[data-active="1"] .note-right-title-item-2 .text-32 {
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-image: linear-gradient(101deg, #FCCE67 0%, #F894E0 40%, #8F6FFF 80%, #45D9FF 100%);
    background-size: 100% 100%;
}

#laurent .section-note .note-right .note-right-title[data-active="2"] .note-right-title-item-3 p {
    height: var(--notep3) !important;
    margin-top: .625vw
}

#laurent .section-note .note-right .note-right-title[data-active="2"] .note-swiper-scrollbar-drag {
    transform: translateY(11.458333vw);
}

#laurent .section-note .note-right .note-right-title[data-active="2"] .note-right-title-item-3 .text-32 {
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-image: linear-gradient(101deg, #FCCE67 0%, #F894E0 40%, #8F6FFF 80%, #45D9FF 100%);
    background-size: 100% 100%;
}

#laurent .section-note .note-right .note-right-title .note-right-title-item {
    width: 100%;
    position: relative;
    padding-bottom: 3.333333vw;
    margin-left: 1.666667vw;
    cursor: pointer;
}

#laurent .section-note .note-right .note-right-title .note-right-title-item:last-child {
    padding-bottom: 0;
}

#laurent .section-note .note-right .note-right-title .note-right-title-item p {
    color: #6F6F6F;
    transition: .5s all ease-in-out;
    overflow: hidden;
    margin-top: 0px
}

#laurent .section-note .note-right .note-right-title-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #CECECE;
}

#laurent .section-note .note-right .note-right-title-top .text-32 {
    line-height: 1.25;
}

#laurent .section-note .note-right .note-right-title .note-swiper-thu-scrollbar {
    width: 1px;
    height: 17.1875vw;
    background: #ADADAD;
    position: absolute;
    left: 0;
    top: 9.0625vw;
}

#laurent .section-note .note-right .note-right-title .note-swiper-scrollbar-drag {
    height: 5.729167vw;
    width: 2px;
    position: absolute;
    transition: .5s all ease-in-out;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, #FCCE67 0%, #F894E0 40%, #8F6FFF 80%, #45D9FF 100%);
}

#laurent .section-note .note-text-btn-wrap {
    display: none;
}

#laurent .section-harmonyos {
    margin: 0 auto;
    padding-top: 0;
    width: 67.5vw
}

#laurent .section-harmonyos .section-content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

#laurent .section-harmonyos .swiper-slide {
    width: 100%;
    margin-right: 0
}

#laurent .section-harmonyos .swiper-slide:last-child {
    margin-right: 0
}

#laurent .section-harmonyos .swiper-slide .media-container {
    box-sizing: border-box;
    margin-top: 3.333333vw;
    border-radius: .833333vw;
    overflow: hidden
}

#laurent .section-harmonyos .swiper-slide .media-container .responsive-video {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

#laurent .section-harmonyos .swiper-slide .harmonyos-des {
    width: 44.791667vw;
    margin: 6.25vw auto 0;
    opacity: 0;
    transition: all .5s
}

#laurent .section-harmonyos .swiper-slide .harmonyos-des .text-32 {
    font-weight: bold
}

#laurent .section-harmonyos .swiper-slide .harmonyos-des p {
    color: #6D6F72;
    margin-top: 0;
    text-align: center
}

#laurent .section-harmonyos .swiper-slide-active .harmonyos-des {
    opacity: 1
}

#laurent .section-harmonyos .harmonyos-swiper-scrollbar {
    position: absolute;
    bottom: auto;
    width: 40.833333vw;
    height: 1px;
    top: 46.145833vw;
    left: 50%;
    transform: translateX(-50%);
    background: #ADADAD;
}

#laurent .section-harmonyos .harmonyos-swiper-scrollbar .harmonyos-swiper-scrollbar-drag {
    position: absolute;
    width: 10.625vw;
    height: 2px;
    top: -1px;
    transform: translateX(0px);
    left: 0;
    background: linear-gradient(to right, #FCCE67 0%, #F894E0 40%, #8F6FFF 80%, #45D9FF 100%);
    transition: all .5s
}

#laurent .section-harmonyos .harmonyos-swiper-scrollbar[data-active="0"] .harmonyos-swiper-scrollbar-drag {
    transform: translateX(0px);
}

#laurent .section-harmonyos .harmonyos-swiper-scrollbar[data-active="1"] .harmonyos-swiper-scrollbar-drag {
    transform: translateX(11.979167vw);
    width: 8.645833vw;
}

#laurent .section-harmonyos .harmonyos-swiper-scrollbar[data-active="2"] .harmonyos-swiper-scrollbar-drag {
    transform: translateX(22.447917vw);
    width: 7.604167vw;
}

#laurent .section-harmonyos .harmonyos-swiper-scrollbar[data-active="3"] .harmonyos-swiper-scrollbar-drag {
    transform: translateX(31.666667vw);
    width: 9.166667vw;
}

#laurent .section-harmonyos .swiper-scrollbar-drag {
    display: none
}

#laurent .section-harmonyos .harmonyos-text-btn-wrap {
    position: absolute;
    width: 51.666667vw;
    left: 50%;
    transform: translateX(-50%);
    top: 42.96875vw;
    bottom: auto;
    z-index: 3;
    display: flex;
    justify-content: center;
    cursor: pointer
}

#laurent .section-harmonyos .harmonyos-text-btn-wrap .harmonyos-text-btn {
    color: #CECECE;
    margin-left: 2.5vw;
    line-height: 1.25;
}

#laurent .section-harmonyos .harmonyos-text-btn-wrap .harmonyos-text-btn:first-child {
    margin-left: 0;
}

#laurent .section-harmonyos .harmonyos-text-btn-wrap .harmonyos-text-btn.active {
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-image: linear-gradient(101deg, #FCCE67 0%, #F894E0 40%, #8F6FFF 80%, #45D9FF 100%);
    background-size: 100% 100%
}

#laurent .section-harmonyos .harmonyos-text-btn-wrap .harmonyos-text-btn.active sup {

    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-image: linear-gradient(101deg, #5AB9FF 0%, #45D9FF 100%);
    background-size: 100% 100%
}

#laurent .section-harmonyos .harmonyos-text-bottom {
    color: #A8A9AA;
    margin-top: 2.083333vw;
    text-align: center;
}

#laurent .section-harmonyos .swiper-button-prev {
    top: auto;
    bottom: 0;
    width: 2.5vw;
    height: 2.5vw;
    left: auto;
    right: 3.541667vw
}

#laurent .section-harmonyos .swiper-button-prev::after {
    content: ""
}

#laurent .section-harmonyos .swiper-button-next {
    top: auto;
    bottom: 0;
    width: 2.5vw;
    height: 2.5vw;
    right: 0;
    left: auto
}

#laurent .section-harmonyos .swiper-button-next::after {
    content: ""
}

#laurent .section-harmonyos .harmonyos-container {
    display: flex;
    justify-content: space-between;
    position: relative
}

#laurent .section-harmonyos .harmonyos-image {
    position: relative
}

#laurent .section-harmonyos .harmonyos-video-play-btn-container {
    cursor: pointer;
    position: absolute;
    right: 1.666667vw;
    bottom: 1.666667vw;
    width: 2.604167vw;
    height: 2.604167vw;
    box-shadow: inset -0.104167vw -0.15625vw 1.041667vw rgba(202, 180, 159, .47);
    border-radius: 50%
}

#laurent .section-harmonyos .harmonyos-video-play-btn-container svg {
    width: 2.604167vw;
    height: 2.604167vw
}

#laurent .section-harmonyos .harmonyos-video-play-btn-border-grey {
    display: flex
}

#laurent .section-harmonyos .harmonyos-video-play-btn-border-black {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-90deg)
}

#laurent .section-harmonyos .harmonyos-video-play-btn-border-black circle {
    stroke-dasharray: 114;
    stroke-dashoffset: 114;
    stroke-linecap: round;
    opacity: 1
}

#laurent .section-harmonyos .harmonyos-video-play-btn-border-black.active circle {
    opacity: 1
}

#laurent .section-harmonyos .harmonyos-video-play-btn-start {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .3s ease
}

#laurent .section-harmonyos .harmonyos-video-play-btn-pause {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .3s ease
}

#laurent .section-harmonyos .harmonyos-video-play-btn {
    position: absolute;
    top: 0;
    left: 0
}

#laurent .section-harmonyos .harmonyos-video-play-btn[data-index="1"] .harmonyos-video-play-btn-start {
    opacity: 1
}

#laurent .section-harmonyos .harmonyos-video-play-btn[data-index="2"] .harmonyos-video-play-btn-pause {
    opacity: 1
}

#laurent .section-harmonyos .harmonyos-swiper-btn-container {
    display: none;
    margin-top: 2.6vw;
    margin-left: 57.708333vw
}

#laurent .section-harmonyos .harmonyos-swiper-btn-container svg {
    width: 2.604167vw;
    height: 2.604167vw
}

#laurent .section-harmonyos .harmonyos-swiper-btn-container svg g {
    opacity: 1;
    transition: opacity .3s ease
}

#laurent .section-harmonyos .harmonyos-swiper-btn-container .swiper-button-disabled {
    cursor: default
}

#laurent .section-harmonyos .harmonyos-swiper-prev-btn {
    cursor: pointer;
    display: flex;
    margin-right: 1.5625vw
}

#laurent .section-harmonyos .harmonyos-swiper-next-btn {
    cursor: pointer;
    display: flex
}

#laurent .section-pencil {
    width: 100%;
    padding-top: 9.895833vw;
    padding-bottom: 50.416667vw;
    overflow: hidden;
}

#laurent .section-pencil .section-text {
    width: auto;
    max-width: 41.666667vw;
    margin-left: 50.260417vw;
    margin-right: auto;
    position: relative;
    z-index: 2;
}

#laurent .section-pencil .section-text p {
    width: 26.041667vw;
}

#laurent .section-pencil .media-container {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: auto;
    top: 0;
    left: 0;
}

#laurent .section-pencil .pencil-img-left {
    position: absolute;
    width: 88.385417vw;
    top: 13.541667vw;
    left: -19.608333vw;
    transform-origin: center;
}

#laurent .section-pencil .pencil-img-right {
    position: absolute;
    width: 70.685938vw;
    top: 31.25vw;
    right: -3.177083vw;
    transform-origin: center;
}

#laurent .section-pencil .pencil-link {
    margin-top: 1.666667vw;
}

#laurent .linkga {
    color: #619FF8;
}


#laurent .linkga .link-to {
    transition: transform .3s ease-out;
    display: inline-block
}

#laurent .linkga:hover .link-to {
    transform: translateX(3px)
}

#laurent .pencil-des {
    color: #A8A9AA;
    margin-top: 2.083333vw;
}

#laurent .section-keyboard {
    background: linear-gradient(to top, #FAFAFC, #FFFFFF);
    z-index: 2;
}

#laurent .section-keyboard .section-text {
    width: 25vw;
    padding: 17.708333vw 0 14.114583vw;
    margin-left: 16.25vw;
    margin-right: auto;
    position: relative;
    z-index: 2;
}

#laurent .section-keyboard .media-container {
    position: absolute;
    width: 100%;
    height: auto;
    margin-top: auto;
    top: 0;
    right: 0;
}

#laurent .section-keyboard .media-container video {
    mix-blend-mode: darken;
}

#laurent .section-keyboard .keyboard-link {
    margin-top: 1.666667vw;
}

@keyframes systemwave {
    0% {
        opacity: 1;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
    }

    80% {
        opacity: 0.8;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
    }
}

#laurent .section-system {
    padding-top: 9.895833vw;
}

#laurent .section-system .section-content {
    width: 67.5vw;
    margin-left: auto;
    margin-right: auto;
}

#laurent .section-system .media-container {
    border-radius: .833333vw;
    overflow: hidden;
}

#laurent .section-system .system-cards {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10.416667vw;
}

#laurent .section-system .system-card {
    position: relative;
    background: #F8F8FA;
    border-radius: .833333vw;
    overflow: hidden;
}

#laurent .section-system .system-item-icon {
    width: 2.083333vw;
    margin-right: .833333vw;
}

#laurent .section-system .system-card-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#laurent .section-system .system-card-item {
    display: flex;
    flex-direction: row;
}

#laurent .section-system .system-card-1 .system-card-desc {
    width: 23.34375vw;
    padding: 6.145833vw 0 6.145833vw 6.25vw;
}

#laurent .section-system .system-card-desc .system-card-headline {
    line-height: 1.25;
}

#laurent .section-system .system-card-1 .system-card-item {
    margin-top: 2.916667vw;
}

#laurent .section-system .system-card-1 .system-card-item:nth-child(2n) {
    margin-left: 2.083333vw;
}

#laurent .section-system .system-card-1 .system-card-item:last-child {
    margin-top: 1.875vw;
}

#laurent .section-system .system-card-1 .system-card-img {
    position: absolute;
    width: 20.729167vw;
    top: 5.989583vw;
    right: 10.25vw;
}

#laurent .section-system .system-card-1 .system-card-video {
    position: absolute;
    top: .833333vw;
    left: .78125vw;
    width: 19.114583vw;
}

#laurent .section-system .system-card-2,
#laurent .section-system .system-card-3 {
    margin-top: 1.25vw;
}

#laurent .section-system .system-card-3 {
    margin-left: auto;
}

#laurent .section-system .system-card-2 .system-card-desc {
    position: relative;
    z-index: 2;
    width: 22.916667vw;
    padding: 2.916667vw 0 21.614583vw;
    margin-left: auto;
    margin-right: auto;
}

#laurent .section-system .system-card-3 .system-card-desc {
    position: relative;
    z-index: 2;
    width: 26.979167vw;
    padding: 2.916667vw 0 21.614583vw;
    margin-left: auto;
    margin-right: auto;
}

#laurent .section-system .system-card-2 .system-card-img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

#laurent .section-system .system-card-3 .system-card-img {
    position: absolute;
    width: 26.097396vw;
    bottom: 4.479167vw;
    left: 50%;
    transform: translateX(-50%);
}

#laurent .section-system .system-card .system-card-des {
    color: #A8A9AA;
    position: absolute;
    right: 1.666667vw;
    bottom: 1.666667vw;
}

#laurent .section-system .system-card-2 .system-card-item,
#laurent .section-system .system-card-3 .system-card-item {
    justify-content: center;
}

#laurent .section-system .system-item-icon-4 {
    width: 9.402083vw;
    margin-left: auto;
    margin-right: auto;
}

#laurent .section-system .system-card-4 {
    margin-top: 1.25vw;
}

#laurent .section-system .system-card-4 .system-card-img {
    position: absolute;
    width: 20.635417vw;
    top: 8.5625vw;
    left: 10.625vw;
}

#laurent .section-system .system-card-4 .system-card-desc {
    width: 21.536458vw;
    padding: 7.291667vw 0 7.291667vw 39.6875vw;
}

#laurent .section-system .system-card-4 .system-item-icon {
    margin-right: 0;
}

#laurent .section-system .system-card-4 .system-item-icon-5 {
    width: 8.4375vw;
}

#laurent .section-system .system-card-4 .system-item-icon-6 {
    width: 9.583333vw;
}

#laurent .section-system .system-card-4 .system-item-icon-7 {
    width: 6.614583vw;
}

#laurent .section-system .system-card-4 .system-card-items {
    flex-direction: row;
    flex-wrap: wrap;
}

#laurent .section-system .system-card-4 .system-card-item:nth-child(2) {
    margin-left: 2.1875vw;
}

#laurent .section-system .system-card-4 .system-card-wave {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center
}

#laurent .section-system .system-card-4 .system-card-wave-1 {
    top: 0vw;
    left: -4.458333vw;
    width: 9.727083vw;
}

#laurent .section-system .system-card-4 .system-card-wave-2 {
    top: 1vw;
    left: 16.458333vw;
    width: 7.266667vw;
}

#laurent .section-system .system-card-4 .system-card-wave-3 {
    bottom: 1vw;
    left: 16.458333vw;
    width: 7.266667vw;
}

#laurent .section-system .system-card-4 .system-card-wave-4 {
    bottom: 0vw;
    left: -4.458333vw;
    width: 9.727083vw;
}

#laurent .section-system .system-card-4 .system-card-wave-img {

    position: absolute;
    transform-origin: center
}

#laurent .section-system .system-card-4 .system-card-wave-img-1 {
    animation: systemwave 3.2s linear 0s infinite;
    -webkit-animation: systemwave 3.2s linear 0s infinite;
}

#laurent .section-system .system-card-4 .system-card-wave-img-2 {
    animation: systemwave 3.2s linear 0.8s infinite;
    -webkit-animation: systemwave 3.2s linear 0.8s infinite;
}

#laurent .section-system .system-card-4 .system-card-wave-img-3 {
    animation: systemwave 3.2s linear 1.6s infinite;
    -webkit-animation: systemwave 3.2s linear 1.6s infinite;
}


#laurent .section-system .system-card-4 .system-card-wave-img-4 {
    animation: systemwave 3.2s linear 2.4s infinite;
    -webkit-animation: systemwave 3.2s linear 2.4s infinite;
}

#laurent .section-system .system-card-4 .system-card-wave-img-5 {
    animation: systemwave 3.2s linear 3.2s infinite;
    -webkit-animation: systemwave 3.2s linear 3.2s infinite;
}

#laurent .nowrap {
    white-space: nowrap;
    display: inline-block;
}

#laurent .section-disclaimer {
    padding-top: 10.416667vw;
    padding-bottom: 10.416667vw;
}

#laurent .section-disclaimer .disclaimer-container {
    margin: 0 auto;
    width: 67.5%
}

#laurent .section-disclaimer .disclaimer-container ol {
    list-style-type: decimal;
    padding-left: 1.5em;
    font-size: .625vw
}

#laurent .section-disclaimer .disclaimer-container li {
    color: #85858A
}


#laurent .disclaimer-link {
    color: #85858A;
    word-wrap: break-word;
    text-decoration: underline;
}

#laurent .section-disclaimer .disclaimer-container li.current {
    color: #2A2A2C
}

#laurent .section-disclaimer .disclaimer-container li.current .disclaimer-link {
    color: #2A2A2C
}

#laurent .section-disclaimer .disclaimer-container .asterisk {
    list-style-type: "*"
}

#laurent .section-disclaimer .disclaimer-container .other {
    list-style: none;
    position: relative
}

#laurent .section-disclaimer .disclaimer-container .other::before {
    content: "**";
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-125%)
}

#laurent .section-disclaimer .disclaimer-container .more-discalimer {
    list-style: none;
    margin-top: 2vw
}

#laurent .section-disclaimer .disclaimer-container .active {
    color: #000;
    opacity: 1
}

#laurent .disclaimer-container li.global-style-hide {
    list-style: none;
    position: relative;
}

#laurent .disclaimer-container li.global-style-hide::before {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-125%);
}

#laurent .disclaimer-container li.mll::before {
    content: "*";
}

#laurent .disclaimer-container li.mll1::before {
    content: "**";
}

#laurent .disclaimer-container li.mll2::before {
    content: "***";
}


@media(max-width: 1920px) {
    #laurent .section-disclaimer .disclaimer-container ol {
        font-size: 12px
    }
}

@media (min-aspect-ratio: 11/10) and (min-width: 790px) and (max-width: 1366px) {
    #laurent .section-screen .sticky-container {
        padding-bottom: 4.166667vw;
    }

    #laurent .section-screen.animated .media-container {
        transform: scale(1) translateY(4.166667vw);
    }

    #laurent .section-screen.animated .feature-container {
        transform: translateY(4.166667vw);
    }
}

@media (max-aspect-ratio: 11/10) {

    #laurent {
        width: 100%;
    }

    #laurent .pad-show,
    #laurent .pc-show {
        display: none;
    }

    #laurent .text-96 {
        font-size: 13.333333vw;
    }

    #laurent .text-64 {
        font-size: 8.888889vw
    }

    #laurent .text-48 {
        font-size: 6.666667vw
    }

    #laurent .text-40 {
        font-size: 5.555556vw
    }

    #laurent .text-32 {
        font-size: 4.444444vw
    }

    #laurent .text-28 {
        font-size: 3.888889vw
    }

    #laurent .text-24 {
        font-size: 3.333333vw;
    }

    #laurent .text-22 {
        font-size: 3.055556vw
    }

    #laurent .text-20 {
        font-size: 2.777778vw
    }

    #laurent .text-18 {
        font-size: 2.5vw
    }

    #laurent .text-16 {
        font-size: 2.222222vw;
    }

    #laurent .text-78-mob {
        font-size: 10.833333vw;
    }

    #laurent .text-60-mob {
        font-size: 8.333333vw;
    }

    #laurent .text-40-mob {
        font-size: 5.555556vw;
    }

    #laurent .text-38-mob {
        font-size: 5.277778vw;
    }

    #laurent .text-32-mob {
        font-size: 4.444444vw;
    }

    #laurent .text-28-mob {
        font-size: 3.888889vw;
    }

    #laurent .text-24-mob {
        font-size: 3.333333vw;
    }

    #laurent .text-20-mob {
        font-size: 2.777778vw;
    }

    #laurent .mtop-32 {
        margin-top: 4.444444vw;
    }

    #laurent .mtop-30 {
        margin-top: 4.166667vw;
    }

    #laurent .mtop-60-mob {
        margin-top: 8.333333vw;
    }

    #laurent .mtop-40-mob {
        margin-top: 5.555556vw;
    }

    #laurent .mtop-30-mob {
        margin-top: 4.166667vw;
    }

    #laurent .text-18-mob {
        font-size: 2.5vw
    }

    #laurent .swiper-button-prev:hover,
    #laurent .swiper-button-next:hover {
        opacity: 1;
    }

    #laurent .swiper-button-prev:active,
    #laurent .swiper-button-next:active {
        opacity: 1;
    }

    #laurent .swiper-button-prev.swiper-button-disabled,
    #laurent .swiper-button-next.swiper-button-disabled {
        opacity: .3;
    }

    #laurent .media-container {
        margin: 8.333333vw auto 0;
    }

    #laurent .section-icon {
        width: 13.888889vw;
        margin: 0 auto 1.666667vw 0;
    }

    #laurent .section-hero .kv-harmonyos {
        opacity: 1;
        width: 12.544444vw;
        right: 4.444444vw;
        top: 137.083333vw;
        bottom: auto;
    }

    #laurent .section-hero .section-video {
        height: auto;
        display: none;
    }

    #laurent .section-hero .hero-picture {
        display: block;
    }

    #laurent .section-hero .hero-content {
        opacity: 1;
        transform: translateY(0);
        margin-top: 3.333333vw;
    }

    #laurent .section-hero .hero-logo {
        width: 66.151389vw;
        margin: 0 auto;
    }

    #laurent .section-hero .hero-headline {
        font-size: 5.555556vw;
        margin-top: 4.166667vw;
        letter-spacing: .18em;
    }

    #laurent .section-hero .kv-content-price-container {
        margin-top: 0;
        position: relative;
        top: 0;
        left: 0;
        transform: none;
    }

    #laurent .section-hero .huawei-product-buy-btn-container {
        flex-direction: column;
        margin-top: 10vw;
        padding-top: 0;
    }

    #laurent .section-hero .huawei-product-buy-btn {
        margin-top: 24px;
        margin-left: 0;
    }

    #laurent .section-hero .huawei-product-buy-btn-price {
        font-size: 5.56vw;
    }

    #laurent .section-hero .huawei-product-buy-btn-price span {
        font-size: 3.611111111vw;
    }

    #laurent .section-reasons {
        padding-top: 27.777778vw;
    }

    #laurent .section-reasons .swiper-slide {
        width: 82.222222vw;
        height: auto;
        border-radius: 0px;
        margin: 0 2.222222vw;
        background: none;
    }

    #laurent .section-reasons .swiper-slide .reasons-con {
        background: #F7F7FA;
        height: 109.722222vw;
        border-radius: 2.222222vw;
    }

    #laurent .section-reasons .swiper-slide .reasons-wrap img {
        border-radius: 2.222222vw;
    }

    #laurent .section-reasons .swiper-slide .reasons-wrap-5 video {
        border-radius: 2.222222vw;

    }

    #laurent .section-reasons .swiper-slide .reasons-title {
        position: relative;
        top: auto;
        left: auto;
        margin-top: 5.833333vw;
        text-align: center;
    }

    #laurent .section-reasons .swiper-button-center {
        width: 62.222222vw;
        height: 13.333333vw;
        border-radius: 12.222222vw;
        margin-top: 8.888889vw
    }

    #laurent .section-reasons .swiper-slide .reasons-title p {
        color: #000;
    }

    #laurent .section-reasons .swiper-button-center .swiper-pagination-bullet {
        width: 2.222222vw;
        height: 2.222222vw;
        margin: 0 1.666667vw
    }

    #laurent .section-reasons .swiper-button-center .swiper-button-prev {
        width: 8.333333vw;
        height: 8.333333vw;
        left: 4.166667vw
    }

    #laurent .section-reasons .swiper-button-center .swiper-button-next {
        width: 8.333333vw;
        height: 8.333333vw;
        right: 4.166667vw
    }

    #laurent .section-reasons .swiper-button-center .swiper-button-prev:hover,
    #laurent .section-reasons .swiper-button-center .swiper-button-next:hover {
        opacity: unset;
    }

    #laurent .section-reasons .swiper-slide .reasons-wrap-1 {
        width: 79.166667vw;
        top: 54.861111vw;
        height: auto;
    }

    #laurent .section-reasons .swiper-slide-1 .reasons-items {
        top: 8.333333vw;
        left: 8.333333vw;
    }

    #laurent .section-reasons .swiper-slide .reasons-wrap-2 {
        width: 66.666667vw;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: auto;
    }

    #laurent .section-reasons .swiper-slide .reasons-bubble-bg {
        border-radius: 5.416667vw;
    }

    #laurent .section-reasons .swiper-slide .reasons-bubble-text {
        height: auto;
        padding: 2.222222vw 6.666667vw;
    }

    #laurent .section-reasons .swiper-slide .reasons-bubble-text-1 {
        top: 17.777778vw;
        left: 5.555556vw;
    }

    #laurent .section-reasons .swiper-slide .reasons-bubble-text-2 {
        top: 17.777778vw;
        right: 5.555556vw;
    }

    #laurent .section-reasons .swiper-slide .reasons-bubble-text-3 {
        top: 81.805556vw;
        left: 5.555556vw;
    }

    #laurent .section-reasons .swiper-slide .reasons-bubble-text-4 {
        top: 81.805556vw;
        right: 5.555556vw;
    }

    #laurent .section-reasons .swiper-slide-4 .reasons-con {
        background: linear-gradient(to top, #FCD7D8, rgba(249, 237, 239, 0.6), rgba(247, 247, 250, 0.4));
    }

    #laurent .section-reasons .swiper-slide-4 .reasons-items {
        top: 8.333333vw;
        left: 8.333333vw;
        transform: translateX(0);
    }

    #laurent .section-reasons .reasons-tablet-1 {
        width: 28.1625vw;
        top: 40.802083vw;
    }

    #laurent .section-reasons .reasons-tablet-2 {
        width: 24.419444vw;
        top: 42.260417vw;
    }

    #laurent .section-reasons .reasons-tablet-3 {
        width: 20.926389vw;
        top: 43.666667vw;
    }

    #laurent .section-reasons .reasons-tablet-4 {
        width: 19.172222vw;
        top: 44.375vw;
    }

    #laurent .section-reasons .reasons-tablet-5 {
        width: 17.697222vw;
        top: 44.96875vw;
    }

    #laurent .section-reasons .swiper-slide.active .reasons-tablet-1 {
        transform: translate(calc(-50% + 10vw), -2vw) rotate(42deg);
    }

    #laurent .section-reasons .swiper-slide.active .reasons-tablet-2 {
        transform: translate(calc(-50% + 7.5vw), -5.2vw) rotate(8deg);
    }

    #laurent .section-reasons .swiper-slide.active .reasons-tablet-3 {
        transform: translate(calc(-50% - 1.8vw), -5.3vw) rotate(-19deg);
    }

    #laurent .section-reasons .swiper-slide.active .reasons-tablet-4 {
        transform: translate(calc(-50% - 11.3vw), -0.8vw) rotate(-44deg);
    }

    #laurent .section-reasons .swiper-slide.active .reasons-tablet-5 {
        transform: translate(calc(-50% - 18.8vw), 9vw) rotate(-64deg);
    }

    #laurent .section-reasons .swiper-slide .reasons-wrap-6-outer {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        overflow: hidden;
    }

    #laurent .section-reasons .swiper-slide .reasons-wrap-6 {
        top: 37.777778vw;
        width: 54.305556vw;
        left: 50%;
        transform: translateX(-50%);
    }

    #laurent .section-reasons .swiper-slide-6 .reasons-wrap-6-video {
        width: 50vw;
        left: 2.083333vw;
        top: 2.222222vw;
    }

    #laurent .section-reasons .swiper-slide-6 .reasons-items {
        display: flex;
        flex-direction: row;
        width: max-content;
        top: 8.888889vw;
        left: 50%;
        transform: translate(-50%, 0);
    }

    #laurent .section-reasons .swiper-slide-6 .reasons-item {
        margin-top: 0;
        text-align: center;
    }

    #laurent .section-reasons .swiper-slide-6 .reasons-item:last-child {
        margin-left: 4.444444vw;
    }

    #laurent .section-headline {
        padding: 26.388889vw 0;
    }

    #laurent .section-screen .media-container {
        width: 82.222222vw;
        transform: scale(1);
        margin-top: 4.166667vw;
    }

    #laurent .section-screen .feature-container {
        opacity: 1;
        transform: unset;
    }

    #laurent .section-screen .feature-row {
        width: 66vw;
        margin-top: 3.333333vw;
    }

    #laurent .section-screen .feature-item {
        width: 34.722222vw;
        text-align: left;
        margin-top: 5.555556vw;
        margin-right: 0;
        margin-left: 0;
    }

    #laurent .section-screen .feature-item-6 img {
        width: 26.951389vw;
        margin-top: 5.277778vw;
    }

    #laurent .section-screen .feature-item-1 {
        order: 1;
    }

    #laurent .section-screen .feature-item-2 {
        order: 2;
        width: 17.361111vw;
        margin-left: auto;
    }

    #laurent .section-screen .feature-item-3 {
        order: 3;
    }

    #laurent .section-screen .feature-item-4 {
        order: 6;
        width: 17.361111vw;
        margin-left: auto;
    }

    #laurent .section-screen .feature-item-5 {
        order: 4;
        width: 17.361111vw;
        margin-left: auto;
    }

    #laurent .section-screen .feature-item-6 {
        order: 5;
    }

    #laurent .section-comfortable {
        padding-top: 26.388889vw;
    }

    #laurent .section-comfortable .text-container {
        width: 82.361111vw;
        flex-direction: column;
    }

    #laurent .section-comfortable .text-container .text-64,
    #laurent .section-comfortable .text-container p {
        width: 100%;
    }

    #laurent .section-comfortable .text-container p {
        margin-top: 4.444444vw;
    }

    #laurent .section-comfortable .media-container {
        width: 100%;
        border-radius: 0;
    }

    #laurent .section-comfortable .media-container video {
        border-radius: 0;
    }

    #laurent .section-comfortable .feature-row {
        width: 72.777778vw;
        align-items: flex-start;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
    }

    #laurent .section-comfortable .feature-container {
        width: 77.777778vw;
        margin: 5vw auto 0;
    }

    #laurent .section-comfortable .feature-item {
        margin-right: 0;
        width: 82.222222vw;
        margin-top: 4.444444vw;
        align-items: center;
    }

    #laurent .section-comfortable .feature-item .feature-icon {
        width: 9.444444vw;
        margin-left: 4.861111vw;
        margin-right: 9.375vw;
    }

    #laurent .section-comfortable .feature-item-2 .feature-icon {
        width: 19.240278vw;
        margin-left: 0;
        margin-right: 4.444444vw;
    }

    #laurent .section-comfortable .feature-item-1 {
        order: 3;
    }

    #laurent .section-comfortable .feature-item-2 {
        order: 4;
    }

    #laurent .section-comfortable .feature-item-3 {
        margin-top: 0;
    }

    #laurent .section-comfortable .feature-text {
        margin-left: 0;
    }

    #laurent .section-comfortable .feature-des {
        margin-top: 7.777778vw;
        width: 77.777778vw;
        text-align: left;
    }

    #laurent .mob-show {
        display: block;
    }

    #laurent .section-pearlescent {
        padding-top: 26.388889vw;
    }

    #laurent .section-pearlescent .section-text {
        width: 76.388889vw;
    }

    #laurent .section-colorful {
        padding-top: 27.777778vw;
    }

    #laurent .section-colorful .media-container {
        margin-top: 8.888889vw;
    }

    #laurent .section-colorful .colorful-img-1 {
        width: 26.448958vw;
    }

    #laurent .section-colorful .media-container.animated .colorful-img-1 {
        transform: translate(calc(-50% + 9.802083vw), 11.640625vw) rotate(48deg);
    }

    #laurent .section-colorful .colorful-img-2 {
        width: 24.008854vw;
    }

    #laurent .section-colorful .media-container.animated .colorful-img-2 {
        transform: translate(calc(-50% + 9.416667vw), 8.552083vw) rotate(14deg);
    }

    #laurent .section-colorful .colorful-img-3 {
        width: 20.516667vw;
    }

    #laurent .section-colorful .media-container.animated .colorful-img-3 {
        transform: translate(calc(-50% - 7.541667vw), 6.541667vw) rotate(-15deg);
    }

    #laurent .section-colorful .colorful-img-4 {
        width: 18.959896vw;
    }

    #laurent .section-colorful .media-container.animated .colorful-img-4 {
        transform: translate(calc(-50% - 22.09167vw), 12vw) rotate(-40deg);
    }

    #laurent .section-colorful .colorful-img-5 {
        width: 16.638542vw;
    }

    #laurent .section-colorful .media-container.animated .colorful-img-5 {
        transform: translate(calc(-50% - 33.05833vw), 25.854167vw) rotate(-60deg);
    }

    #laurent .section-light .lr-content {
        width: 70.451389vw;
        flex-direction: column;
        margin: 29.166667vw auto 0;
    }

    #laurent .section-light .section-text {
        width: 63.222222vw;
        margin-left: auto;
        margin-right: auto;
    }

    #laurent .section-light .section-text p {
        text-align: center;
        margin: 0;
    }

    #laurent .section-light .feature-container {
        margin: 8.333333vw auto 0;
    }

    #laurent .section-light .media-container {
        width: 237.916667vw;
        margin-top: 22.222222vw;
        transform: translateX(-80%);
    }

    #laurent .section-light .media-container.animated {
        transform: translateX(-60%);
    }

    #laurent .w160 {
        width: 22.222222vw;
    }

    #laurent .section-drops .mleft {
        margin-left: 15.729167vw;
    }

    #laurent .efficiency-swiper {
        margin-top: 27.777778vw;
    }

    #laurent .efficiency-gallery {
        width: 82.222222vw;
    }

    #laurent .efficiency-swiper .swiper-slide {
        width: 82.222222vw;
        border-radius: 2.222222vw;
        margin: 0 2.222222vw;
    }

    #laurent .efficiency-swiper .swiper-slide .efficiency-text {
        top: 5.833333vw;
        left: 6.666667vw;
    }

    #laurent .efficiency-swiper .swiper-button-container {
        width: 27.777778vw;
        margin-top: 11.111111vw;
    }

    #laurent .efficiency-swiper .swiper-button-prev,
    #laurent .efficiency-swiper .swiper-button-next {
        width: 11.111111vw;
        height: 11.111111vw;
    }

    #laurent .efficiency-swiper .swiper-button-next {
        margin-left: auto;
    }

    #laurent .section-xiaoyi {
        overflow: hidden;
        width: 100%;
        padding-top: 0;
    }

    #laurent .section-xiaoyi .section-content {
        width: 77.777778vw;
        text-align: left;
        margin: 0 auto 8.888889vw 8.888889vw;
    }

    #laurent .section-xiaoyi .xiaoyi-container {
        width: 82.222222vw;
        margin-left: auto;
        margin-right: auto;
    }

    #laurent .section-xiaoyi .xiaoyi-text-btn-wrap {
        width: auto;
        top: 74.444444vw;
        left: auto;
        transform: unset;
    }

    #laurent .section-xiaoyi .xiaoyi-swiper-scrollbar {
        width: 146.666667vw;
        top: 84.444444vw;
        left: auto;
        transform: unset;
        overflow: hidden;
        border-radius: 0
    }

    #laurent .section-xiaoyi .xiaoyi-swiper-scrollbar .xiaoyi-swiper-scrollbar-drag {
        width: 35.555556vw;
    }

    #laurent .section-xiaoyi .xiaoyi-swiper-scrollbar[data-active="1"] .xiaoyi-swiper-scrollbar-drag {
        width: 28.888889vw;
        transform: translateX(42.222222vw);
    }

    #laurent .section-xiaoyi .xiaoyi-swiper-scrollbar[data-active="2"] .xiaoyi-swiper-scrollbar-drag {
        width: 28.888889vw;
        transform: translateX(75.555556vw);
    }

    #laurent .section-xiaoyi .xiaoyi-swiper-scrollbar[data-active="3"] .xiaoyi-swiper-scrollbar-drag {
        width: 37.777778vw;
        transform: translateX(108.888889vw);
    }

    #laurent .section-xiaoyi .swiper-slide {
        width: 100%;
        height: auto;
        margin-right: 0;
        border-radius: 2.222222vw
    }

    #laurent .section-xiaoyi .swiper-slide:last-child {
        margin-right: 0
    }

    #laurent .section-xiaoyi .swiper-slide .media-container {
        padding: 0;
        margin-top: 0;
        padding-bottom: 15.5vw;
        height: 69.444444vw;
        box-sizing: content-box;
        border-radius: 0
    }

    #laurent .section-xiaoyi .swiper-slide .media-container video {
        border-radius: 2.222222vw;
        overflow: hidden
    }

    #laurent .section-xiaoyi .swiper-slide .media-container .video-fallback {
        width: 100%;
        height: auto;
        border-radius: 2.222222vw;
        opacity: 0;
        overflow: hidden
    }

    #laurent .section-xiaoyi .swiper-slide-active .media-container .video-fallback {
        opacity: 1;
    }

    #laurent .section-xiaoyi .xiaoyi-text-btn-wrap .xiaoyi-text-btn {
        white-space: nowrap;
        margin-left: 6.666667vw;
    }

    #laurent .section-xiaoyi .swiper-slide .xiaoyi-des {
        width: 77.777778vw;
        margin: 4.444444vw auto 0
    }

    #laurent .section-xiaoyi .swiper-slide .xiaoyi-des p {
        text-align: center;
    }

    #laurent .section-xiaoyi .xiaoyi-video-play-btn-container {
        position: absolute;
        width: 10vw;
        height: 10vw;
        top: auto;
        bottom: auto;
        top: 60.555556vw;
        right: 4.444444vw;
        margin: 0 auto;
        box-shadow: none
    }

    #laurent .section-xiaoyi .xiaoyi-video-play-btn-container::after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        box-shadow: inset -0.277778vw -0.416667vw 2.777778vw #cab49f
    }

    #laurent .section-xiaoyi .xiaoyi-video-play-btn-container::before {
        content: "";
        width: calc(100% - 2px);
        height: calc(100% - 2px);
        border-radius: 50%;
        position: absolute;
        top: 1px;
        padding: 1px;
        box-sizing: border-box;
        left: 1px;
        background: rgba(23, 22, 21, .7);
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        transform: translateZ(-1px)
    }

    #laurent .section-xiaoyi .xiaoyi-video-play-btn-container svg {
        width: 10vw;
        height: 10vw
    }

    #laurent .section-xiaoyi .xiaoyi-swiper-btn-container {
        display: flex;
        margin-top: 8.888889vw;
        margin-left: 27.777778vw
    }

    #laurent .section-xiaoyi .xiaoyi-swiper-btn-container svg {
        width: 1.944444vw;
        height: auto;
        transition-duration: .3s
    }

    #laurent .section-xiaoyi .xiaoyi-swiper-prev-btn {
        width: 12.222222vw;
        height: 12.222222vw;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #laurent .section-xiaoyi .xiaoyi-swiper-prev-btn::after {
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        z-index: 0;
        box-shadow: inset -0.277778vw -0.694444vw 2.777778vw rgba(202, 180, 159, .47)
    }

    #laurent .section-xiaoyi .xiaoyi-swiper-next-btn {
        width: 12.222222vw;
        height: 12.222222vw;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #laurent .section-xiaoyi .xiaoyi-swiper-next-btn::after {
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        z-index: 0;
        box-shadow: inset -0.277778vw -0.694444vw 2.777778vw rgba(202, 180, 159, .47)
    }

    #laurent .section-xiaoyi .xiaoyi-swiper-prev-btn {
        margin-right: 4.444444vw
    }

    #laurent .common-video-btn {
        right: 5.555556vw;
        bottom: 5.555556vw;
    }

    #laurent .common-video-btn .video-btn-icon-wrap .video-play-btn-start {
        width: 11.111111vw;

    }

    #laurent .section-note {
        padding-top: 27.777778vw;
    }

    #laurent .section-note .section-content {
        width: 82.222222vw;
        text-align: left;
    }

    #laurent .section-note .note-container {
        width: 82.222222vw;
        flex-direction: column-reverse;
        margin: 8.888889vw auto 0;
    }

    #laurent .section-note .note-right {
        width: 100%;
        padding: 36.111111vw 0 0;
    }

    #laurent .section-note .note-left {
        width: 69.444444vw;
    }

    #laurent .section-note .note-left .noteSwiper .swiper-slide img,
    #laurent .section-note .note-left .noteSwiper .swiper-slide video,
    #laurent .section-note .note-left .noteSwiper .swiper-slide .media-container {
        border-radius: 2.222222vw;
    }

    #laurent .section-note .note-right .note-right-title .swiper-wrapper {
        display: flex;
    }

    #laurent .section-note .note-text-btn-wrap {
        position: absolute;
        display: flex;
        width: auto;
        top: 20vw;
        overflow-x: auto;
        overflow-y: hidden;
        left: auto;
        transform: unset;
        margin-left: 0;
        transition-duration: .3s;
    }

    #laurent .section-note .note-right-title[data-active="0"] .note-text-btn-wrap {
        transform: translateX(0);
    }

    #laurent .section-xiaoyi .xiaoyi-text-btn-wrap,
    #laurent .section-xiaoyi .xiaoyi-swiper-scrollbar {
        transition-duration: .3s;

    }

    #laurent .section-xiaoyi .xiaoyi-text-btn-wrap[data-active="2"] {
        transform: translateX(-45vw);
    }

    #laurent .section-xiaoyi .xiaoyi-swiper-scrollbar[data-active="2"] {
        transform: translateX(-45vw);
    }

    #laurent .section-xiaoyi .xiaoyi-text-btn-wrap[data-active="3"] {
        transform: translateX(-64vw);
    }

    #laurent .section-xiaoyi .xiaoyi-swiper-scrollbar[data-active="3"] {
        transform: translateX(-64vw);
    }


    #laurent .section-note .note-right-title[data-active="0"] .note-text-btn-wrap {
        transform: translateX(0);
    }

    #laurent .section-note .note-right-title[data-active="0"] .note-text-btn-1 {
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        background-image: linear-gradient(101deg, #FCCE67 0%, #F894E0 40%, #8F6FFF 80%, #45D9FF 100%);
        background-size: 100% 100%;
    }

    #laurent .section-note .note-right-title[data-active="0"] .note-text-btn-1 sup {
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        background-image: linear-gradient(101deg, #5AB9FF 0%, #45D9FF 100%);
        background-size: 100% 100%;
    }

    #laurent .section-note .note-right-title[data-active="1"] .note-text-btn-wrap {
        transform: translateX(-16vw);
    }

    #laurent .section-note .note-right-title[data-active="1"] .note-text-btn-2 {
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        background-image: linear-gradient(101deg, #FCCE67 0%, #F894E0 40%, #8F6FFF 80%, #45D9FF 100%);
        background-size: 100% 100%;
    }

    #laurent .section-note .note-right-title[data-active="1"] .note-text-btn-2 sup {
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        background-image: linear-gradient(101deg, #5AB9FF 0%, #45D9FF 100%);
        background-size: 100% 100%;
    }

    #laurent .section-note .note-right-title[data-active="2"] .note-text-btn-wrap {
        transform: translateX(-28vw);
    }

    #laurent .section-note .note-right-title[data-active="2"] .note-text-btn-3 {
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        background-image: linear-gradient(101deg, #FCCE67 0%, #F894E0 40%, #8F6FFF 80%, #45D9FF 100%);
        background-size: 100% 100%;
    }

    #laurent .section-note .note-right-title[data-active="2"] .note-text-btn-3 sup {
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        background-image: linear-gradient(101deg, #5AB9FF 0%, #45D9FF 100%);
        background-size: 100% 100%;
    }

    #laurent .section-note .note-text-btn-wrap .note-text-btn {
        color: #CECECE;
        white-space: nowrap;
        margin-left: 8.333333vw;
        transition-duration: .3s;
    }

    #laurent .section-note .note-text-btn-wrap .note-text-btn:first-child {
        margin-left: 0;
    }

    #laurent .section-note .note-right .note-right-title-top {
        display: none;
    }

    #laurent .section-note .note-right .note-right-title .note-right-title-item {
        width: 100%;
        position: absolute;
        padding: 0;
        margin: 0 auto;
        top: 0;
        left: 0;
        opacity: 0;
        text-align: center;
        transition-duration: .3s;
    }

    #laurent .section-note .note-right .note-right-title .note-right-title-item p {
        height: auto !important;
        margin-top: 0;
        transition: none;
    }

    #laurent .section-note .note-right .note-right-title[data-active="0"] .note-right-title-item-1 {
        opacity: 1;
    }

    #laurent .section-note .note-right .note-right-title[data-active="1"] .note-right-title-item-2 {
        opacity: 1;
    }

    #laurent .section-note .note-right .note-right-title[data-active="2"] .note-right-title-item-3 {
        opacity: 1;
    }

    #laurent .section-note .note-right .note-right-title .note-right-title-item:first-child {
        position: relative;
    }

    #laurent .section-note .note-right .note-right-title .note-swiper-thu-scrollbar {
        width: 114.722222vw;
        height: 1px;
        top: 29.861111vw;
        transition-duration: .3s;
    }

    #laurent .section-note .note-right .note-right-title .note-swiper-scrollbar-drag {
        width: 37.916667vw;
        height: 2px;
        top: -1px;
        left: 0;
        transform: translateX(0);
        background: linear-gradient(to right, #FCCE67 0%, #F894E0 40%, #8F6FFF 80%, #45D9FF 100%);
    }

    #laurent .section-note .note-right .note-right-title[data-active="0"] .note-swiper-scrollbar-drag {
        width: 35.916667vw;
        transform: translateX(0);
    }

    #laurent .section-note .note-right .note-right-title[data-active="1"] .note-swiper-scrollbar-drag {
        width: 37.916667vw;
        transform: translateX(42.638889vw);
    }

    #laurent .section-note .note-right .note-right-title[data-active="1"] .note-swiper-thu-scrollbar {
        transform: translateX(-18vw);
    }

    #laurent .section-note .note-right .note-right-title[data-active="2"] .note-swiper-scrollbar-drag {
        width: 28.333333vw;
        transform: translateX(86.388889vw);
    }

    #laurent .section-note .note-right .note-right-title[data-active="2"] .note-swiper-thu-scrollbar {
        transform: translateX(-31vw);
    }

    #laurent .section-painting {
        padding: 26.388889vw 0 0;
    }

    #laurent .section-painting .text-container {
        width: 77.777778vw;
        margin: 0 auto 0 8.888889vw;
        text-align: left;
    }

    #laurent .section-painting .painting-swiper {
        width: 82.222222vw;
        margin-top: 8.888889vw;
    }

    #laurent .section-painting .painting-swiper .painting-des {
        margin-top: 1.666667vw;
    }

    #laurent .section-painting .media-container {
        margin-top: 0;
        border-radius: 2.222222vw;
        overflow: hidden;
    }

    #laurent .section-painting .media-container::after {
        opacity: 0;
    }

    #laurent .section-painting .painting-swiper-text-wrap {
        top: auto;
        position: relative;
        width: 64.444444vw;
        margin-left: 11.111111vw;
        margin-top: 5vw;
        left: auto;
        transform: unset;
    }

    #laurent .section-painting .painting-swiper-text-wrap span,
    #laurent .section-painting .painting-swiper-text-wrap p {
        color: #000;
    }

    #laurent .section-painting .painting-swiper-text-wrap span.nowrap {
        color: inherit;
    }

    #laurent .section-painting .section-text {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    #laurent .section-painting .section-text p {
        display: block;
        margin-top: 2.5vw;
        color: #6D6F72;
    }

    #laurent .section-painting .painting-swiper .swiper-slide {
        margin: 0 2.222222vw;
    }

    #laurent .section-painting .swiper-button-center {
        position: relative;
        width: 27.777778vw;
        height: 11.111111vw;
        right: unset;
        margin: 10.416667vw 8.888889vw 0 auto;
    }

    #laurent .section-painting .swiper-button-prev,
    #laurent .section-painting .swiper-button-next {
        width: 11.111111vw;
        height: 11.111111vw;
    }

    #laurent .section-painting .media-container img,
    #laurent .section-painting .media-container video {
        border-radius: 2.222222vw;
    }

    #laurent .section-painting .painting-text-swiper .swiper-slide {
        margin: 0;
    }

    #laurent .section-painting .painting-swiper-text-wrap .painting-swiper-text {
        transition-duration: .3s;
        position: absolute;
        top: 0;
        left: 0;
    }

    #laurent .section-painting .painting-swiper-text-wrap .painting-swiper-text-1 {
        position: relative;
    }

    #laurent .section-painting .painting-swiper-text-wrap[data-index="0"] .painting-swiper-text-2,
    #laurent .section-painting .painting-swiper-text-wrap[data-index="0"] .painting-swiper-text-3 {
        opacity: 0;
        pointer-events: none;
    }

    #laurent .section-painting .painting-swiper-text-wrap[data-index="1"] .painting-swiper-text-1,
    #laurent .section-painting .painting-swiper-text-wrap[data-index="1"] .painting-swiper-text-3 {
        opacity: 0;
        pointer-events: none;
    }

    #laurent .section-painting .painting-swiper-text-wrap[data-index="2"] .painting-swiper-text-1,
    #laurent .section-painting .painting-swiper-text-wrap[data-index="2"] .painting-swiper-text-2 {
        opacity: 0;
        pointer-events: none;
    }

    #laurent .section-painting .painting-des {
        position: relative;
        width: 82.222222vw;
        margin: 5vw auto 0;
        top: auto;
        left: auto;
        transform: unset;
    }

    #laurent .multi-productivity .text-container {
        width: 82.222222vw;
        text-align: left;
    }

    #laurent .multi-productivity .productivity-swiper {
        width: 82.222222vw;
        margin-top: 8.888889vw;
    }

    #laurent .multi-productivity .media-container {
        margin-top: 0;
        border-radius: 2.222222vw;
        overflow: hidden;
    }

    #laurent .multi-productivity .productivity-swiper-text-wrap {
        position: relative;
        left: auto;
        transform: unset;
        width: 64.444444vw;
        margin-left: 11.111111vw;
        margin-top: 5vw;
    }

    #laurent .multi-productivity .section-text {
        width: 100%;
        margin-right: 0;
    }

    #laurent .multi-productivity .section-text p {
        display: block;
        margin-top: 2.5vw;
    }

    #laurent .multi-productivity .swiper-slide {
        margin: 0 2.222222vw;
    }

    #laurent .multi-productivity .swiper-button-center {
        position: relative;
        width: 27.777778vw;
        height: 11.111111vw;
        right: unset;
        margin: 10.416667vw 8.888889vw 0 auto;
    }

    #laurent .multi-productivity .swiper-button-prev,
    #laurent .multi-productivity .swiper-button-next {
        width: 11.111111vw;
        height: 11.111111vw;
    }

    #laurent .multi-productivity .media-container img,
    #laurent .multi-productivity .media-container video {
        border-radius: 2.222222vw;
    }

    #laurent .section-harmonyos {
        width: 100%;
        overflow: hidden;
    }

    #laurent .section-harmonyos .section-content {
        width: 82.222222vw;
        text-align: left;
    }

    #laurent .section-harmonyos .swiper-slide .media-container {
        width: 82.222222vw;
    }

    #laurent .section-harmonyos .harmonyos-text-btn-wrap {
        width: auto;
        top: 83.333333vw;
        overflow-x: auto;
        overflow-y: hidden;
        left: auto;
        transform: unset;
        margin-left: 8.888889vw;
        transition-duration: .3s;
    }

    #laurent .section-harmonyos .harmonyos-text-btn-wrap[data-active="1"] {
        transform: translateX(0);
    }

    #laurent .section-harmonyos .harmonyos-text-btn-wrap[data-active="2"] {
        transform: translateX(-22vw);
    }

    #laurent .section-harmonyos .harmonyos-text-btn-wrap[data-active="3"] {
        transform: translateX(-22vw);
    }

    #laurent .section-harmonyos .harmonyos-text-btn-wrap .harmonyos-text-btn {
        white-space: nowrap;
        margin-left: 5.555556vw;
    }

    #laurent .section-harmonyos .swiper-slide .harmonyos-des {
        width: 77.777778vw;
        margin-top: 20.833333vw;
    }

    #laurent .section-harmonyos .harmonyos-swiper-scrollbar {
        top: 93.333333vw;
        width: 104.305556vw;
        left: auto;
        transform: unset;
        margin-left: 8.888889vw;
        transition-duration: .3s;
    }

    #laurent .section-harmonyos .harmonyos-swiper-scrollbar .harmonyos-swiper-scrollbar-drag {
        width: 28.333333vw;
    }

    #laurent .section-harmonyos .harmonyos-swiper-scrollbar[data-active="0"] {
        transform: translateX(0);
    }

    #laurent .section-harmonyos .harmonyos-swiper-scrollbar[data-active="0"] .harmonyos-swiper-scrollbar-drag {
        transform: translateX(0);
    }

    #laurent .section-harmonyos .harmonyos-swiper-scrollbar[data-active="1"] {
        transform: translateX(0);
    }

    #laurent .section-harmonyos .harmonyos-swiper-scrollbar[data-active="1"] .harmonyos-swiper-scrollbar-drag {
        width: 23.055556vw;
        transform: translateX(30.138889vw);
    }

    #laurent .section-harmonyos .harmonyos-swiper-scrollbar[data-active="2"] {
        transform: translateX(-22vw);
    }

    #laurent .section-harmonyos .harmonyos-swiper-scrollbar[data-active="2"] .harmonyos-swiper-scrollbar-drag {
        width: 20.416667vw;
        transform: translateX(56.319444vw);
    }

    #laurent .section-harmonyos .harmonyos-swiper-scrollbar[data-active="3"] {
        transform: translateX(-22vw);
    }

    #laurent .section-harmonyos .harmonyos-swiper-scrollbar[data-active="3"] .harmonyos-swiper-scrollbar-drag {
        width: 24.444444vw;
        transform: translateX(79.861111vw);
    }

    #laurent .section-harmonyos .swiper-slide .media-container {
        margin-top: 8.888889vw;
    }

    #laurent .section-harmonyos .harmonyos-text-bottom {
        width: 77.777778vw;
        margin: 8.333333vw auto 0;
    }

    #laurent .section-pencil {
        padding: 26.388889vw 0 0;
    }

    #laurent .section-pencil .section-text {
        width: 87.888889vw;
        max-width: unset;
        margin-left: 8.888889vw;
        margin-right: auto;
    }

    #laurent .section-pencil .pencil-link {
        margin-top: 4.166667vw;
    }

    #laurent .section-pencil .section-text p {
        width: 81.777778vw;
    }

    #laurent .section-pencil .section-text .pencil-des {
        margin-top: 2.777778vw;
    }

    #laurent .section-pencil .pencil-img-left {
        position: relative;
        width: 116.111111vw;
        top: 0;
        left: -39.861111vw;
    }

    #laurent .section-pencil .pencil-img-right {
        width: 119.444444vw;
        top: -8.75vw;
        right: -35.972222vw;
    }

    #laurent .section-pencil .media-container {
        position: relative;
        top: 0;
    }

    @keyframes text-drops {
        0% {
            transform: translateY(-40vw);
        }

        15% {
            transform: translateY(0px);
        }

        30% {
            transform: translateY(-30vw);
        }

        45% {
            transform: translateY(0px);
        }

        60% {
            transform: translateY(-18.055556vw);
        }

        75% {
            transform: translateY(0px);
        }

        90% {
            transform: translateY(-4.166667vw);
        }

        100% {
            transform: translateY(0px);
        }
    }

    #laurent .section-keyboard {
        background: linear-gradient(to top, #F8F8FA, #FFFFFF);
    }

    #laurent .section-keyboard .section-text {
        width: 79.777778vw;
        margin-left: 8.888889vw;
        padding: 12.222222vw 0 8.888889vw;
    }

    #laurent .section-keyboard .media-container {
        position: relative;
    }

    #laurent .section-keyboard .keyboard-link {
        margin-top: 4.166667vw;
    }

    #laurent .section-drops-2 {
        padding-bottom: 27.777778vw;
    }

    #laurent .section-system {
        padding-top: 0;
    }

    #laurent .section-system .section-content {
        width: 100%;
    }

    #laurent .section-system .section-text {
        width: 77.777778vw;
        margin: 0 auto;
    }

    #laurent .section-system .section-text.text-22 {
        margin-top: 4.444444vw;
    }

    #laurent .section-system .media-container {
        border-radius: 0;
    }

    #laurent .section-system .system-cards {
        width: 82.222222vw;
        margin: 27.777778vw auto 0;
    }

    #laurent .section-system .system-card {
        border-radius: 2.222222vw;
        width: 100%;
    }

    #laurent .section-system .system-card-2,
    #laurent .section-system .system-card-3,
    #laurent .section-system .system-card-4 {
        margin-top: 4.444444vw;
    }

    #laurent .section-system .system-card-1 .system-card-desc,
    #laurent .section-system .system-card-4 .system-card-desc {
        width: 71.111111vw;
        padding: 5.833333vw 0 0;
        margin: 0 auto;
        text-align: center;
    }

    #laurent .section-system .system-card-2 .system-card-desc,
    #laurent .section-system .system-card-3 .system-card-desc {
        width: 71.111111vw;
        padding: 5.833333vw 0 0;
        text-align: center;
    }

    #laurent .section-system .system-card-2 .system-card-desc {
        transform: translateX(-50%);
        left: 50%;

    }

    #laurent .section-system .system-card-1 .system-card-img {
        position: relative;
        width: 53.888889vw;
        top: auto;
        right: auto;
        margin: 0 auto;
        transform: translateY(8.333333vw);
    }

    #laurent .section-system .system-card-1 .system-card-video {
        width: 49.722222vw;
        top: 2.222222vw;
        left: 2.083333vw;
    }

    #laurent .section-system .system-card-items {
        text-align: left;
        width: 64.583333vw;
        margin-top: 3.333333vw;
        margin-left: auto;
        margin-right: auto;
    }

    #laurent .section-system .system-card-item-1 {
        order: 1;
    }

    #laurent .section-system .system-card-item-2 {
        order: 3;
    }

    #laurent .section-system .system-card-1 .system-card-item {
        margin-top: 1.666667vw;
        align-items: flex-start;
    }

    #laurent .section-system .system-card-1 .system-card-item:nth-child(2n) {
        margin-left: 0;
    }

    #laurent .section-system .system-card .system-card-desc .text-28-mob {
        margin-top: 2.5vw;
    }

    #laurent .section-system .system-card-item-3 {
        order: 2;
        margin-left: auto;
    }

    #laurent .section-system .system-item-icon {
        width: 6.666667vw;
        margin-right: 1.388889vw;
        margin-top: 3vw;
    }

    #laurent .section-system .system-card-2 .system-card-img {
        position: relative;
    }

    #laurent .section-system .system-card-2 .system-card-desc {
        position: absolute;
        top: 0;
    }

    #laurent .section-system .system-card-3 .system-card-img {
        position: relative;
        bottom: unset;
        left: unset;
        transform: none;
        width: 72.898611vw;
        margin: 8.888889vw auto 0 5.555556vw;
    }

    #laurent .section-system .system-card .system-card-des {
        position: relative;
        width: max-content;
        right: unset;
        bottom: unset;
        text-align: right;
        margin: 7.638889vw 5.555556vw 4.444444vw auto;
    }

    #laurent .section-system .system-card-3 .system-item-icon {
        width: 25.277778vw;
        margin: 0 auto;
    }

    #laurent .section-system .system-card-4 .system-card-img {
        position: relative;
        top: unset;
        left: unset;
        transform: none;
        width: 46.515278vw;
        margin: 18.055556vw auto 20.555556vw;
    }

    #laurent .section-system .system-card-4 .system-card-item:nth-child(1) {
        margin-left: 0;
    }

    #laurent .section-system .system-card-4 .system-item-icon {
        margin-top: 0;
    }

    #laurent .section-system .system-card-4 .system-item-icon-5 {
        width: 22.5vw;
    }

    #laurent .section-system .system-card-4 .system-item-icon-6 {
        width: 25.277778vw;
    }

    #laurent .section-system .system-card-4 .system-item-icon-7 {
        width: 17.5vw;
    }

    #laurent .section-system .system-card-4 .system-card-items {
        width: 71.111111vw;
        margin-top: 4.166667vw;
        align-items: center;
    }

    #laurent .section-system .system-card-4 .system-card-item {
        margin-left: 2.916667vw;
        margin-top: 0;
    }


    #laurent .section-system .system-card-4 .system-card-item:nth-child(2) {
        margin-left: 2.916667vw;
    }


    #laurent .section-system .system-card-4 .system-card-wave-1 {
        width: 29.286111vw;
        left: -13.458333vw;
    }

    #laurent .section-system .system-card-4 .system-card-wave-2 {
        width: 21.741667vw;
        top: 4vw;
        left: 34.541667vw;
    }

    #laurent .section-system .system-card-4 .system-card-wave-3 {
        width: 29.286111vw;
        left: -13.541667vw;
    }

    #laurent .section-system .system-card-4 .system-card-wave-4 {
        width: 25.438889vw;
        left: 34.458333vw;
        bottom: 4vw;
    }

    #laurent .section-disclaimer {
        padding-top: 27.777778vw;
        padding-bottom: 27.777778vw;
    }

    #laurent .section-disclaimer .disclaimer-container {
        width: 87.5vw
    }

    #laurent .section-disclaimer .disclaimer-container ol {
        font-size: 3.333333vw
    }
}