/* ===== 高安办公官网 公共样式（多页面版） ===== */
* { margin:0; padding:0; box-sizing:border-box; }
:root {
  --blue:#2f4d9e; --blue-dark:#1f3a78; --blue-light:#eef2fa;
  --orange:#fe871f; --orange-dark:#d96f0a;
  --ink:#1c2733; --grey:#5a6672; --grey-2:#8a95a1; --line:#e4e9f0;
  --bg:#f7f9fc;
}
body { font-family:"Microsoft YaHei","PingFang SC","Segoe UI",sans-serif; color:var(--ink); background:#fff; line-height:1.75; font-size:15.5px; }
a { color:var(--blue); text-decoration:none; }
img { max-width:100%; }
.wrap { max-width:1120px; margin:0 auto; padding:0 20px; }
h2.sec { font-size:26px; text-align:center; margin-bottom:6px; color:var(--ink); }
h2.sec::after { content:""; display:block; width:46px; height:3px; background:var(--orange); border-radius:2px; margin:12px auto 0; }
p.sec-sub { text-align:center; color:var(--grey); font-size:15px; margin-bottom:42px; margin-top:14px; }
section { padding:60px 0; }
section.alt { background:var(--bg); }

/* 顶部信息条 */
.topbar { background:var(--blue-dark); color:#c8d4ec; font-size:13px; }
.topbar .wrap { display:flex; justify-content:space-between; align-items:center; height:34px; }
.topbar b { color:#fff; font-weight:normal; }
.topbar a { color:var(--orange); font-weight:700; }

/* 头部导航 */
header.site { background:#fff; border-bottom:1px solid var(--line); position:sticky; top:0; z-index:100; box-shadow:0 1px 0 rgba(31,58,120,.04); }
.navbar { display:flex; align-items:center; justify-content:space-between; padding:14px 0; }
.brand { display:flex; align-items:center; gap:10px; }
.brand img { width:44px; height:44px; display:block; }
.brand .bt { display:flex; flex-direction:column; line-height:1.15; }
.brand .bt b { font-size:20px; color:var(--blue-dark); letter-spacing:.5px; }
.brand .bt small { font-size:10.5px; color:var(--grey-2); letter-spacing:1.6px; }
.menu { display:flex; }
.menu a { margin-left:26px; font-size:15.5px; color:var(--ink); padding:6px 2px; border-bottom:2px solid transparent; }
.menu a:hover { color:var(--blue); }
.menu a.on { color:var(--blue); font-weight:700; border-bottom-color:var(--orange); }
@media (max-width:900px){ .menu a{margin-left:14px;font-size:13.5px} .brand .bt small{display:none} }

/* 页面横幅 */
.pbanner { background:linear-gradient(135deg,#1f3a78 0%,#2f4d9e 65%,#3f63bb 100%); color:#fff; padding:46px 0; }
.pbanner h1 { font-size:28px; }
.pbanner p { font-size:14.5px; opacity:.85; margin-top:6px; }
.crumb { font-size:13px; opacity:.75; margin-top:10px; }
.crumb a { color:#fff; }

/* 按钮 */
.btn { display:inline-block; padding:11px 28px; border-radius:6px; font-size:15.5px; font-weight:700; }
.btn-blue { background:var(--blue); color:#fff; }
.btn-blue:hover { background:var(--blue-dark); }
.btn-orange { background:var(--orange); color:#fff; }
.btn-orange:hover { background:var(--orange-dark); }
.btn-ghost { border:1px solid rgba(255,255,255,.6); color:#fff; }
.btn-ghost:hover { border-color:#fff; background:rgba(255,255,255,.12); }
/* 浅色底上的次要按钮：白字白框在白底上会看不见，必须用这一版 */
.btn-outline { border:1px solid var(--blue); color:var(--blue); background:#fff; }
.btn-outline:hover { background:var(--blue); color:#fff; }

/* 卡片 */
.grid { display:grid; gap:22px; }
.g4 { grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); }
.g3 { grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); }
.g2 { grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); }
.card { background:#fff; border:1px solid var(--line); border-radius:10px; padding:26px 24px; }
.card h3 { font-size:17.5px; margin-bottom:10px; color:var(--blue-dark); display:flex; align-items:center; gap:9px; }
.card h3 .ic { width:22px; height:22px; flex:0 0 22px; color:var(--blue); stroke:var(--blue); }
.card p { font-size:14.5px; color:var(--grey); }

/* 数字条 */
.stats { display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px; background:#fff; border:1px solid var(--line); border-radius:12px; padding:28px 30px; }
.stat { text-align:center; flex:1; min-width:140px; }
.stat b { font-size:32px; color:var(--blue-dark); display:block; line-height:1.2; }
.stat b i { font-style:normal; color:var(--orange); }
.stat span { font-size:13.5px; color:var(--grey); }

/* 表格 */
table.tb { width:100%; border-collapse:collapse; background:#fff; font-size:15px; box-shadow:0 2px 14px rgba(31,58,120,.08); border-radius:8px; overflow:hidden; }
table.tb th { background:var(--blue); color:#fff; padding:14px 12px; text-align:left; font-size:14.5px; font-weight:600; }
table.tb td { padding:14px 12px; border-bottom:1px solid var(--line); vertical-align:top; }
table.tb tr:last-child td { border-bottom:none; }
table.tb tr:hover td { background:var(--blue-light); }
.price { color:var(--orange-dark); font-weight:700; white-space:nowrap; }

/* 流程步骤 */
.steps { display:flex; flex-wrap:wrap; gap:14px; counter-reset:st; }
.step { flex:1; min-width:150px; background:#fff; border:1px solid var(--line); border-radius:10px; padding:22px 18px; position:relative; counter-increment:st; }
.step::before { content:counter(st,decimal-leading-zero); display:block; font-size:26px; font-weight:800; color:var(--orange); opacity:.85; margin-bottom:6px; }
.step b { display:block; font-size:16px; color:var(--blue-dark); margin-bottom:4px; }
.step span { font-size:13.5px; color:var(--grey); }

/* FAQ */
.faq-item { background:#fff; border:1px solid var(--line); border-radius:10px; margin-bottom:14px; overflow:hidden; }
.faq-item h3 { font-size:16.5px; padding:18px 22px; cursor:pointer; color:var(--ink); display:flex; justify-content:space-between; align-items:center; font-weight:600; }
.faq-item h3::after { content:"+"; color:var(--orange); font-size:20px; }
.faq-item.open h3::after { content:"−"; }
.faq-item .a { display:none; padding:0 22px 18px; color:var(--grey); font-size:15px; border-top:1px dashed var(--line); padding-top:14px; }
.faq-item.open .a { display:block; }

/* 关于-列表 */
.list-check { list-style:none; max-width:780px; margin:0 auto; }
.list-check li { padding:12px 0 12px 34px; border-bottom:1px dashed var(--line); position:relative; font-size:15.5px; }
.list-check li::before { content:"✓"; position:absolute; left:6px; color:var(--orange); font-weight:800; }
.list-check b { color:var(--blue-dark); }

/* 时间线 */
.tl { max-width:760px; margin:0 auto; border-left:2px solid var(--blue-light); padding-left:26px; }
.tl-item { position:relative; padding-bottom:26px; }
.tl-item::before { content:""; position:absolute; left:-33px; top:6px; width:12px; height:12px; border-radius:50%; background:var(--orange); border:2px solid #fff; box-shadow:0 0 0 2px var(--orange); }
.tl-item b { display:block; color:var(--blue-dark); font-size:16.5px; }
.tl-item time { font-size:13px; color:var(--orange-dark); font-weight:700; }
.tl-item p { font-size:14.5px; color:var(--grey); }

/* 新闻列表 */
.news-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:20px; }
.news-card { background:#fff; border:1px solid var(--line); border-radius:10px; padding:22px; display:flex; flex-direction:column; }
.news-card time { font-size:12.5px; color:var(--grey-2); }
.news-card h3 { font-size:17px; margin:6px 0 8px; }
.news-card h3 a { color:var(--ink); }
.news-card h3 a:hover { color:var(--blue); }
.news-card p { font-size:14px; color:var(--grey); flex:1; }
.news-card .more { font-size:13.5px; color:var(--blue); margin-top:10px; font-weight:600; }

/* 联系页 */
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
@media (max-width:800px){ .contact-grid{grid-template-columns:1fr} }
.contact-card { background:#fff; border:1px solid var(--line); border-radius:10px; padding:30px; }
.contact-card h3 { color:var(--blue-dark); font-size:18px; margin-bottom:14px; }
.contact-card .big { font-size:26px; font-weight:800; color:var(--orange-dark); letter-spacing:1px; }

/* 页脚 */
footer.site { background:#10233d; color:#93a5bf; padding:52px 0 0; font-size:14px; }
.fcols { display:grid; grid-template-columns:2fr 1fr 1fr 1.2fr; gap:30px; padding-bottom:36px; }
@media (max-width:800px){ .fcols{grid-template-columns:1fr 1fr} }
.fcols h4 { color:#fff; font-size:15.5px; margin-bottom:14px; }
.fcols p, .fcols a { color:#93a5bf; font-size:13.5px; display:block; margin-bottom:7px; }
.fcols a:hover { color:#fff; }
.fcols .brand2 { display:flex; align-items:center; gap:10px; margin-bottom:14px; }
.fcols .brand2 img { width:40px; height:40px; }
.fcols .brand2 b { color:#fff; font-size:18px; }
.fbottom { border-top:1px solid #1e3552; padding:16px 0; font-size:12.5px; color:#6d81a0; }
.fbottom .wrap { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; }

/* 设备卡片（选图后替换占位） */
.dev { background:#fff; border:1px solid var(--line); border-radius:10px; overflow:hidden; display:flex; flex-direction:column; }
.dev .ph { aspect-ratio:4/3; background:linear-gradient(135deg,#eef2fa,#dde6f5); display:flex; align-items:center; justify-content:center; color:#8a9cc0; font-size:13px; position:relative; }
.dev .ph img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.dev .info { padding:16px 18px; }
.dev .info b { font-size:16px; color:var(--ink); display:block; }
.dev .info span { font-size:13.5px; color:var(--grey); }
.dev .tag { display:inline-block; background:var(--blue-light); color:var(--blue-dark); font-size:12px; padding:2px 10px; border-radius:10px; margin:8px 6px 0 0; }