*{margin:0;padding:0;box-sizing:border-box}
body{font:14px/1.7 system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#22333B;background:#B3D4BB}
a{text-decoration:none;color:inherit}
.wrap{max-width:1240px;margin:0 auto;padding:0 18px}
.topbar{background:#115C61;color:#D3EDEB;font-size:12.5px;height:34px;display:flex;align-items:center}
.topbar .in{display:flex;align-items:center;gap:16px;width:100%}
.topbar .dot{width:6px;height:6px;border-radius:50%;background:#7FD3A3;display:inline-block;margin-right:6px}
.topbar .sp{flex:1}
.topbar a:hover{color:#fff}
.header{background:#fff;border-bottom:2px solid #115C61;position:sticky;top:0;z-index:50;box-shadow:0 2px 12px rgba(12,43,63,.06)}
.logoimg{height:40px;width:auto;display:block}
.logo .slog{font-size:14.5px;color:#115C61;font-weight:700;letter-spacing:1.2px;align-self:center;line-height:1.4;white-space:nowrap}
.header .in{display:flex;align-items:center;gap:20px;height:70px}
.logo{display:flex;align-items:center;gap:11px;flex-shrink:0}
.logo .mark{width:42px;height:42px;border-radius:8px;background:linear-gradient(135deg,#115C61,#1E9E62);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}
.logo b{font-size:19px;color:#115C61;letter-spacing:1px;display:block;line-height:1.15}
.logo span{font-size:14.5px;color:#115C61;font-weight:700;letter-spacing:1.2px}
.nav{display:flex;gap:2px;flex:1;margin-left:10px;flex-wrap:wrap}
.nav a{padding:10px 15px;font-size:14.5px;color:#2A4750;border-radius:6px;white-space:nowrap}
.nav a:hover,.nav a.on{background:#F2F8F4;color:#115C61;font-weight:600}
.telbox{text-align:right;flex-shrink:0}
.telbox .lb{font-size:11px;color:#2F4F58}
.telbox b{font-size:19px;color:#C0392B;display:block;line-height:1.2}
/* 面包屑 + 头图 */
.crumb{background:#fff;border-bottom:1px solid #E3EEE8;font-size:12.5px;color:#2F4F58;padding:11px 0}
.crumb a:hover{color:#115C61}
.hero2{background:linear-gradient(150deg,#115C61 0%,#126150 68%,#0D4A4F 100%);color:#fff;padding:34px 0 30px;position:relative;overflow:hidden}
.hero2::before{content:"";position:absolute;inset:0;background:radial-gradient(640px 300px at 88% -20%,rgba(127,211,163,.28),transparent 62%);pointer-events:none}
.hero2 .in{position:relative}
.hero2 h1{font-size:32px;letter-spacing:1.5px;line-height:1.3;margin-bottom:10px}
.hero2 h1 em{font-style:normal;color:#7FD3A3}
.hero2 .sub{font-size:14.5px;color:#D3EDEB;max-width:840px;line-height:1.95}
/* 关键指标 */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px;position:relative}
.kpi{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:14px 16px}
.kpi .k{font-size:12px;color:#D6EFED;margin-bottom:5px}
.kpi .v{font-size:21px;font-weight:800;letter-spacing:.5px}
.kpi .v small{font-size:12px;font-weight:400;color:#D3EDEB;margin-left:3px}
section{padding:30px 0}
.card{background:#fff;border:1px solid #DFEBE4;border-radius:12px;box-shadow:0 8px 26px rgba(12,43,63,.07);overflow:hidden}
.card+.card{margin-top:22px}
.card-hd{padding:16px 22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid #EAF2ED}
.card-hd h2{font-size:19px;color:#115C61;letter-spacing:.8px}
.card-hd .tag{background:#EAF4EE;color:#126150;border-radius:12px;padding:2px 11px;font-size:12px}
.card-hd .tag.hot{background:#FF8800;color:#fff;font-weight:700}
.card-hd .sp{flex:1}
.card-hd .note{font-size:12px;color:#2F4F58}
.card-bd{padding:20px 22px}
/* 零担价格主表 */
.price-hero{background:linear-gradient(135deg,#115C61,#126150);color:#fff;padding:18px 22px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.price-hero .t{font-size:17px;font-weight:700;letter-spacing:1px}
.price-hero .badge{background:#FF8800;border-radius:12px;padding:3px 12px;font-size:12px;font-weight:700}
.price-hero .sp{flex:1}
.price-hero .tip{font-size:12.5px;color:#D6EFED}
table.t{width:100%;border-collapse:collapse;font-size:14px}
table.t th{background:#EAF4EE;color:#115C61;font-weight:700;font-size:13px;padding:12px 12px;text-align:left;border-bottom:2px solid #CFE0D5;white-space:nowrap}
table.t td{padding:12px;border-bottom:1px solid #EEF6F1;color:#2A4750;vertical-align:top}
table.t tbody tr:hover{background:#F7FCF9}
table.t .big{color:#C0392B;font-weight:800;font-size:20px;letter-spacing:-.3px}
table.t .big em{font-style:normal;font-size:12.5px;font-weight:400;color:#2F4F58;margin-left:3px}
table.t .b2{color:#1E7A4D;font-weight:800;font-size:18px}
table.t .k{font-weight:700;color:#115C61}
table.t .gray{color:#2F4F58;font-size:12.5px}
.pill{display:inline-block;background:#EAF4EE;border-radius:4px;padding:1px 9px;font-size:12px;color:#126150;margin-right:6px}
.pill.o{background:#FFF1E0;color:#C1690A}
.pill.r{background:#FDECEA;color:#C0392B}
.tfoot{padding:14px 22px;background:#F7FCF9;font-size:12.5px;color:#2F4F58;line-height:2}
.tfoot b{color:#C0392B}
/* 车型卡 */
.grid6{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tk{border:1px solid #E1EDE6;border-radius:10px;padding:15px 16px;background:#FBFEFC}
.tk .nm{font-size:15px;color:#115C61;font-weight:700;display:flex;align-items:center;gap:7px;margin-bottom:6px}
.tk .nm span{background:#EAF4EE;color:#126150;font-size:11.5px;border-radius:10px;padding:1px 8px;font-weight:400}
.tk .p{font-size:22px;font-weight:800;color:#C0392B;letter-spacing:-.5px}
.tk .p small{font-size:12.5px;font-weight:400;color:#2F4F58;margin-left:4px}
.tk .d{font-size:12.5px;color:#2F4F58;margin-top:6px;line-height:1.8}
/* 附加费 */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.sf{border:1px solid #E1EDE6;border-radius:9px;padding:12px 13px;background:#FBFEFC}
.sf .n{font-size:13.5px;color:#2A4750;font-weight:600;margin-bottom:4px}
.sf .v{font-size:15px;color:#C0392B;font-weight:700}
.sf .u{font-size:11.5px;color:#2F4F58;margin-top:3px}
/* 内链 */
.links{display:flex;flex-wrap:wrap;gap:9px}
.links a{background:#F2F8F4;border:1px solid #E1EDE6;border-radius:14px;padding:5px 13px;font-size:13px;color:#2A4750}
.links a:hover{border-color:#1E9E62;color:#115C61;background:#F7FCF9}
.links a b{color:#C0392B;font-weight:700}
/* 询价条 */
.cta{background:#fff;border:1px solid #DFEBE4;border-radius:12px;padding:19px 22px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}
.cta .txt{flex:1;min-width:260px}
.cta .txt b{display:block;font-size:16.5px;color:#115C61;margin-bottom:5px}
.cta .txt span{font-size:13px;color:#2F4F58}
.cta a.btn{background:linear-gradient(135deg,#115C61,#1E9E62);color:#fff;padding:12px 26px;border-radius:7px;font-weight:700;letter-spacing:1px;box-shadow:0 8px 20px rgba(15,76,153,.22)}
.cta a.btn:hover{filter:brightness(1.07)}
.cta a.tel{background:#C0392B;color:#fff;padding:12px 22px;border-radius:7px;font-weight:700;letter-spacing:.5px}
/* ------- 移动端 ------- */
@media(max-width:900px){

  .wrap{padding:0 14px}
  .header .in{height:auto;padding:10px 0;flex-wrap:wrap;gap:10px}
  .nav{order:3;width:100%;margin:0;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}
  .nav a{padding:8px 12px;font-size:13.5px}
  .telbox{margin-left:auto}
  .hero2{padding:24px 0 20px}
  .hero2 h1{font-size:22px}
  .hero2 .sub{font-size:13px}
  .kpis{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}
  .kpi{padding:11px 12px}
  .kpi .v{font-size:17px}
  .grid6{grid-template-columns:repeat(2,1fr);gap:10px}
  .grid4{grid-template-columns:repeat(2,1fr);gap:10px}
  .card-bd{padding:14px 14px}
  .card-hd{padding:13px 14px}
  .card-hd h2{font-size:16.5px}
  .price-hero{padding:14px}
  .price-hero .t{font-size:15px}
  table.t{font-size:13px}
  table.t th,table.t td{padding:9px 8px}
  table.t .big{font-size:17px}
  table.t .b2{font-size:16px}
  .tfoot{padding:12px 14px;font-size:12px}
  .cta{padding:15px;flex-direction:column;align-items:stretch}
  .cta a.btn,.cta a.tel{text-align:center;display:block}
  section{padding:20px 0}

  /* ---- 表格转卡片：移动端更紧凑、不挤成窄条 ---- */
  table.t{display:block;border:0}
  table.t thead{display:none}
  table.t tbody{display:block}
  table.t tr{display:block;border:1px solid #E1EDE6;border-radius:10px;background:#FBFEFC;padding:11px 12px;margin-bottom:10px;box-shadow:0 1px 2px rgba(12,43,63,.03)}
  table.t tr:hover{background:#FBFEFC}
  table.t td{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0;border:0;font-size:13px;text-align:right}
  table.t td:before{content:attr(data-l);color:#2F4F58;font-size:12px;flex:0 0 auto;text-align:left}
  table.t td:first-child{display:block;text-align:left;border-bottom:1px dashed #E3EEE8;padding:0 0 8px;margin-bottom:6px;font-size:14.5px}
  table.t td:first-child:before{display:none}
  table.t td[colspan]{display:block;text-align:left;font-size:12.5px;color:#2A4048;background:#F4FAF6;border-radius:6px;padding:8px 10px}
  table.t td[colspan]:before{display:none}
  table.t td .big{font-size:18px}
  table.t td .b2{font-size:17px}
  table.t td:nth-child(4){color:#2F4F58;font-size:12.5px}
}
@media(max-width:420px){
  .grid6{grid-template-columns:1fr}
  .kpis{grid-template-columns:1fr}
}

/* ---------- 资讯频道 ---------- */
.news-wrap{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start}
.nlist{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.nitem{background:#fff;border:1px solid #DFEBE4;border-radius:12px;padding:16px 18px;
  box-shadow:0 6px 20px rgba(12,43,63,.05);transition:.16s;display:flex;flex-direction:column}
.nitem:hover{box-shadow:0 14px 32px rgba(12,43,63,.11);transform:translateY(-2px)}
.nitem .meta{display:flex;gap:10px;align-items:center;font-size:12px;color:#2F4F58;margin-bottom:8px}
.nitem .meta .cat{background:#EAF4EE;color:#126150;border-radius:10px;padding:1px 9px}
.nitem h3{font-size:15.5px;line-height:1.6;margin-bottom:8px}
.nitem h3 a{color:#115C61}
.nitem h3 a:hover{color:#C0392B}
.nitem p{font-size:13px;color:#2A4048;line-height:1.9;flex:1}
.nitem .more{margin-top:11px;font-size:13px;color:#1E9E62;font-weight:700}
.pager{display:flex;gap:8px;justify-content:center;margin-top:22px;flex-wrap:wrap}
.pager a,.pager span{padding:8px 14px;border:1px solid #DFEBE4;border-radius:8px;background:#fff;font-size:13.5px;color:#3C5A61}
.pager a:hover{border-color:#1E9E62;color:#115C61}
.pager .on{background:#115C61;border-color:#115C61;color:#fff;font-weight:700}
.pager .dis{opacity:.45}
.side{position:sticky;top:78px}
.side .box{background:#fff;border:1px solid #DFEBE4;border-radius:12px;padding:15px 16px;margin-bottom:16px;
  box-shadow:0 6px 20px rgba(12,43,63,.05)}
.side .box h4{font-size:14.5px;color:#115C61;padding-left:9px;border-left:3px solid #1E9E62;margin-bottom:11px}
.side .box a.li{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:#3C5A61;padding:6px 0;border-bottom:1px dashed #EDF5F0}
.side .box a.li:last-child{border-bottom:0}
.side .box a.li:hover{color:#C0392B}
.side .box a.li b{color:#C0392B;flex:0 0 auto}
/* 文章正文 */
.art{background:#fff;border:1px solid #DFEBE4;border-radius:12px;padding:26px 30px;box-shadow:0 8px 26px rgba(12,43,63,.06)}
.art h1{font-size:24px;line-height:1.5;color:#115C61;margin-bottom:12px}
.art .ameta{font-size:12.5px;color:#2F4F58;border-bottom:1px solid #EDF5F0;padding-bottom:12px;margin-bottom:18px;display:flex;gap:14px;flex-wrap:wrap}
.art .abody{font-size:14.2px;line-height:2.15;color:#2A4750}
.art .abody p{margin-bottom:12px}
.art .abody h3{font-size:16.5px;color:#115C61;margin:22px 0 9px;padding-left:11px;border-left:4px solid #1E9E62}
.art .abody h3:first-child{margin-top:0}
.art .abody b{color:#C0392B}
.art .abody table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13.5px}
.art .abody th{background:#F2F8F4;color:#115C61;text-align:left;padding:10px 12px;border:1px solid #E1EDE6;font-weight:700}
.art .abody td{padding:10px 12px;border:1px solid #E1EDE6;color:#3C5A61}
.art .abody ul,.art .abody ol{margin:0 0 12px 22px}
.art .abody li{margin-bottom:6px}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}
.pn a{background:#fff;border:1px solid #DFEBE4;border-radius:10px;padding:13px 16px;font-size:13.5px;color:#3C5A61;box-shadow:0 4px 14px rgba(12,43,63,.04)}
.pn a:hover{border-color:#1E9E62;color:#115C61}
.pn a span{display:block;font-size:11.5px;color:#2F4F58;margin-bottom:3px}
.relbox{margin-top:20px;background:#fff;border:1px solid #DFEBE4;border-radius:12px;padding:16px 18px}
.relbox h4{font-size:14.5px;color:#115C61;margin-bottom:11px;padding-left:9px;border-left:3px solid #1E9E62}
.relbox ul{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 20px}
.relbox li{font-size:13.2px;line-height:1.9}
.relbox a{color:#3C5A61}.relbox a:hover{color:#C0392B}
@media(max-width:980px){
  .news-wrap{grid-template-columns:1fr}
  .side{position:static}
  .nlist{grid-template-columns:1fr}
  .art{padding:16px 15px}
  .art h1{font-size:19px}
  .art .abody{font-size:13.6px}
  .pn{grid-template-columns:1fr}
  .relbox ul{grid-template-columns:1fr}
  .art .abody table{display:block;overflow-x:auto}
}

/* ===== 移动端页头修复（统一追加）===== */
@media(max-width:820px){
  .header .in{padding:9px 0;gap:8px;min-height:0}
  .logoimg{height:32px}
  .logo .slog{font-size:12.5px;letter-spacing:.6px;font-weight:700}
  .telbox{order:2;margin-left:auto;text-align:right}
  .telbox .lb{display:none}
  .telbox b{font-size:15px;letter-spacing:0;line-height:1.2}
  .nav{order:3;width:100%;margin:0;overflow-x:auto;flex-wrap:nowrap;padding:2px 0 3px}
  .nav a{padding:7px 11px;font-size:13px}
  .topbar{font-size:12px;height:auto;padding:6px 0;flex-wrap:wrap;gap:4px 10px;line-height:1.5}
  .topbar .sp{display:none}
}
@media(max-width:420px){
  .logoimg{height:28px}
  .logo .slog{font-size:11.5px;letter-spacing:.4px}
  .telbox b{font-size:14px}
  .nav a{padding:7px 10px;font-size:12.5px}
}