:root{
  /* 配色取自《欧康公司 VI 识别系统》A.5 标准色页：
     欧康蓝 C96 M69 Y0 K0 → #184890
     欧康橙 C0  M66 Y95 K0 → #E66E22
     辅色：黑 / 30% 黑 / 白 */
  --navy:#184890; --navy-2:#2a62b0; --navy-deep:#0e2c58;
  --ink:#1b2430; --sub:#5b6777;
  --line:#e2e8f0; --bg:#ffffff; --bg-2:#f5f8fc;
  --accent:#e66e22; --accent-ink:#c4551a; --accent-bg:#fdf1e9;
  --radius:14px; --shadow:0 6px 24px rgba(24,72,144,.10);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.75;-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}

/* ---------- 头部 ---------- */
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);
  backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;letter-spacing:.5px;color:var(--navy)}
.brand img{width:34px;height:34px;border-radius:50%;flex:none}
.brand b{color:var(--accent-ink);font-weight:700}
.nav ul{display:flex;gap:30px;list-style:none;font-size:15px;color:var(--sub)}
.nav ul a:hover{color:var(--navy)}
.nav .oa{background:var(--navy);color:#fff;padding:9px 20px;border-radius:999px;font-size:14px;
  font-weight:600;transition:.2s}
.nav .oa:hover{background:var(--navy-2);transform:translateY(-1px)}

/* ---------- 首屏 ---------- */
.hero{position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(135deg,#0e2c58 0%,#14407c 45%,#1e57a4 100%)}
.hero::after{content:"";position:absolute;right:-160px;top:-120px;width:520px;height:520px;
  border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.10),transparent 65%)}
.hero-inner{position:relative;z-index:2;padding-top:96px;padding-bottom:104px}
.hero .en{font-size:13px;letter-spacing:2.4px;color:rgba(255,255,255,.68);text-transform:uppercase;
  display:inline-block;padding-left:12px;border-left:3px solid var(--accent)}
.hero h1{font-size:42px;line-height:1.3;margin:18px 0 16px;font-weight:700;letter-spacing:1px}
.hero p{font-size:17px;color:rgba(255,255,255,.82);max-width:620px}
.hero .btns{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}
.btn{padding:12px 28px;border-radius:999px;font-size:15px;font-weight:600;transition:.2s;display:inline-block}
.btn-light{background:#fff;color:var(--navy)}
.btn-light:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.btn-ghost{border:1px solid rgba(255,255,255,.45);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.12)}

/* ---------- 通用区块 ---------- */
section{padding:88px 0}
section:nth-of-type(even){background:var(--bg-2)}
.head{margin-bottom:44px}
.head .kicker{font-size:12px;letter-spacing:2px;color:var(--accent-ink);font-weight:700;text-transform:uppercase}
.head h2{font-size:30px;margin-top:10px;letter-spacing:.5px}
.head .line{width:44px;height:3px;background:var(--accent);margin-top:16px;border-radius:2px}

/* ---------- 关于 ---------- */
.about{display:grid;grid-template-columns:1.5fr 1fr;gap:56px;align-items:start}
.about p{color:var(--sub);font-size:16px;margin-bottom:18px}
.stats{display:grid;gap:16px}
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow)}
.stat b{font-size:30px;color:var(--navy);letter-spacing:1px}
.stat span{display:block;font-size:13px;color:var(--sub);margin-top:4px}

/* ---------- 业务 ---------- */
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;
  transition:.22s;box-shadow:var(--shadow)}
.card:hover{transform:translateY(-4px);border-color:#c9d8ec}
.card .ico{width:44px;height:44px;border-radius:11px;background:#edf3fb;color:var(--navy);
  display:grid;place-items:center;margin-bottom:18px}
.card h3{font-size:17px;margin-bottom:10px}
.card p{font-size:14px;color:var(--sub);line-height:1.8}

/* ---------- 业绩 ---------- */
.projects{display:grid;gap:14px}
.proj{display:grid;grid-template-columns:88px 1fr auto;gap:20px;align-items:center;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 26px;transition:.2s}
.proj:hover{border-color:#c9d8ec;box-shadow:var(--shadow)}
.proj .yr{font-size:15px;color:var(--navy);font-weight:700;letter-spacing:1px}
.proj h3{font-size:15.5px;font-weight:600;line-height:1.6}
.proj p{font-size:13.5px;color:var(--sub);margin-top:5px}
.tag{font-size:12px;padding:4px 12px;border-radius:999px;background:var(--accent-bg);color:#b34e12;white-space:nowrap}
.tag.done{background:#edf3fb;color:#4a5a70}

/* ---------- 新闻 ---------- */
.news{display:grid;gap:0;border-top:1px solid var(--line)}
.news a.item{display:grid;grid-template-columns:130px 1fr auto;gap:22px;align-items:center;
  padding:22px 4px;border-bottom:1px solid var(--line);transition:.18s}
.news a.item:hover{background:#fff;padding-left:14px}
.news .d{font-size:14px;color:var(--sub);font-variant-numeric:tabular-nums}
.news h3{font-size:16px;font-weight:600}
.news .more{font-size:13px;color:var(--navy);opacity:.7}
.news-more{margin-top:28px}

/* ---------- 合作伙伴 ---------- */
.partners{display:flex;flex-wrap:wrap;gap:56px;align-items:center;justify-content:center}
.partners img{height:34px;width:auto;filter:grayscale(100%);opacity:.55;transition:.25s}
.partners img:hover{filter:none;opacity:1}

/* ---------- 联系 ---------- */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.contact .item{display:flex;gap:14px;margin-bottom:22px}
.contact .k{font-size:13px;color:var(--sub);min-width:56px}
.contact .v{font-size:16px;font-weight:600}
.contact a.v:hover{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.contact .card-cta{background:linear-gradient(135deg,var(--navy-deep),var(--navy) 60%,var(--navy-2));color:#fff;
  border-radius:var(--radius);padding:34px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.contact .card-cta h3{font-size:20px}
.contact .card-cta p{font-size:14px;color:rgba(255,255,255,.78)}

/* ---------- 页脚 ---------- */
footer{background:var(--navy-deep);color:rgba(255,255,255,.66);padding:36px 0;font-size:13px;
  border-top:3px solid var(--accent)}
footer .row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer a:hover{color:#fff}

/* ---------- 文章页 ---------- */
.article{padding:64px 0 96px}
.article .back{font-size:14px;color:var(--sub);margin-bottom:28px;display:inline-block}
.article h1{font-size:30px;line-height:1.45;margin-bottom:14px}
.article .meta{font-size:13px;color:var(--sub);padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:32px}
.article p{font-size:16.5px;color:#2c3542;margin-bottom:20px}

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .cards{grid-template-columns:repeat(2,1fr)}
  .about,.contact{grid-template-columns:1fr;gap:34px}
}
@media (max-width:720px){
  .nav ul{display:none}
  .hero-inner{padding-top:64px;padding-bottom:72px}
  .hero h1{font-size:29px}
  .hero p{font-size:15px}
  section{padding:60px 0}
  .head h2{font-size:24px}
  .cards{grid-template-columns:1fr}
  .proj{grid-template-columns:1fr;gap:8px}
  .news a.item{grid-template-columns:1fr;gap:6px}
  .partners{gap:32px}
  .partners img{height:26px}
}