@charset "UTF-8";.banner-section{position:relative;width:100%;height:100vh;overflow:hidden;padding:0}.banner-section .banner-section__swiper,.banner-section .banner-section__swiper .swiper-wrapper,.banner-section .banner-section__swiper .swiper-slide{width:100%;height:100%}.banner-section .banner-section__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;padding-left:16.25rem}.banner-section .banner-section__title{font-family:Douyin Sans;color:var(--color-white);font-style:Bold;font-size:4rem;font-weight:700;line-height:4.8125rem;letter-spacing:0px;text-align:left}.banner-section .banner-section__scroll-tip{display:flex;align-items:center;position:absolute;left:16.25rem;bottom:5.625rem;z-index:2}.banner-section .banner-section__scroll-text{color:var(--color-white);font-family:"OPPO Sans 4.0";font-style:SemiBold;font-size:1.0625rem;font-weight:600;line-height:1.25rem;letter-spacing:0px;text-align:left;margin-right:1.25rem}.banner-section .banner-section__scroll-tip>img{width:.54063rem;height:1.105rem;margin-right:2.75rem}.banner-section .banner-section__pause-btn{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.75rem}.banner-section .banner-section__pause-btn img{width:.625rem;height:.75rem}.section-1{width:100%;padding-left:16.25rem;padding-top:7.5rem;padding-bottom:7.5rem;background-color:#fff}.section-1 .section-1__container{display:flex;align-items:center;justify-content:space-between;gap:6.875rem;width:100%}.section-1 .section-1__left{flex:1}.section-1 .section-1__tag{color:var(--color-primary);font-family:"OPPO Sans 4.0";font-style:Medium;font-size:1.125rem;font-weight:500;line-height:1.3125rem;letter-spacing:0rem;text-align:left;margin-bottom:.5rem}.section-1 .section-1__title{color:#000;font-family:"OPPO Sans 4.0";font-style:Medium;font-size:2.375rem;font-weight:600;line-height:2.8125rem;letter-spacing:0rem;text-align:left;margin-bottom:1.25rem}.section-1 .section-1__desc{color:#6c6c6c;font-family:"OPPO Sans 4.0";font-style:Regular;font-size:1.125rem;font-weight:400;line-height:1.625rem;letter-spacing:0rem;text-align:left;margin-bottom:1.875rem}.section-1 .section-1__metrics{display:flex;align-items:center;margin-bottom:2.5rem}.section-1 .section-1__metric-item{flex:1;padding-right:1.5rem}.section-1 .section-1__metric-value{color:#3a3a3a;font-family:"OPPO Sans 4.0";font-style:Medium;font-size:1.125rem;font-weight:500;line-height:1.3125rem;letter-spacing:0rem;text-align:left;margin-bottom:.5rem}.section-1 .section-1__metric-value span{color:#3a3a3a;font-family:D-DIN-PRO;font-style:SemiBold;font-size:3rem;font-weight:600;line-height:3rem;letter-spacing:0rem;text-align:left;margin-right:.375rem}.section-1 .section-1__metric-label{color:#6c6c6c;font-family:"OPPO Sans 4.0";font-style:Regular;font-size:1rem;font-weight:400;line-height:1.1875rem;letter-spacing:0rem;text-align:left}.section-1 .section-1__right{width:50rem;border-radius:2.5rem 0rem 0rem 2.5rem}.section-1 .section-1__right img{display:block;width:100%;height:100%;object-fit:cover}.section-2{width:100%;padding:10.625rem 16.25rem;background-color:#fafafa}.section-2 .section-2__container{width:100%;display:flex;flex-direction:column;align-items:center}.section-2 .section-2__tag{margin-bottom:.5rem;color:#cc261f;font-family:"OPPO Sans 4.0";font-style:Medium;font-size:1.125rem;font-weight:500;line-height:1.3125rem;letter-spacing:0rem;text-align:center}.section-2 .section-2__title{margin-bottom:3.125rem;color:#000;font-family:"OPPO Sans 4.0";font-style:Medium;font-size:2.375rem;font-weight:600;line-height:2.8125rem;letter-spacing:0rem;text-align:center}.section-2 .section-2__slider-wrap{width:100%;position:relative;display:flex;align-items:center;gap:0;margin-bottom:3.75rem}.section-2 .section-2__cards-viewport.section-2__cards-swiper{--s2-gap: .625rem;--s2-exp: min(40.625rem, calc(100cqi - 2rem) );--s2-col: max(0px, calc((100cqi - var(--s2-exp) - 3 * var(--s2-gap)) / 3));flex:1;min-width:0;width:100%;overflow:hidden;container-type:inline-size;container-name:section2cards}.section-2 .section-2__cards-swiper .swiper-wrapper{align-items:stretch}.section-2 .section-2__cards-swiper .swiper-slide{display:flex;width:var(--s2-col);height:auto;box-sizing:border-box;transition:width .3s cubic-bezier(.25,.1,.25,1)}.section-2 .section-2__cards-swiper .swiper-slide:has(.section-2__card--expanded){width:var(--s2-exp)}.section-2 .section-2__nav-btn{position:absolute;width:3rem;height:3rem;border-radius:.75rem;cursor:pointer;overflow:hidden;transition:all .3s ease}.section-2 .section-2__nav-btn img{width:100%;height:100%}.section-2 .section-2__nav-btn.section-2__nav-btn--prev{left:-10%}.section-2 .section-2__nav-btn.section-2__nav-btn--next{right:-10%}.section-2 .section-2__nav-btn:hover{box-shadow:0 .375rem 1rem #1018281a;transform:translateY(-.0625rem)}.section-2 .section-2__card{background-color:#fff;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;flex:1 1 auto;width:100%;min-width:0;height:28.125rem;border-radius:2.5rem;padding:3.75rem 1.5625rem;overflow:hidden;transition:var(--transition-ease);transition-duration:.5s;cursor:pointer}.section-2 .section-2__card.section-2__card--expanded .section-2__bg-image,.section-2 .section-2__card.section-2__card--expanded .section-2__card-desc,.section-2 .section-2__card.section-2__card--expanded .section-2__card-arrow{display:block}.section-2 .section-2__card.section-2__card--expanded .section-2__plus-btn{display:none}.section-2 .section-2__card.section-2__card--expanded .section-2__card-title{color:#fff}.section-2 .section-2__card.section-2__card--expanded .section-2__icon-wrap{--c-glass: rgba(196, 196, 196, .2);--c-light: #fff;--saturation: 100%;--left: .125rem;--right: -1.8px;background-color:color-mix(in srgb,var(--c-glass) 20%,transparent);backdrop-filter:blur(.3125rem) saturate(var(--saturation));-webkit-backdrop-filter:blur(.3125rem) saturate(var(--saturation));box-shadow:inset 0 0 0 .125rem color-mix(in srgb,var(--c-light) 10%,transparent),inset var(--left) var(--left) .125rem -.125rem color-mix(in srgb,var(--c-light) 90%,transparent),inset var(--right) var(--right) .125rem -.125rem color-mix(in srgb,var(--c-light) 80%,transparent)}.section-2 .section-2__card.section-2__card--expanded .section-2__icon-wrap img[data-active]{display:block}.section-2 .section-2__card.section-2__card--expanded .section-2__icon-wrap img[data-default],.section-2 .section-2__card .section-2__bg-image,.section-2 .section-2__card .section-2__card-desc,.section-2 .section-2__card .section-2__card-arrow{display:none}.section-2 .section-2__card .section-2__card-content{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center}.section-2 .section-2__bg-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}.section-2 .section-2__icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:5rem;height:5rem;margin-bottom:1.5rem;border-radius:1.25rem;background-color:var(--color-primary)}.section-2 .section-2__icon-wrap img{width:100%;height:100%}.section-2 .section-2__icon-wrap img[data-default]{display:block}.section-2 .section-2__icon-wrap img[data-active]{display:none}.section-2 .section-2__card-title{color:#3a3a3a;font-family:"OPPO Sans 4.0";font-style:Medium;font-size:1.625rem;font-weight:500;line-height:1.875rem;letter-spacing:0rem;text-align:center;margin-bottom:1.5rem}.section-2 .section-2__card-desc{width:26.25rem;color:#fff;font-family:"OPPO Sans 4.0";font-style:Regular;font-size:1.125rem;font-weight:400;line-height:1.5rem;letter-spacing:0rem;text-align:center}.section-2 .section-2__card-arrow{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.75rem;transition:all .3s ease}.section-2 .section-2__card-arrow img{width:.9375rem;height:.75rem}.section-2 .section-2__card-arrow:hover{transform:translateY(.125rem)}.section-2 .section-2__plus-btn{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:.0625rem solid var(--color-primary);border-radius:.75rem;background-color:#fff;transition:all .3s ease}.section-2 .section-2__plus-btn img{width:1.125rem;height:1.125rem}.section-3{width:100%;min-height:46.875rem;padding:6.25rem 0 5.625rem;background-image:url(../assets/customer-bg.png);background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:fixed}.section-3 .section-3__container{position:relative;z-index:1;max-width:87.5rem;margin:0 auto;display:flex;flex-direction:column;align-items:center}.section-3 .section-3__tag{color:#fff;font-family:"OPPO Sans 4.0";font-style:Medium;font-size:1.125rem;font-weight:500;line-height:1.3125rem;letter-spacing:0rem;text-align:center;margin-bottom:.5rem}.section-3 .section-3__title{color:#fff;font-family:"OPPO Sans 4.0";font-style:Medium;font-size:2.375rem;font-weight:600;line-height:2.8125rem;letter-spacing:0rem;text-align:center}.section-3 .section-3__logo-list{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:5.3125rem;margin-bottom:3.75rem;padding:0;list-style:none}.section-3 .section-3__logo-item{display:flex;align-items:center;justify-content:center;height:5.4375rem;border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.section-3 .section-3__logo-item:nth-child(5n){border-right:none}.section-3 .section-3__logo-item:nth-last-child(-n+5){border-bottom:none}.section-3 .section-3__logo-item img{max-width:75%;max-height:75%;object-fit:cover}.section-3 .section-3__more-btn .s-btn__arrow{width:.9375rem;height:.75rem}.section-4{position:relative;width:100%;padding:23.4375rem 0 6.875rem;background:#f4f4f4;overflow:hidden}.section-4 .section-4__container{width:100%;display:flex;flex-direction:column;align-items:center}.section-4 .section-4__arc{position:absolute;left:50%;top:11.875rem;width:0;height:0;animation:section4-arc-spin 60s linear infinite}.section-4 .section-4__arc:hover{animation-play-state:paused}.section-4 .section-4__arc-card{position:absolute;display:flex;flex-direction:column;justify-content:space-between;height:18.75rem;padding:.625rem .625rem .9375rem;border-radius:1.5rem;background:#fff;box-shadow:0 .5rem 1.75rem #1c284914;transform-origin:50% 100%;transition:var(--transition-ease)}.section-4 .section-4__arc-card:hover{cursor:pointer;transform:scale(2)}.section-4 .section-4__arc-card img{width:22.875rem;height:14.6875rem;border-radius:.875rem;object-fit:cover;display:block}.section-4 .section-4__arc-card p{color:#000;font-family:"OPPO Sans 4.0";font-style:Medium;font-size:1.375rem;font-weight:500;line-height:1.625rem;letter-spacing:0rem;text-align:left}.section-4 .section-4__arc{transform-origin:0 84.375rem}.section-4 .section-4__arc-card:nth-child(1){left:50%;top:84.375rem;transform:translate(-50%,-18.75rem) rotate(-45deg) translateY(-65.625rem);z-index:9}.section-4 .section-4__arc-card:nth-child(2){left:50%;top:84.375rem;transform:translate(-50%,-18.75rem) rotate(-22.5deg) translateY(-65.625rem);z-index:10}.section-4 .section-4__arc-card:nth-child(3){left:50%;top:84.375rem;transform:translate(-50%,-18.75rem) rotate(0) translateY(-65.625rem);z-index:11}.section-4 .section-4__arc-card:nth-child(4){left:50%;top:84.375rem;transform:translate(-50%,-18.75rem) rotate(22.5deg) translateY(-65.625rem);z-index:12}.section-4 .section-4__arc-card:nth-child(5){left:50%;top:84.375rem;transform:translate(-50%,-18.75rem) rotate(45deg) translateY(-65.625rem);z-index:13}.section-4 .section-4__arc-card:nth-child(6){left:50%;top:84.375rem;transform:translate(-50%,-18.75rem) rotate(67.5deg) translateY(-65.625rem);z-index:14}.section-4 .section-4__arc-card:nth-child(7){left:50%;top:84.375rem;transform:translate(-50%,-18.75rem) rotate(90deg) translateY(-65.625rem);z-index:15}.section-4 .section-4__arc-card:nth-child(8){left:50%;top:84.375rem;transform:translate(-50%,-18.75rem) rotate(112.5deg) translateY(-65.625rem);z-index:16}.section-4 .section-4__arc-card:nth-child(9){left:50%;top:84.375rem;transform:translate(-50%,-18.75rem) rotate(135deg) translateY(-65.625rem);z-index:17}.section-4 .section-4__arc-card:nth-child(10){left:50%;top:84.375rem;transform:translate(-50%,-18.75rem) rotate(157.5deg) translateY(-65.625rem);z-index:16}.section-4 .section-4__arc-card:nth-child(11){left:50%;top:84.375rem;transform:translate(-50%,-18.75rem) rotate(180deg) translateY(-65.625rem);z-index:15}.section-4 .section-4__arc-card:nth-child(12){left:50%;top:84.375rem;transform:translate(-50%,-18.75rem) rotate(202.5deg) translateY(-65.625rem);z-index:14}.section-4 .section-4__arc-card:nth-child(13){left:50%;top:84.375rem;transform:translate(-50%,-18.75rem) rotate(225deg) translateY(-65.625rem);z-index:13}.section-4 .section-4__arc-card:nth-child(14){left:50%;top:84.375rem;transform:translate(-50%,-18.75rem) rotate(247.5deg) translateY(-65.625rem);z-index:12}.section-4 .section-4__arc-card:nth-child(15){left:50%;top:84.375rem;transform:translate(-50%,-18.75rem) rotate(270deg) translateY(-65.625rem);z-index:11}.section-4 .section-4__arc-card:nth-child(16){left:50%;top:84.375rem;transform:translate(-50%,-18.75rem) rotate(292.5deg) translateY(-65.625rem);z-index:10}@keyframes section4-arc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-4 .section-4__core{width:27.8125rem;height:27.8125rem;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background-image:url(../assets/circle.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center;padding-bottom:4rem;margin-bottom:3.125rem}.section-4 .section-4__core img{width:16.25rem;height:7rem;margin-bottom:1.875rem}.section-4 .section-4__core-tag{color:var(--color-primary);font-family:"OPPO Sans 4.0";font-style:Medium;font-size:1.125rem;font-weight:500;line-height:1.3125rem;letter-spacing:0rem;text-align:left;margin-bottom:.5rem}.section-4 .section-4__core-title{color:#000;font-family:"OPPO Sans 4.0";font-style:Medium;font-size:2.375rem;font-weight:600;line-height:2.8125rem;letter-spacing:0rem;text-align:left}.section-4 .section-4__desc{max-width:42.5rem;color:#6c6c6c;font-family:"OPPO Sans 4.0";font-style:Medium;font-size:1.25rem;font-weight:500;line-height:1.875rem;letter-spacing:0rem;text-align:center;margin-bottom:5.625rem}.section-4 .section-4__bottom-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.section-4 .section-4__bottom-card{display:flex;align-items:center;padding:.625rem 9.375rem .625rem .625rem;border-radius:2.5rem;background:#fff}.section-4 .section-4__bottom-image{width:11.25rem;height:11.25rem;border-radius:2.1875rem}.section-4 .section-4__bottom-content{flex:1;margin-left:1.25rem}.section-4 .section-4__bottom-content h3{color:#3a3a3a;font-family:"OPPO Sans 4.0";font-style:Medium;font-size:1.5rem;font-weight:500;line-height:1.75rem;letter-spacing:0rem;text-align:left;margin-bottom:.5rem}.section-4 .section-4__bottom-content p{color:#6c6c6c;font-family:"OPPO Sans 4.0";font-style:Regular;font-size:1rem;font-weight:400;line-height:1.1875rem;letter-spacing:0rem;text-align:left;margin-bottom:1.5625rem}@media(max-width:576px){.banner-section__scroll-tip{width:100%;justify-content:center}}@media(max-width:992px){:root{--p-x: 20Px}.banner-section .banner-section__content{padding:var(--p-x);align-items:center;justify-content:center}.banner-section .banner-section__content h1{font-size:48Px;font-weight:700;line-height:60Px}.banner-section .banner-section__scroll-tip{left:50%;transform:translate(-50%)}.section-1{padding:var(--p-x)}.section-1 .section-1__container{flex-direction:column;gap:var(--p-x)}.section-1 .section-1__container .section-1__right{width:100%}.section-1 .section-1__container .section-1__metrics{--bs-gutter-x: 0;align-items:flex-start}.section-1 .section-1__container .section-1__metric-item{padding-left:0;padding-right:0}.section-1 .section-1__container .section-1__tag{font-size:16Px;line-height:1.5}.section-1 .section-1__container .section-1__title{font-size:20Px;line-height:32Px}.section-1 .section-1__container .section-1__desc{font-size:16Px;line-height:2}.section-1 .section-1__container .section-1__metric-value,.section-1 .section-1__container .section-1__metric-label{font-size:14Px;line-height:1.5}.section-2{padding:var(--p-x)}.section-2 .section-2__container{flex-direction:column;gap:0}.section-2 .section-2__cards-viewport{overflow:visible;container-type:normal;width:100%}.section-2 .section-2__cards-swiper:not(.swiper-initialized) .swiper-wrapper{display:flex;flex-direction:column;row-gap:12Px}.section-2 .section-2__cards-swiper .swiper-slide{width:100%!important;height:auto!important;margin-right:0!important;transition:none}.section-2 .section-2__card{flex:0 0 auto!important;width:100%;min-width:0}.section-2 .section-2__nav-btn{display:none}.section-2 .section-2__tag{font-size:16Px;line-height:1.5}.section-2 .section-2__title{font-size:20Px;line-height:32Px}.section-2 .section-2__card-title{font-size:16Px;line-height:2}.section-2 .section-2__card-desc{font-size:14Px;line-height:1.5}.section-2 .section-2__icon-wrap,.section-2 .section-2__card-title{margin-bottom:10Px}.section-3 .section-3__tag{font-size:16Px;line-height:1.5}.section-3 .section-3__title{font-size:20Px;line-height:32Px}.section-3 .section-3__logo-list{width:90%;border-top:1Px solid rgba(255,255,255,.2);border-left:1Px solid rgba(255,255,255,.2);grid-template-columns:repeat(3,minmax(0,1fr))}.section-3 .section-3__logo-list li{height:87Px}.section-3 .section-3__logo-list .section-3__logo-item:nth-child(5n){border-right:1Px solid rgba(255,255,255,.2)}.section-3 .section-3__logo-list .section-3__logo-item:nth-last-child(-n+5){border-bottom:1Px solid rgba(255,255,255,.2)}.section-4{padding-left:var(--p-x);padding-right:var(--p-x)}.section-4 .section-4__bottom-cards{display:flex;flex-direction:column}.section-4 .section-4__bottom-cards .section-4__bottom-card{padding-right:.625rem}.section-4 .section-4__core-tag{font-size:16Px;line-height:1.5}.section-4 .section-4__core-title{font-size:20Px;line-height:32Px}.section-4 .section-4__desc{font-size:16Px;line-height:1.5}.section-4 .section-4__arc-card p{font-size:14Px;line-height:1.5}.section-4 .section-4__bottom-content h3{font-size:15Px;line-height:1.5}.section-4 .section-4__bottom-content p{font-size:14Px;line-height:1.2}}