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
14 KiB
1 lines
14 KiB
.main-about{background:var(--color-white);overflow:hidden}.ab-hero__title{padding-top:calc(var(--header-h) + 7.5rem);padding-bottom:2.5rem}.ab-hero__title h1{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);flex-direction:column;margin:0;display:flex}.ab-hero__media{width:100%;height:45rem;overflow:hidden}.ab-hero__media img,.ab-hero__media video{object-fit:cover;width:100%;height:100%;display:block}.ab-intro{grid-template-columns:minmax(0,1fr) minmax(0,60rem);gap:2.5rem;padding-top:7.5rem;padding-bottom:7.5rem;display:grid}.ab-intro__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);margin:0}.ab-intro__body{flex-direction:column;gap:3.375rem;margin-top:4rem;display:flex}.ab-intro__texts{flex-direction:column;gap:1.5rem;display:flex}.ab-intro__texts p{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-32);margin:0}.ab-intro__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 5rem;margin:0;padding:0;list-style:none;display:grid}.ab-intro__stats li{border-top:1px solid #dfe0e2;flex-direction:column;gap:1rem;padding:2.5rem 0;display:flex}.ab-intro__stats strong{color:var(--color-primary);font-family:D-DIN-PRO,MiSans VF,sans-serif;font-size:var(--font-56);font-weight:500;line-height:1}.ab-intro__stats strong .counter{color:inherit;font:inherit}.ab-intro__stats strong .ab-intro__stats-unit{color:var(--color-primary);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-18);font-weight:400;line-height:var(--font-24)}.ab-intro__stats>li>span{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)}.ab-history{background:var(--color-white);background-image:url(../images/section-3-bg-D4Y_d9o-.png);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:60.3125rem;padding-top:7.5rem;padding-bottom:6.25rem;position:relative}.ab-history__head{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:4rem;display:flex}.ab-history__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);margin:0}.ab-history__swiper{--history-year-h:3.5rem;--history-year-gap:1.6875rem;--history-dot-size:1.25rem;clip-path:inset(0 0 0 var(--p-x));position:relative;overflow:hidden}.ab-history__swiper:before{content:"";left:var(--p-x);right:0;top:calc(var(--history-year-h) + var(--history-year-gap) + var(--history-dot-size) / 2);pointer-events:none;background:#dfe0e2;height:1px;position:absolute;transform:translateY(-50%)}.ab-history__slide{width:25rem;transition:opacity var(--duration-normal) var(--easing);position:relative}.ab-history__slide.is-far{opacity:.3}.ab-history__year{margin-bottom:var(--history-year-gap,27px);color:var(--color-text);font-family:D-DIN-PRO,MiSans VF,sans-serif;font-size:var(--font-56);font-weight:500;line-height:var(--history-year-h,56px);display:block}.ab-history__year span{font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-32);line-height:var(--font-32)}.ab-history__dot{z-index:1;width:var(--history-dot-size,20px);height:var(--history-dot-size,20px);background:var(--color-white);border:1px solid #afb5b9;border-radius:50%;margin-bottom:2.625rem;position:relative}.ab-history__dot:after{content:"";background:#afb5b9;border-radius:50%;position:absolute;inset:.3125rem}.swiper-slide-active .ab-history__dot{border-color:var(--color-primary)}.swiper-slide-active .ab-history__dot:after{background:var(--color-primary)}.swiper-slide-active .ab-history__dot:before{opacity:1}.ab-history__slide-title{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);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:4rem;margin-bottom:1.5rem;display:-webkit-box;overflow:hidden}.ab-history__slide-desc{min-height:3rem;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);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:48px;margin-bottom:2rem;display:-webkit-box;overflow:hidden}.ab-history__media{aspect-ratio:400/260;background:#afb5b926;border-radius:.75rem;overflow:hidden}.ab-history__media img{object-fit:cover;width:100%;height:100%;display:block}.ab-culture{min-height:56.25rem;color:var(--color-white);position:relative;overflow:hidden}.ab-culture__bg{z-index:0;position:absolute;inset:0;overflow:hidden}.ab-culture__bg img{object-fit:cover;width:100%;height:100%;display:block}.ab-culture:after{content:"";right:var(--p-x);z-index:1;aspect-ratio:1121/187;pointer-events:none;background:url(../images/bg-CYdmuh0E.png) 100% 100%/contain no-repeat;width:min(70.0625rem,70%);position:absolute;bottom:0}.ab-culture__inner{z-index:2;grid-template-columns:minmax(0,1fr) minmax(0,45rem);gap:2.5rem;padding-top:7.5rem;padding-bottom:7.5rem;display:grid;position:relative}.ab-culture__title{font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);margin:0}.ab-culture__list{flex-direction:column;display:flex}.ab-culture__item{border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:flex-start;padding:2.5rem 0;display:flex}.ab-culture__label{flex-direction:column;flex-shrink:0;gap:.5rem;width:9.1875rem;display:flex}.ab-culture__label-zh{font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-24);font-weight:500;line-height:var(--font-32)}.ab-culture__label-en{font-family:D-DIN-PRO,MiSans VF,sans-serif;font-size:var(--font-18);font-weight:500;line-height:var(--font-18)}.ab-culture__text{max-width:25rem;font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-20);font-weight:400;line-height:var(--font-27);flex:1;margin:0}.ab-global{padding-top:7.5rem;padding-bottom:7.5rem;position:relative}.ab-global__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);margin:0 0 6.25rem}.ab-global__layout{grid-template-columns:minmax(0,30rem) minmax(0,50rem) minmax(0,25rem);gap:1.5rem;display:grid}.ab-global__visual{aspect-ratio:1;justify-content:center;align-items:center;width:100%;max-width:50rem;margin:0 auto;display:flex;position:relative}.ab-global__earth{width:100%;height:100%;display:block}.ab-global__side{flex-direction:column;gap:3rem;margin-top:3.75rem;padding:0;list-style:none;display:flex}.ab-global__side li{border-left:1px solid #dfe0e2;padding-left:2.5rem;position:relative}.ab-global__side li:before{content:"";background:var(--color-primary);width:1px;height:3.0625rem;position:absolute;top:0;left:-1px}.ab-global__side strong{color:var(--color-primary);font-family:D-DIN-PRO,MiSans VF,sans-serif;font-size:var(--font-56);font-weight:400;line-height:var(--font-56);margin-bottom:1rem;display:block}.ab-global__side strong .counter{color:inherit;font:inherit}.ab-global__side strong span:not(.counter){font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-32);font-weight:400;line-height:var(--font-32)}.ab-global__side__side-desc{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)}.ab-global__side--right{justify-self:end}.ab-members{min-height:56.25rem;color:var(--color-white);position:relative}.ab-members__bg{z-index:0;position:absolute;inset:0;overflow:hidden}.ab-members__bg img{object-fit:cover;width:100%;height:100%;display:block}.ab-members__bg:after{content:"";background:#0003;position:absolute;inset:0}.ab-members__inner{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,60rem);gap:2.5rem;padding-top:7.5rem;padding-bottom:7.5rem;display:grid;position:relative}.ab-members__title{font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);margin:0}.ab-members__card{-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);background:#fff3;border:1px solid #ffffff75;border-radius:1.875rem;flex-direction:column;justify-content:space-between;gap:4.25rem;min-height:35rem;padding:3rem;display:flex;overflow:hidden}.ab-members__content{flex-direction:column;align-items:flex-start;gap:2.5rem;display:flex}.ab-members__content>div{flex-direction:column;gap:2rem;display:flex}.ab-members__name{font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-32);font-weight:400;line-height:var(--font-42);margin:0}.ab-members__desc{font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-18);font-weight:400;line-height:var(--font-24);margin:0}.ab-members__more{min-width:12.5rem}.ab-members__logos{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;display:grid}.ab-members__logo{cursor:pointer;width:10rem;height:6.25rem;transition:background var(--duration-fast) var(--easing);background:#ffffff80;border:0;border-radius:1rem;justify-content:center;align-items:center;display:flex}.ab-members__logo img{object-fit:cover;width:auto;max-width:70%;height:auto;display:block}.ab-members__logo.is-active,.ab-members__logo:hover{background:#fff}.ab-honors{grid-template-columns:minmax(0,1fr) minmax(0,60rem);gap:2.5rem;padding-top:7.5rem;padding-bottom:7.5rem;display:grid}.ab-honors__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);margin:0 0 1rem}.ab-honors__desc{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);margin:0}.ab-honors__list{margin:0;padding:0;list-style:none}.ab-honors__item{transition:border-color var(--duration-fast) var(--easing);border-bottom:1px solid #dfe0e2;justify-content:space-between;align-items:center;padding:2.5rem 0;display:flex;position:relative}.ab-honors__item:hover{border-bottom-color:var(--color-primary)}.ab-honors__item:hover .ab-honors__name{color:var(--color-primary)}.ab-honors__name{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);transition:color var(--duration-fast) var(--easing)}.ab-honors__view{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:.5rem;text-decoration:none;display:inline-flex;position:relative}.ab-honors__view img,.ab-honors__view svg{flex-shrink:0;width:1.5rem;height:1.5rem;display:block}.ab-honors__view:hover{color:var(--color-primary)}.ab-honors__pop{z-index:10;background-color:var(--color-white);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility .25s;position:absolute;top:50%;right:calc(100% + .5rem);transform:translateY(-50%)}.ab-honors__view:hover .ab-honors__pop{opacity:1;visibility:visible}.ab-honors__cert-img{border-radius:.5rem;display:block;box-shadow:0 1rem 2.5rem #2e353a33;width:15rem!important;height:auto!important}.ab-honors__more{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);cursor:pointer;transition:color var(--duration-fast) var(--easing);background:0 0;border:0;align-items:center;gap:1rem;margin-top:2.5rem;padding:0;display:inline-flex}.ab-honors__more img{width:.75rem;height:auto;display:block}.ab-honors__more:hover{color:var(--color-primary)}.ab-csr{min-height:45rem;color:var(--color-white);position:relative}.ab-csr__bg{z-index:0;position:absolute;inset:0;overflow:hidden}.ab-csr__bg img{object-fit:cover;width:100%;height:100%;display:block}.ab-csr__bg:after{content:"";background:#00000003;position:absolute;inset:0}.ab-csr__inner{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,60rem);gap:2.5rem;padding-top:7.5rem;padding-bottom:7.5rem;display:grid;position:relative}.ab-csr__title{font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);margin:0}.ab-csr__content{flex-direction:column;align-items:flex-start;gap:2.5rem;display:flex}.ab-csr__desc{font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-20);font-weight:400;line-height:var(--font-38);margin:0}.ab-csr .s-btn{min-width:12.5rem;min-height:3.625rem}@media (width<=1439px){.ab-hero__title h1{font-size:40px;line-height:54px}.ab-hero__media{height:520px}.ab-intro__body{margin-top:0}.ab-intro,.ab-honors,.ab-culture__inner,.ab-members__inner,.ab-csr__inner{grid-template-columns:1fr;gap:32px}.ab-intro,.ab-history,.ab-global,.ab-honors{padding-top:80px;padding-bottom:80px}.ab-global__layout{grid-template-columns:1fr}.ab-global__side{margin-top:0}.ab-global__side--right{justify-self:start}.ab-global__visual{order:-1;max-width:560px}}@media (width<=992px){.ab-intro__stats{grid-template-columns:1fr;gap:0}.ab-history__slide{width:300px}.ab-members__logos{grid-template-columns:repeat(3,minmax(0,1fr))}.ab-culture__item{flex-direction:column;gap:16px}.ab-honors__item{align-items:flex-start}}@media (width<=576px){.ab-hero__title{padding-top:calc(var(--header-h) + 5rem);padding-bottom:24px}.ab-hero__title h1{font-size:28px;line-height:40px}.ab-hero__media{height:280px}.ab-intro__title,.ab-history__title,.ab-culture__title,.ab-global__title,.ab-members__title,.ab-honors__title,.ab-csr__title{font-size:32px;line-height:44px}.ab-members__card{min-height:0;padding:24px}.ab-members__logos{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-members__name{font-size:24px;line-height:32px}}
|