#laurent {
    font-weight: 500;
    font-weight: normal;
    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 h2.text-96{
    font-weight: bold;
    font-weight: 500;
}
#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;
    font-weight: normal;
}

#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 .colorC7E5C0{
    color: #C7E5C0;
}
#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-image: linear-gradient(101deg, #C7E5C0 0%, #C7E5C0 40%, #83B777 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-26 {
    font-size: 1.354167vw
}
#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-13 {
    font-size: .677083vw
}
#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-42 {
    margin-top: 2.1875vw;
}
#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 .radius16{
    border-radius: .833333vw;
    -webkit-border-radius: .833333vw;
    overflow: hidden;
    transform: scale(1);
    -webkit-transform: scale(1);
}
#laurent .swiper-button-next,
#laurent .swiper-button-prev {
    border-radius: 100%;
    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: '';
    font-size: 0;
    line-height: 0;
}

#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: -8.6vw auto 0;
    transition: opacity 1s, transform 0.8s;
    transform: translateY(5vw);
    opacity: 0;
    max-width: 59.375vw;
    position: absolute;
    bottom: .260417vw;
    left: 0;
    right: 0;
    margin: 0 auto;
}

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

#laurent .section-hero .hero-logo {
    width: 23.28125vw;
    width: 28.958333vw;
    margin-left: auto;
    margin-right: auto;
}

#laurent .section-hero .hero-headline {
    color: #000000;
    margin-top: 1.5625vw;
    font-size: 1.770833vw;
    font-size: 2.083333vw;
    line-height: 1.25;
    font-weight: 400;
}
#laurent .section-hero .hero-ksp{
    font-size: .677083vw;
    font-size: 1.25vw;
    margin-top: 1.458333vw;
}
#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-hero .kv-appgallery {
    width: 11.40625vw;
    position: absolute;
    top: 41.666667vw;
    right: 3.958333vw;
    opacity: 0;
    transition: opacity 1s;
}

#laurent .section-hero.active .kv-appgallery {
    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%;
}
#laurent .section-reasons .swiper-slide-2 .reasons-wrap,#laurent .section-reasons .swiper-slide-6 .reasons-wrap{
    border-radius: .833333vw;
    -webkit-border-radius: .833333vw;
    overflow: hidden;
    transform: scale(1);
    -webkit-transform: scale(1);
}
#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: 15vw;
    top: 10.9375vw;
    left: 50%;
    transform: translateX(-50%) rotate(25deg);
    z-index: 3;
    transform-origin: center;
}

#laurent .section-reasons .reasons-tablet-4 {
    width: 15vw;
    top: 10.9375vw;
    left: 50%;
    transform: translateX(-50%) rotate(25deg);
    z-index: 2;
    transform-origin: center;
}

#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% - 10.15625vw), 0) rotate(25deg);
}

#laurent .section-reasons .swiper-slide.active .reasons-tablet-4 {
    transform: translate(calc(-50% + 10.15625vw), 0) rotate(25deg);
}

#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));
    background: linear-gradient(to top, #E0EEDD, 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;
    overflow: hidden;
}

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

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

#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-1 .reasons-items p {
    transform: translateX(.3vw);
}
#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;
    right: 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;
    font-weight: 500;
}

#laurent .section-reasons .swiper-slide-prev,
#laurent .section-reasons .swiper-slide-next {
    cursor: pointer
}
#laurent .swiper-slide-prev,
#laurent .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: 10.416667vw 0 10.416667vw;
    margin: 0 auto;
    width: 90%;
    font-weight: 500;
}
#laurent .section-excel {
    padding: 8.333333vw 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;
    width: 45.666667vw;
    flex-wrap: wrap
}

#laurent .section-screen .feature-item {
    width: auto;
    margin: 3.333333vw 0 0 0;
    text-align: center;
    padding: 0 .4vw;
    box-sizing: border-box;
}

#laurent .section-screen .feature-item-3,#laurent .section-screen .feature-item-6{
    width: 17.604167vw;
}

#laurent .section-screen .feature-item-2,#laurent .section-screen .feature-item-5 {
    width: 14.166667vw;
}

#laurent .section-screen .feature-item-1,#laurent .section-screen .feature-item-4 {
    width: 13.177083vw;
}

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

#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: 10.416667vw;
}

#laurent .section-comfortable .text-container {
    width: 57.96875vw;
    margin-left: 22.65625vw;
    margin-right: auto;
    align-items: center;
}
#laurent .section-comfortable .text-container > h2{
    width: 18.4375vw;
}

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

#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.083333vw auto 0;
    width: 67.5vw;
}

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

#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;
    align-items: center;
}
#laurent .section-comfortable .feature-item-1,#laurent .section-comfortable .feature-item-3{

}
#laurent .section-comfortable .feature-item-2,#laurent .section-comfortable .feature-item-4{

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

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

