You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
40 KiB
1 lines
40 KiB
:root{--p-x:9.0625rem;--color-white:#fff;--color-text:#2e353a;--color-text-muted:#666;--color-text-link:#afb5b9;--color-text-light:#666;--color-primary:#ef4335;--color-primary-hover:#d93b2e;--color-orange:var(--color-primary);--color-orange-hover:var(--color-primary-hover);--color-orange-10:#ef433514;--color-bg-module:#f7f8fe;--color-footer-bg:#2e353a;--color-blue-80:var(--color-text);--color-blue-30:#2e353a1a;--color-secondary-hover:var(--color-primary-hover);--color-gold:var(--color-primary);--header-m-h:4rem;--header-m-py:.75rem;--header-m-btn:1.5rem;--header-m-btn-svg:1.5rem;--header-h:5.5rem;--header-t-h:2.75rem;--duration-fast:.25s;--duration-normal:.3s;--duration-slow:.4s;--easing:ease}@media (width<=1919px){:root{--p-x:100px}}@media (width<=1679px){:root{--p-x:80px}}@media (width<=1439px){:root{--p-x:40px;--header-h:var(--header-m-h)}}@media (width<=576px){:root{--p-x:20px}}:root{--font-12:1rem;--font-13:1rem;--font-14:1rem;--font-15:1rem;--font-16:1rem;--font-17:1.0625rem;--font-18:1.125rem;--font-19:1.1875rem;--font-20:1.25rem;--font-21:1.3125rem;--font-22:1.375rem;--font-23:1.4375rem;--font-24:1.5rem;--font-25:1.5625rem;--font-26:1.625rem;--font-27:1.6875rem;--font-28:1.75rem;--font-29:1.8125rem;--font-30:1.875rem;--font-31:1.9375rem;--font-32:2rem;--font-33:2.0625rem;--font-34:2.125rem;--font-35:2.1875rem;--font-36:2.25rem;--font-37:2.3125rem;--font-38:2.375rem;--font-39:2.4375rem;--font-40:2.5rem;--font-41:2.5625rem;--font-42:2.625rem;--font-43:2.6875rem;--font-44:2.75rem;--font-45:2.8125rem;--font-46:2.875rem;--font-47:2.9375rem;--font-48:3rem;--font-49:3.0625rem;--font-50:3.125rem;--font-51:3.1875rem;--font-52:3.25rem;--font-53:3.3125rem;--font-54:3.375rem;--font-55:3.4375rem;--font-56:3.5rem;--font-57:3.5625rem;--font-58:3.625rem;--font-59:3.6875rem;--font-60:3.75rem;--font-61:3.8125rem;--font-62:3.875rem;--font-63:3.9375rem;--font-64:4rem;--font-65:4.0625rem;--font-66:4.125rem;--font-67:4.1875rem;--font-68:4.25rem;--font-69:4.3125rem;--font-70:4.375rem;--font-71:4.4375rem;--font-72:4.5rem;--font-73:4.5625rem;--font-74:4.625rem;--font-75:4.6875rem;--font-76:4.75rem;--font-77:4.8125rem;--font-78:4.875rem;--font-79:4.9375rem;--font-80:5rem}@media (width<=576px){:root{--font-10:14px;--font-11:14px;--font-12:14px;--font-13:14px;--font-14:14px;--font-15:14px;--font-16:14px;--font-17:16px;--font-18:16px;--font-19:16px;--font-20:16px;--font-21:18px;--font-22:18px;--font-23:18px;--font-24:18px;--font-25:20px;--font-26:20px;--font-27:20px;--font-28:20px;--font-29:22px;--font-30:22px;--font-31:22px;--font-32:22px;--font-33:24px;--font-34:24px;--font-35:24px;--font-36:24px;--font-37:26px;--font-38:26px;--font-39:26px;--font-40:26px;--font-41:26px;--font-42:26px;--font-43:28px;--font-44:28px;--font-45:30px;--font-46:30px;--font-47:30px;--font-48:30px;--font-49:32px;--font-50:32px;--font-51:32px;--font-52:32px;--font-53:34px;--font-54:34px;--font-55:34px;--font-56:34px;--font-57:36px;--font-58:36px;--font-59:36px;--font-60:36px;--font-61:38px;--font-62:38px;--font-63:38px;--font-64:38px;--font-65:40px;--font-66:40px;--font-67:40px;--font-68:40px;--font-69:42px;--font-70:42px;--font-71:42px;--font-72:42px;--font-73:44px;--font-74:44px;--font-75:44px;--font-76:44px;--font-77:46px;--font-78:46px;--font-79:46px;--font-80:46px}}@font-face{font-family:D-DIN-PRO;src:url(../fonts/D-DIN-PRO-400-Regular-CbJSDVu2.otf)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:D-DIN-PRO;src:url(../fonts/D-DIN-PRO-500-Medium-DPN-gY68.otf)format("opentype");font-weight:500;font-display:swap}@font-face{font-family:D-DIN-PRO;src:url(../fonts/D-DIN-PRO-600-SemiBold-DXnDJEQd.otf)format("opentype");font-weight:600;font-display:swap}@font-face{font-family:D-DIN-PRO;src:url(../fonts/D-DIN-PRO-700-Bold-WWlV1fXR.otf)format("opentype");font-weight:700;font-display:swap}@font-face{font-family:D-DIN-PRO;src:url(../fonts/D-DIN-PRO-800-ExtraBold-Dzo8XGHI.otf)format("opentype");font-weight:800;font-display:swap}@font-face{font-family:D-DIN-PRO;src:url(../fonts/D-DIN-PRO-900-Heavy-CcGOV6O3.otf)format("opentype");font-weight:900;font-display:swap}@font-face{font-family:PingFang SC;src:url(../fonts/PFDinTextPro-Medium-BcfGjLHx.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:PingFang SC;src:url(../fonts/PFDinTextPro-Medium-BcfGjLHx.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:PingFang SC;src:url(../fonts/PFDinTextPro-Bold-F7OVdohK.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:PingFang SC;src:url(../fonts/PFDinTextPro-Bold-F7OVdohK.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:MiSans VF;src:url(../fonts/MiSans-VF-DESbBZLB.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Aldrich;src:url(../fonts/Aldrich-Regular-CZNgUhqU.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}html{font-size:16px}body{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;overflow-x:hidden}button{cursor:pointer;background:0 0;border:none;outline:none}a{text-decoration:none}i{font-style:normal}ul,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}li{list-style:none}@property --btn-fill{syntax:"<color>";inherits:false;initial-value:#ea5520}.arrow-right{width:.9375rem;height:.75rem}.s-btn{min-width:12.5rem;min-height:3.75rem;color:var(--color-white);font-family:"OPPO Sans 4.0";font-style:Regular;font-size:var(--font-18);font-weight:400;line-height:var(--font-24);text-transform:capitalize;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:color var(--duration-normal) var(--easing), opacity var(--duration-normal) var(--easing), transform var(--duration-normal) var(--easing), box-shadow var(--duration-normal) var(--easing);border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;gap:1.875rem;display:inline-flex}.s-btn.large{border-radius:1.25rem;width:12.875rem;height:3.5rem;padding:0}.s-btn.disabled{cursor:not-allowed;background:#cdcdcd}.s-btn__actions{align-items:center;gap:1rem;display:flex}.s-btn--primary{background:var(--color-primary)}.s-btn--primary:hover{opacity:.9}.s-btn--secondary{background-color:var(--color-blue-30)}.s-btn--outline{border:1px solid var(--color-white);color:var(--color-white);transition:color var(--duration-normal) var(--easing), background var(--duration-normal) var(--easing), border-color var(--duration-normal) var(--easing);background:0 0}.s-btn--outline:hover{background:var(--color-white);color:var(--color-orange)}.s-btn--light{background:var(--color-white);color:var(--color-primary)}.s-btn--light:hover{opacity:.9}.s-btn--pill{border-radius:1.875rem;height:3.5rem;min-height:3.5rem}.s-btn svg{width:13px;height:10px}.s-btn .btn__dot{background:var(--color-white);border-radius:50%;width:.5rem;height:.5rem}.hover_underline:after{content:"";background:var(--color-orange);transform-origin:50%;will-change:transform;width:100%;height:.125rem;transition:transform var(--duration-normal) var(--easing);position:absolute;bottom:-.375rem;left:0;right:0;transform:scaleX(0)}.hover_underline.is-active:after,.hover_underline:hover:after{transform:scale(1)}.marquee{white-space:nowrap;width:100%;overflow:hidden}.marquee .track{white-space:nowrap;animation:20s linear infinite scroll;display:inline-block}.marquee .track span{margin-right:3.125rem}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.glass-card{--c-glass:#c4c4c433;--c-light:#fff;--saturation:100%;--left:.125rem;--right:-.1125rem;background-color:color-mix(in srgb, var(--c-glass) 20%, transparent);-webkit-backdrop-filter:blur(.3125rem) saturate(var(--saturation));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);border:none}.glass-card2{background:linear-gradient(135deg,#e6e6e6 0%,#f6f6f6 100%);display:block;box-shadow:-.25rem -.25rem .625rem -.5rem #fff,.25rem .25rem .625rem -.5rem #0000004d}.slide-btn{cursor:pointer;border:none;width:3rem;height:3rem}.slide-btn img{object-fit:cover;width:100%;height:100%}.slide-btn:hover img{filter:invert()}.section__wrap{padding-left:var(--p-x);padding-right:var(--p-x)}.s-search{background:0 0;border:1px solid #dfe0e2;border-radius:6.25rem;flex-shrink:0;align-items:center;gap:.75rem;width:min(30rem,100%);min-height:3.5rem;padding:.5rem .5rem .5rem 1.25rem;display:flex}.s-search__icon{flex-shrink:0;width:1.5rem;height:1.5rem;display:block}.s-search__input{min-width:0;height:2.5rem;color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-16);font-weight:400;line-height:var(--font-22);background:0 0;border:0;outline:none;flex:1;padding:0}.s-search__input::placeholder{color:#afb5b9}.s-search__btn{background:var(--color-primary);min-width:4.5rem;height:2.5rem;color:var(--color-white);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-16);cursor:pointer;transition:background var(--duration-fast) var(--easing);border:0;border-radius:3.125rem;flex-shrink:0;padding:0 1.25rem;font-weight:400;line-height:1}.s-search__btn:hover{background:var(--color-primary-hover)}.s-arrows{align-items:center;gap:1rem;display:flex}.s-arrows__prev,.s-arrows__next{background:var(--color-white);color:#afb5b9;cursor:pointer;width:3.5rem;height:3.5rem;transition:color var(--duration-fast) var(--easing), border-color var(--duration-fast) var(--easing), opacity var(--duration-fast) var(--easing);border:1px solid #dfe0e2;border-radius:.75rem;justify-content:center;align-items:center;padding:0;display:inline-flex}.s-arrows__prev svg,.s-arrows__next svg{width:1rem;height:.875rem;display:block}.s-arrows__prev path,.s-arrows__next path{fill:currentColor}.s-arrows__prev:hover,.s-arrows__next:hover{color:var(--color-primary);border-color:var(--color-primary)}.s-arrows__prev.swiper-button-disabled,.s-arrows__next.swiper-button-disabled{opacity:.35;cursor:not-allowed}.s-arrows__prev{transform:scaleX(-1)}.s-arrows__next{color:var(--color-primary);border-color:var(--color-primary)}@media (width<=1439px){.s-search{width:min(360px,100%)}}@media (width<=992px){.s-search{width:100%}}@media (width<=576px){.s-search{min-height:44px;padding:4px 4px 4px 14px}.s-search__input{font-size:14px}.s-search__btn{min-width:64px;height:36px;padding:0 16px;font-size:14px}br{display:none}}.section-inner{width:100%;margin:0 auto}.section__banner{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;display:flex;position:relative}.section__banner .section__banner__inner{flex-direction:column;flex:1;justify-content:center;display:flex}.section__banner .section__banner__header{flex-direction:column;margin-bottom:3.125rem;display:flex}.section__banner .section__banner__title{color:var(--color-white);font-family:Douyin Sans;font-style:Bold;font-size:var(--font-56);font-weight:700;line-height:var(--font-66);letter-spacing:0;margin-bottom:1rem}.section__banner .section__banner__sub{color:var(--color-white);font-family:Douyin Sans;font-style:Medium;font-size:var(--font-36);font-weight:500;line-height:var(--font-43);letter-spacing:0}.section__banner__desc{color:#fff;font-family:"OPPO Sans 4.0";font-style:Medium;font-size:var(--font-24);font-weight:500;line-height:var(--font-36);letter-spacing:0;text-align:left;text-transform:uppercase}.banner__header2{margin-bottom:3.125rem}.banner__title2{color:var(--color-white);font-family:Douyin Sans;font-style:Bold;font-size:var(--font-64);font-weight:700;line-height:var(--font-77);letter-spacing:0;text-align:left;margin-bottom:.875rem}.banner__sub2{color:var(--color-white);font-family:D-DIN-PRO;font-style:Medium;font-size:var(--font-18);font-weight:500;line-height:var(--font-24);letter-spacing:0;text-align:left}.section__header{flex-direction:column;align-items:center;margin-bottom:3.125rem;display:flex}.section__eyebrow{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-20);font-weight:400;line-height:var(--font-28);margin-bottom:.5rem}.section__title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);text-align:left;text-transform:none}.section__title--hero{font-size:var(--font-60);font-weight:500;line-height:var(--font-80);margin-bottom:1.125rem}.section__title__sub{color:#333;font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-20);font-weight:500;line-height:var(--font-24);letter-spacing:0;text-align:center;text-transform:uppercase}.section__desc{color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-20);font-weight:400;line-height:var(--font-28)}.section__img_text{padding:8.125rem 16.25rem 6.25rem}.section__img_text .section__inner{align-items:center;gap:6.25rem;display:flex}.section__img_text .section__inner .section__left{border-radius:2.5rem;width:50%;height:31.25rem;overflow:hidden}.section__img_text .section__inner .section__left img{object-fit:cover;width:100%;height:100%}.section__img_text .section__inner .section__right{flex:1}.section__img_text .section__inner .section__right .section__desc:last-child{margin-bottom:0}.timeline__tabs{align-items:center;gap:0;display:flex}.timeline__tabs .timeline__tab{-webkit-user-select:none;user-select:none;cursor:pointer;flex-direction:column;flex:1 0;display:flex}.timeline__tabs .timeline__tab.active .dot{background-color:var(--color-primary)}.timeline__tabs .line-dot{align-items:center;width:100%;margin-top:1rem;display:flex}.timeline__tabs .line-dot:after,.timeline__tabs .line-dot:before{content:"";background-color:#b5b5b5;flex:1;height:.0625rem;display:block}.timeline__tabs .line-dot .dot{background-color:#b5b5b5;border:.25rem solid #f4f3f3;border-radius:50%;width:1.25rem;height:1.25rem}.s-product-card{min-width:0;height:auto}.s-product-card__link{height:100%;color:inherit;transition:background var(--duration-normal) var(--easing);background:#afb5b926;border-radius:1.25rem;flex-direction:column;gap:1.5rem;padding:2.5rem;text-decoration:none;display:flex}.s-product-card__link:hover{background:#afb5b938}.s-product-card__media{aspect-ratio:1;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.s-product-card__media img{object-fit:contain;width:auto;max-width:100%;max-height:100%;transition:transform var(--duration-normal) var(--easing);display:block}.s-product-card__link:hover .s-product-card__media img{transform:scale(1.1)}.s-product-card__foot{transition:border-color var(--duration-fast) var(--easing);border-top:1px solid #2e353a1a;justify-content:space-between;align-items:center;gap:.75rem;padding-top:1.5rem;display:flex}.s-product-card__link:hover .s-product-card__foot{border-top-color:var(--color-primary)}.s-product-card__name{min-width:0;color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-20);font-weight:500;line-height:var(--font-27);transition:color var(--duration-fast) var(--easing);flex:1;margin:0}.s-product-card__link:hover .s-product-card__name{color:var(--color-primary)}.s-product-card__arrow{width:2.5rem;height:2.5rem;color:var(--color-text-muted);transition:color var(--duration-fast) var(--easing);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.s-product-card__link:hover .s-product-card__arrow{color:var(--color-primary)}.s-product-card__arrow img,.s-product-card__arrow svg{width:.75rem;height:auto;display:block}.s-product-card__arrow path{fill:currentColor}@media (width<=1439px){.s-product-card__link{border-radius:16px;padding:28px}.s-product-card__foot{padding-top:20px}.s-product-card__name{font-size:18px;line-height:24px}}.s-card{background:var(--color-white);border-radius:1.5rem;padding:1.25rem 1.25rem 2.1875rem;overflow:hidden}.s-card .s-card__img{border-radius:1rem;width:100%;height:12.875rem;margin-bottom:1.125rem}.s-card .s-card__title{color:#000;font-family:"OPPO Sans 4.0";font-style:Medium;font-size:var(--font-22);font-weight:500;line-height:var(--font-26);letter-spacing:0;text-align:justify;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:1.125rem;display:-webkit-box;overflow:hidden}.s-card .s-card__sub-title{color:#838383;font-family:"OPPO Sans 4.0";font-style:Light;font-size:var(--font-16);font-weight:300;line-height:var(--font-18);letter-spacing:0;text-align:justify;margin-bottom:1.25rem}.s-card .s-card__desc{color:#666;font-family:"OPPO Sans 4.0";font-style:Regular;font-size:var(--font-18);font-weight:400;line-height:var(--font-26);letter-spacing:0;text-align:justify;min-height:calc(var(--font-26) * 3);-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width<=1439px){.section__title{font-size:36px;line-height:48px}.section__title--hero{font-size:40px;line-height:52px}}@media (width<=576px){.section__header .section__title{font-size:28px;line-height:34px}.section__header .section__title__sub{font-size:16px;line-height:24px}.section__eyebrow{font-size:16px;line-height:22px}.section__title{font-size:28px;line-height:38px}.section__title--hero{margin-bottom:12px;font-size:32px;line-height:42px}.section__desc{max-width:100%;font-size:16px;line-height:24px}.section__desc:last-child{margin-bottom:0}.s-btn{min-width:160px;min-height:48px}.section__banner{height:50vh}.section__banner .section__banner__title{margin-bottom:16px;font-size:32px;line-height:40px}.section__banner .section__banner__sub,.section__banner .section__banner__desc{font-size:16px;line-height:24px}}.pc-none{display:none!important}@media (width<=1439px){.pc-none{display:flex!important}.m-none{display:none}}.site-header{z-index:100;width:100%;color:var(--color-white);transition:background-color var(--duration-normal) var(--easing), color var(--duration-fast) var(--easing), box-shadow var(--duration-normal) var(--easing), backdrop-filter var(--duration-normal) var(--easing), transform var(--duration-normal) var(--easing);background:0 0;flex-direction:column;display:flex;position:fixed;top:0;left:0;right:0;overflow:visible}.site-header__top{height:var(--header-t-h);max-height:var(--header-t-h);z-index:2;transition:max-height var(--duration-normal) var(--easing), height var(--duration-normal) var(--easing), padding var(--duration-normal) var(--easing), opacity var(--duration-fast) var(--easing);justify-content:flex-end;align-items:center;gap:2.5rem;padding:0 3.125rem;display:flex;position:relative;overflow:hidden}.site-header__main{height:var(--header-h);z-index:2;border-top:1px solid #ffffff1a;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;padding:0 3.125rem;display:grid;position:relative}.site-header .header-logo{color:inherit;flex-shrink:0;justify-self:start;text-decoration:none}.site-header .header-logo img{width:15.75rem;height:1.625rem;display:block}.site-header .header-logo .header-logo__img--dark{display:none}.site-header__nav{justify-self:center;height:100%}.site-header__nav>ul{align-items:center;gap:2rem;height:100%;margin:0;padding:0;list-style:none;display:flex}.site-header__nav>ul li{height:100%}.site-header__nav>ul>li>a{height:100%;color:inherit;font-family:PingFang SC,MiSans VF,sans-serif;font-size:var(--font-16);font-weight:500;line-height:var(--font-22);white-space:nowrap;align-items:center;gap:.375rem;display:inline-flex}.site-header__extras{display:none}.site-header__extra-btn{width:var(--header-m-btn);height:var(--header-m-btn);color:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.site-header__extra-btn svg{width:var(--header-m-btn-svg);height:var(--header-m-btn-svg);fill:currentColor}.site-header__extra-btn.lang svg,.site-header__extra-btn.search svg{fill:currentColor;width:1.125rem;height:1.125rem}.site-header__actions{justify-self:end;align-items:center;gap:.625rem;min-width:0;display:flex}.site-header__icon{color:inherit;flex-shrink:0;display:flex}.site-header__icon svg{width:1rem;height:1rem;display:block}.site-header__icon--24 svg{width:1.5rem;height:1.5rem}.site-header__chevron{width:.75rem;height:.375rem;color:inherit;transition:transform var(--duration-fast) var(--easing);flex-shrink:0;display:flex}.site-header__chevron svg{width:100%;height:100%;display:block}.site-header__phone{color:inherit;white-space:nowrap;font-family:D-DIN-PRO,Aldrich,sans-serif;font-size:var(--font-16);font-weight:500;line-height:var(--font-16);align-items:center;gap:.5rem;text-decoration:none;display:flex}.site-header__socials{align-items:center;gap:1.25rem;display:flex}.site-header__social{width:1rem;height:1rem;color:inherit;flex-shrink:0;display:flex}.site-header__lang{color:inherit;cursor:pointer;font-family:D-DIN-PRO,Aldrich,sans-serif;font-size:var(--font-15);white-space:nowrap;background:0 0;border:none;align-items:center;gap:.375rem;padding:0;font-weight:400;line-height:1;display:flex}.site-header__lang-active{color:#afb5b9}.site-header__search{background:#f9f9f9;border-radius:1.25rem;flex-shrink:0;align-items:center;width:13.6875rem;height:2.5rem;padding:0 1rem 0 1.25rem;display:flex}.site-header__search-input{min-width:0;height:100%;color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-16);font-weight:330;line-height:var(--font-22);background:0 0;border:none;outline:none;flex:1}.site-header__search-input::placeholder{color:var(--color-text-muted)}.site-header__search-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;display:flex}.site-header__search-btn img{width:1.5rem;height:1.5rem;display:block}.site-header .s-btn.site-header__cta{width:8.75rem;min-width:8.75rem;height:2.5rem;min-height:2.5rem;font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-16);font-weight:400;line-height:var(--font-22);border-radius:1.25rem;padding:0}.site-header__btn{width:3rem;height:3rem;color:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.site-header__btn svg{width:var(--header-m-btn-svg);height:var(--header-m-btn-svg);fill:currentColor}.site-header__btn .nav-toggle-icon__bar{fill:currentColor}.site-header.is-scrolled{-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);background:#ffffff29}.site-header.is-scrolled .site-header__top{opacity:0;pointer-events:none;height:0;max-height:0;padding-top:0;padding-bottom:0}.site-header.is-scrolled .site-header__main{border-top-color:#0000}.site-header.dark{color:var(--color-text);background:#ffffffeb}.site-header.dark .site-header__main{border-top-color:#2e353a1a}.site-header.dark .header-logo .header-logo__img--default{display:none}.site-header.dark .header-logo .header-logo__img--dark{display:block}.site-header.dark.is-scrolled{-webkit-backdrop-filter:blur(1.25rem);background:#ffffffb8}.site-header.dark.is-scrolled .site-header__main{border-top-color:#0000}.site-header.is-mega-open,.site-header.is-mega-open.is-scrolled,.site-header.dark.is-mega-open,.site-header.dark.is-scrolled.is-mega-open{background:var(--color-white);-webkit-backdrop-filter:none;color:var(--color-text);box-shadow:none}.site-header.is-mega-open .site-header__main{border-top-color:#2e353a1a}.site-header.is-mega-open .header-logo .header-logo__img--default{display:none}.site-header.is-mega-open .header-logo .header-logo__img--dark{display:block}.site-header.is-mega-open .site-header__nav-link[aria-expanded=true]{color:var(--color-primary)}.site-header.is-mega-open .site-header__nav-link[aria-expanded=true] .site-header__chevron{color:var(--color-primary);transform:rotate(180deg)}.nav-mega{z-index:2;visibility:hidden;background:var(--color-white);transition:grid-template-rows .5s var(--easing);border-top:1px solid #dfe0e2;grid-template-rows:0fr;display:grid;position:absolute;top:100%;left:0;right:0;box-shadow:0 1.5rem 3rem #2e353a14}.nav-mega__inner{min-height:0;overflow:hidden}.nav-mega__dropdown-content.product{grid-template-columns:23.375rem minmax(0,1fr);align-items:stretch;min-height:45rem;margin:0 auto;display:grid}.nav-mega__dropdown-content.solution,.nav-mega__dropdown-content.support,.nav-mega__dropdown-content.news,.nav-mega__dropdown-content.invest,.nav-mega__dropdown-content.about{width:fit-content;margin:0 auto;padding:2.5rem 0}.nav-mega__row{flex-wrap:wrap;justify-content:center;align-items:center;gap:5rem;margin:0;padding:0;list-style:none;display:flex}.nav-mega__row a{color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-16);font-weight:400;line-height:var(--font-22);white-space:nowrap;transition:color var(--duration-fast) var(--easing);text-decoration:none}.nav-mega__row a:hover{color:var(--color-primary)}.nav-mega__cats{border-right:1px solid #2e353a1a;flex-direction:column;gap:.5rem;padding:5rem;display:flex}.nav-mega__cat{width:100%;min-height:3rem;color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-18);font-weight:400;line-height:var(--font-24);text-align:left;cursor:pointer;transition:color var(--duration-fast) var(--easing);background:0 0;border:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.nav-mega__cat.is-active,.nav-mega__cat:hover{color:var(--color-primary)}.nav-mega__cat.is-active .nav-mega__cat-arrow,.nav-mega__cat:hover .nav-mega__cat-arrow{opacity:1;color:var(--color-primary)}.nav-mega__cat-arrow{color:#afb5b9;opacity:.7;flex-shrink:0;width:.5rem;height:.75rem;transition:color .2s,opacity .2s;display:flex}.nav-mega__cat-arrow svg{width:100%;height:100%;display:block}.nav-mega__main{grid-template-columns:minmax(0,1fr) 20rem;gap:3.5625rem;min-width:0;padding:5rem 3.5625rem 5rem 5rem;display:grid}.nav-mega__panels{min-width:0}.nav-mega__promo-side{flex-shrink:0;padding-top:6.875rem}.nav-mega__heading{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-24);font-weight:500;line-height:var(--font-32);transition:color var(--duration-fast) var(--easing);align-items:center;gap:1rem;margin-bottom:5rem;text-decoration:none;display:inline-flex}.nav-mega__heading:hover{color:var(--color-primary)}.nav-mega__heading-arrow{color:currentColor;width:.625rem;height:.875rem;display:flex}.nav-mega__heading-arrow svg{width:100%;height:100%;display:block}.nav-mega__body{align-items:flex-start;gap:3.5625rem;min-width:0;display:flex}.nav-mega__cols{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:5rem 2rem;min-width:0;display:grid}.nav-mega__cols--solution{flex:none;grid-template-columns:repeat(7,max-content);justify-content:start;gap:6.25rem}.nav-mega__col{flex-direction:column;gap:2rem;min-width:0;display:flex}.nav-mega__group{flex-direction:column;gap:2.125rem;display:flex}.nav-mega__group-title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-16);font-weight:500;line-height:var(--font-22);transition:color var(--duration-fast) var(--easing);align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.nav-mega__group-title:after{content:"";opacity:0;width:.5rem;height:.75rem;transition:opacity var(--duration-normal) var(--easing);background:currentColor;flex-shrink:0;display:block;-webkit-mask:url("data:image/svg+xml,%3csvg%20viewBox='-1%20-1%208.59082%2013.0605'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3e%3cpath%20d='M0%204.12464e-05L5%205.00004L10%200'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20transform='matrix(0,-1,1,0,0.530273,10.5303)'%20/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20viewBox='-1%20-1%208.59082%2013.0605'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3e%3cpath%20d='M0%204.12464e-05L5%205.00004L10%200'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20transform='matrix(0,-1,1,0,0.530273,10.5303)'%20/%3e%3c/svg%3e") 50%/contain no-repeat}.nav-mega__group-title:hover{cursor:pointer;color:var(--color-primary)}.nav-mega__group-title:hover:after{opacity:1}.nav-mega__subgroup{flex-direction:column;gap:1rem;display:flex}.nav-mega__subgroup-title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-16);font-weight:500;line-height:var(--font-22);transition:color var(--duration-fast) var(--easing);align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.nav-mega__subgroup-title:after{content:"";opacity:0;width:.5rem;height:.75rem;transition:opacity var(--duration-normal) var(--easing);background:currentColor;flex-shrink:0;display:block;-webkit-mask:url("data:image/svg+xml,%3csvg%20viewBox='-1%20-1%208.59082%2013.0605'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3e%3cpath%20d='M0%204.12464e-05L5%205.00004L10%200'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20transform='matrix(0,-1,1,0,0.530273,10.5303)'%20/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20viewBox='-1%20-1%208.59082%2013.0605'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3e%3cpath%20d='M0%204.12464e-05L5%205.00004L10%200'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20transform='matrix(0,-1,1,0,0.530273,10.5303)'%20/%3e%3c/svg%3e") 50%/contain no-repeat}.nav-mega__subgroup-title:hover{color:var(--color-primary)}.nav-mega__subgroup-title:hover:after{opacity:1}.nav-mega__links{flex-direction:column;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.nav-mega__links a{color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-16);font-weight:300;line-height:var(--font-22);transition:color var(--duration-fast) var(--easing);align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.nav-mega__links a:after{content:"";opacity:0;width:.5rem;height:.75rem;transition:opacity var(--duration-normal) var(--easing);background:currentColor;flex-shrink:0;display:block;-webkit-mask:url("data:image/svg+xml,%3csvg%20viewBox='-1%20-1%208.59082%2013.0605'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3e%3cpath%20d='M0%204.12464e-05L5%205.00004L10%200'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20transform='matrix(0,-1,1,0,0.530273,10.5303)'%20/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20viewBox='-1%20-1%208.59082%2013.0605'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3e%3cpath%20d='M0%204.12464e-05L5%205.00004L10%200'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20transform='matrix(0,-1,1,0,0.530273,10.5303)'%20/%3e%3c/svg%3e") 50%/contain no-repeat}.nav-mega__links a:hover{color:var(--color-primary)}.nav-mega__links a:hover:after{opacity:1}.nav-mega__empty{color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-16);line-height:var(--font-24);margin:0}.nav-mega__promo{width:20rem;max-width:100%;color:inherit;flex-shrink:0;text-decoration:none;display:block}.nav-mega__promo-media{aspect-ratio:320/200;background:#afb5b933;border-radius:1.5rem;overflow:hidden}.nav-mega__promo-media img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-normal) var(--easing);display:block}.nav-mega__promo:hover .nav-mega__promo-media img{transform:scale(1.04)}.nav-mega__promo-title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-16);font-weight:500;line-height:var(--font-22);transition:color var(--duration-fast) var(--easing);align-items:center;gap:.5rem;margin-top:1.625rem;display:inline-flex}.nav-mega__promo-arrow{color:currentColor;width:.5rem;height:.75rem;display:flex}.nav-mega__promo-arrow svg{width:100%;height:100%;display:block}.nav-mega__promo:hover .nav-mega__promo-title{color:var(--color-primary)}.nav-mega__promo-desc{color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-14);font-weight:400;line-height:var(--font-20);margin:.5rem 0 0}.site-header__nav-item:hover .nav-mega{visibility:visible;grid-template-rows:1fr}.site-header__nav-item:hover .site-header__nav-link{color:var(--color-primary)}.site-header__nav-item:hover .site-header__chevron{color:var(--color-primary);transform:rotate(180deg)}.site-header:has(.site-header__nav-item--mega:hover){background:var(--color-white);-webkit-backdrop-filter:none;color:var(--color-text);box-shadow:none}.site-header:has(.site-header__nav-item--mega:hover) .site-header__main{border-top-color:#2e353a1a}.site-header:has(.site-header__nav-item--mega:hover) .header-logo .header-logo__img--default{display:none}.site-header:has(.site-header__nav-item--mega:hover) .header-logo .header-logo__img--dark{display:block}@media (width<=1600px){.nav-mega__inner--solution{padding:56px 50px}.nav-mega__cols--solution{gap:32px 24px}}@media (width<=1439px){.site-header__top,.site-header__nav,.site-header__search,.site-header__cta{display:none}.site-header__main{height:var(--header-m-h);padding:var(--header-m-py) var(--p-x);border-top:none;justify-content:space-between;align-items:center;gap:16px;display:flex}.site-header .header-logo img{width:180px;height:auto}.site-header__extras{align-items:center;gap:8px;display:flex}.nav-mega{display:none!important}}@media (width<=576px){.site-header .header-logo img{width:148px}}section[id]{scroll-margin-top:var(--header-h)}.site-footer{background-color:#afb5b91a;width:100%;padding-top:6.875rem;position:relative;overflow:hidden}.site-footer:before{content:"";z-index:0;filter:blur(1.25rem);pointer-events:none;background:url(../images/footer-bg-DIAbg8Ab.png) bottom/contain no-repeat;width:100%;height:12.1875rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.site-footer__inner{z-index:1;position:relative}.site-footer__main{justify-content:space-between;gap:20rem;padding-bottom:4rem;display:flex}.site-footer__brand{flex-shrink:0;width:17.5rem}.site-footer__logo{margin-bottom:1.5rem;display:block}.site-footer__logo img{width:auto;height:1.625rem;display:block}.site-footer__stock{color:var(--color-text);font-family:MiSans VF,sans-serif;font-size:var(--font-18);font-weight:400;line-height:var(--font-24);border-bottom:1px solid #2e353a1a;margin-bottom:1.5rem;padding:.5rem 0}.site-footer__quote{color:var(--color-primary);align-items:baseline;gap:.5rem;margin-bottom:2.5rem;display:flex}.site-footer__quote-price{font-family:D-DIN-PRO,Aldrich,sans-serif;font-size:var(--font-36);font-weight:500;line-height:1}.site-footer__quote-unit{font-family:PingFang SC,MiSans VF,sans-serif;font-size:var(--font-18);font-weight:400;line-height:1}.site-footer__quote-change{font-family:D-DIN-PRO,Aldrich,sans-serif;font-size:var(--font-18);font-weight:500;line-height:1}.site-footer__follow{color:var(--color-text);font-family:MiSans VF,sans-serif;font-size:var(--font-18);font-weight:500;line-height:var(--font-24);margin-bottom:1.25rem}.site-footer__qrs{gap:1.25rem;display:flex}.site-footer__qr{flex-direction:column;align-items:center;gap:1rem;display:flex}.site-footer__qr img{object-fit:contain;width:7.5rem;height:7.5rem}.site-footer__qr span{color:var(--color-text-muted);font-family:MiSans VF,sans-serif;font-size:var(--font-16);font-weight:400;line-height:var(--font-21);text-align:center}.site-footer__cols{flex:1;justify-content:space-between;gap:1.5rem;display:flex}.site-footer__col{min-width:0}.site-footer__colTitle{color:var(--color-text);font-family:MiSans VF,sans-serif;font-size:var(--font-20);font-weight:500;line-height:var(--font-27);margin-bottom:1.25rem}.site-footer__links a{color:var(--color-text-muted);font-family:MiSans VF,sans-serif;font-size:var(--font-16);font-weight:300;line-height:var(--font-30);transition:color var(--duration-fast) var(--easing);margin-bottom:.5rem;display:block}.site-footer__links a:hover{color:var(--color-primary)}.site-footer__bottom{border-top:1px solid #2e353a1a;justify-content:space-between;align-items:center;padding:1.75rem 0;display:flex}.site-footer__copyright{color:var(--color-text-muted);font-family:MiSans VF,sans-serif;font-size:var(--font-16);font-weight:300;line-height:var(--font-21);gap:.25rem;display:flex}.site-footer__gongan{width:1.125rem;height:1.125rem;display:inline-block}.site-footer__legal{flex-shrink:0;align-items:center;gap:1.5rem;display:flex}.site-footer__legal a{color:var(--color-text-muted);font-family:MiSans VF,sans-serif;font-size:var(--font-16);font-weight:300;line-height:var(--font-21);transition:color var(--duration-fast) var(--easing)}.site-footer__legal a:hover{color:var(--color-primary)}@media (width<=1439px){.site-footer{padding-top:72px}.site-footer__main{flex-direction:column;gap:48px}.site-footer__cols{flex-wrap:wrap;justify-content:flex-start;gap:32px 48px}.site-footer__col{min-width:128px}}@media (width<=576px){.site-footer{padding-top:48px}.site-footer:before{width:80%;height:80px}.site-footer__logo img{height:1.5rem}.site-footer__main{gap:32px;padding-bottom:40px}.site-footer__brand{width:100%}.site-footer__cols{gap:24px 20px;display:none}.site-footer__col{flex:calc(50% - 20px);min-width:0}.site-footer__bottom{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 0}.site-footer__copyright{flex-wrap:wrap}.site-footer__legal{flex-wrap:wrap;gap:16px}}.mask{z-index:101;opacity:0;visibility:hidden;pointer-events:none;width:100vw;height:100vh;transition:opacity var(--duration-normal) var(--easing), visibility var(--duration-normal) var(--easing);background:#fff;flex-direction:column;display:flex;position:fixed;top:0;left:0}.mask.show{opacity:1;visibility:visible;pointer-events:auto}.mask-header{height:var(--header-m-h);padding:var(--header-m-py) var(--p-x);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.mask-header__logo img{width:148px;height:auto}.mask-header__brand{font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-16);color:var(--color-text);font-weight:600;line-height:1.2}.mask-header__actions{align-items:center;gap:.5rem;display:flex}.mask-header__icon-btn{width:var(--header-m-btn);height:var(--header-m-btn);color:var(--color-text);cursor:pointer;transition:color var(--duration-fast) var(--easing);background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;display:flex}.mask-header__icon-btn:hover{color:var(--color-primary)}.mask-header__icon-btn.lang svg,.mask-header__icon-btn.search svg{fill:currentColor;width:1.125rem;height:1.125rem}.mask-header__icon-btn.close svg{width:var(--header-m-btn-svg);height:var(--header-m-btn-svg);fill:currentColor}.mask-content{-webkit-overflow-scrolling:touch;flex:1;padding:1rem;overflow-y:auto}.mask-nav__list{margin:0;padding:0;list-style:none}.mask-nav__item{border-bottom:1px solid #dfe0e2}.mask-nav__link{width:100%;font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-16);font-weight:500;line-height:var(--font-21);color:var(--color-text);cursor:pointer;transition:color var(--duration-fast) var(--easing);background:0 0;border:none;justify-content:space-between;align-items:center;padding:1rem 0;text-decoration:none;display:flex}.mask-nav__link:hover{color:var(--color-primary)}.mask-nav__icon{width:1rem;height:1rem;transition:transform var(--duration-normal) var(--easing);flex-shrink:0}.mask-nav__item--expandable[data-expanded=true] .mask-nav__icon{transform:rotate(45deg)}.mask-nav__sublist-wrapper{grid-template-rows:0fr;transition:grid-template-rows .3s ease-out;display:grid}.mask-nav__sublist{min-height:0;overflow:hidden}.mask-nav__item[data-expanded=true] .mask-nav__sublist-wrapper{grid-template-rows:1fr}.mask-nav__subitem{border-bottom:1px solid #dfe0e2}.mask-nav__subitem:last-child{border-bottom:none}.mask-nav__sublink{font-family:MiSans VF,PingFang SC,sans-serif;font-size:14px;font-weight:400;line-height:var(--font-18);color:var(--color-text-muted);transition:color var(--duration-fast) var(--easing);justify-content:space-between;align-items:center;padding:16px 0;text-decoration:none;display:flex}.mask-nav__sublink:hover{color:var(--color-primary)}.mask-nav__arrow{flex-shrink:0;width:1rem;height:1rem}.nav-toggle-icon__bar{transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .25s}.nav-toggle-icon__bar--top{transform-origin:12px 7px}.nav-toggle-icon__bar--mid{transform-origin:12px 12px}.nav-toggle-icon__bar--bot{transform-origin:12px 17px}body.is-mask-open .nav-toggle-icon__bar--top{transform:translateY(5px)rotate(45deg)}body.is-mask-open .nav-toggle-icon__bar--mid{transform:scaleX(0)}body.is-mask-open .nav-toggle-icon__bar--bot{transform:translateY(-5px)rotate(-45deg)}.mask.mask--nav-motion .mask-nav a{transition:none}
|