/* ============================================
   深圳市远景达物联网技术有限公司 www.scanmax.com.cn
   配色对齐主站 www.szlvbarcode.com
   主色 #03184d（深蓝）/ 强调 #a90100（暗红）
   ============================================ */

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  font-family: "PingFang SC","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:15px;
  line-height:1.7;
  color:#333;
  background:#fafafa;
}
a { color:#03184d; text-decoration:none; transition:color .2s; }
a:hover { color:#a90100; text-decoration:none; }
img { max-width:100%; height:auto; display:block; }
ul,ol { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-weight:600; line-height:1.3; color:#242424; }

/* ===== 颜色变量 ===== */
:root {
  --navy: #1d4ed8;        /* 国际风主蓝（原深蓝 #03184d，全局换肤已切换）*/
  --navy-deep: #1e3a8a;   /* 深蓝 */
  --navy-mid: #3b82f6;    /* 中蓝 */
  --red: #2563eb;         /* 强调色（原暗红 #a90100 已统一为蓝）*/
  --red-dark: #1d4ed8;
  --tint: #eff6ff;        /* 浅蓝底 */
  --gray-1: #fafafa;
  --gray-2: #f0f0f1;
  --gray-3: #d9d9d9;
  --gray-7: #666;
  --black: #333;
}

/* ===== 顶栏 ===== */
.topbar {
  background:#f5f7fb;
  border-bottom:1px solid #e6ebf2;
  color:#475569;
  font-size:13px;
  padding:6px 0;
}
.topbar .wrap {
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.topbar a { color:#475569; margin-left:16px; }
.topbar a:hover { color:#fff; text-decoration:none; }
.topbar strong { color:#1d4ed8; }

/* ===== 头部（logo + 热线）===== */
.header {
  background:#fff;
  border-bottom:1px solid var(--gray-2);
}
.header .wrap {
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:96px;
}
.logo { display:flex; align-items:center; }
.logo img { height:62px; width:auto; }
.hotline { text-align:right; color:var(--navy-deep); }
.hotline .hl-label {
  display:block;
  font-size:13px;
  color:var(--gray-7);
  line-height:1.2;
}
.hotline strong {
  display:block;
  font-size:24px;
  font-weight:700;
  letter-spacing:.5px;
  color:var(--navy-deep);
}
/* 旧式文字 logo 兜底 */
.logo-mark {
  width:44px; height:44px;
  background:var(--navy);
  border-radius:4px;
  display:flex; align-items:center; justify-content:center;
  color:#8cc63f;
  font-family:"Courier New",monospace;
  font-weight:900; font-size:18px;
}
.logo-text-cn { display:flex; flex-direction:column; gap:2px; margin-left:10px; }
.logo-text-en { font-size:11px; color:var(--gray-7); font-weight:400; letter-spacing:1px; }

/* ===== 导航（主站同款深蓝色条）===== */
.nav { background:#fff; border-bottom:1px solid #e6ebf2; }
.nav .wrap {
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
}
.nav .menu { display:flex; flex-wrap:wrap; }
.nav .menu > li { position:relative; }
.nav .menu > li > a {
  display:block;
  padding:0 26px;
  height:50px;
  line-height:50px;
  color:#0f1b2d;
  font-size:16px;
  transition:background .2s,color .2s;
}
.nav .menu > li > a:hover,
.nav .menu > li > a.active {
  background:#e5e5e5;
  color:var(--navy-deep);
}
.nav .menu > li:hover > .sub { display:block; }
.nav .sub {
  display:none;
  position:absolute;
  top:100%;
  left:0;
  min-width:190px;
  background:var(--red);
  padding:8px 0;
  z-index:99;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
}
.nav .sub li { width:100%; text-align:center; }
.nav .sub a {
  display:block;
  padding:0 12px;
  height:36px;
  line-height:36px;
  font-size:14px;
  color:#fff;
}
.nav .sub a:hover { background:rgba(0,0,0,.2); color:#fff; }

/* ===== Banner ===== */
.banner {
  background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 55%,#0ea5e9 100%);
  color:#fff;
  padding:80px 20px;
  position:relative;
  overflow:hidden;
}
.banner::before {
  content:"";
  position:absolute;
  top:-50%; right:-10%;
  width:600px; height:600px;
  background:radial-gradient(circle,rgba(169,1,0,.22) 0%,transparent 70%);
}
.banner .wrap {
  max-width:1200px;
  margin:0 auto;
  position:relative;
  z-index:1;
}
.banner h1 {
  font-size:42px;
  color:#fff;
  margin-bottom:16px;
  letter-spacing:-1px;
}
.banner .sub {
  font-size:18px;
  color:#c9d2e8;
  margin-bottom:32px;
  max-width:780px;
}
.banner .actions { display:flex; gap:16px; flex-wrap:wrap; }

/* ===== 按钮 ===== */
.btn {
  display:inline-block;
  padding:12px 28px;
  border-radius:3px;
  font-weight:500;
  font-size:15px;
  transition:all .2s;
  border:none;
  cursor:pointer;
}
.btn-primary {
  background:var(--red);
  color:#fff;
}
.btn-primary:hover {
  background:var(--red-dark);
  color:#fff;
  text-decoration:none;
  box-shadow:0 4px 12px rgba(169,1,0,.3);
}
.btn-ghost {
  background:transparent;
  color:#fff;
  border:1px solid rgba(255,255,255,.6);
}
.btn-ghost:hover {
  background:#fff;
  color:var(--navy);
  text-decoration:none;
}

/* ===== 容器 ===== */
.container {
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
}
.section { padding:60px 0; }
.section-tight { padding:40px 0; }
.section-alt { background:#fff; }

/* ===== 区块标题 ===== */
.sec-title { text-align:center; margin-bottom:48px; }
.sec-title .en {
  font-size:13px;
  color:var(--red);
  font-weight:700;
  letter-spacing:2px;
  text-transform:uppercase;
  margin-bottom:8px;
  font-family:"Courier New",monospace;
}
.sec-title h2 {
  font-size:32px;
  color:#242424;
  margin-bottom:12px;
}
.sec-title .desc {
  font-size:15px;
  color:var(--gray-7);
  max-width:720px;
  margin:0 auto;
}

/* ===== 产品卡片 ===== */
.products-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.product-card {
  background:#fff;
  border:1px solid var(--gray-2);
  border-radius:4px;
  overflow:hidden;
  transition:all .3s;
  display:flex;
  flex-direction:column;
}
.product-card:hover {
  border-color:var(--navy);
  box-shadow:0 8px 24px rgba(3,24,77,.12);
}
.product-card .img {
  aspect-ratio:4/3;
  overflow:hidden;
  background:#f7f8fa;
  display:flex;
  align-items:center;
  justify-content:center;
}
.product-card .img img {
  width:100%; height:100%;
  object-fit:cover;
  transition:transform .3s;
}
.product-card:hover .img img { transform:scale(1.05); }
.product-card .body {
  padding:20px;
  flex:1;
  display:flex;
  flex-direction:column;
}
.product-card h3 { font-size:18px; margin-bottom:8px; color:#242424; }
.product-card p { color:var(--gray-7); font-size:14px; flex:1; }
.product-card .more {
  margin-top:12px;
  color:var(--red);
  font-weight:500;
  font-size:14px;
}
.product-card .more:hover { color:var(--red-dark); }

/* ===== 三栏特性 ===== */
.feature-row {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.feature-card {
  background:#fff;
  padding:32px 24px;
  border-radius:4px;
  text-align:center;
  border:1px solid var(--gray-2);
  border-top:3px solid var(--red);
}
.feature-card .icon {
  width:56px; height:56px;
  background:var(--tint);
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  margin:0 auto 16px;
  color:var(--navy);
}
.feature-card h3 { font-size:18px; margin-bottom:8px; }
.feature-card p { color:var(--gray-7); font-size:14px; }

/* ===== 解决方案 ===== */
.sol-grid {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px;
}
.sol-card {
  background:#fff;
  border:1px solid var(--gray-2);
  border-radius:4px;
  padding:24px 16px;
  text-align:center;
  transition:all .3s;
}
.sol-card:hover {
  border-color:var(--navy);
  box-shadow:0 8px 20px rgba(3,24,77,.1);
}
.sol-card .icon {
  width:64px; height:64px;
  background:var(--tint);
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  margin:0 auto 12px;
  color:var(--navy);
}
.sol-card h3 { font-size:16px; margin-bottom:6px; }
.sol-card p { font-size:13px; color:var(--gray-7); }

/* ===== 优势数字 ===== */
.stats-row {
  background:var(--navy);
  color:#fff;
  padding:48px 0;
  border-top:3px solid var(--red);
}
.stats-row .container {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}
.stat-cell {
  text-align:center;
  border-right:1px solid rgba(255,255,255,.15);
}
.stat-cell:last-child { border-right:none; }
.stat-cell .num {
  font-size:42px;
  font-weight:700;
  color:#fff;
  font-family:"Courier New",monospace;
}
.stat-cell .label {
  font-size:14px;
  color:#b9c3dd;
  margin-top:4px;
}

/* ===== 表格 ===== */
.spec-table {
  width:100%;
  background:#fff;
  border-collapse:collapse;
  margin:20px 0;
  font-size:14px;
  border:1px solid var(--gray-2);
}
.spec-table th,
.spec-table td {
  padding:12px 16px;
  text-align:left;
  border-bottom:1px solid var(--gray-2);
}
.spec-table th {
  background:var(--tint);
  color:var(--navy);
  font-weight:600;
}
.spec-table tr:hover td { background:#f9fafc; }

/* ===== 内页标题 ===== */
.page-header {
  background:linear-gradient(135deg,#1d4ed8,#0ea5e9);
  color:#fff;
  padding:56px 0;
}
.page-header .wrap {
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
}
.page-header h1 { font-size:36px; color:#fff; margin-bottom:8px; }
.page-header .breadcrumb { font-size:13px; color:#b9c3dd; }
.page-header .breadcrumb a { color:#b9c3dd; }
.page-header .breadcrumb a:hover { color:#fff; text-decoration:none; }

/* ===== 新闻 ===== */
.news-list {
  background:#fff;
  border:1px solid var(--gray-2);
  border-radius:4px;
  padding:8px 0;
}
.news-item {
  display:flex;
  gap:20px;
  padding:20px;
  border-bottom:1px solid var(--gray-2);
  transition:background .2s;
}
.news-item:hover { background:#f7f8fa; }
.news-item .date {
  flex-shrink:0;
  width:80px;
  text-align:center;
  background:var(--tint);
  color:var(--navy);
  border-radius:4px;
  padding:12px 8px;
  font-family:"Courier New",monospace;
}
.news-item .date .d { font-size:24px; font-weight:700; line-height:1; }
.news-item .date .m { font-size:12px; color:var(--red); margin-top:4px; }
.news-item .body { flex:1; }
.news-item h3 { font-size:16px; margin-bottom:6px; }
.news-item h3 a { color:#242424; }
.news-item h3 a:hover { color:var(--red); }
.news-item p { font-size:13px; color:var(--gray-7); }

/* ===== 联系信息 ===== */
.contact-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:32px;
  background:#fff;
  padding:40px;
  border:1px solid var(--gray-2);
  border-radius:4px;
}
.contact-item { display:flex; gap:16px; align-items:flex-start; }
.contact-item .ico {
  width:48px; height:48px;
  background:var(--tint);
  color:var(--navy);
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
}
.contact-item .body { flex:1; }
.contact-item h4 { font-size:14px; color:var(--gray-7); margin-bottom:6px; font-weight:500; }
.contact-item p { font-size:17px; color:#242424; font-weight:500; }

/* ===== 页脚 ===== */
.footer {
  background:#0b1422;
  color:#cbd5e1;
  padding:48px 0 24px;
}
.footer .container {
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1.2fr;
  gap:32px;
}
.footer h4 {
  color:#fff;
  font-size:15px;
  margin-bottom:16px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.footer ul li { padding:4px 0; font-size:13px; }
.footer a { color:#b9c3dd; }
.footer a:hover { color:#fff; text-decoration:none; }
.footer-bottom {
  border-top:1px solid rgba(255,255,255,.12);
  margin-top:32px;
  padding-top:20px;
  text-align:center;
  font-size:12px;
  color:#8b96b5;
}

/* ===== 响应式 ===== */
@media (max-width: 900px) {
  .products-grid, .cat-grid, .feature-row { grid-template-columns:1fr; }
  .sol-grid { grid-template-columns:repeat(2,1fr); }
  .stats-row .container { grid-template-columns:repeat(2,1fr); }
  .footer .container { grid-template-columns:1fr 1fr; }
  .header .wrap { height:auto; padding:14px 20px; }
  .logo img { height:46px; }
  .hotline strong { font-size:18px; }
  .banner h1 { font-size:32px; }
  .nav .wrap { padding:0 8px; }
  .nav .menu > li > a { padding:0 14px; font-size:14px; }
  .nav .sub { position:static; display:block; background:transparent; box-shadow:none; padding:0 0 6px; }
  .nav .sub a { height:30px; line-height:30px; color:#b9c3dd; }
}

/* ===== Utility ===== */
.text-center { text-align:center; }
.mt-4 { margin-top:32px; }
.mb-4 { margin-bottom:32px; }
.flex { display:flex; gap:16px; }
.tag {
  display:inline-block;
  padding:2px 10px;
  background:var(--tint);
  color:var(--navy);
  border-radius:3px;
  font-size:12px;
  margin-right:4px;
}
.tag-blue { background:#e6f0f5; color:#1e5e8e; }
.tag-orange { background:#f5ede6; color:#8e5e1e; }

/* ===== 全局版式：放大留白，更大气 ===== */
.section { padding:72px 0; }
.sec-title { margin-bottom:54px; }
.sec-title h2 { font-size:34px; letter-spacing:1px; }
.sec-title .desc { font-size:15.5px; line-height:1.9; }

/* ===== 首页产品分类入口 ===== */
.section-products { background:#fff; padding:78px 0 72px; }
.cat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:26px; }
.cat-card {
  position:relative; padding:0; gap:0; display:flex; flex-direction:column;
  background:#fff; border:1px solid var(--gray-2); border-radius:6px;
  overflow:hidden;
  transition:transform .32s ease, box-shadow .32s ease, border-color .32s ease;
}
.cat-card::before {
  content:""; position:absolute; left:0; top:0; height:3px; width:0;
  background:var(--red); transition:width .38s ease; z-index:2;
}
.cat-card:hover { transform:translateY(-6px); box-shadow:0 18px 44px rgba(3,24,77,.14); border-color:transparent; }
.cat-card:hover::before { width:100%; }
.cc-img {
  aspect-ratio:4/3; display:flex; align-items:center; justify-content:center;
  padding:24px; background:#fbfbfc; border-bottom:1px solid var(--gray-2);
}
.cc-img img { max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; transition:transform .45s ease; }
.cat-card:hover .cc-img img { transform:scale(1.06); }
.cc-body { padding:24px 24px 20px; display:flex; flex-direction:column; flex:1; }
.cc-body h3 { font-size:19px; font-weight:600; color:#1a1a1a; margin:0 0 6px; letter-spacing:.5px; }
.cc-en {
  display:block; font-family:"Courier New",monospace; font-size:11px;
  letter-spacing:1.6px; color:#aaa; text-transform:uppercase; margin-bottom:14px;
}
.cc-body p { font-size:14px; line-height:1.85; color:var(--gray-7); flex:1; margin:0 0 18px; }
.cc-foot {
  display:flex; align-items:center; justify-content:space-between;
  padding-top:14px; border-top:1px solid var(--gray-2);
}
.cc-num { font-size:12.5px; color:#999; }
.cc-more { font-size:13px; font-weight:600; color:var(--red); }
.cat-card:hover .cc-more { color:var(--red-dark); }

/* 定制卡片（深色，打破单调） */
.cat-card--dark { background:var(--navy); border-color:var(--navy); }
.cat-card--dark:hover { box-shadow:0 18px 44px rgba(3,24,77,.32); }
.cc-dk { padding:36px 28px; display:flex; flex-direction:column; height:100%; }
.cc-dk-en { font-family:"Courier New",monospace; font-size:11px; letter-spacing:1.6px; color:#7d8dbb; margin-bottom:14px; }
.cc-dk h3 { font-size:19px; color:#fff; margin:0 0 14px; letter-spacing:.5px; }
.cc-dk p { font-size:13.5px; line-height:1.8; color:#b9c3dd; flex:1; margin:0 0 20px; }
.cc-dk-btn {
  font-size:13px; font-weight:600; color:#fff;
  border:1px solid rgba(255,255,255,.35); padding:9px 16px;
  border-radius:3px; text-align:center; transition:.25s;
}
.cat-card--dark:hover .cc-dk-btn { background:var(--red); border-color:var(--red); }
.cat-note { text-align:center; margin-top:34px; font-size:13.5px; color:#999; }

/* ===== 产品列表卡片（含产品介绍） ===== */
.products-grid--sq .product-card .img { aspect-ratio:1/1; padding:14px; background:#fff; }
.products-grid--sq .product-card .img img { object-fit:contain; }
.products-grid--sq .product-card:hover .img img { transform:scale(1.04); }
.product-card .body { padding:22px 22px 20px; }
.product-card h3 { font-size:17px; line-height:1.45; margin-bottom:10px; }
.product-card .pmeta { font-size:13px; color:var(--red); margin:0 0 10px; flex:0 0 auto; letter-spacing:.3px; }
.product-card .pdesc { font-size:14px; line-height:1.85; color:var(--gray-7); flex:1; margin:0 0 4px; }
.product-card .more {
  margin-top:14px; padding-top:13px; border-top:1px solid var(--gray-2);
  display:block; font-size:13.5px;
}

@media (max-width:1100px) {
  .cat-grid { grid-template-columns:repeat(3,1fr); gap:22px; }
}
@media (max-width:860px) {
  .cat-grid { grid-template-columns:repeat(2,1fr); gap:18px; }
  .section-products { padding:56px 0 52px; }
  .cc-body { padding:18px; }
  .cc-dk { padding:26px 20px; }
}
@media (max-width:540px) {
  .cat-grid { grid-template-columns:1fr; }
}

/* ===== 产品详情页 ===== */
.pd-hero{background:linear-gradient(135deg,#1d4ed8 0%,#0ea5e9 100%);padding:20px 0;}
.pd-hero .crumb{color:#aebbd8;font-size:13.5px;}
.pd-hero .crumb a{color:#cfd9ee;}
.pd-hero .crumb a:hover{color:#fff;}
.pd-hero .crumb span{margin:0 9px;opacity:.45;}
.pd-hero .crumb em{font-style:normal;color:#fff;}
.pd-top{display:grid;grid-template-columns:minmax(0,440px) 1fr;gap:52px;align-items:start;}
.pd-main{border:1px solid var(--gray-2);background:#fff;padding:24px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:4px;}
.pd-main img{max-width:100%;max-height:100%;object-fit:contain;}
.pd-thumbs{display:flex;gap:12px;margin-top:14px;}
.pd-thumb{width:80px;height:80px;border:1px solid var(--gray-2);background:#fff;padding:6px;cursor:pointer;border-radius:3px;transition:border-color .2s;}
.pd-thumb:hover{border-color:#9aa6bd;}
.pd-thumb.is-on{border-color:var(--navy);}
.pd-thumb img{width:100%;height:100%;object-fit:contain;}
.pd-tag{display:inline-block;padding:5px 13px;border-radius:2px;font-size:12.5px;letter-spacing:.5px;margin-bottom:14px;}
.pd-title{font-size:30px;line-height:1.35;margin:0 0 8px;font-weight:700;color:#1a1a1a;}
.pd-sub{color:var(--gray-7);font-size:14px;margin:0 0 14px;}
.pd-intro{font-size:15px;line-height:1.95;color:#4a4a4a;padding-bottom:20px;border-bottom:1px dashed var(--gray-2);margin-bottom:22px;}
.pd-h3{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:14px;padding-left:11px;border-left:3px solid var(--red);}
.pd-feats{list-style:none;padding:0;margin:0 0 26px;}
.pd-feats li{position:relative;padding-left:20px;font-size:14.5px;line-height:1.85;color:#4a4a4a;margin-bottom:9px;}
.pd-feats li::before{content:'';position:absolute;left:2px;top:11px;width:6px;height:6px;background:var(--red);border-radius:50%;}
.pd-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px;}
.pd-contact{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gray-2);border:1px solid var(--gray-2);}
.pd-contact>div{background:#fafbfc;padding:14px 16px;}
.pd-contact span{display:block;font-size:12px;color:var(--gray-7);margin-bottom:5px;}
.pd-contact strong{font-size:15px;color:var(--navy);}
/* 窄屏：3 列会把号码挤成竖排（400- / 992- / 5202）并把邮箱顶出列宽
   （2026-09-16 用户反馈「产品详情里联系方式布局不合理」）。
   全站 345 个详情页都是同一组「免费热线 / 技术咨询 / 邮箱」，最长值
   1223463308@qq.com（17 字符）—— 单列「标签 + 号码」同一行可完整放下。 */
@media(max-width:600px){
  .pd-contact{grid-template-columns:1fr;}
  .pd-contact>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:12px 14px;}
  .pd-contact span{margin-bottom:0;flex:0 0 auto;}
  .pd-contact strong{white-space:nowrap;}
}
.pd-body{max-width:920px;}
.pd-block{margin-bottom:36px;}
.pd-block:last-child{margin-bottom:0;}
.pd-block h3{font-size:19px;margin:0 0 16px;padding-left:12px;border-left:4px solid var(--navy);}
.pd-block p{font-size:15px;line-height:2.05;color:#4a4a4a;margin:0 0 13px;}
.pd-spec{width:100%;border-collapse:collapse;}
.pd-spec th,.pd-spec td{border:1px solid var(--gray-2);padding:11px 15px;font-size:14px;text-align:left;vertical-align:top;}
.pd-spec th{background:#fafbfc;width:180px;color:#333;font-weight:600;}
.pd-spec td{color:#4a4a4a;line-height:1.8;}
.pd-gallery{display:grid;grid-template-columns:1fr;gap:18px;}
.pd-gallery img{width:100%;height:auto;display:block;border:1px solid var(--gray-2);border-radius:3px;background:#fff;}
@media(max-width:900px){.pd-gallery{gap:12px;}}
@media(max-width:900px){.pd-top{grid-template-columns:1fr;gap:30px;}.pd-title{font-size:24px;}}

/* ===== 新闻卡片 ===== */
.ngrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.ncard{background:#fff;border:1px solid var(--gray-2);display:flex;flex-direction:column;transition:all .25s;border-radius:3px;overflow:hidden;}
.ncard:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(3,24,77,.13);border-color:#d6dbe5;}
.ncard .nimg{aspect-ratio:16/9;overflow:hidden;background:#f2f4f7;}
.ncard .nimg img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.ncard:hover .nimg img{transform:scale(1.06);}
.ncard .nbody{padding:20px 22px 24px;flex:1;display:flex;flex-direction:column;}
.nmeta{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--gray-7);margin-bottom:11px;}
.ncat{background:#eef2f9;color:var(--navy);padding:3px 10px;border-radius:2px;font-size:12px;}
.ncat--red{background:#fdeeee;color:var(--red);}
.ncard h3{font-size:17px;line-height:1.5;margin:0 0 11px;}
.ncard h3 a{color:#1f1f1f;}
.ncard:hover h3 a{color:var(--red);}
.ncard p{font-size:13.5px;line-height:1.85;color:var(--gray-7);flex:1;margin:0;}
.nmore{font-size:13px;color:var(--red);margin-top:15px;letter-spacing:.3px;}
@media(max-width:900px){.ngrid{grid-template-columns:1fr;}.ngrid--2{grid-template-columns:1fr;}}

/* ===== 新闻详情 ===== */
.article{max-width:880px;margin:0 auto;}
.art-head{text-align:center;margin-bottom:36px;padding-bottom:26px;border-bottom:1px solid var(--gray-2);}
.art-head h1{font-size:30px;line-height:1.5;margin:0 0 15px;font-weight:700;color:#1a1a1a;}
.art-meta{font-size:13px;color:var(--gray-7);}
.art-meta .ncat{margin-right:8px;}
.art-body p{font-size:15.5px;line-height:2.1;color:#3d3d3d;margin:0 0 18px;}
.art-body img{max-width:100%;display:block;margin:24px auto;border-radius:3px;}
.art-nav{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--gray-2);padding-top:22px;margin-top:38px;font-size:14px;}
.art-nav a{color:#4a4a4a;}
.art-nav a:hover{color:var(--red);}
@media(max-width:900px){.art-head h1{font-size:23px;}.art-nav{flex-direction:column;gap:10px;}}

/* ===== 新闻分类筛选 ===== */
.ntabs{display:flex;gap:10px;justify-content:center;margin-bottom:34px;flex-wrap:wrap;}
.ntab{padding:9px 24px;border:1px solid var(--gray-2);background:#fff;color:#444;border-radius:2px;cursor:pointer;font-size:15px;font-family:inherit;transition:all .2s;}
.ntab:hover{border-color:var(--navy);color:var(--navy);}
.ntab.is-on{background:var(--navy);border-color:var(--navy);color:#fff;}
.page-header p{font-size:15px;color:#c7d0e6;margin:0;}

/* 详情页特性列表 */
.pd-flist{list-style:none;padding:0;margin:0;}
.pd-flist li{position:relative;padding:14px 0 14px 26px;border-bottom:1px dashed var(--gray-2);font-size:15px;line-height:1.95;color:#4a4a4a;}
.pd-flist li:last-child{border-bottom:none;}
.pd-flist li::before{content:'';position:absolute;left:4px;top:24px;width:7px;height:7px;background:var(--navy);border-radius:50%;}
.pd-flist li strong{display:block;color:var(--navy);font-size:15.5px;margin-bottom:4px;}
.pd-flist li strong+span{color:#5a5a5a;}

/* ============================================================
   关于我们 / 联系我们 / 解决方案（2026-09-11 新增）
   ============================================================ */

/* ---------- 品牌概览 ---------- */
.ab-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;}
.ab-eyebrow{display:inline-block;font-family:"Courier New",monospace;font-size:12px;letter-spacing:2.4px;color:var(--red);margin-bottom:14px;}
.ab-intro h2{font-size:30px;line-height:1.45;color:#1a1a1a;margin:0 0 22px;}
.ab-intro p{font-size:15.5px;line-height:2.1;color:#4a4a4a;margin:0 0 16px;}
.ab-intro p:last-child{margin-bottom:0;}
.ab-fig{position:relative;border-radius:6px;overflow:hidden;background:#fff;border:1px solid var(--gray-2);padding:18px;}
.ab-fig img{width:100%;border-radius:4px;}
.ab-figcap{position:absolute;left:18px;bottom:18px;right:18px;background:rgba(3,24,77,.86);color:#fff;padding:16px 20px;border-radius:4px;}
.ab-figcap strong{display:block;font-size:26px;font-family:"Courier New",monospace;line-height:1.1;}
.ab-figcap span{font-size:12.5px;color:#b9c3dd;letter-spacing:1px;}
.ab-lede{font-size:16px;line-height:2.1;color:#4a4a4a;border-left:4px solid var(--red);padding-left:20px;margin-bottom:26px;}

/* ---------- 能力/优势卡（带序号） ---------- */
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.cap-item{background:#fff;border:1px solid var(--gray-2);border-radius:5px;padding:30px 28px 28px;position:relative;transition:transform .3s,box-shadow .3s,border-color .3s;}
.cap-item:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(3,24,77,.12);border-color:transparent;}
.cap-no{font-family:"Courier New",monospace;font-size:13px;letter-spacing:1.4px;color:#c3cad9;margin-bottom:12px;}
.cap-item h3{font-size:18px;margin:0 0 12px;color:#1a1a1a;}
.cap-item h3 em{font-style:normal;color:var(--red);}
.cap-item p{font-size:14px;line-height:1.95;color:var(--gray-7);margin:0;}

/* ---------- 发展历程时间轴 ---------- */
.tl{position:relative;padding:8px 0 8px 0;}
.tl::before{content:"";position:absolute;left:118px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--navy) 0%,#cfd7e8 100%);}
.tl-item{position:relative;display:grid;grid-template-columns:100px 1fr;gap:40px;padding-bottom:30px;}
.tl-item:last-child{padding-bottom:0;}
.tl-year{text-align:right;font-family:"Courier New",monospace;font-size:22px;font-weight:700;color:var(--navy);line-height:1.2;padding-top:2px;}
.tl-body{position:relative;background:#fff;border:1px solid var(--gray-2);border-radius:5px;padding:20px 24px;}
.tl-body::before{content:"";position:absolute;left:-8px;top:26px;width:14px;height:14px;background:#fff;border:3px solid var(--red);border-radius:50%;}
.tl-body h4{font-size:16.5px;margin:0 0 8px;color:#1a1a1a;}
.tl-body p{font-size:14.5px;line-height:1.95;color:var(--gray-7);margin:0;}
.tl-item.is-now .tl-body{border-color:var(--navy);background:#f4f7fd;}
.tl-item.is-now .tl-year{color:var(--red);}
.tl-tag{display:inline-block;font-size:11.5px;letter-spacing:1px;color:#fff;background:var(--red);padding:2px 9px;border-radius:2px;margin-left:8px;vertical-align:2px;}

/* ---------- 企业文化 ---------- */
.cul-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.cul-card{background:#fff;border:1px solid var(--gray-2);border-top:3px solid var(--navy);padding:26px 26px 24px;border-radius:4px;}
.cul-card .cul-k{font-size:12.5px;letter-spacing:1.6px;color:#9aa3b5;font-family:"Courier New",monospace;margin-bottom:10px;}
.cul-card h3{font-size:17px;margin:0 0 10px;color:var(--navy);}
.cul-card p{font-size:14.5px;line-height:1.95;color:#4a4a4a;margin:0;}
.cul-slogan{margin-top:30px;text-align:center;background:var(--navy);color:#fff;padding:30px 24px;border-radius:5px;}
.cul-slogan h3{color:#fff;font-size:24px;letter-spacing:3px;margin:0 0 10px;font-weight:600;}
.cul-slogan p{color:#b9c3dd;font-size:14px;margin:0;letter-spacing:1px;}

/* ---------- 荣誉资质 ---------- */
.hon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.hon-item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--gray-2);border-radius:4px;padding:16px 18px;font-size:14px;color:#3d3d3d;transition:.25s;}
.hon-item:hover{border-color:var(--navy);color:var(--navy);}
.hon-item .hi{width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:var(--tint);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;}

/* ---------- 合作伙伴 ---------- */
.brd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:660px;margin:0 auto;}
.brd-item{background:#fff;border:1px solid var(--gray-2);border-radius:4px;padding:22px 10px;text-align:center;font-size:16px;font-weight:600;color:#3d3d3d;letter-spacing:.5px;transition:.25s;}
.brd-item:hover{background:var(--navy);color:#fff;border-color:var(--navy);}
.brd-item span{display:block;font-size:11px;font-weight:400;letter-spacing:1px;color:#9aa3b5;margin-top:4px;}
.brd-item:hover span{color:#8ea0cd;}

/* ---------- 分公司网络 ---------- */
.net-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.net-item{background:#fff;border:1px solid var(--gray-2);border-radius:4px;padding:22px 20px;transition:.28s;}
.net-item:hover{border-color:var(--red);transform:translateY(-4px);}
.net-item h4{font-size:17px;margin:0 0 6px;color:#1a1a1a;}
.net-item .net-en{font-family:"Courier New",monospace;font-size:11px;color:#a9b1c2;letter-spacing:1.2px;margin-bottom:10px;}
.net-item p{font-size:13.5px;line-height:1.85;color:var(--gray-7);margin:0;}
.net-item.is-hq{background:var(--navy);border-color:var(--navy);}
.net-item.is-hq h4{color:#fff;}
.net-item.is-hq .net-en{color:#7d8dbb;}
.net-item.is-hq p{color:#b9c3dd;}

/* ============================================================
   联系我们
   ============================================================ */
.ct-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.ct-card{background:#fff;border:1px solid var(--gray-2);border-radius:5px;padding:26px 24px;display:flex;gap:16px;align-items:flex-start;transition:.28s;}
.ct-card:hover{border-color:var(--navy);box-shadow:0 12px 28px rgba(3,24,77,.1);}
.ct-card .ct-ico{width:46px;height:46px;flex:0 0 46px;border-radius:50%;background:var(--tint);color:var(--navy);display:flex;align-items:center;justify-content:center;}
.ct-card h4{font-size:13px;color:var(--gray-7);font-weight:500;margin:0 0 6px;letter-spacing:.5px;}
.ct-card .ct-v{font-size:18px;font-weight:600;color:var(--navy);line-height:1.5;word-break:break-all;}
.ct-card .ct-n{font-size:12.5px;color:#9aa3b5;margin-top:4px;}
.ct-card.is-hot{background:var(--navy);border-color:var(--navy);}
.ct-card.is-hot .ct-ico{background:rgba(255,255,255,.14);color:#fff;}
.ct-card.is-hot h4{color:#8ea0cd;}
.ct-card.is-hot .ct-v{color:#fff;}
.ct-card.is-hot .ct-n{color:#8ea0cd;}

/* 在线留言 */
.ct-form-wrap{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:start;}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.fld{display:flex;flex-direction:column;}
.fld label{font-size:13.5px;color:#4a4a4a;margin-bottom:7px;}
.fld label i{color:var(--red);font-style:normal;margin-left:3px;}
.fld input,.fld select,.fld textarea{
  font-family:inherit;font-size:14.5px;color:#333;background:#fff;
  border:1px solid var(--gray-3);border-radius:3px;padding:11px 13px;transition:border-color .2s;
}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--navy);}
.fld textarea{min-height:118px;resize:vertical;line-height:1.8;}
.fld--full{grid-column:1 / -1;}
.f-submit{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:6px;}
.f-note{font-size:12.5px;color:#9aa3b5;line-height:1.7;}
.ct-side{background:#fff;border:1px solid var(--gray-2);border-radius:5px;padding:28px 26px;}
.ct-side h3{font-size:17px;margin:0 0 16px;color:var(--navy);}
.ct-side ul li{position:relative;padding-left:18px;font-size:14px;line-height:1.9;color:#4a4a4a;margin-bottom:10px;}
.ct-side ul li::before{content:"";position:absolute;left:2px;top:11px;width:6px;height:6px;background:var(--red);border-radius:50%;}
.ct-side .qr{margin-top:20px;padding-top:20px;border-top:1px dashed var(--gray-2);font-size:13.5px;color:var(--gray-7);line-height:1.9;}

/* 办公点 */
.ofc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.ofc-item{background:#fff;border:1px solid var(--gray-2);border-radius:5px;padding:24px 24px 22px;transition:.28s;}
.ofc-item:hover{border-color:var(--navy);box-shadow:0 12px 28px rgba(3,24,77,.1);}
.ofc-item h4{font-size:17px;margin:0 0 4px;color:#1a1a1a;display:flex;align-items:center;gap:8px;}
.ofc-item .ofc-tag{font-size:11px;font-weight:400;background:var(--red);color:#fff;padding:2px 8px;border-radius:2px;letter-spacing:.5px;}
.ofc-item p{font-size:13.5px;line-height:1.9;color:var(--gray-7);margin:10px 0 0;}
.ofc-item.is-hq{grid-column:1 / -1;background:linear-gradient(120deg,#03184d 0%,#0b2569 100%);border-color:var(--navy);}
.ofc-item.is-hq h4{color:#fff;font-size:19px;}
.ofc-item.is-hq p{color:#c5cfe6;}
.ofc-item.is-hq .ofc-tag{background:#fff;color:var(--navy);}

/* 服务流程 */
.step-row{display:grid;grid-template-columns:repeat(5,1fr);gap:0;}
.step{position:relative;text-align:center;padding:0 14px;}
.step::after{content:"";position:absolute;right:-6px;top:26px;width:12px;height:12px;border-top:2px solid #cfd7e8;border-right:2px solid #cfd7e8;transform:rotate(45deg);}
.step:last-child::after{display:none;}
.step .s-no{width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:#fff;border:2px solid var(--navy);color:var(--navy);display:flex;align-items:center;justify-content:center;font-family:"Courier New",monospace;font-size:18px;font-weight:700;}
.step h4{font-size:16px;margin:0 0 8px;color:#1a1a1a;}
.step p{font-size:13.5px;line-height:1.85;color:var(--gray-7);margin:0;}

/* 服务承诺 */
.prom-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.prom-item{background:#fff;border:1px solid var(--gray-2);border-left:3px solid var(--red);border-radius:4px;padding:22px 22px 20px;}
.prom-item h4{font-size:16px;margin:0 0 8px;color:var(--navy);}
.prom-item p{font-size:13.5px;line-height:1.9;color:var(--gray-7);margin:0;}

/* 合作渠道 */
.ch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.ch-item{background:#fff;border:1px solid var(--gray-2);border-radius:5px;padding:26px 24px;transition:.28s;}
.ch-item:hover{border-color:var(--navy);transform:translateY(-4px);}
.ch-item .ch-k{font-size:12px;letter-spacing:1.6px;color:#9aa3b5;font-family:"Courier New",monospace;margin-bottom:10px;}
.ch-item h4{font-size:17px;margin:0 0 8px;color:#1a1a1a;}
.ch-item p{font-size:13.5px;line-height:1.9;color:var(--gray-7);margin:0 0 10px;}
.ch-item a{font-size:14px;color:var(--red);word-break:break-all;}

/* FAQ */
.faq{max-width:900px;margin:0 auto;}
.faq details{background:#fff;border:1px solid var(--gray-2);border-radius:4px;margin-bottom:12px;}
.faq summary{cursor:pointer;padding:16px 20px;font-size:15.5px;font-weight:600;color:#1a1a1a;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";color:var(--red);font-size:20px;line-height:1;}
.faq details[open] summary::after{content:"–";}
.faq details[open] summary{color:var(--navy);}
.faq .faq-a{padding:0 20px 18px;font-size:14.5px;line-height:2;color:#4a4a4a;}

/* 交通指引 */
.traffic{background:#fff;border:1px solid var(--gray-2);border-radius:5px;padding:26px 28px;}
.traffic h4{font-size:16px;margin:0 0 12px;color:var(--navy);}
.traffic p{font-size:14px;line-height:1.95;color:#4a4a4a;margin:0 0 10px;}
.traffic .bus{font-size:13.5px;line-height:2;color:var(--gray-7);}

/* ============================================================
   解决方案
   ============================================================ */
.sol-hero-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;background:#fff;border:1px solid var(--gray-2);border-radius:6px;padding:38px;box-shadow:0 2px 10px rgba(3,24,77,.05);}
.sol-hero-box .sh-img{border-radius:5px;overflow:hidden;background:#f7f8fa;padding:16px;border:1px solid var(--gray-2);}
.sol-hero-box h2{font-size:28px;line-height:1.45;color:#1a1a1a;margin:0 0 18px;}
.sol-hero-box p{font-size:15.5px;line-height:2.05;color:#4a4a4a;margin:0 0 16px;}
.sol-kv{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px;padding-top:22px;border-top:1px dashed var(--gray-2);}
.sol-kv div{text-align:center;}
.sol-kv b{display:block;font-size:24px;color:var(--red);font-family:"Courier New",monospace;line-height:1.2;}
.sol-kv span{font-size:12.5px;color:var(--gray-7);}

/* 两栏：痛点 + 对策 */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.panel{background:#fff;border:1px solid var(--gray-2);border-radius:5px;padding:28px 30px;}
.panel h3{font-size:18px;margin:0 0 16px;display:flex;align-items:center;gap:9px;}
.panel h3::before{content:"";width:4px;height:18px;background:var(--navy);border-radius:2px;}
.panel--pain h3::before{background:var(--red);}
.panel ol,.panel ul{padding-left:4px;}
.panel li{position:relative;padding-left:22px;font-size:14.5px;line-height:1.95;color:#4a4a4a;margin-bottom:10px;}
.panel li::before{content:"";position:absolute;left:2px;top:12px;width:7px;height:7px;border-radius:50%;background:var(--navy);}
.panel--pain li::before{background:var(--red);}
.panel li:last-child{margin-bottom:0;}

/* 方案流程 */
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:fl;}
.flow .f-item{background:#fff;border:1px solid var(--gray-2);border-radius:5px;padding:24px 22px;position:relative;}
.flow .f-item .f-i{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-family:"Courier New",monospace;margin-bottom:14px;}
.flow .f-item h4{font-size:16px;margin:0 0 8px;color:#1a1a1a;}
.flow .f-item p{font-size:13.5px;line-height:1.9;color:var(--gray-7);margin:0;}

/* 场景卡 */
.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.scene{background:#fff;border:1px solid var(--gray-2);border-radius:5px;overflow:hidden;transition:.3s;}
.scene:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(3,24,77,.12);}
.scene .sc-img{aspect-ratio:16/10;background:#f5f7f9;display:flex;align-items:center;justify-content:center;padding:18px;border-bottom:1px solid var(--gray-2);}
.scene .sc-img img{max-height:100%;object-fit:contain;}
.scene .sc-b{padding:20px 22px 24px;}
.scene .sc-b h4{font-size:16.5px;margin:0 0 10px;color:#1a1a1a;}
.scene .sc-b p{font-size:13.5px;line-height:1.9;color:var(--gray-7);margin:0 0 12px;}
.scene .sc-b .sc-li{font-size:13px;color:var(--navy);line-height:1.9;}
.scene .sc-b .sc-li b{color:var(--red);font-weight:600;}

/* 推荐产品 */
.rec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.rec{background:#fff;border:1px solid var(--gray-2);border-radius:5px;overflow:hidden;transition:.28s;display:block;}
.rec:hover{border-color:var(--navy);box-shadow:0 12px 26px rgba(3,24,77,.12);transform:translateY(-4px);}
.rec .r-img{aspect-ratio:1/1;background:#fbfbfc;display:flex;align-items:center;justify-content:center;padding:16px;border-bottom:1px solid var(--gray-2);}
.rec .r-img img{max-height:100%;object-fit:contain;transition:transform .4s;}
.rec:hover .r-img img{transform:scale(1.05);}
.rec .r-b{padding:16px 18px 18px;text-align:center;}
.rec .r-b strong{display:block;font-size:14.5px;color:#1a1a1a;font-weight:600;margin-bottom:5px;}
.rec .r-b span{font-size:12.5px;color:var(--gray-7);}

/* 解决方案总览：双维度切换 */
.sol-tabs{display:flex;gap:12px;justify-content:center;margin-bottom:36px;flex-wrap:wrap;}
.sol-tab{padding:11px 30px;border:1px solid var(--gray-3);background:#fff;color:#444;border-radius:3px;cursor:pointer;font-size:16px;font-family:inherit;transition:all .22s;}
.sol-tab:hover{border-color:var(--navy);color:var(--navy);}
.sol-tab.is-on{background:var(--navy);border-color:var(--navy);color:#fff;}
.sol-pane{display:none;}
.sol-pane.is-on{display:block;}

/* 行业卡（带图） */
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.ind-card{position:relative;display:block;background:#fff;border:1px solid var(--gray-2);border-radius:6px;overflow:hidden;transition:.32s;}
.ind-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(3,24,77,.14);border-color:transparent;}
.ind-card::before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--red);transition:width .4s;z-index:2;}
.ind-card:hover::before{width:100%;}
.ind-card .i-img{aspect-ratio:16/10;background:#f5f7f9;display:flex;align-items:center;justify-content:center;padding:20px;border-bottom:1px solid var(--gray-2);overflow:hidden;}
.ind-card .i-img img{max-height:100%;object-fit:contain;transition:transform .45s;}
.ind-card:hover .i-img img{transform:scale(1.06);}
.ind-card .i-b{padding:20px 22px 22px;}
.ind-card .i-b h3{font-size:17.5px;margin:0 0 8px;color:#1a1a1a;}
.ind-card .i-b p{font-size:13.5px;line-height:1.85;color:var(--gray-7);margin:0 0 14px;min-height:52px;}
.ind-card .i-b .i-go{font-size:13px;font-weight:600;color:var(--red);}
.ind-card .i-b .i-go::after{content:" →";}

/* 按产品线方案（横向长条） */
.pl-row{display:grid;gap:18px;}
.pl-item{display:grid;grid-template-columns:190px 1fr 150px;gap:26px;align-items:center;background:#fff;border:1px solid var(--gray-2);border-radius:5px;padding:20px 24px;transition:.28s;}
.pl-item:hover{border-color:var(--navy);box-shadow:0 12px 26px rgba(3,24,77,.1);}
.pl-item .p-img{height:96px;background:#fbfbfc;border:1px solid var(--gray-2);border-radius:4px;display:flex;align-items:center;justify-content:center;padding:10px;}
.pl-item .p-img img{max-height:100%;object-fit:contain;transition:transform .4s;}
.pl-item:hover .p-img img{transform:scale(1.05);}
.pl-item h3{font-size:19px;margin:0 0 8px;color:#1a1a1a;}
.pl-item p{font-size:14px;line-height:1.9;color:var(--gray-7);margin:0 0 10px;}
.pl-item .p-tags{display:flex;gap:8px;flex-wrap:wrap;}
.pl-item .p-tags span{font-size:12px;background:var(--tint);color:var(--navy);padding:3px 10px;border-radius:2px;}
.pl-item .p-go{text-align:right;}
.pl-item .p-go a{display:inline-block;border:1px solid var(--navy);color:var(--navy);padding:9px 16px;border-radius:3px;font-size:13.5px;transition:.25s;}
.pl-item:hover .p-go a{background:var(--red);border-color:var(--red);color:#fff;}

/* 首页方案区双维度 */
.sol-dual{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;}
.sol-dual .sd-col h3{font-size:20px;margin:0 0 6px;color:#1a1a1a;display:flex;align-items:center;gap:10px;}
.sol-dual .sd-col .sd-en{font-family:"Courier New",monospace;font-size:11.5px;letter-spacing:1.6px;color:#a9b1c2;margin-bottom:20px;}
.sd-chips{display:flex;flex-wrap:wrap;gap:10px;}
.sd-chip{background:#fff;border:1px solid var(--gray-2);border-radius:3px;padding:10px 16px;font-size:14px;color:#3d3d3d;transition:.25s;}
.sd-chip:hover{border-color:var(--navy);background:var(--navy);color:#fff;}
.sd-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.sd-mini a{border:1px solid var(--gray-2);background:#fff;border-radius:3px;padding:13px 15px;font-size:14px;color:#3d3d3d;transition:.25s;}
.sd-mini a:hover{border-color:var(--red);color:var(--red);}

/* ---------- 响应式 ---------- */
@media(max-width:1100px){
  .cap-grid,.cul-grid,.hon-grid,.brd-grid,.net-grid,.rec-grid,.ind-grid{grid-template-columns:repeat(2,1fr);}
  .prom-grid,.ch-grid,.ofc-grid,.scene-grid{grid-template-columns:repeat(2,1fr);}
  .step-row{grid-template-columns:repeat(3,1fr);gap:26px 0;}
  .step:nth-child(3)::after{display:none;}
  .flow{grid-template-columns:repeat(2,1fr);}
  .ct-form-wrap{grid-template-columns:1fr;}
}
@media(max-width:900px){
  .ab-intro{grid-template-columns:1fr;gap:30px;}
  .sol-hero-box{grid-template-columns:1fr;gap:26px;padding:26px;}
  .two-col{grid-template-columns:1fr;}
  .sol-dual{grid-template-columns:1fr;gap:30px;}
  .tl::before{left:8px;}
  .tl-item{grid-template-columns:1fr;gap:10px;padding-left:34px;}
  .tl-year{text-align:left;}
  .tl-body::before{left:-32px;top:22px;}
  .pl-item{grid-template-columns:1fr;gap:14px;}
  .pl-item .p-go{text-align:left;}
}
@media(max-width:640px){
  .cap-grid,.cul-grid,.hon-grid,.brd-grid,.net-grid,.rec-grid,.ind-grid,.prom-grid,.ch-grid,.ofc-grid,.scene-grid,.ct-cards,.form-grid,.sol-kv{grid-template-columns:1fr;}
  .step-row{grid-template-columns:repeat(2,1fr);}
  .step::after{display:none;}
  .flow{grid-template-columns:1fr;}
  .sd-mini{grid-template-columns:1fr;}
  .ab-intro h2{font-size:24px;}
  .sol-hero-box h2{font-size:23px;}
}
/* ===== 首页新闻板块：杂志式双栏 (editorial) ===== */
.sec-title--row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:40px;text-align:left;}
.sec-title--row .en{margin-bottom:6px;}
.sec-title--row .desc{margin:8px 0 0;}
.sec-title--row .btn{white-space:nowrap;flex:none;}

.news-feature{display:grid;grid-template-columns:1.12fr 1fr;gap:34px;align-items:stretch;}

/* 左：头条大卡 */
.nf-head{display:flex;flex-direction:column;background:#fff;border:1px solid var(--gray-2);border-radius:4px;overflow:hidden;transition:box-shadow .28s,transform .28s;}
.nf-head:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(3,24,77,.14);}
.nf-img{aspect-ratio:16/9;overflow:hidden;background:#f2f4f7;}
.nf-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.nf-head:hover .nf-img img{transform:scale(1.05);}
.nf-cap{padding:24px 26px 28px;display:flex;flex-direction:column;flex:1;}
.nf-cap h3{font-size:21px;line-height:1.5;margin:12px 0 12px;color:#1d1d1f;font-weight:700;transition:color .2s;}
.nf-head:hover .nf-cap h3{color:var(--red);}
.nf-cap p{font-size:14px;line-height:1.95;color:var(--gray-7);margin:0 0 16px;flex:1;}

/* 分类标签 + 日期 */
.nf-tag{display:inline-block;background:var(--red);color:#fff;font-size:12px;line-height:1;padding:5px 10px;border-radius:2px;letter-spacing:.5px;}
.nf-tag--co{background:#2b4a8b;}
.nf-date{display:inline-block;color:var(--gray-7);font-size:13px;margin-left:12px;}

/* 右：最新资讯列表 */
.nf-list{display:flex;flex-direction:column;}
.nf-item{display:flex;gap:16px;padding:17px 14px;border-bottom:1px solid var(--gray-2);transition:background .2s,padding-left .2s;}
.nf-item:last-child{border-bottom:none;}
.nf-item:hover{background:#fafbfc;padding-left:20px;}
.nf-d{flex:none;width:54px;text-align:center;padding-top:2px;}
.nf-d .d{display:block;font-size:22px;font-weight:700;line-height:1;color:#1d1d1f;}
.nf-d .y{display:block;font-size:11px;color:var(--gray-7);margin-top:4px;}
.nf-item .nf-body{flex:1;min-width:0;}
.nf-item .nf-body h4{font-size:15.5px;line-height:1.55;margin:6px 0 0;color:#2a2a2a;font-weight:600;transition:color .2s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.nf-item:hover .nf-body h4{color:var(--red);}
.nf-more{margin-top:14px;}
.nf-more a{color:var(--red);font-size:13.5px;font-weight:600;}

@media(max-width:900px){
  .news-feature{grid-template-columns:1fr;gap:24px;}
  .sec-title--row{flex-direction:column;align-items:flex-start;}
  .sec-title--row .btn{margin-top:14px;}
}
.sec-title--row .en{margin-left:0;}

/* ============================================================
   分类标签条（吸顶列表页）  2026-09-12
   用于 printers.html / rfid-*.html / rfid.html
   ============================================================ */
/* 吸顶位置必须让开 sticky 头部：旧值 top:0 会与 .intl-header(50) 重叠，
   而本条 z-index:88 更高 → 滚起来整条把 logo/热线/汉堡全盖住（汉堡点不到）。
   2026-09-16 修：改贴头部下沿，两者纵向堆叠、互不遮挡。 */
.catbar{position:sticky;top:var(--nav-top, 74px);z-index:88;background:#fff;border-bottom:1px solid #e8eaf0;box-shadow:0 2px 12px rgba(3,24,77,.07);}
.catbar>.container{display:flex;align-items:center;gap:18px;max-width:1200px;margin:0 auto;padding:0 20px;}
.catbar-tabs{display:flex;align-items:stretch;gap:2px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}
.catbar-tabs::-webkit-scrollbar{display:none;}
.cat-tab{position:relative;flex:none;display:inline-flex;align-items:center;gap:7px;height:52px;padding:0 15px;font-size:15px;color:#3d4763;white-space:nowrap;border-bottom:3px solid transparent;transition:color .18s,border-color .18s,background .18s;}
.cat-tab em{font-style:normal;font-size:11.5px;line-height:1;color:#8b95ab;background:#f1f3f8;border-radius:9px;padding:4px 7px;transition:color .18s,background .18s;}
.cat-tab:hover{color:var(--red);background:#fafbfd;text-decoration:none;}
.cat-tab:hover em{color:var(--red);background:#fbecec;}
.cat-tab.is-on{color:var(--red);font-weight:700;border-bottom-color:var(--red);}
.cat-tab.is-on em{color:#fff;background:var(--red);}
.catbar-tools{flex:none;display:flex;align-items:center;gap:12px;padding:8px 0;}
.catbar-q{width:200px;height:36px;border:1px solid #dfe3ec;border-radius:18px;padding:0 14px 0 34px;font-size:13.5px;color:#333;background:#f7f8fb url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238b95ab' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.6-3.6'/%3E%3C/svg%3E") no-repeat 12px center;outline:none;transition:border-color .18s,background-color .18s,box-shadow .18s;-webkit-appearance:none;}
.catbar-q:focus{border-color:var(--red);background-color:#fff;box-shadow:0 0 0 3px rgba(169,1,0,.08);}
.catbar-n{font-size:13px;color:#6b7590;white-space:nowrap;}
.plist .sec-title{text-align:left;margin-bottom:22px;}
.plist .sec-title h2{font-size:24px;}
.plist-desc{font-size:14.5px;color:var(--gray-7);line-height:1.85;margin:0 0 26px;max-width:900px;}
.pnone{padding:56px 0 40px;text-align:center;color:#8a93a8;font-size:15px;}
.plist-cta{text-align:center;margin-top:34px;}
@media(max-width:900px){
  .catbar>.container{flex-wrap:wrap;gap:0;padding:0 8px;}
  .catbar-tabs{order:1;width:100%;}
  .cat-tab{height:44px;padding:0 12px;font-size:14px;}
  .cat-tab em{font-size:11px;padding:3px 6px;}
  .catbar-tools{order:2;width:100%;padding:0 4px 9px;}
  .catbar-q{flex:1;width:auto;height:32px;font-size:13px;}
  .catbar-n{display:none;}
  .plist .products-grid--sq{grid-template-columns:repeat(2,1fr);gap:14px;}
}
@media(max-width:560px){
  .plist .products-grid--sq{grid-template-columns:1fr;}
}
.ph-n{font-size:15px;color:#999;font-weight:400;}