#laurent .section-comfortable .feature-item .feature-icon {
    width: 3.125vw;
    flex-shrink: 0;
}

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

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

#laurent .section-pearlescent {
    position: relative;
    padding-top: 10.416667vw;
    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: 10.416667vw;
}

#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;
    height: 48.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: 22.447917vw;
    transform: rotate(-15deg);
    left: 50%;
    transform: translate(-50%, 0);
    top: 4.369792vw;
    z-index: 4;
}

#laurent .section-colorful .colorful-img-4 {
    width: 22.447917vw;
    left: 18.349479vw;
    transform: rotate(-39deg);
    left: 50%;
    transform: translate(-50%, 0);
    top: 6.796875vw;
    top: 4.369792vw;
    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);
    transform: translate(calc(-50% - 15.78125vw), 7.291667vw) rotate(30deg);
}

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

#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 .w120 {
    width: 6.25vw;
}
#laurent .w582 {
    width: 30.3125vw;
}

#laurent .w690 {
    width: 35.9375vw;
}

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

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

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

#laurent .section-light .feature-row {
    display: flex;
}
#laurent .section-light .feature-row .feature-num{
    font-weight: 500;
}
#laurent .section-light .feature-row .text-22 {
    font-weight: 300;
    font-weight: lighter;
}
#laurent .section-light .feature-row .feature-item{
    max-width: 11vw;
}
#laurent .section-light .section-text {
    width: max-content;
    width: 29.635417vw;
    flex-shrink: 0;
}

#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(../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(../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(../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: 10.416667vw 0 0;

}

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

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

#laurent .section-gallery .section-content {
    width: 90%;
    position: relative;
    margin: 0 auto;
}
#laurent .section-m-pencil{
    margin-top: 10.416667vw;
}
#laurent .section-m-pencil .section-content {
    width: 67.5vw;
    position: relative;
    margin: 0 auto 0;
}
#laurent .section-m-pencil .section-content > p{
    width: 51.145833vw;
    margin-left: auto;
    margin-right: auto;
}
#laurent .section-m-pencil .section-content .media-container video{
    border-radius: .833333vw;
    -webkit-border-radius: .833333vw;
    overflow: hidden;
    transform: scale(1);
    -webkit-transform: scale(1);
}
#laurent .section-m-pencil .section-content .feature-des{
    width: 51.145833vw;
    margin-left: auto;
    margin-right: auto;
    color: #A8A9AA;
}
#laurent .section-m-pencil .section-content .pencil-link{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#laurent .section-power .section-content {
    width: 67.5vw;
    position: relative;
    margin: 0 auto 0;
}
#laurent .section-power .section-content .section-text:first-child{
    text-align: center;
}
#laurent .section-power .section-content > p{
    width: 52.5vw;
    text-align: left;
    margin-top: 2.083333vw;
    margin-left: .833333vw;
}

@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 .swiper-button-next.swiper-button-disabled,
#laurent .swiper-button-prev.swiper-button-disabled {
    opacity: .3
}
#laurent .section-productivity {
    padding-top: 10.416667vw;
    transition: all 1s;
}

#laurent .section-painting {
    padding-top: 10.416667vw;
    overflow: hidden;
}
#laurent .section-painting .section-content{
    width: 67.5vw;
    margin-left: auto;
    margin-right: auto;
}
#laurent .section-painting .text-container {
    margin: 0 auto 3.333333vw;
}
#laurent .section-painting .text-container > p{
    width: 52.083333vw;
    margin-left: auto;
    margin-right: auto;
}
#laurent .section-painting .section-content > .media-container{
    width: 100%;
}
#laurent .section-painting .section-content > .media-container video{
    border-radius: .833333vw;
    -webkit-border-radius: .833333vw;
    overflow: hidden;
    transform: scale(1);
    -webkit-transform: scale(1);
}
#laurent .section-painting .section-content >p{
    width: 42.65625vw;
    margin-left: .833333vw;
    margin-right: auto;
    margin-top: 2.083333vw;
}

#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: .833333vw;
    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;
}


@media screen and (min-aspect-ratio: 11/10) {
    #laurent .multi-productivity .productivity-swiper .swiper-wrapper{
        /* flex-direction: column; */
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #laurent .multi-productivity .productivity-swiper .swiper-wrapper .swiper-slide-2{
        width: 33.125vw;
        margin-top: 3.333333vw;
    }
    #laurent .multi-productivity .productivity-swiper .swiper-wrapper .swiper-slide-3{
        width: 33.125vw;
        margin-top: 3.333333vw;
    }
    #laurent .multi-productivity .productivity-swiper .swiper-wrapper .swiper-slide-4{
        margin-top: 3.333333vw;
    }
    #laurent .multi-productivity .productivity-swiper-text{
        margin-top: 2.083333vw;
        margin-left: .833333vw;
        margin-right: .833333vw;
    }
    #laurent .multi-productivity .productivity-swiper-text-2 p,#laurent .multi-productivity .productivity-swiper-text-3 p{
        width: 27.708333vw;
    }
}
#laurent .multi-productivity .productivity-swiper-text p span{
        color: #000;
        font-weight: 500;
    }
