/* ===========================================================
   讯达康弱电工程 · 本地模板（参考 宏和网络 www.nethonghe.com 的结构与气质）
   主色 #c30d23 深红 / 点缀 #d4c193 香槟金 / 中性灰
   纯静态，无外部依赖，可直接双击 index.html 打开
   =========================================================== */
:root{
  --red:#c30d23; --red-d:#9c0a1c; --red-l:#e8404f;
  --gold:#d4c193; --ink:#1f2329; --ink-2:#39424e;
  --muted:#6b7280; --line:#eceef1; --bg:#f6f7f9; --white:#fff;
  --maxw:1220px; --radius:6px; --shadow:0 6px 24px rgba(24,32,48,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",system-ui,sans-serif;
  color:var(--ink); background:var(--white); font-size:15px; line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%; display:block; border:0}
a{color:inherit; text-decoration:none; transition:.2s}
ul,ol{margin:0; padding:0; list-style:none}
h1,h2,h3,h4{margin:0; font-weight:700; line-height:1.3}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 20px}
.red{color:var(--red)}
.btn{
  display:inline-flex; align-items:center; gap:8px; padding:13px 28px; border-radius:var(--radius);
  font-size:15px; font-weight:700; border:1px solid transparent; cursor:pointer; white-space:nowrap;
}
.btn-red{background:var(--red); color:#fff}
.btn-red:hover{background:var(--red-d)}
.btn-ghost{border-color:rgba(255,255,255,.7); color:#fff}
.btn-ghost:hover{background:#fff; color:var(--red); border-color:#fff}
.btn-line{border-color:var(--red); color:var(--red)}
.btn-line:hover{background:var(--red); color:#fff}

/* ---------- 演示提示条 ---------- */
.demo-bar{
  background:#fff8e6; color:#8a6a12; font-size:13px; text-align:center;
  padding:7px 20px; border-bottom:1px solid #f0e2bb;
}
/* ---------- 顶栏 ---------- */
.topbar{background:var(--ink); color:#c9ced6; font-size:13px}
.topbar .wrap{display:flex; justify-content:space-between; align-items:center; height:40px}
.topbar b{color:#fff; font-weight:600}
.topbar .tb-r{display:flex; gap:20px}

/* ---------- 头部 ---------- */
.header{background:#fff; box-shadow:0 1px 0 var(--line); position:sticky; top:0; z-index:50}
.header .wrap{display:flex; align-items:center; justify-content:space-between; height:82px; gap:24px}
.logo{display:flex; align-items:center; gap:12px}
.logo .mark{
  width:46px; height:46px; border-radius:4px; background:linear-gradient(135deg,var(--red),var(--red-d));
  color:#fff; display:grid; place-items:center; font-size:22px; font-weight:800; letter-spacing:-1px;
  box-shadow:0 4px 12px rgba(195,13,35,.28);
}
.logo .txt strong{display:block; font-size:21px; letter-spacing:1px; line-height:1.2}
.logo .txt span{display:block; font-size:11px; color:var(--muted); letter-spacing:1.6px; text-transform:uppercase}
.nav{display:flex; align-items:center; gap:2px}
.nav > li{position:relative}
.nav > li > a{display:block; padding:0 16px; line-height:82px; font-size:16px; font-weight:600; color:var(--ink-2)}
.nav > li > a:hover, .nav > li.on > a{color:var(--red)}
.nav > li.on > a::after{
  content:""; position:absolute; left:16px; right:16px; bottom:20px; height:2px; background:var(--red);
}
.drop{
  position:absolute; top:100%; left:0; min-width:210px; background:#fff; border:1px solid var(--line);
  box-shadow:var(--shadow); padding:8px 0; opacity:0; visibility:hidden; transform:translateY(8px);
}
.nav > li:hover .drop{opacity:1; visibility:visible; transform:none}
.drop a{display:block; padding:9px 18px; font-size:14px; color:var(--ink-2)}
.drop a:hover{background:var(--bg); color:var(--red); padding-left:24px}
.head-tel{display:flex; flex-direction:column; align-items:flex-end; line-height:1.25}
.head-tel small{font-size:12px; color:var(--muted)}
.head-tel b{font-size:23px; color:var(--red); letter-spacing:.5px}

/* ---------- Hero ---------- */
.hero{position:relative; color:#fff; overflow:hidden}
.hero img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.hero::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(100deg,rgba(15,20,30,.9) 0%,rgba(15,20,30,.72) 45%,rgba(15,20,30,.35) 100%);
}
.hero .wrap{position:relative; z-index:2; padding:86px 20px 92px}
.hero .tag{
  display:inline-block; border:1px solid rgba(212,193,147,.75); color:var(--gold);
  font-size:13px; padding:4px 14px; border-radius:100px; margin-bottom:20px; letter-spacing:1px;
}
.hero h1{font-size:44px; letter-spacing:1px; max-width:760px}
.hero h1 em{font-style:normal; color:var(--gold)}
.hero p{max-width:640px; margin:18px 0 30px; font-size:17px; color:#dfe4ea}
.hero .cta{display:flex; gap:14px; flex-wrap:wrap}
.hero .stats{display:flex; gap:52px; margin-top:52px; padding-top:26px; border-top:1px solid rgba(255,255,255,.18); flex-wrap:wrap}
.hero .stats b{display:block; font-size:30px; color:#fff}
.hero .stats span{font-size:13px; color:#c6ccd4}

/* ---------- 通用标题 ---------- */
.sec{padding:76px 0}
.sec.gray{background:var(--bg)}
.sec-head{margin-bottom:44px}
.sec-head .sub{font-size:13px; letter-spacing:3px; color:var(--red); font-weight:700; text-transform:uppercase}
.sec-head h2{font-size:32px; margin:10px 0 12px; letter-spacing:.5px}
.sec-head p{color:var(--muted); margin:0; max-width:720px}
.sec-head.center{text-align:center}
.sec-head.center p{margin:0 auto}
.sec-head.center .sub::before,.sec-head.center .sub::after{content:"——"; margin:0 8px; color:var(--line)}

/* ---------- 服务卡片 ---------- */
.grid{display:grid; gap:22px}
.g4{grid-template-columns:repeat(4,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g2{grid-template-columns:repeat(2,1fr)}
.svc{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:30px 26px 26px;
  position:relative; overflow:hidden; transition:.25s;
}
.svc::before{content:""; position:absolute; left:0; top:0; width:3px; height:0; background:var(--red); transition:.25s}
.svc:hover{transform:translateY(-4px); box-shadow:var(--shadow); border-color:#e3e6ea}
.svc:hover::before{height:100%}
.svc .ico{
  width:60px; height:60px; border-radius:var(--radius); background:#fdf1f2; color:var(--red);
  display:grid; place-items:center; margin-bottom:18px;
}
.svc .ico svg{width:38px; height:38px; fill:none; stroke:var(--red); stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round}
.svc h3{font-size:18px; margin-bottom:8px}
.svc p{color:var(--muted); font-size:14px; margin:0 0 16px; min-height:66px}
.svc .more{font-size:13px; color:var(--red); font-weight:700}
.svc .more::after{content:" →"; transition:.2s}
.svc:hover .more::after{margin-left:4px}

/* ---------- 方案 分屏 ---------- */
.split{display:grid; grid-template-columns:1.05fr 1fr; align-items:center; gap:0;
  border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:#fff}
.split img{height:100%; min-height:330px; object-fit:cover}
.split .body{padding:42px 44px}
.split h3{font-size:25px; margin-bottom:14px}
.split ul{margin:18px 0 26px}
.split li{position:relative; padding-left:26px; color:var(--ink-2); font-size:14.5px; margin-bottom:10px}
.split li::before{
  content:""; position:absolute; left:0; top:9px; width:9px; height:9px; border-radius:50%;
  background:var(--red); box-shadow:0 0 0 4px rgba(195,13,35,.12);
}

/* ---------- 案例 ---------- */
.case{background:#fff; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; transition:.25s}
.case:hover{box-shadow:var(--shadow); transform:translateY(-4px)}
.case .ph{position:relative; aspect-ratio:4/3; overflow:hidden}
.case .ph img{width:100%; height:100%; object-fit:cover; transition:.5s}
.case:hover .ph img{transform:scale(1.06)}
.case .ph .cat{
  position:absolute; left:0; top:14px; background:var(--red); color:#fff; font-size:12px;
  padding:3px 12px; border-radius:0 100px 100px 0;
}
.case .body{padding:18px 20px 22px}
.case h3{font-size:16px; margin-bottom:8px}
.case p{margin:0; color:var(--muted); font-size:13.5px}

/* ---------- 优势 / 流程 ---------- */
.adv{display:flex; gap:18px; background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:26px 24px}
.adv .n{font-size:30px; font-weight:800; color:var(--line); line-height:1; min-width:52px; letter-spacing:-1px}
.adv h3{font-size:16px; margin-bottom:6px}
.adv p{margin:0; color:var(--muted); font-size:13.5px}
.flow{display:grid; grid-template-columns:repeat(4,1fr); gap:0; counter-reset:step}
.flow .st{position:relative; padding:34px 22px 30px; background:#fff; border:1px solid var(--line); border-left:0}
.flow .st:first-child{border-left:1px solid var(--line)}
.flow .st::before{
  counter-increment:step; content:counter(step);
  position:absolute; top:-19px; left:22px; width:38px; height:38px; border-radius:50%;
  background:var(--red); color:#fff; display:grid; place-items:center; font-weight:800; font-size:16px;
  box-shadow:0 6px 14px rgba(195,13,35,.3);
}
.flow .st h3{font-size:16px; margin:14px 0 6px}
.flow .st p{margin:0; color:var(--muted); font-size:13.5px}

/* ---------- 新闻 ---------- */
.news{display:flex; gap:18px; padding:22px 0; border-bottom:1px dashed var(--line)}
.news .d{min-width:78px; text-align:center; border-right:1px solid var(--line); padding-right:18px}
.news .d b{display:block; font-size:26px; color:var(--red); line-height:1.1}
.news .d span{font-size:12px; color:var(--muted)}
.news h3{font-size:17px; margin-bottom:6px}
.news p{margin:0; color:var(--muted); font-size:13.5px}
.news:hover h3{color:var(--red)}

/* ---------- CTA 条 ---------- */
.cta-bar{background:var(--red); color:#fff; padding:44px 0}
.cta-bar .wrap{display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap}
.cta-bar h2{font-size:26px}
.cta-bar p{margin:8px 0 0; color:rgba(255,255,255,.85)}
.cta-bar .tel{font-size:32px; font-weight:800; letter-spacing:1px}
.cta-bar .btn{background:#fff; color:var(--red); padding:16px 34px; font-size:16px}

/* ---------- 页脚 ---------- */
.foot{background:#171c24; color:#98a2b0; padding:56px 0 0; font-size:14px}
.foot .cols{display:grid; grid-template-columns:1.5fr 1fr 1fr 1.2fr; gap:36px; padding-bottom:40px}
.foot h4{color:#fff; font-size:16px; margin-bottom:18px}
.foot a:hover{color:var(--gold)}
.foot li{margin-bottom:9px}
.foot .about p{margin:12px 0 0; line-height:1.9; font-size:13.5px}
.foot .brand{display:flex; align-items:center; gap:12px; margin-bottom:6px}
.foot .brand .mark{width:40px; height:40px; border-radius:4px; background:var(--red); color:#fff;
  display:grid; place-items:center; font-weight:800; font-size:19px}
.foot .brand strong{color:#fff; font-size:19px; letter-spacing:1px}
.foot .qr{width:104px; height:104px; background:#fff; border-radius:4px; display:grid; place-items:center;
  color:#c4c9d0; font-size:12px; text-align:center; line-height:1.4}
.copy{border-top:1px solid #262d38; padding:18px 0; font-size:13px; color:#7b8592}
.copy .wrap{display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap}

/* ---------- 右侧悬浮 ---------- */
.side{position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:60; display:grid; gap:1px}
.side a{
  width:76px; height:76px; background:#fff; border:1px solid var(--line); display:grid; place-items:center;
  text-align:center; font-size:12px; color:var(--ink-2); line-height:1.3;
}
.side a b{display:block; font-size:19px; color:var(--red)}
.side a:hover{background:var(--red); color:#fff}
.side a:hover b{color:#fff}

/* ---------- 内页 ---------- */
.crumb{background:var(--bg); border-bottom:1px solid var(--line); font-size:13.5px; color:var(--muted)}
.crumb .wrap{padding:16px 20px}
.crumb a:hover{color:var(--red)}
.page{display:grid; grid-template-columns:1fr 320px; gap:40px; padding:52px 0}
.page .main h1{font-size:30px; margin-bottom:14px}
.page .main h2{font-size:21px; margin:34px 0 14px; padding-left:13px; border-left:4px solid var(--red)}
.page .main p{color:var(--ink-2)}
.page .main ul{margin:14px 0 18px}
.page .main li{position:relative; padding-left:24px; margin-bottom:8px; color:var(--ink-2); font-size:14.5px}
.page .main li::before{content:""; position:absolute; left:2px; top:10px; width:7px; height:7px; background:var(--red); border-radius:1px}
.hero-img{border-radius:var(--radius); overflow:hidden; margin:22px 0 6px}
.qa{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:18px 20px; margin-bottom:12px}
.qa b{display:block; color:var(--red); margin-bottom:6px; font-size:15px}
.qa p{margin:0; font-size:14px; color:var(--ink-2)}
.aside{display:grid; gap:20px; align-content:start}
.card{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:24px}
.card h3{font-size:17px; margin-bottom:14px; padding-bottom:12px; border-bottom:1px solid var(--line)}
.card .tel{font-size:24px; font-weight:800; color:var(--red); display:block; margin:6px 0 4px}
.card li{border-bottom:1px dashed var(--line); padding:10px 0; font-size:14px}
.card li:last-child{border:0}
.card li a:hover{color:var(--red)}
.tags{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:26px}
.tags a{padding:6px 16px; border:1px solid var(--line); border-radius:100px; font-size:13.5px; color:var(--ink-2)}
.tags a.on,.tags a:hover{background:var(--red); border-color:var(--red); color:#fff}

/* ---------- 响应式 ---------- */
@media (max-width:1080px){
  .nav{display:none}
  .g4{grid-template-columns:repeat(2,1fr)}
  .foot .cols{grid-template-columns:1fr 1fr}
  .page{grid-template-columns:1fr}
}
@media (max-width:760px){
  .hero h1{font-size:30px}
  .hero .wrap{padding:56px 20px 60px}
  .hero .stats{gap:26px}
  .sec{padding:52px 0}
  .g4,.g3,.g2{grid-template-columns:1fr}
  .split{grid-template-columns:1fr}
  .split img{min-height:210px}
  .split .body{padding:28px 24px}
  .flow{grid-template-columns:1fr}
  .flow .st{border-left:1px solid var(--line); border-top:0}
  .side{display:none}
  .topbar .tb-r{display:none}
  .cta-bar .tel{font-size:24px}
}

/* ---------- 头部轮播（用 rd 原站 flash 图 + 叠加标题） ---------- */
.hero-carousel{position:relative; background:#0f141e; overflow:hidden}
.hero-carousel .track{position:relative; aspect-ratio:1920/520; max-height:520px}
.hero-carousel .slide{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .9s ease}
.hero-carousel .slide.on{opacity:1}
.hero-carousel .hc-overlay{
  position:absolute; inset:0; z-index:2; display:flex; align-items:center;
  background:linear-gradient(100deg,rgba(11,17,26,.9) 0%,rgba(11,17,26,.68) 38%,rgba(11,17,26,.12) 72%,rgba(11,17,26,0) 100%);
}
.hero-carousel .hc-inner{width:100%; max-width:var(--maxw); margin:0 auto; padding:0 20px}
.hero-carousel .hc-tag{
  display:inline-block; border:1px solid rgba(212,193,147,.8); color:var(--gold); font-size:13px;
  padding:4px 14px; border-radius:100px; margin-bottom:18px; letter-spacing:1px
}
.hero-carousel h1{font-size:42px; color:#fff; letter-spacing:1px; max-width:760px; text-shadow:0 2px 12px rgba(0,0,0,.35)}
.hero-carousel h1 em{font-style:normal; color:var(--gold)}
.hero-carousel .hc-inner p{margin:16px 0 28px; color:#dde3ea; font-size:16.5px; max-width:620px}
.hero-carousel .hc-cta{display:flex; gap:14px; flex-wrap:wrap}
.hero-carousel .hc-arrow{
  position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:44px; height:64px;
  display:grid; place-items:center; background:rgba(0,0,0,.3); color:#fff; font-size:30px; line-height:1; border-radius:3px
}
.hero-carousel .hc-arrow:hover{background:var(--red)}
.hero-carousel .hc-arrow.prev{left:18px}
.hero-carousel .hc-arrow.next{right:18px}
.hero-carousel .hc-dots{position:absolute; left:0; right:0; bottom:14px; z-index:3; display:flex; justify-content:center; gap:9px}
.hero-carousel .hc-dots i{
  width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.6); cursor:pointer;
  border:1px solid rgba(255,255,255,.75); transition:.25s
}
.hero-carousel .hc-dots i.on{background:var(--red); border-color:var(--red); width:26px; border-radius:6px}

/* 数据条 */
.hero-bar{background:#fff; border-bottom:1px solid var(--line)}
.hero-bar .hb-main{display:flex; align-items:center; justify-content:space-between; gap:30px; padding:32px 20px 24px; flex-wrap:wrap}
.hero-bar h1{font-size:32px; letter-spacing:.5px}
.hero-bar .hb-main p{margin:9px 0 0; color:var(--muted); font-size:15.5px}
.hero-bar .hb-cta{display:flex; align-items:center; gap:26px; flex-wrap:wrap}
.hero-bar .hb-tel small{display:block; font-size:12px; color:var(--muted)}
.hero-bar .hb-tel b{font-size:26px; color:var(--red); letter-spacing:.5px}
.hero-bar .hb-stats{display:flex; gap:56px; padding:22px 20px 24px; flex-wrap:wrap; justify-content:space-between}
.hero-bar .hb-stats b{font-size:26px; color:var(--ink)}
.hero-bar .hb-stats span{display:block; font-size:13px; color:var(--muted)}
@media (max-width:900px){
  .hero-carousel .track{aspect-ratio:auto; height:300px}
  .hero-carousel h1{font-size:28px}
}
@media (max-width:760px){
  .hero-carousel .track{height:210px}
  .hero-carousel .hc-overlay{background:linear-gradient(180deg,rgba(11,17,26,.55) 0%,rgba(11,17,26,.85) 100%)}
  .hero-carousel .hc-tag{display:none}
  .hero-carousel .hc-inner p{display:none}
  .hero-carousel h1{font-size:21px; margin-bottom:12px}
  .hero-carousel .hc-cta .btn{padding:9px 16px; font-size:13.5px}
  .hero-carousel .hc-arrow{width:30px; height:42px; font-size:20px; background:rgba(0,0,0,.22)}
  .hero-bar h1{font-size:23px}
  .hero-bar .hb-stats{gap:24px}
}

/* LOGO 换成 X 图形（2026-09-25）：去掉原来的红方块 + 讯字 */
.logo .mark, .foot .brand .mark{
  width:auto; height:46px; border-radius:0; background:none; box-shadow:none;
  display:block; object-fit:contain;
}
.foot .brand .mark{height:40px}

/* ---------- 内页头部 banner（2026-09-25 康工要求补上） ---------- */
.page-hero{position:relative; background:#0f141e; overflow:hidden}
.page-hero .track{position:relative; aspect-ratio:1920/330; max-height:340px}
.page-hero .slide{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .8s ease}
.page-hero .slide.on{opacity:1}
.page-hero .ph-overlay{
  position:absolute; inset:0; z-index:2; display:flex; align-items:center;
  background:linear-gradient(100deg,rgba(11,17,26,.88) 0%,rgba(11,17,26,.62) 42%,rgba(11,17,26,.12) 78%,rgba(11,17,26,0) 100%);
}
.page-hero .ph-inner{width:100%; max-width:var(--maxw); margin:0 auto; padding:0 20px}
.page-hero h1{font-size:36px; color:#fff; letter-spacing:1px; text-shadow:0 2px 12px rgba(0,0,0,.35)}
.page-hero .ph-inner p{margin:12px 0 0; color:#dde3ea; font-size:15.5px; max-width:640px}
.page-hero .ph-arrow{
  position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:40px; height:58px;
  display:grid; place-items:center; background:rgba(0,0,0,.3); color:#fff; font-size:26px; line-height:1; border-radius:3px
}
.page-hero .ph-arrow:hover{background:var(--red)}
.page-hero .ph-arrow.prev{left:16px}
.page-hero .ph-arrow.next{right:16px}
.page-hero .ph-dots{position:absolute; left:0; right:0; bottom:12px; z-index:3; display:flex; justify-content:center; gap:8px}
.page-hero .ph-dots i{
  width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,.6); cursor:pointer;
  border:1px solid rgba(255,255,255,.75); transition:.25s
}
.page-hero .ph-dots i.on{background:var(--red); border-color:var(--red); width:24px; border-radius:6px}
/* 服务页：banner 已用 h1，正文标题降级为 h2 但要保持页面标题观感 */
.page .main h2.ph-body-title{font-size:30px; margin:0 0 14px; padding-left:0; border-left:0}
@media (max-width:900px){
  .page-hero .track{aspect-ratio:auto; height:220px}
  .page-hero h1{font-size:26px}
}
@media (max-width:760px){
  .page-hero .track{height:170px}
  .page-hero h1{font-size:21px}
  .page-hero .ph-inner p{display:none}
  .page-hero .ph-arrow{width:28px; height:40px; font-size:19px}
}

/* 首页 hero 文案限宽：保证不压到右侧 flash 六边形（2026-09-25 整组左移到 x=1170 后重设） */
@media (max-width:2000px){
  .hero-carousel h1{max-width:min(760px,42vw)}
  .hero-carousel .hc-inner p{max-width:min(640px,38vw)}
}

/* 服务卡图标（2026-09-25：换成实心红色图标，含康工给的三枚 PNG）*/
.svc .ico img{width:38px;height:38px;object-fit:contain;display:block}
.svc:hover .ico{background:#fbe3e6}

/* ================= 换皮补丁（2026-09-26 换皮不换骨专用，仅新增，不改动上面任何规则） ================= */
.case .tx{padding:18px 20px 22px}
.case .tx h3{font-size:16px; margin-bottom:8px}
.case .tx p{color:var(--muted); font-size:13.5px; line-height:1.7}

/* 面包屑 */
.crumb{color:var(--muted); font-size:13.5px; padding:6px 0 18px}
.crumb a{color:var(--muted)}
.crumb a:hover{color:var(--red)}

/* 栏目内容区：左内容 + 右 320 侧栏 */
.page{display:grid; grid-template-columns:1fr 320px; gap:40px; padding:36px 0 52px; align-items:start}
.page .aside{position:sticky; top:16px}
.page .main h1,.page .main h2{font-size:26px; margin:0 0 14px; padding-left:0; border-left:0}

/* 资讯/文章列表（沿用首页 .news 行样式） */
.news-list{display:flex; flex-direction:column; gap:0}
.news-list .news{border-bottom:1px dashed var(--line); padding:16px 6px; display:flex; gap:18px; align-items:flex-start}
.news-list .news:last-child{border-bottom:0}
.news-list .news h3{font-size:16px; margin-bottom:6px; color:var(--ink)}
.news-list .news:hover h3{color:var(--red)}
.news-list .news p{color:var(--muted); font-size:13.5px; line-height:1.7}

/* 分页 */
.pager{margin:34px 0 6px; display:flex; flex-wrap:wrap; gap:8px; align-items:center}
.pager a,.pager span{
  display:inline-block; min-width:34px; padding:7px 12px; text-align:center; font-size:13.5px;
  border:1px solid var(--line); border-radius:var(--radius); background:#fff; color:var(--ink-2)
}
.pager a:hover{border-color:var(--red); color:var(--red)}
.pager span.pagenow,.pager span.current{background:var(--red); border-color:var(--red); color:#fff}

/* 侧栏卡片 */
.card b{display:block; font-size:16px; margin-bottom:10px; color:var(--ink)}
.card .hot{display:block; padding:9px 0; border-bottom:1px dashed var(--line); color:var(--ink-2); font-size:13.8px; line-height:1.6}
.card .hot:last-child{border-bottom:0}
.card .hot:hover{color:var(--red)}
.side-cta .btn{display:inline-block; margin-top:10px}

/* 文章页 */
.art-h1{font-size:27px; line-height:1.45; margin:6px 0 12px}
.art-meta{display:flex; flex-wrap:wrap; gap:18px; color:var(--muted); font-size:13.5px;
  padding-bottom:14px; border-bottom:1px solid var(--line); margin-bottom:22px}
.art-body{font-size:15.5px; line-height:2.05; color:#333c48}
.art-body p{margin:0 0 16px; text-indent:2em}
.art-body h2{font-size:19px; margin:26px 0 12px; padding-left:0; border-left:0}
.art-body h3{font-size:17px; margin:20px 0 10px}
.art-body img{max-width:100%; height:auto; border-radius:var(--radius); margin:10px 0}
.art-body ul,.art-body ol{margin:0 0 16px 1.6em}
.art-body li{margin:6px 0; line-height:1.95}
.art-body table{width:100%; border-collapse:collapse; margin:14px 0; font-size:14px}
.art-body table td,.art-body table th{border:1px solid var(--line); padding:8px 10px}
.prevnext{display:flex; flex-direction:column; gap:8px; margin-top:26px; padding-top:18px; border-top:1px dashed var(--line); font-size:14px}
.prevnext a{color:var(--ink-2)}
.prevnext a:hover{color:var(--red)}

/* 联系我们 / 信息卡 */
.info{display:grid; grid-template-columns:repeat(3,1fr); gap:22px}
.info .card{padding:24px}
.info .card .tel{font-size:22px; color:var(--red); font-weight:700}
.info .card p{color:var(--muted); font-size:13.5px; line-height:1.8; margin-top:8px}

/* 服务卡网格：统一高度、整卡可点 */
.svc-grid .svc{display:block; background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:22px 20px; transition:.25s}
.svc-grid .svc:hover{box-shadow:var(--shadow); transform:translateY(-4px)}
.svc-grid .svc h3{font-size:16.5px; margin:10px 0 8px}
.svc-grid .svc p{color:var(--muted); font-size:13.5px; line-height:1.75}
.svc-grid .svc .more{display:inline-block; margin-top:12px; color:var(--red); font-size:13.5px}

@media (max-width:980px){
  .page{grid-template-columns:1fr; gap:26px}
  .page .aside{position:static}
  .info{grid-template-columns:1fr}
}

/* ==== 独立专题页（/wenda /fuwu /weixiuweihu）套皮补丁 2026-09-26 ==== */
.h1-title{font-size:27px; line-height:1.45; margin:6px 0 12px}
.oneClassList{margin:0; padding:0}
.oneClassList dt{font-size:13.5px; color:var(--muted); margin:8px 0 4px}
.oneClassList dd{margin:0; padding:0}
.oneClassList a{display:block; padding:5px 0; border-bottom:1px dashed #e8edf3; font-size:13.5px; color:#33404f}
.oneClassList a:hover{color:var(--red)}
.wap-add-img{font-size:15.5px}
.wap-add-img img{max-width:100%; height:auto; border-radius:8px}

/* ==== 内页顶部轮播（紧凑版）+ 页脚二维码 2026-09-26 ==== */
.hero-carousel.sm .track{aspect-ratio:auto; height:330px; max-height:none}
.hero-carousel.sm .hc-arrow{width:36px; height:54px; font-size:24px}
.hero-carousel.sm .hc-dots i{border-color:#fff}
.foot .qr{overflow:hidden; padding:0}
.foot .qr img{width:100%; height:100%; object-fit:cover; display:block}
.foot .qr-tx{margin:8px 0 0; font-size:12.5px; color:#98a2b0}
@media(max-width:760px){ .hero-carousel.sm .track{height:170px} }