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
16 KiB
1 lines
16 KiB
.main-home .s-btn{min-width:12.5rem;min-height:3.625rem;font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-20);padding:0 2rem;font-weight:400;line-height:1}.section-banner{height:100vh;position:relative;overflow:hidden}.section-banner__swiper{width:100%;height:100%}.section-banner__swiper .swiper-wrapper,.section-banner__swiper .swiper-slide{height:100%}.section-banner__slide{align-items:center;display:flex;position:relative}.section-banner__bg{z-index:0;position:absolute;inset:0;overflow:hidden}.section-banner__bg video{object-fit:cover;width:100%;height:100%;display:block}.section-banner__bg:after{content:"";background:linear-gradient(90deg,#141c2473 0%,#141c241f 48%,#141c2414 100%);position:absolute;inset:0}.section-banner__content{z-index:1;position:relative}.section-banner .section__eyebrow,.section-banner .section__title{color:var(--color-white)}.section-banner .section__desc{color:var(--color-white);font-size:var(--font-24);line-height:var(--font-32);margin-bottom:3rem}.section-banner__award{z-index:2;align-items:stretch;max-width:36.875rem;height:13.125rem;display:flex;position:absolute;bottom:6.25rem;right:4.375rem}.section-banner__award-card{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);min-width:0;color:var(--color-white);background-color:#ffffff29;flex-direction:column;flex:1;justify-content:space-between;padding:1.75rem;display:flex}.section-banner__award-text{font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-20);line-height:var(--font-27);margin-bottom:0}.section-banner__award-link{color:var(--color-white);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-16);font-weight:400;line-height:var(--font-21);transition:color var(--duration-fast) var(--easing);align-items:center;gap:.5rem;display:inline-flex}.section-banner__award-link svg,.section-banner__award-link path{fill:currentColor}.section-banner__award-link:hover{color:var(--color-primary)}.section-banner__award-img{object-fit:cover;object-position:center;flex-shrink:0;width:9.375rem;height:13.125rem}.section-1{background:url(../images/section-1-bg-D1TW0yZ1.png) 100% 100% no-repeat;padding-top:6.875rem;padding-bottom:12.5rem;position:relative;overflow:hidden}.section-1 .section__inner{z-index:1;position:relative}.section-1__header{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:5rem;display:flex}.section-1__header .section__title{margin-bottom:0}.section-1__swiper{margin-bottom:5rem}.section-1__item{cursor:default;flex-direction:column;min-width:0;display:flex}.section-1__head{align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.section-1__icon{width:2.75rem;height:2.75rem;color:var(--color-text);transition:color var(--duration-fast) var(--easing);flex-shrink:0}.section-1__icon svg{width:100%;height:100%;display:block}.section-1__icon [stroke]{stroke:currentColor}.section-1__icon [fill]:not([fill=none]){fill:currentColor}.section-1__item.is-active .section-1__icon,.section-1__item:hover .section-1__icon{color:var(--color-primary)}.section-1__copy{flex:1;min-width:0}.section-1__item-title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-22);font-weight:500;line-height:var(--font-29);margin-bottom:.5rem}.section-1__item-desc{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-21);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:2.625rem;margin-bottom:0;display:-webkit-box;overflow:hidden}.section-1__line{background:#2e353a1a;width:100%;height:1px;margin-bottom:1.75rem;position:relative}.section-1__line:after{content:"";background:var(--color-primary);transform-origin:0;transition:transform var(--duration-slow) var(--easing);position:absolute;inset:0;transform:scaleX(0)}.section-1__item.is-active .section-1__line:after,.section-1__item:hover .section-1__line:after{transform:scaleX(1)}.section-1__img{border-radius:.75rem;width:100%;height:16.25rem;overflow:hidden}.section-1__img img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--easing);display:block}.section-1__item:hover .section-1__img img{transform:scale(1.1)}.section-1__more{justify-content:center;display:flex}.section-1__more.mobile{display:none}.section-2{height:100vh;min-height:50rem;color:var(--color-white);flex-direction:column;justify-content:flex-end;padding-bottom:3rem;display:flex;position:relative;overflow:hidden}.section-2__swiper{z-index:0;width:100%;height:100%;position:absolute;inset:0}.section-2__swiper .swiper-wrapper,.section-2__swiper .swiper-slide{height:100%}.section-2__slide{position:relative}.section-2__bg{z-index:0;position:absolute;inset:0;overflow:hidden}.section-2__bg video{object-fit:cover;width:100%;height:100%;display:block}.section-2__bg:after{content:"";background:linear-gradient(#00000038 0%,#0000001f 42%,#00000094 100%);position:absolute;inset:0}.section-2__mask{z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#0009 100%);position:absolute;inset:0}.section-2__content{z-index:2;padding-top:13.75rem;position:relative}.section-2 .section__eyebrow,.section-2 .section__title,.section-2 .section__desc{color:var(--color-white)}.section-2 .section__desc{max-width:36.25rem;margin-bottom:2.0625rem}.section-2__tags{flex-wrap:wrap;gap:.75rem;max-width:36.25rem;margin-bottom:3.5rem;display:flex}.section-2__tags li{color:var(--color-white);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-18);font-weight:400;line-height:var(--font-24);white-space:nowrap;border-radius:1.875rem;padding:.3125rem 1.125rem}.section-2__nav{z-index:2;align-items:flex-end;gap:0;display:flex;position:relative}.section-2__nav>button:not(.section-2__nav-arrow){color:#ffffff8c;min-width:0;font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-15);font-weight:400;line-height:var(--font-22);text-align:left;cursor:pointer;transition:color var(--duration-fast) var(--easing);background:0 0;border:0;flex:1;padding:0 .75rem .75rem 0;position:relative}.section-2__nav>button:not(.section-2__nav-arrow):after{content:"";height:.125rem;transition:background var(--duration-fast) var(--easing);background:#ffffff47;position:absolute;bottom:0;left:0;right:.5rem}.section-2__nav>button:not(.section-2__nav-arrow):hover,.section-2__nav>button:not(.section-2__nav-arrow).is-active{color:var(--color-white)}.section-2__nav>button:not(.section-2__nav-arrow).is-active:after,.section-2__nav>button:not(.section-2__nav-arrow):hover:after{background:var(--color-white)}.section-2__nav-index{margin-right:.5rem}.section-2__nav-arrow{cursor:pointer;background:0 0;border:0;flex-shrink:0;width:4.625rem;height:2.5rem;margin-bottom:.125rem;margin-left:1rem;padding:0}.section-2__nav-arrow img{object-fit:contain;width:100%;height:100%;display:block}.section-3{background:var(--color-white);z-index:1;padding-top:6.875rem;padding-bottom:7.5rem;position:relative}.section-3__header{margin-bottom:1.5rem;display:flex}.section-3 .section__desc{max-width:40.0625rem}.section-3__grid{border-left:1px solid #2e353a1a;border-right:1px solid #2e353a1a;grid-template-columns:repeat(3,1fr);margin-top:7.5rem;display:grid}.section-3__card{min-width:0;min-height:13.75rem;transition:transform var(--duration-normal) var(--easing);border-right:1px solid #2e353a1a;align-items:flex-start;gap:1rem;padding:0 2.9375rem;display:flex}.section-3__card:last-child{border-right:0}.section-3__icon{object-fit:contain;flex-shrink:0;width:4.5rem;height:4.5rem}.section-3__card-body{flex-direction:column;flex:1;min-width:0;display:flex}.section-3__card-title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-24);font-weight:400;line-height:var(--font-32);margin-bottom:.5rem}.section-3__card-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);flex:1;margin-bottom:3rem}.section-3__link{width:fit-content;color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-18);font-weight:400;line-height:var(--font-24);transition:color var(--duration-fast) var(--easing);align-items:center;gap:.625rem;display:inline-flex}.section-3__link svg{width:1.0625rem;height:.4375rem}.section-3__link path{fill:currentColor}.section-3__link:hover{color:var(--color-primary)}.section-4{background:var(--color-white);padding-top:6.875rem;padding-bottom:8.75rem;position:relative}.section-4__bg{z-index:0;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;position:absolute;inset:-20% -10%;transform:translate(10%,10%)}.section-4__inner{z-index:1;justify-content:space-between;align-items:flex-start;gap:2.5rem;display:flex;position:relative}.section-4__visual{flex-shrink:0;justify-content:center;align-items:center;width:42.1875rem;height:42.1875rem;display:flex;position:relative}.section-4__earth{width:100%;height:100%;display:block}.section-4__content{flex:1;max-width:45rem;margin-top:4.25rem}.section-4 .section__eyebrow{margin-bottom:1.125rem;font-weight:500}.section-4 .section__title{margin-bottom:1.5rem}.section-4 .section__desc{line-height:var(--font-30);margin-bottom:3rem}.section-4__stats{border-top:1px solid #2e353a1a;flex-direction:column;display:flex}.section-4__stat{border-bottom:1px solid #2e353a1a;justify-content:space-between;align-items:center;padding:3rem 0;display:flex}.section-4__stat-num{flex-shrink:0;font-family:Aldrich,MiSans VF,sans-serif;font-size:5.25rem;font-weight:400;line-height:6.25rem}.section-4__stat-label{color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-18);font-weight:400;line-height:var(--font-23);text-align:left}@media (width>=1440px){.section-4__visual{top:calc(110px + var(--header-h));position:sticky}}.section-5{background:var(--color-white);z-index:1;padding-top:8.125rem;padding-bottom:7.5rem;position:relative}.section-5__header{justify-content:space-between;align-items:center;margin-bottom:3.125rem;display:flex}.section-5__body{gap:5.4375rem;display:flex}.section-5__line{background:#2e353a1a;flex-shrink:0;align-self:stretch;width:1px}.section-5__featured{cursor:pointer;flex-direction:column;width:48.125rem;display:flex}.section-5__featured-media{border-radius:1.5rem;width:100%;height:32.5rem;margin-bottom:1.5rem;display:block;overflow:hidden}.section-5__featured-media img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-normal) var(--easing);display:block}.section-5__featured:hover .section-5__featured-media img{transform:scale(1.1)}.section-5__featured-title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-28);font-weight:400;line-height:var(--font-37);transition:color var(--duration-fast) var(--easing);margin-bottom:1rem}.section-5__featured:hover .section-5__featured-title{color:var(--color-primary)}.section-5__date{color:var(--color-text-muted);font-family:D-DIN-PRO,PingFang SC,sans-serif;font-size:var(--font-18);font-weight:400;line-height:var(--font-24)}.section-5__list{flex-direction:column;flex:1;min-width:0;display:flex}.section-5__item{cursor:pointer;border-bottom:1px solid #2e353a1a;flex:1;justify-content:space-between;align-items:center;gap:1.875rem;min-height:0;padding:2.5rem 0;display:flex}.section-5__item:first-child{padding-top:0}.section-5__item:last-child{border-bottom:0;padding-bottom:0}.section-5__item:hover .section-5__item-title{color:var(--color-primary)}.section-5__item:hover .section-5__item-media img{transform:scale(1.1)}.section-5__item-body{flex-direction:column;flex:1;justify-content:space-between;align-self:stretch;min-width:0;display:flex}.section-5__item-title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-20);font-weight:400;line-height:var(--font-30);transition:color var(--duration-fast) var(--easing);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.section-5__item-media{border-radius:.75rem;flex-shrink:0;width:14.625rem;height:9.375rem;overflow:hidden}.section-5__item-media img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-normal) var(--easing);display:block}@media (width<=1439px){.main-home .s-btn{min-width:160px;min-height:48px;font-size:16px}.section-banner{height:100svh}.section-banner .section__desc{margin-bottom:32px;font-size:18px;line-height:26px}.section-banner__award{right:var(--p-x);left:var(--p-x);max-width:none;height:140px;bottom:40px}.section-banner__award-card{padding:16px 20px}.section-banner__award-text{font-size:16px;line-height:22px}.section-banner__award-img{width:100px;height:140px}.section-1{padding-top:80px;padding-bottom:80px}.section-1__header{margin-bottom:40px}.section-1__header .s-arrows{display:none}.section-1__swiper{margin-bottom:48px}.section-1__more{display:none}.section-1__more.mobile{display:flex}.section-2{height:auto;min-height:100dvh;padding-bottom:32px}.section-2__content{padding-top:120px}.section-2__nav{flex-wrap:wrap;gap:16px}.section-2__nav>button:not(.section-2__nav-arrow){flex:30%;font-size:13px}.section-2__nav-arrow{width:48px;height:28px}.section-3{padding-top:72px;padding-bottom:72px}.section-3__header{flex-direction:column;gap:12px;margin-bottom:16px}.section-3 .section__desc{max-width:none}.section-3__grid{border:0;grid-template-columns:1fr;margin-top:48px}.section-3__card{border-bottom:1px solid #2e353a1a;border-right:0;min-height:0;padding:28px 0}.section-3__card:last-child{border-bottom:0}.section-4{padding-top:72px;padding-bottom:80px}.section-4__inner{flex-direction:column-reverse;gap:40px}.section-4__visual{width:100%;max-width:420px;height:420px;margin:0 auto}.section-4__content{max-width:none;margin-top:0}.section-4__stat{padding:28px 0}.section-4__stat-num{font-size:56px;line-height:68px}.section-5{padding-top:72px;padding-bottom:72px}.section-5__header{margin-bottom:32px}.section-5__body{flex-direction:column;gap:32px}.section-5__line{display:none}.section-5__featured{border-bottom:1px solid #2e353a1a;width:100%;padding-bottom:20px}.section-5__featured-media{height:320px}.section-5__item-media{width:160px;height:104px}}@media (width<=576px){.section-banner{height:100svh;min-height:100dvh}.section-banner__slide{padding-top:var(--header-m-h);align-items:center;padding-bottom:160px}.section-banner__content{width:100%}.section-banner .section__title--hero br{display:none}.section-banner .section__desc{margin-bottom:24px;font-size:16px;line-height:24px}.section-banner__award{flex-direction:row;align-items:stretch;height:auto;min-height:0;bottom:20px}.section-banner__award-card{padding:12px 16px}.section-banner__award-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:20px;display:-webkit-box;overflow:hidden}.section-banner__award-img{width:72px;height:100%;min-height:96px}.section-1{background-size:80%;padding-top:56px;padding-bottom:56px}.section-1__header{margin-bottom:28px}.section-1__swiper{margin-bottom:32px}.section-1__head{margin-bottom:16px}.section-1__img{height:200px}.section-2{min-height:100dvh;padding-bottom:24px}.section-2__content{padding-top:64px}.section-2 .section__desc{margin-bottom:20px}.section-2__tags{max-width:none;margin-bottom:28px}.section-2__tags li{padding:4px 12px;font-size:14px}.section-2__nav>button:not(.section-2__nav-arrow){flex:45%;padding-bottom:8px;font-size:16px;line-height:18px}.section-2__nav-arrow{display:none}.section-3{padding-top:48px;padding-bottom:48px}.section-3__grid{margin-top:32px}.section-3__icon{width:48px;height:48px}.section-3__card-title{font-size:20px;line-height:28px}.section-3__card-desc{margin-bottom:20px;font-size:16px;line-height:24px}.section-3__link{font-size:16px}.section-4{padding-top:48px;padding-bottom:56px}.section-4__visual{max-width:280px;height:280px}.section-4 .section__desc{margin-bottom:28px}.section-4__stat{gap:12px;padding:20px 0}.section-4__stat-num{font-size:40px;line-height:48px}.section-4__stat-label{font-size:14px;line-height:20px}.section-5{padding-top:48px;padding-bottom:48px}.section-5__header{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.section-5__featured-media{border-radius:12px;height:200px;margin-bottom:16px}.section-5__featured-title{font-size:20px;line-height:28px}.section-5__item{gap:16px;padding:20px 0}.section-5__item-title{font-size:16px;line-height:24px}.section-5__item-media{width:108px;height:72px}.section-5__date{font-size:14px}}
|