#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 .video-control-new .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 {

}

#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;
    right: 2.083333vw;
    font-weight: 500;
}

#laurent .efficiency-swiper .swiper-button-container {
    position: relative;
    margin-right: 0;
    margin-left: auto;
    margin-top: 2.5vw;
    font-size: 0;
    line-height: 0;
    display: flex;
    justify-content: flex-end;
}

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

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

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

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

#laurent .section-xiaoyi {
    margin: 0 auto;
    padding-top: 10.416667vw;
    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 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 {
    width: 18.24625vw;
    background: #ADADAD;
    margin-top: .833333vw;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#laurent .section-xiaoyi .xiaoyi-swiper-scrollbar .xiaoyi-swiper-scrollbar-drag {
    position: absolute;
    width: 8.990052vw;
    height: 2px;
    top: -1px;
    transform: translateX(0px);
    left: 0;
    background: linear-gradient(to right, #FCCE67 0%, #F894E0 40%, #8F6FFF 80%, #45D9FF 100%);
    background: #8CD684;
    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: 17.5vw;
    transform: translateX(12.083333vw);
}

#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: fit-content;
    /* left: 50%;
    transform: translateX(-50%); */
    margin-top: 3.125vw;
    /* bottom: auto; */
    z-index: 3;
    margin-left: auto;
    margin-right: auto;
    /* left: 0;
    right: 0; */
}
#laurent .section-xiaoyi .xiaoyi-text-btn-wrap .xiaoyi-text-wrap{
    display: flex;
    justify-content: center;
    cursor: pointer;
    width: fit-content;
    margin: 0 auto;
    position: relative;
    left: 0;
    right: 0;
}
#laurent .section-xiaoyi .xiaoyi-text-btn-wrap .xiaoyi-des-wrap{
    width: 44.270833vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.666667vw;
    text-align: center;
}
#laurent .section-xiaoyi .xiaoyi-text-btn-wrap .xiaoyi-text-btn {
    color: #CECECE;
    margin-left: 3.333333vw;
    max-width: 34.8125vw;
}

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

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

#laurent .section-xiaoyi .xiaoyi-text-btn-wrap[data-active="0"] .xiaoyi-text-btn:first-child,#laurent .section-xiaoyi .xiaoyi-text-btn-wrap[data-active="1"] .xiaoyi-text-btn:last-child {
    color: #8CD684;
    /* -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[data-active="0"] .xiaoyi-text-btn:first-child sup,#laurent .section-xiaoyi .xiaoyi-text-btn-wrap[data-active="1"] .xiaoyi-text-btn:last-child 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% */
    color: #8CD684;
}
#laurent .section-xiaoyi .xiaoyi-text-btn-wrap .xiaoyi-des-wrap{
    position: relative;
}
#laurent .section-xiaoyi .xiaoyi-text-btn-wrap .xiaoyi-des:last-child{
    position: absolute;
    left: 0;
    top: 0;
}
#laurent .section-xiaoyi .xiaoyi-text-btn-wrap .xiaoyi-des{
    opacity: 0;
    z-index: 1;
    color: #6F6F6F;
}
#laurent .section-xiaoyi .xiaoyi-text-btn-wrap[data-active="0"] .xiaoyi-des:first-child,#laurent .section-xiaoyi .xiaoyi-text-btn-wrap[data-active="1"] .xiaoyi-des:last-child{
    opacity: 1;
    z-index: 10;
}
#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;
    overflow: visible;
}

#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;
    padding-bottom: 7.2vw;
}

#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: .3;
    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: 19.0625vw;
    margin-left: 0;
    padding: 9.0625vw 0;
    padding: 10.78125vw 0 5.572917vw;
    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: 1.25vw
}

#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%; */
    color: #8CD684;
}

#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%; */
    color: #8CD684;
}

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

#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%; */
    color: #8CD684;
}

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

#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.125vw;
    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{
    display: none;
}
#laurent .section-note .note-right .note-right-title[data-active='0'] .note-right-title-item:first-child p,#laurent .section-note .note-right .note-right-title[data-active='1'] .note-right-title-item:last-child p{
    display: block;
}
#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: 15.763333vw;
    background: #ADADAD;
    position: absolute;
    left: 0;
    top: 9.0625vw;
    top: 10.78125vw;
}

#laurent .section-note .note-right .note-right-title .note-swiper-scrollbar-drag {
    height: 10.555vw;
    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%);
    background: #8CD684;
}

#laurent .section-note .note-text-btn-wrap {
    display: none;
}
#laurent .section-note .note-text-btn-wrap .note-text-btn{
    color: #6F6F6F;
}
#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 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{
    opacity: .6;
    transition: .3s;
}
#laurent .linkga:hover .link-to {
    transform: translateX(3px)
}

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


