.about-intro-wrap{padding:72px 0}
.about-intro{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:start}
.about-intro__side{position:sticky;top:calc(var(--header-height) + 24px)}
.about-intro__pic{border-radius:12px;overflow:hidden;box-shadow:0 18px 40px rgba(13,27,46,.12);aspect-ratio:1/1.1;background:#f5f8fc}
.about-intro__pic img{width:100%;height:100%;object-fit:cover;display:block}
.about-intro__body .mod-title{text-align:left;margin-bottom:24px}
.about-intro__body .mod-title h2:after{margin-left:0}
.about-intro__body p{color:var(--color-muted);font-size:15px;line-height:1.95;margin-bottom:18px}
.about-intro__body p:last-child{margin-bottom:0}
.about-num-wrap{padding:0 0 72px}
.about-num__list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.about-num__list li{padding:28px 16px;background:linear-gradient(135deg,#f5f8fc,#eef4fb);border:1px solid var(--color-line);border-radius:10px;text-align:center;transition:transform .3s,box-shadow .3s}
.about-num__list li:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(26,112,218,.1)}
.about-num__list strong{display:block;color:var(--color-main);font-size:clamp(24px,2.4vw,34px);font-weight:700;line-height:1.2}
.about-num__list span{display:block;margin-top:8px;color:#666;font-size:14px}
.about-adv-wrap{padding:72px 0;background:#f5f8fc}
.about-adv__list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.about-adv__item{padding:32px 24px;background:#fff;border-radius:10px;box-shadow:0 10px 28px rgba(13,27,46,.06);transition:transform .3s,box-shadow .3s}
.about-adv__item:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(26,112,218,.12)}
.about-adv__item i{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:20px;border-radius:12px;background:rgba(26,112,218,.1);color:var(--color-main);font-style:normal;font-size:20px;font-weight:700}
.about-adv__item:nth-child(1) i:before{content:'01'}
.about-adv__item:nth-child(2) i:before{content:'02'}
.about-adv__item:nth-child(3) i:before{content:'03'}
.about-adv__item:nth-child(4) i:before{content:'04'}
.about-adv__item h3{margin-bottom:12px;font-size:18px;color:#1a1a1a}
.about-adv__item p{color:var(--color-muted);font-size:14px;line-height:1.8}
.about-contact-wrap{padding:72px 0}
.about-contact{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.about-contact__body .mod-title{text-align:left;margin-bottom:28px}
.about-contact__body .mod-title h2:after{margin-left:0}
.about-contact__list{margin-bottom:32px}
.about-contact__list li{display:grid;grid-template-columns:64px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--color-line);font-size:15px;line-height:1.6}
.about-contact__list strong{color:#888;font-weight:500}
.about-contact__list a,.about-contact__list span{color:#333}
.about-contact__list a:hover{color:var(--color-main)}
.about-contact__pic{border-radius:12px;overflow:hidden;min-height:360px;box-shadow:0 18px 40px rgba(13,27,46,.12)}
.about-contact__pic img{width:100%;height:100%;object-fit:cover;display:block;min-height:360px}
@media (max-width:1280px){
.about-intro{gap:40px}
.about-adv__list{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1024px){
.about-intro{grid-template-columns:1fr;gap:32px}
.about-intro__side{position:static}
.about-intro__pic{aspect-ratio:16/10;max-height:420px}
.about-num__list{grid-template-columns:repeat(2,1fr)}
.about-contact{grid-template-columns:1fr;gap:32px}
.about-contact__pic{order:-1;min-height:280px}
.about-contact__pic img{min-height:280px}
}
@media (max-width:768px){
.about-intro-wrap,.about-adv-wrap,.about-contact-wrap{padding:48px 0}
.about-num-wrap{padding:0 0 48px}
.about-adv__list{grid-template-columns:1fr;gap:16px}
.about-adv__item{padding:24px 20px}
.about-num__list{gap:12px}
.about-num__list li{padding:20px 12px}
.about-contact__list li{grid-template-columns:56px 1fr}
}
@media (max-width:360px){
.about-num__list{grid-template-columns:1fr 1fr;gap:8px}
.about-intro__body p{font-size:14px}
}