/* ============================================================
   about.css · 关于我们
   题头形态①：全幅图Banner + 居中标题
   ============================================================ */
.sec-c{ margin-left:auto; margin-right:auto; }

/* 全幅图 Banner 题头 */
.ab-hero{
  position:relative; margin-top:72px; height:460px; display:flex; align-items:flex-end;
}
.ab-hero-bg{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
}
.ab-hero-mask{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(15,31,23,.45) 0%, rgba(15,31,23,.55) 60%, rgba(15,31,23,.82) 100%);
}
.ab-hero-inner{ position:relative; padding:0 0 56px; }
.crumbs-light{ color:rgba(255,255,255,.7); padding:0 0 14px; }
.crumbs-light a{ color:rgba(255,255,255,.85); }
.crumbs-light a:hover{ color:#fff; }
.crumbs-light span.sep{ color:rgba(255,255,255,.4); }
.ab-hero-title{
  color:#fff; font-size:44px; font-weight:800; letter-spacing:1px; line-height:1.25;
  max-width:760px;
}
.ab-hero-sub{
  margin-top:16px; color:rgba(255,255,255,.88); font-size:16px; max-width:680px; line-height:1.9;
}

/* 公司介绍：左右递进 */
.ab-intro{ background:var(--white); }
.intro-grid{ display:grid; grid-template-columns:1.15fr .85fr; gap:48px; align-items:center; }
.intro-copy p{ margin-top:16px; color:var(--ink-2); font-size:15.5px; }
.intro-fig{ margin:0; }
.intro-fig img{
  width:100%; height:340px; object-fit:cover; border-radius:var(--radius-lg); box-shadow:var(--shadow-md);
}
.intro-fig figcaption{
  margin-top:12px; font-size:13.5px; color:var(--ink-3); text-align:center;
}

/* 服务理念：三列卡片 */
.ab-motto{ background:var(--bg-soft); }
.motto-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:40px; }
.motto-card{
  background:#fff; border-radius:var(--radius); padding:30px 26px; box-shadow:var(--shadow-sm);
  border-top:4px solid var(--orange); transition:transform .28s ease, box-shadow .28s ease;
}
.motto-card:nth-child(2){ border-top-color:var(--green); }
.motto-card:nth-child(3){ border-top-color:var(--orange-deep); }
.motto-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-md); }
.mc-num{
  display:inline-block; font-size:14px; font-weight:800; letter-spacing:2px;
  color:var(--orange-deep); margin-bottom:14px;
}
.motto-card h3{ font-size:19px; margin-bottom:10px; }
.motto-card p{ font-size:14.5px; color:var(--ink-2); }

/* 服务团队：四列圆点卡 */
.ab-team{ background:#fff; }
.team-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:40px; }
.team-card{
  background:var(--bg-soft); border-radius:var(--radius); padding:26px 22px;
}
.tc-dot{
  display:block; width:38px; height:38px; border-radius:12px; margin-bottom:16px;
}
.tc-orange{ background:linear-gradient(135deg,var(--orange),var(--orange-deep)); }
.tc-green{ background:linear-gradient(135deg,var(--green),var(--green-deep)); }
.team-card h3{ font-size:17px; margin-bottom:10px; }
.team-card p{ font-size:14px; color:var(--ink-2); }

/* 服务范围：双图卡 */
.ab-scope{ background:var(--bg-orange); }
.scope-grid{ display:grid; grid-template-columns:1fr 1fr; gap:28px; margin-top:40px; }
.scope-card{
  background:#fff; border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-sm);
  display:flex; flex-direction:column;
}
.scope-card img{ width:100%; height:220px; object-fit:cover; }
.scope-body{ padding:26px 26px 30px; }
.scope-body h3{ font-size:21px; margin-bottom:12px; }
.scope-body p{ font-size:14.5px; color:var(--ink-2); margin-bottom:18px; }

/* 为什么选择我们：左标题 + 右斑马列表 */
.ab-why{ background:#fff; }
.why-wrap{ display:grid; grid-template-columns:.9fr 1.1fr; gap:48px; align-items:start; }
.why-list li{
  padding:20px 0; border-bottom:1px dashed var(--line);
}
.why-list li:last-child{ border-bottom:none; }
.why-list b{ font-size:17px; display:block; margin-bottom:6px; color:var(--ink); }
.why-list p{ font-size:14.5px; color:var(--ink-2); }

/* 本站服务导航：磁贴墙 */
.ab-nav{ background:var(--bg-green); }
.navwall{
  display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:40px;
}
.nw-card{
  background:#fff; border-radius:var(--radius); padding:22px 20px; box-shadow:var(--shadow-sm);
  border-left:4px solid var(--orange); transition:transform .28s ease, box-shadow .28s ease;
}
.nw-card:nth-child(even){ border-left-color:var(--green); }
.nw-card:hover{ transform:translateY(-5px); box-shadow:var(--shadow-md); }
.nw-card b{ display:block; font-size:16px; margin-bottom:6px; }
.nw-card span{ font-size:13.5px; color:var(--ink-3); }

/* 底部咨询行动带 */
.ab-cta{
  background:linear-gradient(120deg,var(--orange-deep),var(--orange) 60%,var(--green-deep));
  padding:56px 0;
}
.ab-cta-inner{
  display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap;
}
.ab-cta-copy h2{ color:#fff; font-size:28px; }
.ab-cta-copy p{ color:rgba(255,255,255,.9); margin-top:10px; max-width:520px; }
.ab-cta-act{ display:flex; gap:14px; flex-wrap:wrap; }

/* 响应式 */
@media (max-width:980px){
  .ab-hero{ height:400px; }
  .ab-hero-title{ font-size:32px; }
  .intro-grid, .why-wrap{ grid-template-columns:1fr; gap:32px; }
  .motto-grid, .team-grid, .navwall{ grid-template-columns:1fr 1fr; }
  .scope-grid{ grid-template-columns:1fr; }
}
@media (max-width:640px){
  .motto-grid, .team-grid, .navwall{ grid-template-columns:1fr; }
  .ab-cta-inner{ flex-direction:column; align-items:flex-start; }
}