.about-intro{padding:80px 0}
.about-intro .inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.about-intro .img-box{height:350px;background:linear-gradient(135deg,var(--blue-light),#DCE8FF);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--blue)}
.about-intro .img-box i{font-size:60px;opacity:.3}
.about-intro .img-box span{font-size:15px;color:var(--text-mid)}
.about-intro .txt h3{font-size:30px;font-weight:700;margin-bottom:8px}
.about-intro .txt .en{font-family:var(--font-en);font-size:13px;color:var(--blue);letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}
.about-intro .txt p{color:var(--text-mid);font-size:15px;line-height:1.9;margin-bottom:16px}
.advantages{padding:80px 0;background:var(--bg-gray)}
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.adv-card{background:var(--white);border-radius:var(--radius-md);padding:36px 28px;text-align:center;border:1px solid var(--border-light);transition:all .3s}
.adv-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.adv-card .ic{width:64px;height:64px;background:var(--blue-light);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:28px;color:var(--blue);transition:all .3s}
.adv-card:hover .ic{background:var(--blue);color:#fff}
.adv-card h4{font-size:17px;font-weight:600;margin-bottom:8px}
.adv-card p{color:var(--text-light);font-size:14px;line-height:1.7}
.motto{padding:60px 0;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);text-align:center;color:#fff}
.motto .qt{font-size:48px;opacity:.2;margin-bottom:8px}
.motto blockquote{font-size:24px;font-weight:600;line-height:1.6;margin-bottom:12px;max-width:700px;margin:0 auto 12px}
.motto cite{font-size:15px;opacity:.7;font-style:normal}
.timeline{padding:80px 0}
.timeline-wrap{position:relative;max-width:800px;margin:0 auto}
.timeline-wrap::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--border-light);transform:translateX(-50%)}
.tl-item{display:grid;grid-template-columns:1fr 1fr;gap:30px;position:relative;margin-bottom:40px}
.tl-item:last-child{margin-bottom:0}
.tl-item .dot{position:absolute;left:50%;top:8px;width:14px;height:14px;border-radius:50%;background:var(--blue);border:3px solid var(--blue-light);transform:translateX(-50%);z-index:1}
.tl-left{text-align:right;padding-right:40px}
.tl-left .year{font-family:var(--font-en);font-size:28px;font-weight:700;color:var(--blue);line-height:1}
.tl-left .month{color:var(--text-light);font-size:14px}
.tl-right{padding-left:40px}
.tl-right h5{font-size:17px;font-weight:600;margin-bottom:4px}
.tl-right p{color:var(--text-light);font-size:14px;line-height:1.6}
.cert-show{padding:80px 0;background:var(--bg-gray)}
.cert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cert-card{background:var(--white);border-radius:var(--radius-md);padding:30px 20px;text-align:center;border:1px solid var(--border-light);transition:all .3s}
.cert-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.cert-card .ic{font-size:40px;color:var(--blue);opacity:.6;margin-bottom:12px}
.cert-card h5{font-size:15px;font-weight:600;margin-bottom:4px}
.cert-card p{color:var(--text-light);font-size:13px}
@media(max-width:1024px){.about-intro .inner{grid-template-columns:1fr;gap:30px}.adv-grid{grid-template-columns:repeat(2,1fr)}.cert-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.about-intro .img-box{height:220px}.adv-grid{grid-template-columns:1fr}.cert-grid{grid-template-columns:1fr}.timeline-wrap::before{left:20px}.tl-item{grid-template-columns:1fr;gap:16px;padding-left:50px}.tl-item .dot{left:20px}.tl-left,.tl-right{padding:0;text-align:left}.tl-left{padding-left:0;margin-bottom:-10px}.motto blockquote{font-size:18px}}