#laurent .section-magic{
    margin-top: 10.416667vw;
}
#laurent .section-magic .text-container{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#laurent .section-magic .text-container p{
    width: 33.541667vw;
    margin-left: auto;
    margin-right: auto;
}
#laurent .section-magic .media-container{
    width: 61.145833vw;
    margin-top: 3.333333vw;
    margin-left: auto;
    margin-right: auto;
}
#laurent .section-magic .media-container .img-pen{
    position: absolute;
    top: 0;
    right: 15.052083vw;
    z-index: 10;
    width: 1.447917vw;
    transform: rotate(40deg);
}


#laurent .section-keyboard {
    /* background: linear-gradient(to top, #FAFAFC, #FFFFFF); */
    z-index: 2;
    margin-top: 8.333333vw;
    width: 100%;
    overflow: hidden;
}

#laurent .section-keyboard .section-text {
    width: 30vw;
    padding: 0;
    margin-left: 16.25vw;
    margin-right: auto;
    position: relative;
    z-index: 2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
#laurent .section-keyboard .section-text p{
    width: 23.75vw;
}
#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: 2.395833vw;
}

@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: 10.416667vw;
}

#laurent .section-system .section-content {
    width: 67.5vw;
    margin-left: auto;
    margin-right: auto;
}
#laurent .section-system .section-content .section-text p{
    width: 52.083333vw;
    margin-left: auto;
    margin-right: auto;
}
#laurent .section-system .media-container {
    overflow: hidden;
}
#laurent .section-system .media-container video{
    border-radius: .833333vw;
    -webkit-border-radius: .833333vw;
    overflow: hidden;
    transform: scale(1);
    -webkit-transform: scale(1);
}
#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;
    cursor: pointer;
}
#laurent .section-system .system-card-1{
    height: 32.291667vw;
    display: flex;
    align-items: center;
}
#laurent .section-system .system-item-icon {
    width: 2.083333vw;
    margin-right: .833333vw;
}
#laurent .section-system .system-card-txt{
    width: 42.135417vw;
    font-size: 1.145833vw;
    color: #6F6F6F;
    display: none;
    transition: .2s;
    position: absolute;
    left: 0;
    margin-left: 6.25vw;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
}
#laurent .section-system .system-card-2 .system-card-txt{
    width: 23.177083vw;
    margin-left: 3.541667vw;
}
#laurent .section-system .system-card-4 .system-card-txt{
    width: 23.90625vw;
    margin-left: 5.989583vw;
}
#laurent .section-system .system-card.active .system-card-txt{
    display: block;
    transition: .8s;
    z-index: 10;
}

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

#laurent .section-system .system-card-item {
    display: flex;
    flex-direction: row;
}
#laurent .section-system .system-card .system-card-desc{
    transition: all .6s;
}
#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.active .system-card-desc{
    opacity: 0;
    transition: .2s;
}
#laurent .section-system .system-card-desc .system-card-headline {
    line-height: 1.25;
    font-weight: 500;
}

#laurent .section-system .system-card-1 .system-card-item {
    margin-top: 2.291667vw;
}
#laurent .section-system .system-card-1 .system-card-item p{
    font-weight: lighter;
}
#laurent .section-system .system-card-1 .system-card-item .system-item-headline{
    font-weight: 500;
}

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

#laurent .section-system .system-card-1 .system-card-img {
    position: absolute;
    width: 20.729167vw;
    top: 4.947917vw;
    right: 9.21875vw;
    transition: .8s;
}
#laurent .section-system .system-card.active .system-card-img{
    opacity: 0;
    transition: .2s;
}
#laurent .section-system .system-card:hover .system-card-icon{
    opacity: .6;
}
#laurent .section-system .system-card .system-card-icon{
    position: absolute;
    top: 1.458333vw;
    right: 2.083333vw;
    z-index: 10;
    transition: .3s;
    width: 2.083333vw;
    cursor: pointer;
}
#laurent .section-system .system-card.active .system-card-icon{
    transform: rotate(45deg);
}
#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-4 {
    margin-top: 1.25vw;
    height: 37.5vw;
}

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

#laurent .section-system .system-card-2 .system-card-desc {
    position: relative;
    z-index: 2;
    width: 23.916667vw;
    padding: 2.083333vw 0 0;
    margin-left: 2.083333vw;
    margin-right: auto;
    text-align: left;
}

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

#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;
    margin-left: auto;
}

#laurent .section-system .system-card-4 .system-card-img {
    position: absolute;
    width: 18.020833vw;
    top: 16.666667vw;
    left: 9.635417vw;
}

#laurent .section-system .system-card-4 .system-card-desc {
    width: 28.9375vw;
    padding: 2.083333vw 0 0;
    margin-left: 2.083333vw;
    margin-right: auto;
    text-align: left;
}

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

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

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

#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;
    margin-top: 2.447917vw;
}

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

#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;
    top: 1vw;
    left: -3.458333vw;
    width: 9.727083vw;
}

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

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

#laurent .section-system .system-card-4 .system-card-wave-4 {
    bottom: 0vw;
    left: -4.458333vw;
    bottom: 1vw;
    left: -3.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 .section-disclaimer .disclaimer-container li a{
    text-decoration: underline;
    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 a{
    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: 1440px) {
    #laurent .section-screen .feature-container{
        transform: translateY(20vw);
    }
}
@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 .feature-container{
        transform: translateY(20vw);
    }
    #laurent .section-screen.animated .feature-container {
        transform: translateY(4.166667vw);
    }
    #laurent .section-screen .media-container {
        /* transform-origin: 50% 15%;
        transform: scale(2.46); */
    }
}
@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 .text-16-mob {
        font-size: 2.222222vw;
    }

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

    #laurent .mtop-30 {
        margin-top: 4.166667vw;
    }
    #laurent .mtop-28-mob {
        margin-top: 3.888889vw;
    }
    #laurent .mtop-60-mob {
        margin-top: 8.333333vw;
    }

    #laurent .mtop-40-mob {
        margin-top: 5.555556vw;
    }
    #laurent .mtop-32-mob {
        margin-top: 4.444444vw;
    }
    #laurent .mtop-30-mob {
        margin-top: 4.166667vw;
    }
    #laurent .mtop-24-mob {
        margin-top: 3.333333vw;
    }
    #laurent .text-28-mob {
        font-size: 3.888889vw
    }
    #laurent .text-24-mob {
        font-size: 3.333333vw
    }
    #laurent .text-18-mob {
        font-size: 2.5vw
    }
    #laurent .text-12-mob {
        font-size: 1.666667vw
    }
    #laurent .radius16{
        border-radius: 2.222222vw;
        -webkit-border-radius: 2.222222vw;
        overflow: hidden;
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    #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.888889vw 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 .kv-appgallery {
        opacity: 1;
        width: 22.222222vw;
        right: 4.444444vw;
        top: auto;
        bottom: 10.416667vw;
    }

    #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;
        position: absolute;
        bottom: 23.611111vw;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: auto;
        width: 90%;
        max-width: 90%;
    }

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

    #laurent .section-hero .hero-headline {
        font-size: 4.166667vw;
        margin-top: 4.027778vw;
    }
    #laurent .section-hero .hero-ksp{
        font-size: 2.222222vw;
        margin-top: 3.333333vw;
    }
    #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-1 .reasons-items p {
        transform: translateX(0);
    }
    #laurent .section-reasons .swiper-slide .reasons-con {
        background: #F7F7FA;
        height: 109.722222vw;
        border-radius: 2.222222vw;
        -webkit-border-radius: 2.222222vw;
        overflow: hidden;
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    #laurent .section-reasons .swiper-slide .reasons-wrap img {
        border-radius: 2.222222vw;
    }
    #laurent .section-reasons .swiper-slide-4 .reasons-wrap img {
        border-radius: 0;
    }
    #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-2 .reasons-wrap,#laurent .section-reasons .swiper-slide-6 .reasons-wrap{
        border-radius: 2.222222vw;
        -webkit-border-radius: 2.222222vw;
        overflow: hidden;
        transform: scale(1);
        -webkit-transform: scale(1);
    }
    #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));
        background: linear-gradient(to top, #E0EEDD, rgba(247, 247, 250, 0.4) 90%);
    }

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

    #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: 30.138889vw;
        top: 42.777778vw;
    }

    #laurent .section-reasons .reasons-tablet-4 {
        width: 30.138889vw;
        top: 42.777778vw;
    }

    #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% - 12.777778vw), -14.166667vw) rotate(25deg);
    }

    #laurent .section-reasons .swiper-slide.active .reasons-tablet-4 {
        transform: translate(calc(-50% + 12.777778vw), 14.166667vw) rotate(25deg);
    }

    #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: 27.777778vw 0;
    }
    #laurent .section-excel {
        padding: 27.777778vw 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: 81.388889vw;
        margin-top: 3.333333vw;
        margin-left: 14.861111vw;
        margin-right: 4.444444vw;
        justify-content: flex-start;
    }

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

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

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

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

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

    #laurent .section-screen .feature-item-4 {
        order: 6;
        margin-left: 0;
    }

    #laurent .section-screen .feature-item-5 {
        order: 4;
        margin-left: 0;
    }

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

    #laurent .section-screen .feature-item-2,#laurent .section-screen .feature-item-4,#laurent .section-screen .feature-item-5 {
        width: 31.944444vw;
        margin-left: 0;
    }

    #laurent .section-screen .feature-item-1,#laurent .section-screen .feature-item-3,#laurent .section-screen .feature-item-6 {
        width: 46.472222vw;
        margin-left: 0;
        padding: 0 2vw 0 0;
    }

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

    #laurent .section-comfortable .text-container {
        width: 82.361111vw;
        flex-direction: column;
        margin-left: auto;
    }
    #laurent .section-comfortable .text-container > h2{
        width: 100%;
    }
    #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;
        margin-left: 0;
    }

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

    #laurent .section-comfortable .media-container video {
        border-radius: 0;
        transform: scale(100.2%, 100.2%);
    }

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

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

    #laurent .section-comfortable .feature-item {
        margin-right: 0;
        width: 87.111111vw;
        margin-top: 3.75vw;
        align-items: center;
    }
    #laurent .section-comfortable .feature-item:nth-child(n+3){
        margin-top: 3.75vw;
    }
    #laurent .section-comfortable .feature-item .feature-icon {
        width: 9.444444vw;
        margin-left: 4.861111vw;
        margin-right: 9.375vw;
        flex-shrink: 0;
    }

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

    #laurent .section-comfortable .feature-item-1 {

    }

    #laurent .section-comfortable .feature-item-2 {

    }

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

    #laurent .section-comfortable .feature-text {
        margin-left: 0;
        font-size: 3.888889vw;
    }

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

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

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

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

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

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

    #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: 30.416667vw;
    }

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

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

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

    #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;
        width: 84.027778vw;
        flex-direction: column;
        margin: 29.166667vw auto 0;
    }

    #laurent .section-light .section-text {
        width: 63.222222vw;
        width: 84.027778vw;
        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;
        margin: 5.555556vw auto 0;
    }

    #laurent .section-light .media-container {
        width: 237.916667vw;
        margin-top: 22.222222vw;
        transform: translateX(-80%);
    }
    #laurent .section-light .feature-row .feature-item{
        max-width: 26.111111vw;
    }
    #laurent .section-light .media-container.animated {
        transform: translateX(-60%);
    }
    #laurent .w120 {
        width: 16.666667vw;
    }
    #laurent .w160 {
        width: 22.222222vw;
    }
    #laurent .section-drops{
        padding: 27.777778vw 0 0;
    }
    #laurent .section-drops .mleft {
        margin-left: 15.729167vw;
    }

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

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

    #laurent .section-m-pencil{
        margin-top: 27.777778vw;
    }
    #laurent .section-m-pencil .section-content{
        width: 100%;
    }
    #laurent .section-m-pencil .section-content > .section-text{
        width: 82.222222vw;
        margin-left: auto;
        margin-right: auto;
    }
    #laurent .section-m-pencil .section-content .media-container video{
        border-radius: 0;
        -webkit-border-radius: 0;
    }
    #laurent .section-m-pencil .section-content > .section-text{
        width: 82.222222vw;
    }
    #laurent .section-m-pencil .section-content .feature-des{
        width: 82.222222vw;
    }
    #laurent .section-m-pencil .section-content .pencil-link{
        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;
        right: 6.666667vw;
    }

    #laurent .efficiency-swiper .swiper-button-container {
        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: 5.555556vw;
    }

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

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

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

    #laurent .section-xiaoyi .xiaoyi-text-btn-wrap {
        /* top: 74.444444vw; */
        transform: unset;
        margin-top: 5vw;
    }

    #laurent .section-xiaoyi .xiaoyi-swiper-scrollbar {
        width: 48.637222vw;
        /* top: 84.444444vw; */
        /* overflow: hidden; */
        border-radius: 0;
        margin-top: 3.888889vw
    }
    #laurent .section-xiaoyi .xiaoyi-text-btn-wrap .xiaoyi-des-wrap{
        margin-top: 4.444444vw;
        width: 82.222222vw;
    }
    #laurent .section-xiaoyi .xiaoyi-swiper-scrollbar .xiaoyi-swiper-scrollbar-drag {
        width: 23.958333vw;
    }

    #laurent .section-xiaoyi .xiaoyi-swiper-scrollbar[data-active="1"] .xiaoyi-swiper-scrollbar-drag {
        width: 45.833333vw;
        transform: translateX(32.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 {
        margin-left: 8.888889vw;
        text-align: center;
        max-width: 55.555556vw;
    }

    #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: 6.4vw 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;
        align-items: flex-start;
        justify-content: center;
        margin: 0 auto;
        width: fit-content;
    }

    #laurent .section-note .note-text-btn-wrap {
        position: absolute;
        display: flex;
        width: auto;
        top: 20vw;
        top: 0;
        overflow-x: auto;
        overflow-y: hidden;
        left: 0;
        transform: unset;
        margin-left: 0;
        transition-duration: .3s;
        right: 0;
        justify-content: center;
        text-align: center;
        margin-top: 4.444444vw;
        margin-left: auto;
        margin-right: auto;
        /* margin-bottom: 2.083333vw; */
    }

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


    #laurent .section-power .section-content{
        width: 82.222222vw;
    }
    #laurent .section-power .section-content .section-text:first-child{
        text-align: left;
    }
    #laurent .section-power .section-content > p{
        width: 72.222222vw;
        margin-left: 2.222222vw;
        margin-top: 2.777778vw;
    }

    #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%; */
        /* color: #8CD684; */
        opacity: 1;
    }

    #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%; */
        /* color: #8CD684; */
    }

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

    #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%; */
        /* color: #8CD684; */
        opacity: 1;
    }

    #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%; */
        color: #8CD684;
    }

    #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 {
        /* white-space: nowrap; */
        /* margin-left: 8.333333vw; */
        transition-duration: .3s;
        opacity: 0;
    }
    #laurent .section-note .note-text-btn-wrap .note-text-btn:last-child{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
    #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;
        display: block;
    }
    #laurent .section-note .note-right .note-right-title[data-active='0'] .note-right-title-item:first-child p, #laurent .section-note .note-right .note-right-title[data-active='1'] .note-right-title-item:last-child p {
    display: none;
}
#laurent .section-note .note-right .note-right-title[data-active='0'] .note-right-title-item:last-child p, #laurent .section-note .note-right .note-right-title[data-active='1'] .note-right-title-item:first-child p {
    display: none;
}
#laurent .section-note .note-text-btn-wrap {
    display: block;
    width: 77.777778vw;
    position: relative;
}
#laurent .section-note .note-right .note-right-title{
    margin-top: 5vw;
}
    #laurent .section-note .note-right .note-right-title .note-right-title-item {
        width: 100%;
        width: fit-content;
        position: relative;
        padding: 0;
        margin: 0;
        top: 0;
        left: 0;
        opacity: 1;
        text-align: center;
        transition-duration: .3s;
        flex-shrink: 1;
        /* display: inline; */
    }
    #laurent .section-note .note-right .note-right-title .note-right-title-item:last-child{
        margin-left: 8.888889vw;
    }
#laurent .section-note .note-right .note-right-title .note-right-title-item .text-32{
    /* display: inline; */
}
    #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: 77.777778vw;
        height: 1px;
        top: 29.861111vw;
        top: 36.861111vw;
        transition-duration: .3s;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        top: 0;
        margin-top: 2.916667vw;
    }

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

    #laurent .section-note .note-right .note-right-title[data-active="0"] .note-swiper-scrollbar-drag {
        width: 32.656111vw;
        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);
        transform: translateX(-50%);
    }

    #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: 27.777778vw 0 0;
    }
    #laurent .section-painting .section-content{
        width: 82.222222vw;
    }
    #laurent .section-painting .text-container {
        width: 100%;
        margin: 0 auto;
        text-align: left;
    }
    #laurent .section-painting .text-container p{
        width: 100%;
        margin-left: 0;
    }
    #laurent .section-painting .section-content > .media-container{
        margin-top: 8.888889vw;
    }
    #laurent .section-painting .section-content > .media-container video{
        border-radius: 2.222222vw;
        -webkit-border-radius: 2.222222vw;
        overflow: hidden;
        transform: scale(1);
        -webkit-transform: scale(1);
    }
    #laurent .section-painting .section-content >p{
        width: 64.444444vw;
        margin-left: 2.222222vw;
        margin-top: 2.777778vw;
    }
    #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: center;
    }
    #laurent .multi-productivity .productivity-swiper-text{
        margin: 4.861111vw 2.222222vw 0;
        opacity: 0;
        transition: .3s;
    }
    #laurent .multi-productivity .swiper-slide-active .productivity-swiper-text{
        opacity: 1;
    }
    #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;
        width: 69.444444vw;
    }

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

    #laurent .multi-productivity .swiper-button-center {
        position: relative;
        display: flex;
        margin: 10.416667vw 8.888889vw 0 auto;
        justify-content: flex-end;
    }
    #laurent .multi-productivity .swiper-button-next{
        margin-left: 5.555556vw;
        left: auto;
    }
    #laurent .multi-productivity .swiper-button-prev,
    #laurent .multi-productivity .swiper-button-next {
        width: 11.111111vw;
        height: 11.111111vw;
        position: relative;
        top: 0;
        right: unset;
        left: unset;
        align-items: start;
    }

    #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-productivity {
        padding-top: 27.777778vw;
    }
    #laurent .section-magic {
        margin-top: 27.777778vw;
    }
    #laurent .section-magic .text-container {
        width: 82.222222vw;
        text-align: left;
    }
    #laurent .section-magic .text-container p{
    width: 100%;
}
    #laurent .section-magic .media-container {
        width: 82.222222vw;
        margin-top: 8.888889vw;
    }
    #laurent .section-magic .media-container .img-pen{
        right: 20.277778vw;
        top: -3vw;
        width: 1.944444vw;
    }
    #laurent .section-keyboard {
        /* background: linear-gradient(to top, #F8F8FA, #FFFFFF); */
        margin-top: 27.777778vw;
    }

    #laurent .section-keyboard .section-text {
        width: 79.777778vw;
        margin-left: 8.888889vw;
        padding: 0 0 6.944444vw;
        position: relative;
        top: 0;
        transform: translateY(0);
    }
    #laurent .section-keyboard .section-text p{
        width: 100%;
    }
    #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: 82.222222vw;
        margin: 0 auto;
        text-align: left;
    }

    #laurent .section-system .section-text.text-22 {
        margin-top: 4.444444vw;
    }
    #laurent .section-system .section-content .section-text p{
        margin-left: 0;
        width: 100%;
    }
    #laurent .section-system .media-container video{
        border-radius: 0;
    }
    #laurent .section-system .system-cards {
        width: 82.222222vw;
        margin: 27.777778vw auto 0;
    }

    #laurent .section-system .system-card .system-card-icon {
        top: auto;
        bottom: 4.444444vw;
        right: 4.444444vw;
        width: 8.888889vw;
    }
    #laurent .section-system .system-card {
        border-radius: 2.222222vw;
        width: 100%;
        flex-direction: column;
    }
    #laurent .section-system .system-card-1{
        height: auto;
    }
    #laurent .section-system .system-card-1 .system-card-desc > div:first-child{
        text-align: center;
        width: 100%;
    }
    #laurent .section-system .system-card-1 .system-card-desc > .system-card-items{
        flex-direction: row;
        justify-content: center;
        width: 100%;
        margin-top: 5.833333vw;
    }
    #laurent .section-system .system-card-1 .system-card-desc > .system-card-items .system-card-item{
        margin-top: 0;
    }
    #laurent .section-system .system-card-1 .system-card-desc > .system-card-items .system-card-item-2{
        margin-left: 3.194444vw;
    }
    #laurent .section-system .system-card-2,
    #laurent .section-system .system-card-3,
    #laurent .section-system .system-card-4 {
        margin-top: 4.444444vw;
        height: 97.222222vw;
    }

    #laurent .section-system .system-card-1 .system-card-desc,
    #laurent .section-system .system-card-4 .system-card-desc {
        width: 96%;
        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: 96%;
        padding: 5.833333vw 0 0;
        text-align: center;
        left: 0;
        right: 0;
        margin-left: auto;
    }
    
    #laurent .section-system .system-card-1 .system-card-img {
        position: relative;
        width: 47.5vw;
        top: auto;
        right: auto;
        margin: 8.333333vw auto -3.930556vw;
        transform: translateY(0);
    }
    
    #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;
        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.111111vw;
        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;
        text-align: center;
    }
    #laurent .section-system .system-card-wave-3 .system-card-desc {
        text-align: center;
    }

    #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: 15.833333vw auto 17.222222vw;
    }

    #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: 31.527778vw;
    }

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

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

    #laurent .section-system .system-card-4 .system-card-items {
        margin-top: 6.527778vw;
        align-items: center;
        justify-content: 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: 4.166667vw;
    }


    #laurent .section-system .system-card-4 .system-card-wave-1 {
        width: 29.286111vw;
        left: -11.458333vw;
        top: 3vw;
    }

    #laurent .section-system .system-card-4 .system-card-wave-2 {
        width: 21.741667vw;
        top: 4vw;
        left: 34.541667vw;
        top: 5vw;
        left: 33.541667vw;
    }

    #laurent .section-system .system-card-4 .system-card-wave-3 {
        width: 29.286111vw;
        left: -11.541667vw;
        bottom: 3vw;
    }

    #laurent .section-system .system-card-4 .system-card-wave-4 {
        width: 25.438889vw;
        width: 21.741667vw;
        left: 34.458333vw;
        bottom: 4vw;
        left: 33.458333vw;
        bottom: 5vw;
    }
    
    #laurent .section-disclaimer {
        padding-top: 27.777778vw;
        padding-bottom: 27.777778vw;
    }
    #laurent .section-system .system-card-txt,#laurent .section-system .system-card-2 .system-card-txt,#laurent .section-system .system-card-4 .system-card-txt{
        width: 65.277778vw;
        text-align: center;
        font-size: 3.888889vw;
        right: 0;
        margin: 0 auto;
    }
    #laurent .section-disclaimer .disclaimer-container {
        width: 87.5vw
    }

    #laurent .section-disclaimer .disclaimer-container ol {
        font-size: 3.333333vw
    }
}
@media (min-aspect-ratio: 11/10){
    #laurent .section-system .system-card-1 .system-card-item p {
        font-size: max(.833333vw,12px);
    }
}
@media (min-aspect-ratio: 11/10) and (min-width: 700px) and (max-width: 800px) {
    #laurent .section-system .system-card-1 .system-card-item p {
        font-size: .833333vw;
    }
    #laurent .section-comfortable .feature-text {
        font-size: .833333vw;
    }
    
}