/* ============================================
   宏辰新材 B2B站 主样式表（响应式）
   断点：<768 手机 / 768-1023 平板 / 1024-1279 笔记本 / ≥1280 桌面
   配色：主蓝 #2563eb / 强调橙 #f97316 / 亮黄 #fbbf24
   ============================================ */

/* ===== Reset ===== */
* { margin:0; padding:0; box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body {
  font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;
  color:#334155; background:#f5f7fa; font-size:14px; line-height:1.6;
}
a { text-decoration:none; color:inherit; }
ul { list-style:none; }
img { border:0; max-width:100%; }

/* 容器：默认桌面 1280，向下流式收缩 */
.wrap { width:100%; max-width:1280px; margin:0 auto; padding:0 20px; }

/* ===== 1. 顶部条 ===== */
.topbar { background:#1d4ed8; color:#cfd8e3; font-size:12px; line-height:34px; }
.topbar .wrap { display:flex; justify-content:space-between; align-items:center; }
.topbar .welcome span { margin-right:24px; }
.topbar .welcome .visitor { color:#fbbf24; font-weight:bold; }
.topbar .links a { color:#cfd8e3; margin-left:20px; transition:color .2s; }
.topbar .links a:hover { color:#fff; }

/* ===== 2. Logo 区 ===== */
.header { background:#fff; padding:22px 0; box-shadow:0 2px 8px rgba(0,0,0,.04); position:relative; z-index:2; }
.header .wrap { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.logo-box { display:flex; align-items:center; gap:14px; flex-shrink:0; }
.logo {
  width:68px; height:68px; flex-shrink:0;
  background:linear-gradient(135deg,#3b82f6,#2563eb);
  border-radius:8px; color:#fff; font-weight:bold; font-size:20px;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 12px rgba(37,99,235,.3);
}
.logo-text .cn { font-size:24px; font-weight:bold; color:#1e40af; letter-spacing:1px; }
.logo-text .en { font-size:11px; color:#94a3b8; margin-top:3px; letter-spacing:.5px; }
.intro {
  flex:1; color:#475569; font-size:13px; line-height:1.7;
  border-left:2px solid #3b82f6; padding-left:24px;
}
.right-box { text-align:right; flex-shrink:0; }
.tel-label { font-size:12px; color:#94a3b8; }
.tel { font-size:28px; font-weight:bold; color:#f97316; line-height:1.2; letter-spacing:1px; }
.search { margin-top:8px; display:flex; justify-content:flex-end; }
.search input {
  width:220px; height:34px; padding:0 12px;
  border:1px solid #e2e8f0; border-right:none; outline:none; font-size:13px;
}
.search button {
  height:34px; padding:0 18px;
  background:#2563eb; color:#fff; border:none; cursor:pointer; font-size:13px;
}
.search button:hover { background:#1d4ed8; }

/* ===== 3. 一级栏目导航 ===== */
.nav { background:linear-gradient(90deg,#1e40af,#2563eb); box-shadow:0 2px 4px rgba(0,0,0,.1); }
.nav ul { display:flex; }
.nav li { flex:1; text-align:center; }
.nav li a {
  display:block; color:#fff; line-height:50px;
  font-size:16px; font-weight:500; transition:background .2s; white-space:nowrap;
}
.nav li a:hover, .nav li.active a { background:#f97316; }
/* ===== 导航下拉二级菜单 ===== */
.nav li { position:relative; }
.nav .sub-nav {
  display:none; position:absolute; top:100%; left:0; right:0;
  background:#fff; box-shadow:0 6px 16px rgba(0,0,0,.12); z-index:100;
  min-width:160px;
}
.nav li:hover .sub-nav { display:block; }
.nav .sub-nav a {
  display:block; padding:10px 16px; color:#334155; line-height:1.4;
  font-size:13px; text-align:left; border-bottom:1px solid #f1f5f9;
  white-space:normal;
}
.nav .sub-nav a:hover { background:#eff6ff; color:#2563eb; }

/* ===== 4. 幻灯片 ===== */
.banner { height:420px; position:relative; overflow:hidden; background:#1d4ed8; }
.page-banner { height:280px; position:relative; overflow:hidden; background:#1d4ed8; }
.page-banner .banner-bg { position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center; z-index:0; }
.page-banner::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(29,78,216,.72) 0%, rgba(37,99,235,.55) 50%, rgba(96,165,250,.2) 100%); z-index:1; }
.page-banner .wrap { position:relative; height:100%; display:flex; align-items:center; z-index:2; }
.page-banner h1 { color:#fff; font-size:36px; margin:0; }
.page-banner .banner-title { color:#fff; font-size:36px; margin:0; }
.page-banner p { color:#cbd5e1; margin:8px 0 0; }
.banner-bg { position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center; z-index:0; }
.banner::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(29,78,216,.72) 0%, rgba(37,99,235,.55) 50%, rgba(96,165,250,.2) 100%); z-index:1; }
.banner .slide {
  position:absolute; inset:0;
  background-size:cover; background-position:center;
}
.banner .slide::before {
  content:''; position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(29,78,216,.72) 0%, rgba(37,99,235,.55) 50%, rgba(96,165,250,.2) 100%);
}
.banner .wrap { position:relative; height:100%; }
.banner-text {
  position:absolute; left:0; top:50%; transform:translateY(-50%);
  color:#fff; max-width:600px; z-index:2;
}
.banner-text h1 {
  font-size:42px; line-height:1.25; margin-bottom:20px;
  font-weight:bold; text-shadow:0 2px 8px rgba(0,0,0,.3);
}
.banner-text h1 em { color:#fbbf24; font-style:normal; }
.banner-text p { font-size:15px; line-height:1.9; color:#e2e8f0; margin-bottom:30px; }
.banner-text .btn {
  display:inline-block; padding:14px 40px;
  background:#f97316; color:#fff; border-radius:4px;
  font-size:16px; font-weight:bold;
  box-shadow:0 4px 14px rgba(249,115,22,.4);
  transition:transform .2s;
}
.banner-text .btn:hover { transform:translateY(-2px); background:#ea580c; }
.banner-dots { position:absolute; bottom:24px; left:0; z-index:2; }
.banner-dots i {
  display:inline-block; width:28px; height:3px;
  background:rgba(255,255,255,.4); margin-right:8px; cursor:pointer;
}
.banner-dots i.on { background:#fbbf24; }

/* ===== 5. 页脚 ===== */
.footer { background:#1e293b; color:#94a3b8; padding:40px 0 20px; margin-top:40px; }
.footer a { color:#94a3b8; }
.footer a:hover { color:#fff; }

/* ============================================
   响应式断点
   ============================================ */

/* ===== 笔记本 1024-1279 ===== */
@media (max-width:1279px) {
  .banner-text h1 { font-size:36px; }
  .logo-text .cn { font-size:22px; }
  .tel { font-size:24px; }
}

/* ===== 平板 768-1023 ===== */
@media (max-width:1023px) {
  .topbar .welcome span { margin-right:14px; }
  .header .wrap { flex-wrap:wrap; gap:16px; }
  .intro { display:block; }
  .banner { height:340px; }
  .banner-text h1 { font-size:30px; }
  .banner-text p { font-size:13px; }
  .nav li a { font-size:14px; line-height:44px; }
  .search input { width:160px; }
}

/* ===== 手机 <768 ===== */
@media (max-width:767px) {
  .wrap { padding:0 14px; }

  /* 顶部条：换行 */
  .topbar { line-height:28px; font-size:11px; }
  .topbar .wrap { flex-direction:column; align-items:flex-start; padding:4px 14px; }
  .topbar .welcome span { margin-right:12px; }
  .topbar .links a { margin-left:0; margin-right:14px; }

  /* Logo 区：纵向排列 */
  .header { padding:14px 0; }
  .header .wrap { flex-direction:column; align-items:stretch; gap:12px; text-align:center; }
  .logo-box { justify-content:center; }
  .logo { width:56px; height:56px; font-size:16px; }
  .logo-text .cn { font-size:20px; }
  .right-box { text-align:center; }
  .tel { font-size:22px; }
  .search { justify-content:center; }
  .search input { width:60%; }

  /* 导航：横向滚动（不做汉堡菜单，保持SEO链接直出） */
  .nav ul { overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .nav li { flex:0 0 auto; }
  .nav li a { padding:0 16px; font-size:14px; line-height:44px; }

  /* 幻灯片：高度减半，文字缩小 */
  .banner { height:240px; }
  .banner-text { max-width:100%; padding:0 14px; }
  .banner-text h1 { font-size:22px; margin-bottom:12px; }
  .banner-text p { font-size:12px; margin-bottom:18px; line-height:1.6; }
  .banner-text .btn { padding:10px 24px; font-size:14px; }
  .banner-dots { bottom:14px; left:14px; }
}

/* ===== 6. 页脚 ===== */
.footer { background:#1e293b; color:#94a3b8; padding:50px 0 0; font-size:13px; line-height:1.8; margin-top:40px; }
.footer-cols { display:flex; gap:40px; padding-bottom:40px; border-bottom:1px solid #334155; }
.f-col-about { flex:1.2; }
.f-col-about .logo { font-size:20px; font-weight:bold; color:#fff; margin-bottom:14px; }
.f-col-about .logo span { color:#fbbf24; }
.f-col-about p { color:#94a3b8; line-height:1.9; }
.f-col { flex:1; }
.f-col h4 { color:#fff; font-size:15px; margin-bottom:16px; font-weight:600; }
.f-col h4::after { content:''; display:block; width:30px; height:2px; background:#f97316; margin-top:6px; }
.f-col ul li { margin-bottom:8px; }
.f-col ul li a { color:#94a3b8; transition:all .2s; }
.f-col ul li a:hover { color:#fbbf24; padding-left:4px; }
.f-col-contact { flex:1.2; }
.f-col-contact .row { margin-bottom:10px; display:flex; }
.f-col-contact .label { color:#64748b; width:60px; flex-shrink:0; }
.f-col-contact .val { color:#e2e8f0; }
.f-col-contact .val.tel { color:#fbbf24; font-size:18px; font-weight:bold; }
.copyright-bar { background:#0f172a; padding:16px 0; font-size:12px; color:#64748b; }
.copyright-bar .wrap { display:flex; justify-content:space-between; align-items:center; }
.copyright-bar a { color:#64748b; }
.copyright-bar a:hover { color:#fff; }

/* ===== 7. 悬浮客服（电脑端右侧） ===== */
.float-side {
  position:fixed; right:20px; top:50%; transform:translateY(-50%);
  width:64px; background:linear-gradient(180deg,#1e40af,#2563eb);
  border-radius:10px; overflow:hidden; z-index:999;
  box-shadow:0 6px 24px rgba(37,99,235,.4);
}
.float-side a {
  display:block; padding:14px 0; text-align:center;
  color:#fff; font-size:12px; border-bottom:1px solid rgba(255,255,255,.15);
  transition:background .2s;
}
.float-side a:last-child { border-bottom:none; }
.float-side a:hover { background:#f97316; }
.float-side a .icon { font-size:22px; display:block; margin-bottom:4px; }

/* ===== 8. 悬浮客服（手机端底部横栏） ===== */
.float-bottom {
  display:none; position:fixed; left:0; right:0; bottom:0;
  background:#fff; border-top:1px solid #e2e8f0; z-index:999;
  padding-bottom:env(safe-area-inset-bottom);
}
.float-bottom ul { display:flex; }
.float-bottom li { flex:1; text-align:center; }
.float-bottom a { display:block; padding:8px 0; color:#475569; font-size:11px; }
.float-bottom a .icon { font-size:20px; display:block; margin-bottom:2px; }
.float-bottom a.tel-btn { color:#f97316; }

/* ===== 9. 弹窗 ===== */
.modal-mask {
  display:none; position:fixed; inset:0; background:rgba(0,0,0,.5);
  z-index:9999; justify-content:center; align-items:center;
}
.modal-mask.show { display:flex; }
.modal-box {
  background:#fff; border-radius:12px; padding:30px; width:340px;
  text-align:center; position:relative;
  box-shadow:0 20px 60px rgba(0,0,0,.3);
}
.modal-close {
  position:absolute; top:10px; right:14px; cursor:pointer;
  font-size:22px; color:#999; line-height:1;
}
.modal-close:hover { color:#333; }
.modal-box h3 { font-size:18px; color:#1e40af; margin-bottom:18px; }
.modal-box .big-tel { font-size:30px; font-weight:bold; color:#f97316; margin:10px 0 20px; }
.modal-box .modal-btn {
  display:inline-block; padding:10px 30px; background:#2563eb; color:#fff;
  border-radius:20px; font-size:14px; margin:5px;
}
.modal-box .modal-btn.orange { background:#f97316; }
.qr-img { width:180px; height:180px; margin:10px auto; display:block; border:1px solid #e2e8f0; }
.wechat-id { font-size:14px; color:#475569; margin:10px 0; }
.wechat-id b { color:#1e40af; font-size:16px; }
.copy-btn {
  background:#16a34a; color:#fff; border:none; padding:8px 24px;
  border-radius:4px; cursor:pointer; font-size:14px; margin-top:8px;
}
.toast {
  position:fixed; top:50%; left:50%; transform:translate(-50%,-50%);
  background:rgba(0,0,0,.8); color:#fff; padding:10px 20px;
  border-radius:4px; font-size:14px; z-index:10000; display:none;
}

/* 手机端：隐藏右侧竖栏，显示底部横栏 */
@media (max-width:767px) {
  .float-side { display:none; }
  .float-bottom { display:block; }
  .footer { padding-top:30px; }
  .footer-cols { flex-direction:column; gap:24px; }
  .copyright-bar .wrap { flex-direction:column; gap:6px; text-align:center; }
  body { padding-bottom:50px; }
}

/* ========== 内页通用 ========== */
.breadcrumb { background:#fff; padding:14px 0; font-size:13px; color:#64748b; border-bottom:1px solid #e2e8f0; }
.breadcrumb a { color:#2563eb; }
.breadcrumb a:hover { text-decoration:underline; }

.container { max-width:1280px; margin:30px auto; padding:0 20px; display:flex; gap:24px; }
.main { flex:1; min-width:0; }

/* 内页hero banner */
.hero { position:relative; color:#fff; padding:50px 0; text-align:center; background:linear-gradient(135deg,rgba(29,78,216,.85),rgba(59,130,246,.8)),url(/skin/hongchen/images/banner-1.jpg) center/cover; }
.hero h1 { font-size:30px; margin-bottom:8px; }
.hero p { opacity:.9; font-size:14px; }

/* 区块标题 */
.sec-title { text-align:center; margin-bottom:30px; }
.sec-title h2 { font-size:26px; color:#1e3a5f; margin-bottom:8px; }
.sec-title .line { width:40px; height:3px; background:#f97316; margin:12px auto 0; border-radius:2px; }

/* ========== 左侧栏 ========== */
.sidebar { width:220px; flex-shrink:0; }
.side-title { background:#2563eb; color:#fff; padding:12px 18px; font-size:15px; font-weight:600; border-radius:6px 6px 0 0; }
.side-list { background:#fff; border-radius:0 0 6px 6px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.06); }
.side-list a { display:block; padding:11px 18px; color:#334155; border-bottom:1px solid #f1f5f9; font-size:13px; border-left:3px solid transparent; transition:all .2s; }
.side-list a:hover { color:#2563eb; background:#eff6ff; }
.side-list a.on { color:#2563eb; background:#eff6ff; border-left-color:#2563eb; font-weight:600; }
.side-contact { background:linear-gradient(135deg,#2563eb,#1e40af); color:#fff; padding:18px; border-radius:6px; margin-top:16px; text-align:center; }
.side-contact .tel { font-size:20px; font-weight:700; margin:6px 0; color:#fbbf24; }
.side-contact p { font-size:12px; opacity:.9; }
.side-block { background:#fff; border-radius:6px; box-shadow:0 2px 8px rgba(0,0,0,.06); margin-top:16px; overflow:hidden; }
.side-block h3 { background:#2563eb; color:#fff; padding:11px 16px; font-size:14px; font-weight:600; }
.side-block ul { padding:8px 16px 12px; }
.side-block li { padding:7px 0; border-bottom:1px dashed #e2e8f0; font-size:12px; }
.side-block li a { color:#475569; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.side-block li a:hover { color:#2563eb; }

/* ========== 产品卡片 ========== */
.prod-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.prod-card { background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.06); transition:.3s; display:block; }
.prod-card:hover { transform:translateY(-4px); box-shadow:0 12px 28px rgba(0,0,0,.12); }
.prod-img { height:180px; background:linear-gradient(135deg,#2563eb,#1e40af); background-size:cover; background-position:center; }
.prod-body { padding:18px; }
.prod-body h3 { font-size:16px; color:#1e3a5f; margin-bottom:8px; }
.prod-body p { font-size:13px; color:#64748b; line-height:1.6; margin-bottom:10px; }
.prod-body .more { color:#2563eb; font-size:13px; font-weight:600; }

/* ========== 案例卡片 ========== */
.case-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.case-card { background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.06); transition:.3s; display:block; }
.case-card:hover { transform:translateY(-4px); box-shadow:0 12px 28px rgba(0,0,0,.12); }
.case-img { height:200px; background:linear-gradient(135deg,#2563eb,#1e40af); background-size:cover; background-position:center; display:flex; align-items:center; justify-content:center; color:#fff; font-size:48px; position:relative; }
.case-year { position:absolute; top:12px; right:12px; background:rgba(0,0,0,.5); color:#fff; font-size:12px; padding:3px 10px; border-radius:3px; }
.case-body { padding:18px; }
.case-body h3 { font-size:16px; color:#1e3a5f; margin-bottom:8px; }
.case-meta { font-size:12px; color:#64748b; line-height:1.8; }
.case-meta .loc { color:#f97316; }

/* ========== 方案卡片 ========== */
.sol-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.sol-card { background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.06); transition:.3s; display:block; padding:24px; }
.sol-card:hover { transform:translateY(-4px); box-shadow:0 12px 28px rgba(0,0,0,.12); border-top:3px solid #f97316; }
.sol-card h3 { font-size:16px; color:#1e3a5f; margin-bottom:10px; }
.sol-card p { font-size:13px; color:#64748b; line-height:1.7; margin-bottom:12px; }
.sol-card .more { color:#2563eb; font-size:13px; font-weight:600; }

/* ========== 选型卡片 ========== */
.sel-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.sel-card { background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 4px 16px rgba(0,0,0,.08); transition:.3s; display:block; }
.sel-card:hover { transform:translateY(-6px); box-shadow:0 12px 32px rgba(37,99,235,.15); }
.sel-img { height:200px; background-size:cover; background-position:center; display:flex; align-items:flex-end; padding:14px; color:#fff; font-size:13px; font-weight:600; text-shadow:0 2px 8px rgba(0,0,0,.5); }
.sel-body { padding:20px; }
.sel-body h3 { font-size:17px; color:#1e3a5f; margin-bottom:8px; }
.sel-body p { font-size:13px; color:#64748b; line-height:1.7; margin-bottom:12px; }
.sel-body .more { color:#2563eb; font-size:13px; font-weight:600; }

/* ========== 新闻列表 ========== */
.news-list { background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.06); }
.news-item { display:flex; gap:16px; padding:18px 20px; border-bottom:1px solid #f1f5f9; transition:background .2s; }
.news-item:hover { background:#f8fafc; }
.news-item .thumb { width:180px; height:120px; border-radius:6px; background:linear-gradient(135deg,#2563eb,#1e40af); flex-shrink:0; background-size:cover; background-position:center; }
.news-item .info { flex:1; min-width:0; }
.news-item h3 { font-size:16px; color:#1e3a5f; margin-bottom:6px; }
.news-item .date { font-size:12px; color:#94a3b8; margin-bottom:8px; }
.news-item .desc { font-size:13px; color:#64748b; line-height:1.6; }

/* ========== 分页 ========== */
.page-box { margin-top:30px; text-align:center; }
.page-box a, .page-box span { display:inline-block; padding:8px 14px; margin:0 3px; border:1px solid #e2e8f0; border-radius:4px; font-size:13px; color:#475569; background:#fff; }
.page-box .on { background:#2563eb; color:#fff; border-color:#2563eb; }
.page-box a:hover { border-color:#2563eb; color:#2563eb; }

/* ========== 详情页 ========== */
.detail-card { background:#fff; border-radius:8px; box-shadow:0 2px 10px rgba(0,0,0,.06); padding:30px; margin-bottom:24px; }
.detail-card h1 { font-size:24px; color:#1e3a5f; margin-bottom:8px; }
.detail-card .meta { font-size:12px; color:#94a3b8; margin-bottom:20px; padding-bottom:16px; border-bottom:1px solid #f1f5f9; }
.detail-card .meta span { margin-right:16px; }
.content-text { font-size:14px; color:#475569; line-height:1.9; }
.content-text p { margin-bottom:12px; }
.content-text img { max-width:100%; height:auto; border-radius:6px; margin:10px 0; }

/* 上一篇/下一篇 */
.page-nav { display:flex; justify-content:space-between; background:#fff; border-radius:8px; padding:16px 24px; box-shadow:0 2px 8px rgba(0,0,0,.06); margin-bottom:24px; font-size:13px; }
.page-nav a { color:#475569; }
.page-nav a:hover { color:#2563eb; }

/* 相关推荐 */
.rel-box { background:#fff; border-radius:8px; box-shadow:0 2px 10px rgba(0,0,0,.06); padding:24px; margin-bottom:24px; }
.rel-box h3 { font-size:17px; color:#2563eb; margin-bottom:16px; padding-bottom:10px; border-bottom:2px solid #eff6ff; }
.rel-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.rel-item { border:1px solid #e2e8f0; border-radius:6px; overflow:hidden; }
.rel-item .img { height:100px; background:linear-gradient(135deg,#2563eb,#1e40af); background-size:cover; background-position:center; }
.rel-item .body { padding:10px 12px; }
.rel-item h4 { font-size:13px; color:#1e3a5f; margin-bottom:4px; }
.rel-item p { font-size:11px; color:#64748b; }

/* ========== CTA ========== */
.cta { background:linear-gradient(135deg,#f97316,#ea580c); color:#fff; padding:36px; text-align:center; border-radius:8px; margin-top:40px; }
.cta h3 { font-size:20px; margin-bottom:8px; }
.cta p { opacity:.9; margin-bottom:16px; }
.cta a { display:inline-block; padding:10px 30px; background:#fff; color:#f97316; border-radius:4px; font-weight:600; }
.cta a.ghost { background:transparent; color:#fff; border:1px solid #fff; }

/* ========== 底部双栏（关于/联系） ========== */
.bottom-grid { background:#fff; padding:40px 0; border-top:1px solid #e2e8f0; margin-top:40px; }
.grid2 { display:grid; grid-template-columns:repeat(2,1fr); gap:40px; max-width:1280px; margin:0 auto; padding:0 20px; }
.g-col h3 { font-size:16px; color:#2563eb; margin-bottom:14px; padding-bottom:10px; border-bottom:2px solid #eff6ff; }
.g-col ul li { padding:6px 0; font-size:13px; color:#475569; }
.g-col ul li::before { content:"·"; color:#f97316; font-weight:bold; margin-right:6px; }
.g-col ul li a:hover { color:#2563eb; }

/* ========== 生产基地卡片 ========== */
.factory-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.factory-card { background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,.06); transition:.3s; display:block; }
.factory-card:hover { transform:translateY(-4px); box-shadow:0 12px 28px rgba(0,0,0,.12); }
.factory-img { height:180px; background:linear-gradient(135deg,#2563eb,#1e40af); background-size:cover; background-position:center; position:relative; }
.factory-tag { position:absolute; top:12px; left:12px; background:#f97316; color:#fff; font-size:12px; padding:3px 10px; border-radius:3px; }
.factory-body { padding:18px; }
.factory-body h3 { font-size:17px; color:#1e3a5f; margin-bottom:10px; }
.factory-body .addr { font-size:13px; color:#64748b; line-height:1.7; margin-bottom:8px; }
.factory-body .desc { font-size:13px; color:#475569; line-height:1.7; margin-bottom:12px; }
.factory-body .more { color:#2563eb; font-size:13px; font-weight:600; }

/* ========== 响应式 ========== */
@media (max-width:1024px) {
  .container { flex-direction:column; }
  .sidebar { width:100%; }
  .prod-grid, .case-grid, .sol-grid, .sel-grid, .rel-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:640px) {
  .prod-grid, .case-grid, .sol-grid, .sel-grid, .rel-grid, .factory-grid, .grid2 { grid-template-columns:1fr; }
  .news-item { flex-direction:column; }
  .news-item .thumb { width:100%; height:180px; }
  .page-nav { flex-direction:column; gap:10px; }
}

/* === 产品中心封面：3列分类卡片 === */
.cat3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:30px 0;}
.cat3-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:.3s;text-decoration:none;color:inherit;}
.cat3-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(37,99,235,.15);}
.cat3-img{height:120px;}
.cat3-body{padding:16px 20px;}
.cat3-body h3{font-size:18px;color:#1e3a5f;margin:0 0 6px;}
.cat3-body p{font-size:13px;color:#64748b;margin:0;}

/* === 热门产品：5列卡片 === */
.sec-title.left{text-align:left;margin:40px 0 20px;}
.sec-title.left h2{font-size:24px;color:#2563eb;border-left:4px solid #f97316;padding-left:12px;}
.hotprod-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:20px 0 40px;}
.hotprod-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);text-decoration:none;color:inherit;transition:.3s;}
.hotprod-card:hover{transform:translateY(-3px);}
.hotprod-img{height:90px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.3);font-size:32px;}
.hotprod-body{padding:12px 14px;}
.hotprod-body h4{font-size:14px;color:#1e3a5f;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hotprod-body span{font-size:12px;color:#f97316;font-weight:600;}

/* === 首页三栏 === */
.home-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:40px 0;padding:30px;background:#f8fafc;border-radius:8px;}
.home-col h4{font-size:16px;color:#2563eb;margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid #e2e8f0;}
.home-col ul{list-style:none;padding:0;margin:0;}
.home-col li{padding:6px 0;font-size:13px;color:#64748b;}
.home-col li a{color:#64748b;text-decoration:none;}
.home-col li a:hover{color:#2563eb;}

/* === 响应式 === */
@media(max-width:1024px){
  .cat3-grid{grid-template-columns:repeat(2,1fr);}
  .hotprod-grid{grid-template-columns:repeat(3,1fr);}
  .home-cols{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .cat3-grid{grid-template-columns:1fr;}
  .hotprod-grid{grid-template-columns:repeat(2,1fr);}
}

/* === 列表页：左侧边栏+右侧内容 === */
.container{max-width:1280px;margin:30px auto;padding:0 20px;display:flex;gap:30px;}
.sidebar{width:240px;flex-shrink:0;}
.side-title{background:#2563eb;color:#fff;padding:14px 20px;font-size:16px;font-weight:600;border-radius:6px 6px 0 0;}
.side-list{background:#fff;border-radius:0 0 6px 6px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.side-list a{display:block;padding:12px 20px;color:#333;text-decoration:none;border-bottom:1px solid #eef0f3;font-size:14px;border-left:3px solid transparent;}
.side-list a:hover{color:#2563eb;background:#f0f5ff;}
.side-contact{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;padding:20px;border-radius:6px;margin-top:20px;text-align:center;}
.side-contact .tel{font-size:20px;font-weight:700;margin:8px 0;}
.side-contact p{font-size:13px;opacity:.9;line-height:1.6;}
.side-block{margin-top:20px;background:#fff;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden;}
.side-block h3{background:#2563eb;color:#fff;padding:12px 16px;font-size:14px;font-weight:600;}
.side-block ul{list-style:none;padding:8px 0;margin:0;}
.side-block li a{display:block;padding:8px 16px;color:#555;text-decoration:none;font-size:13px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.side-block li a:hover{color:#2563eb;background:#f0f5ff;}
.side-block li a::before{content:"·";color:#f97316;font-weight:bold;margin-right:6px;}
.side-block .more{display:block;text-align:right;padding:6px 16px;font-size:12px;color:#2563eb;text-decoration:none;border-top:1px solid #eef0f3;}
.selector-box{padding:16px;background:#fff;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-top:20px;text-align:center;}
.selector-box h3{font-size:14px;color:#1e3a5f;margin-bottom:8px;}
.selector-box p{font-size:13px;color:#666;line-height:1.6;margin-bottom:12px;}
.selector-box a{display:inline-block;padding:8px 20px;background:#f97316;color:#fff;text-decoration:none;border-radius:4px;font-size:13px;}
.main{flex:1;min-width:0;}
.page-title{font-size:26px;color:#1e3a5f;margin-bottom:6px;}
.page-sub{color:#666;margin-bottom:24px;font-size:14px;}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:.3s;}
.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(37,99,235,.15);}
.card a{text-decoration:none;color:inherit;}
.card-img{height:150px;background:linear-gradient(135deg,#2563eb,#1e40af);overflow:hidden;}
.card-img img{width:100%;height:100%;object-fit:cover;}
.card-body{padding:14px;}
.card-title{font-size:14px;color:#1e3a5f;margin-bottom:6px;font-weight:600;line-height:1.4;}
.card-spec{color:#f97316;font-size:12px;margin-bottom:6px;}
.card-desc{font-size:12px;color:#666;line-height:1.5;height:36px;overflow:hidden;margin-bottom:12px;}
.card-btn{display:inline-block;padding:6px 14px;background:#2563eb;color:#fff;text-decoration:none;border-radius:4px;font-size:12px;}
.pagination{text-align:center;margin-top:36px;}
.pagination a,.pagination span{display:inline-block;padding:7px 13px;margin:0 3px;border:1px solid #ddd;color:#666;text-decoration:none;border-radius:4px;font-size:13px;}
.pagination .on{background:#2563eb;color:#fff;border-color:#2563eb;}

/* 新闻列表（左侧分类+右侧文章列表） */
.news-layout{display:flex;gap:30px;max-width:1280px;margin:30px auto;padding:0 20px;}
.news-sidebar{width:240px;flex-shrink:0;}
.news-main{flex:1;}
.news-item{display:flex;gap:20px;background:#fff;border-radius:8px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.news-item-img{width:200px;height:130px;flex-shrink:0;background:linear-gradient(135deg,#2563eb,#1e40af);border-radius:6px;overflow:hidden;}
.news-item-img img{width:100%;height:100%;object-fit:cover;}
.news-item-body{flex:1;}
.news-item-body h3{font-size:18px;color:#1e3a5f;margin-bottom:8px;}
.news-item-body p{font-size:13px;color:#666;line-height:1.6;margin-bottom:10px;}
.news-item-body .date{font-size:12px;color:#999;}

@media(max-width:1024px){
  .container,.news-layout{flex-direction:column;}
  .sidebar,.news-sidebar{width:100%;}
  .grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:640px){
  .grid{grid-template-columns:repeat(2,1fr);}
  .news-item{flex-direction:column;}
  .news-item-img{width:100%;height:160px;}
}

/* === 案例列表：2列卡片 === */
.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:30px 0;}
.case-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);text-decoration:none;color:inherit;transition:.3s;}
.case-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(37,99,235,.15);}
.case-img{height:200px;background:linear-gradient(135deg,#1e40af,#2563eb);position:relative;overflow:hidden;}
.case-img img{width:100%;height:100%;object-fit:cover;}
.case-year{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.3);color:#fff;padding:4px 10px;border-radius:4px;font-size:12px;z-index:1;}
.case-body{padding:20px;}
.case-body h3{font-size:18px;color:#1e3a5f;margin:0 0 10px;}
.case-meta{display:flex;gap:20px;font-size:13px;color:#64748b;}
@media(max-width:640px){.case-grid{grid-template-columns:1fr;}}

/* === 产品详情页 === */
.detail-top{display:flex;gap:30px;margin-bottom:30px;}
.detail-img{width:400px;flex-shrink:0;background:#f0f5ff;border-radius:8px;overflow:hidden;}
.detail-img img{width:100%;height:300px;object-fit:cover;}
.detail-info{flex:1;}
.detail-info h1{font-size:24px;color:#1e3a5f;margin:0 0 20px;}
.spec-table{width:100%;border-collapse:collapse;margin-bottom:20px;}
.spec-table td{padding:10px 0;border-bottom:1px solid #eef0f3;font-size:14px;}
.spec-table td:first-child{color:#666;width:100px;}
.detail-cta{background:#fff7ed;padding:16px;border-radius:8px;}
.detail-cta .hotline{font-size:14px;color:#666;margin-bottom:10px;}
.detail-cta .hotline strong{color:#f97316;font-size:20px;margin-left:8px;}
.cta-btns{display:flex;gap:12px;}
.btn-blue{display:inline-block;padding:10px 24px;background:#2563eb;color:#fff;text-decoration:none;border-radius:6px;font-size:14px;}
.btn-orange{display:inline-block;padding:10px 24px;background:#f97316;color:#fff;text-decoration:none;border-radius:6px;font-size:14px;}
.detail-content{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:30px;}
.detail-content h2{font-size:18px;color:#2563eb;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid #f97316;display:inline-block;}
.detail-content p{line-height:1.8;color:#333;font-size:14px;}
.prev-next{display:flex;justify-content:space-between;padding:16px 0;border-top:1px solid #eef0f3;margin-bottom:30px;font-size:14px;}
.prev-next a{color:#2563eb;text-decoration:none;}
.related{margin-bottom:30px;}
.related h2{font-size:18px;color:#2563eb;margin-bottom:16px;padding-left:10px;border-left:4px solid #f97316;}
@media(max-width:1024px){.detail-top{flex-direction:column;}.detail-img{width:100%;}}

/* === 文章详情页 === */
.article-detail{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:20px;}
.article-detail h1{font-size:24px;color:#1e3a5f;margin:0 0 16px;line-height:1.4;}
.article-meta{display:flex;gap:20px;font-size:13px;color:#999;padding-bottom:16px;border-bottom:1px solid #eef0f3;margin-bottom:20px;}
.article-content{line-height:1.9;color:#333;font-size:15px;}
.article-content p{margin-bottom:16px;}
.article-content img{max-width:100%;height:auto;border-radius:6px;margin:10px 0;}

/* === 首页专属样式 === */
.hero-home{background:linear-gradient(135deg,#1d4ed8 0%,#3b82f6 100%);padding:100px 0;text-align:center;}
.hero-home h1{font-size:42px;color:#fff;margin:0 0 20px;}
.hero-sub{font-size:18px;color:rgba(255,255,255,.9);margin:0 0 12px;}
.hero-desc{font-size:15px;color:rgba(255,255,255,.7);margin:0 0 35px;}
.hero-btns{display:flex;gap:16px;justify-content:center;}
.btn-primary{display:inline-block;padding:14px 36px;background:#f97316;color:#fff;text-decoration:none;border-radius:6px;font-weight:600;}
.btn-secondary{display:inline-block;padding:14px 36px;background:transparent;color:#fff;border:2px solid #fff;text-decoration:none;border-radius:6px;font-weight:600;}

.advantages{padding:70px 0;background:#f8fafc;}
.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px;}
.adv-item{text-align:center;padding:30px 20px;background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.05);}
.adv-num{font-size:36px;color:#2563eb;font-weight:700;margin-bottom:10px;}
.adv-num span{font-size:18px;}
.adv-item h3{font-size:17px;color:#1e3a5f;margin:0 0 10px;}
.adv-item p{font-size:13px;color:#666;margin:0;line-height:1.6;}

.product-section{padding:70px 0;}
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;}
.prod-card{display:block;padding:28px 20px;background:#f0f5ff;border-radius:10px;text-decoration:none;color:inherit;transition:.3s;}
.prod-card:hover{background:#2563eb;color:#fff;transform:translateY(-3px);}
.prod-card h3{font-size:16px;margin:0 0 8px;}
.prod-card p{font-size:13px;opacity:.8;margin:0;}
.prod-card-cta{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;}

.solution-section{padding:70px 0;background:linear-gradient(135deg,#1e3a5f,#1e40af);}
.section-title{text-align:center;font-size:28px;color:#1e3a5f;margin:0 0 10px;}
.section-title-light{color:#fff;}
.section-desc{text-align:center;font-size:14px;color:#666;margin:0;}
.section-desc-light{color:rgba(255,255,255,.7);}
.sol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;}
.sol-card{display:block;padding:22px;background:rgba(255,255,255,.1);border-radius:8px;text-decoration:none;color:#fff;transition:.3s;}
.sol-card:hover{background:rgba(255,255,255,.2);}
.sol-card h3{font-size:15px;margin:0 0 8px;}
.sol-card p{font-size:12px;color:rgba(255,255,255,.7);margin:0;}

.hot-section{padding:70px 0;}
.hot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;}
.product-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06);}
.product-card a{display:block;text-decoration:none;color:inherit;padding:20px;}
.product-img{height:180px;background:linear-gradient(135deg,#2563eb,#1e40af);border-radius:8px;margin-bottom:16px;}
.product-card h3{font-size:16px;color:#1e3a5f;margin:0 0 8px;}
.product-card .spec{font-size:13px;color:#2563eb;margin:0 0 8px;}
.product-card .desc{font-size:13px;color:#666;margin:0 0 12px;line-height:1.5;}
.link-more{font-size:13px;color:#f97316;font-weight:600;}

.news-faq-section{padding:70px 0;background:#f8fafc;}
.news-faq-grid{display:grid;grid-template-columns:3fr 2fr;gap:40px;margin-top:40px;}
.news-list{list-style:none;padding:0;margin:0 0 20px;}
.news-list li{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e5e7eb;}
.news-list a{font-size:14px;color:#333;text-decoration:none;}
.news-list a:hover{color:#2563eb;}
.news-list time{font-size:13px;color:#999;}
.more-link{display:inline-block;font-size:14px;color:#2563eb;text-decoration:none;}
.faq-item{margin-bottom:20px;}
.faq-item h3{font-size:15px;color:#1e3a5f;margin:0 0 8px;}
.faq-item p{font-size:13px;color:#666;margin:0;line-height:1.6;}

.cta-section{padding:70px 0;background:linear-gradient(135deg,#f97316,#ea580c);text-align:center;color:#fff;}
.cta-section h2{font-size:28px;margin:0 0 12px;}
.cta-section p{margin:0 0 24px;opacity:.9;}
.cta-tel{display:block;font-size:36px;font-weight:700;color:#fff;text-decoration:none;margin-bottom:24px;}
.cta-section .btn-secondary{border-color:#fff;margin-left:10px;}

.float-cta{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;}
.float-item{display:block;padding:12px 16px;background:#2563eb;color:#fff;text-decoration:none;border-radius:6px;font-size:13px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.2);}

@media(max-width:1024px){.adv-grid,.prod-grid{grid-template-columns:repeat(2,1fr);}.sol-grid{grid-template-columns:repeat(2,1fr);}.hot-grid{grid-template-columns:repeat(2,1fr);}.news-faq-grid{grid-template-columns:1fr;}}
@media(max-width:640px){.hero-home h1{font-size:28px;}.adv-grid,.prod-grid,.sol-grid,.hot-grid{grid-template-columns:1fr;}.hero-btns{flex-direction:column;align-items:center;}}

/* ============================================
   首页样式（深藏青#0f2942 + 工业红#c8102e）
   ============================================ */
.topbar{background:#1d4ed8;color:#8ba3bc;font-size:12px;line-height:36px;}
.topbar .wrap{display:flex;justify-content:space-between;}
.topbar a{color:#8ba3bc;margin-left:20px;}
.hc-header{background:#fff;padding:20px 0;border-bottom:1px solid #e5e7eb;}
.hc-header .wrap{display:flex;align-items:center;justify-content:space-between;}
.logo-box{display:flex;align-items:center;gap:14px;}
.logo{width:56px;height:56px;background:#1d4ed8;color:#fff;font-weight:bold;font-size:16px;display:flex;align-items:center;justify-content:center;}
.logo-text .cn{font-size:22px;font-weight:bold;color:#0f2942;letter-spacing:1px;}
.logo-text .en{font-size:10px;color:#94a3b8;margin-top:2px;letter-spacing:.5px;}
.right-box{text-align:right;}
.tel-label{font-size:12px;color:#94a3b8;}
.tel{font-size:24px;font-weight:bold;color:#c8102e;}
.hc-nav{background:#0f2942;}
.hc-nav ul{display:flex;}
.hc-nav li{flex:1;text-align:center;border-right:1px solid rgba(255,255,255,.08);}
.hc-nav li:last-child{border-right:none;}
.hc-nav li a{display:block;color:#d1d5db;line-height:46px;font-size:14px;font-weight:500;}
.hc-nav li a:hover,.hc-nav li.active a{background:#c8102e;color:#fff;}
.hero{height:420px;background:linear-gradient(rgba(29,78,216,.78),rgba(29,78,216,.78)),linear-gradient(135deg,#1d4ed8,#3b82f6);display:flex;align-items:center;}
.hero h1{font-size:40px;color:#fff;line-height:1.3;margin-bottom:20px;font-weight:600;}
.hero .sub{font-size:16px;color:rgba(255,255,255,.8);margin-bottom:12px;}
.hero .desc{font-size:14px;color:rgba(255,255,255,.6);margin-bottom:35px;}
.hero-btns{display:flex;gap:16px;}
.btn-red{padding:12px 36px;background:#c8102e;color:#fff;font-weight:600;font-size:14px;}
.btn-outline{padding:12px 36px;border:1px solid rgba(255,255,255,.5);color:#fff;font-weight:600;font-size:14px;}
.stats{background:#1d4ed8;}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);}
.stat-item{padding:24px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.1);}
.stat-item:last-child{border-right:none;}
.stat-num{font-size:28px;color:#fff;font-weight:700;}
.stat-num span{font-size:14px;color:#c8102e;}
.stat-label{font-size:13px;color:#8ba3bc;margin-top:4px;}
.section{padding:60px 0;}
.section-title{font-size:24px;color:#0f2942;margin-bottom:30px;font-weight:600;}
.section-title::before{content:'';display:inline-block;width:4px;height:22px;background:#c8102e;margin-right:10px;vertical-align:middle;}
.prod-section{background:#f8fafc;}
.prod-layout{display:grid;grid-template-columns:240px 1fr;gap:25px;}
.catalog{background:#fff;border:1px solid #e5e7eb;}
.catalog-head{background:#0f2942;color:#fff;padding:18px;text-align:center;}
.catalog-head h3{font-size:18px;margin:0;}
.catalog-head small{font-size:11px;opacity:.7;display:block;margin-top:2px;}
.catalog-list{padding:8px 0;}
.catalog-list a{display:block;padding:11px 18px;color:#333;font-size:14px;border-bottom:1px solid #f0f0f0;}
.catalog-list a:before{content:'▸ ';color:#0f2942;}
.catalog-list a:hover{background:#f0f5ff;color:#c8102e;}
.prod-right-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.prod-right-head h3{font-size:20px;color:#0f2942;margin:0;font-weight:600;}
.prod-right-head h3:before{content:'';display:inline-block;width:4px;height:20px;background:#c8102e;margin-right:10px;vertical-align:middle;}
.prod-right-head a{font-size:13px;color:#666;}
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.prod-item{background:#fff;border:1px solid #e5e7eb;}
.prod-item .p-img{height:180px;background:#f0f5ff;display:flex;align-items:center;justify-content:center;}
.prod-item .p-name{background:#f5f5f5;padding:12px;text-align:center;font-size:14px;color:#333;}
.sol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.sol-card{display:block;padding:24px;border:1px solid #e5e7eb;background:#fff;}
.sol-card:hover{border-color:#c8102e;}
.sol-card h3{font-size:16px;color:#0f2942;margin-bottom:8px;font-weight:600;}
.sol-card p{font-size:13px;color:#64748b;line-height:1.6;margin-bottom:10px;}
.sol-card .arrow{font-size:13px;color:#c8102e;}
.case-grid-home{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.case-item{display:block;background:#fff;border:1px solid #e5e7eb;}
.case-img{height:160px;background:#e5e7eb;display:flex;align-items:center;justify-content:center;color:#999;}
.case-name{padding:12px;text-align:center;font-size:14px;color:#333;}
.tech-grid-home{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.tech-item{display:block;padding:25px;background:#fff;border:1px solid #e5e7eb;}
.tech-item h3{font-size:16px;color:#0f2942;margin-bottom:8px;font-weight:600;}
.tech-item p{font-size:13px;color:#64748b;line-height:1.5;}
.about-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:center;}
.about-img{height:280px;background:#e5e7eb;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;color:#999;}
.about-text p{font-size:14px;color:#555;line-height:1.8;margin-bottom:15px;}
.full-img{height:220px;background:linear-gradient(rgba(15,41,66,.6),rgba(15,41,66,.6)),#1e3a5f;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);font-size:14px;}
.news-center{text-align:center;font-size:24px;color:#0f2942;margin-bottom:5px;font-weight:600;}
.news-sub{text-align:center;font-size:12px;color:#999;letter-spacing:2px;margin-bottom:35px;position:relative;}
.news-sub:before,.news-sub:after{content:'';position:absolute;top:50%;width:80px;height:1px;background:#ccc;}
.news-sub:before{left:calc(50% - 110px);}
.news-sub:after{right:calc(50% - 110px);}
.news-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.news-col-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid #e5e7eb;padding-bottom:10px;}
.news-col-head h3{font-size:16px;color:#c8102e;margin:0;font-weight:600;}
.news-col-head a{font-size:13px;color:#666;}
.news-col-img{height:150px;background:#e5e7eb;margin-bottom:15px;display:flex;align-items:center;justify-content:center;color:#999;font-size:13px;}
.news-list-num li{display:flex;gap:10px;padding:8px 0;border-bottom:1px dashed #e5e7eb;}
.news-list-num .num{width:24px;height:24px;background:#c8102e;color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.news-list-num .n-body a{font-size:13px;color:#333;line-height:1.4;display:block;}
.news-list-num .n-body .date{font-size:12px;color:#999;margin-top:3px;}
.hc-footer{background:#0a1f33;color:#8ba3bc;padding:50px 0 0;font-size:13px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:30px;}
.hc-footer h4{color:#fff;font-size:14px;margin-bottom:16px;font-weight:600;}
.hc-footer p{line-height:1.8;margin-bottom:8px;}
.hc-footer a{display:block;color:#8ba3bc;padding:3px 0;}
.copyright{border-top:1px solid rgba(255,255,255,.1);padding:16px 0;text-align:center;font-size:12px;}
/* === 解决方案封面：左侧热门推荐 === */
.side-hot{background:#fff;border:1px solid #e5e7eb;margin-top:16px;border-radius:6px;overflow:hidden;}
.side-hot-title{background:#f8fafc;padding:12px 16px;font-size:14px;font-weight:600;color:#2563eb;border-bottom:1px solid #e5e7eb;}
.side-hot-list{list-style:none;padding:8px 0;margin:0;}
.side-hot-list a{display:block;padding:8px 16px;color:#555;font-size:13px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.side-hot-list a::before{content:"› ";color:#c8102e;font-weight:bold;}
.side-hot-list a:hover{color:#c8102e;background:#fef2f2;padding-left:22px;}

/* === 解决方案封面：15个方案卡片（带实景图） === */
.solcover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0 40px;}
.solcover-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);text-decoration:none;color:inherit;transition:.3s;display:block;}
.solcover-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15);}
.solcover-img{height:140px;background-size:cover;background-position:center;}
.solcover-body{padding:16px;}
.solcover-body h3{font-size:16px;color:#0f2942;margin:0 0 6px;font-weight:600;}
.solcover-body p{font-size:12px;color:#64748b;margin:0;line-height:1.5;}

@media(max-width:1024px){.solcover-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.solcover-grid{grid-template-columns:1fr;}}

@media(max-width:1024px){.prod-layout{grid-template-columns:1fr;}.prod-grid{grid-template-columns:repeat(2,1fr);}.sol-grid{grid-template-columns:repeat(2,1fr);}.footer-grid{grid-template-columns:1fr 1fr;}.stats .wrap{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.hero h1{font-size:28px;}.prod-grid,.sol-grid{grid-template-columns:1fr;}.hc-nav ul{flex-wrap:wrap;}.hc-nav li{flex:0 0 25%;}}

/* CTA 按钮样式补充 */
.cta-btns { margin-top: 18px; display: flex; gap: 12px; justify-content: center; }
.btn-primary { display: inline-block; padding: 10px 28px; background: #fff; color: #ea580c; border-radius: 6px; font-weight: 600; text-decoration: none; transition: all 0.2s; }
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.btn-ghost { display: inline-block; padding: 10px 28px; background: transparent; color: #fff; border: 2px solid #fff; border-radius: 6px; font-weight: 600; text-decoration: none; transition: all 0.2s; }
.btn-ghost:hover { background: rgba(255,255,255,0.15); }

/* 相关区块样式补充 */
.related { margin-top: 40px; }
.related h2 { font-size: 22px; margin-bottom: 20px; padding-left: 12px; border-left: 4px solid #2563eb; }

/* ===== 方案详情页专用（sol- 前缀，头部/尾部及现有类不受影响）===== */
.sol-main{max-width:1200px;margin:24px auto;padding:0 16px;display:grid;grid-template-columns:270px 1fr;gap:24px;align-items:start;}
.sol-side{display:flex;flex-direction:column;gap:18px;}
.sol-card{background:#fff;border:1px solid #e3e8ef;border-radius:10px;overflow:hidden;}
.sol-card h3{background:#0b3d91;color:#fff;font-size:15px;padding:11px 16px;font-weight:600;}
.sol-card ul{list-style:none;padding:6px 0;}
.sol-card li a{display:block;padding:9px 16px;text-decoration:none;color:#3b4a5a;font-size:14px;border-bottom:1px dashed #e3e8ef;}
.sol-card li a.on{color:#0b3d91;font-weight:700;background:#e8f0fb;}
.sol-card .news li a{font-size:13px;}
.sol-content{min-width:0;}
.sol-content h1{font-size:26px;color:#2563eb;line-height:1.4;padding-bottom:12px;border-bottom:1px solid #e3e8ef;}
.sol-meta{display:flex;gap:16px;color:#93a1b3;font-size:12px;padding:10px 0 18px;}
.sol-text{font-size:15px;color:#334155;line-height:1.9;}
.sol-text p{margin-bottom:12px;}
.sol-rel{max-width:1200px;margin:0 auto 30px;padding:0 16px;}
.sol-rel .box{background:#fff;border:1px solid #e3e8ef;border-radius:10px;overflow:hidden;}
.sol-rel h3{background:#0b3d91;color:#fff;font-size:15px;padding:11px 16px;font-weight:600;}
.sol-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:16px;}
.sol-rel-grid a{display:block;border:1px solid #e3e8ef;border-radius:8px;overflow:hidden;text-decoration:none;}
.sol-rel-grid img{width:100%;height:150px;object-fit:cover;background:#f1f5f9;display:block;}
.sol-rel-grid .nm{display:block;padding:10px 12px;font-size:14px;color:#14293d;font-weight:600;text-align:center;}
@media(max-width:640px){.sol-main{grid-template-columns:1fr;}.sol-rel-grid{grid-template-columns:1fr;}.sol-meta{flex-wrap:wrap;}}
/* ===== 成功案例封面页（cov- 前缀，头部/尾部及现有类不受影响）===== */
.cov-hero{background:linear-gradient(rgba(29,78,216,.72),rgba(29,78,216,.85)),url(/skin/hongchen/images/cases/hero-bridge.jpg) center/cover no-repeat;padding:70px 0;text-align:center;color:#fff;}
.cov-hero .t{font-size:36px;font-weight:700;letter-spacing:2px;}
.cov-hero .s{font-size:16px;opacity:.9;margin-top:10px;}
.cov-cats{max-width:1200px;margin:24px auto 0;padding:0 16px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.cov-cat{display:block;background:#fff;border:1px solid #e3e8ef;border-radius:10px;overflow:hidden;text-decoration:none;transition:box-shadow .2s;}
.cov-cat:hover{box-shadow:0 4px 14px rgba(0,0,0,.08);}
.cov-cat .top{background:#0b3d91;color:#fff;padding:18px 16px 14px;text-align:center;}
.cov-cat .top .nm{font-size:16px;font-weight:700;}
.cov-cat .top .ct{font-size:12px;opacity:.85;margin-top:4px;}
.cov-cat .bot{color:#3b4a5a;font-size:13px;text-align:center;padding:10px;border-top:1px solid #e3e8ef;}
.cov-sec{max-width:1200px;margin:30px auto 0;padding:0 16px;}
.cov-sec-title{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.cov-sec-title .bar{width:4px;height:20px;background:#0b3d91;border-radius:2px;}
.cov-sec-title h2{font-size:22px;color:#14293d;}
.cov-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.cov-case{display:block;border:1px solid #e3e8ef;border-radius:8px;overflow:hidden;text-decoration:none;background:#fff;}
.cov-case .img{height:160px;background:#f1f5f9;position:relative;overflow:hidden;}
.cov-case .img img{width:100%;height:100%;object-fit:cover;display:block;}
.cov-case .tag{position:absolute;left:10px;top:10px;background:rgba(11,61,145,.9);color:#fff;font-size:11px;padding:3px 9px;border-radius:4px;}
.cov-case .bd{padding:11px 13px;}
.cov-case .bd .nm{font-size:14.5px;color:#14293d;font-weight:600;line-height:1.45;}
@media(max-width:900px){.cov-cats{grid-template-columns:repeat(2,1fr);}.cov-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.cov-cats{grid-template-columns:1fr 1fr;}.cov-grid{grid-template-columns:1fr;}}
/* 封面 hero h1 唯一（h1 应用于 .cov-hero .t，清默认 margin）+ 子栏目列表 main */
.cov-hero .t{margin:0;}
.case-list{max-width:1200px;margin:0 auto;}
/* ===== 案例详情页（cse- 前缀，头部/尾部及现有类不受影响）===== */
.cse-hero{background:linear-gradient(rgba(29,78,216,.75),rgba(29,78,216,.88)),url(/skin/hongchen/images/cases/32.jpg) center/cover no-repeat;padding:60px 0;text-align:center;color:#fff;}
.cse-hero .t{font-size:34px;font-weight:700;letter-spacing:2px;}
.cse-hero .s{font-size:16px;opacity:.9;margin-top:8px;}
.cse-main{max-width:1200px;margin:30px auto 0;padding:0 16px;display:grid;grid-template-columns:270px minmax(0,1fr);gap:26px;}
.cse-side{min-width:0;order:1;}
.cse-content{min-width:0;order:2;}
.cse-article{background:#fff;border:1px solid #e3e8ef;border-radius:10px;padding:26px 30px;}
.cse-article h1{font-size:26px;color:#14293d;line-height:1.4;}
.cse-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#8a99ad;border-bottom:1px solid #edf1f6;padding:10px 0 16px;margin:10px 0 20px;}
.cse-meta i{font-style:normal;color:#0b3d91;margin-right:3px;}
.cse-text{font-size:15px;line-height:1.9;color:#3b4a5a;}
.cse-text p{margin-bottom:12px;}
.cse-rel{margin-top:30px;}
.cse-rel-title{display:flex;align-items:center;gap:8px;font-size:18px;color:#14293d;margin-bottom:14px;}
.cse-rel-title .bar{width:4px;height:18px;background:#0b3d91;border-radius:2px;}
.cse-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.cse-case{display:block;border:1px solid #e3e8ef;border-radius:8px;overflow:hidden;text-decoration:none;background:#fff;}
.cse-case .img{height:120px;background:#f1f5f9;position:relative;overflow:hidden;}
.cse-case .img img{width:100%;height:100%;object-fit:cover;display:block;}
.cse-case .tag{position:absolute;left:8px;top:8px;background:rgba(11,61,145,.9);color:#fff;font-size:11px;padding:2px 8px;border-radius:4px;}
.cse-case .bd{padding:10px 12px;}
.cse-case .bd .nm{font-size:14px;color:#14293d;font-weight:600;line-height:1.4;}
.cse-card{background:#fff;border:1px solid #e3e8ef;border-radius:10px;margin-bottom:18px;overflow:hidden;}
.cse-card .hd{background:#0b3d91;color:#fff;font-size:15px;font-weight:700;padding:11px 16px;}
.cse-card .bd{padding:13px 16px;}
.cse-cats a{display:flex;justify-content:space-between;color:#3b4a5a;text-decoration:none;font-size:14px;padding:8px 0;border-bottom:1px dashed #e3e8ef;}
.cse-cats a.on{color:#0b3d91;font-weight:700;}
.cse-cats a em{font-style:normal;color:#8a99ad;font-size:12px;}
.cse-contact p{font-size:12px;color:#8a99ad;margin-bottom:4px;}
.cse-contact .tel{font-size:20px;font-weight:800;color:#f47b20;margin:6px 0;}
.cse-news li{list-style:none;padding:7px 0;border-bottom:1px dashed #edf1f6;}
.cse-news li a{color:#3b4a5a;text-decoration:none;font-size:13.5px;}
.cse-news li a:hover{color:#0b3d91;}
.cse-more{display:block;text-align:right;color:#0b3d91;font-size:13px;text-decoration:none;margin-top:8px;}
.cse-prods{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.cse-prod{display:block;text-align:center;text-decoration:none;color:#14293d;}
.cse-prod img{width:100%;height:70px;object-fit:cover;border-radius:6px;display:block;}
.cse-prod .nm{font-size:12.5px;margin-top:6px;font-weight:600;}
@media(max-width:900px){.cse-main{grid-template-columns:1fr;}.cse-side{order:2;}.cse-content{order:1;}.cse-rel-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.cse-rel-grid{grid-template-columns:1fr;}}
/* ===== 成功案例子栏目列表页（clst- 前缀，头部/尾部及现有类不受影响）===== */
.clst-hero{background:linear-gradient(rgba(29,78,216,.75),rgba(29,78,216,.88)),url(/skin/hongchen/images/cases/32.jpg) center/cover no-repeat;padding:60px 0;text-align:center;color:#fff;}
.clst-hero h1{font-size:34px;font-weight:700;letter-spacing:2px;}
.clst-hero .s{font-size:16px;opacity:.9;margin-top:8px;}
.clst-main{max-width:1200px;margin:30px auto 0;padding:0 16px;display:grid;grid-template-columns:270px minmax(0,1fr);gap:26px;}
.clst-side{min-width:0;order:1;}
.clst-content{min-width:0;order:2;}
.clst-card{background:#fff;border:1px solid #e3e8ef;border-radius:10px;margin-bottom:18px;overflow:hidden;}
.clst-card .hd{background:#0b3d91;color:#fff;font-size:15px;font-weight:700;padding:11px 16px;}
.clst-card .bd{padding:13px 16px;}
.clst-cats a{display:flex;justify-content:space-between;color:#3b4a5a;text-decoration:none;font-size:14px;padding:8px 0;border-bottom:1px dashed #e3e8ef;}
.clst-cats a.on{color:#0b3d91;font-weight:700;}
.clst-cats a em{font-style:normal;color:#8a99ad;font-size:12px;}
.clst-contact p{font-size:12px;color:#8a99ad;margin-bottom:4px;}
.clst-contact .tel{font-size:20px;font-weight:800;color:#f47b20;margin:6px 0;}
.clst-news li{list-style:none;padding:7px 0;border-bottom:1px dashed #edf1f6;}
.clst-news li a{color:#3b4a5a;text-decoration:none;font-size:13.5px;}
.clst-news li a:hover{color:#0b3d91;}
.clst-more{display:block;text-align:right;color:#0b3d91;font-size:13px;text-decoration:none;margin-top:8px;}
.clst-sec-title{display:flex;align-items:center;gap:8px;font-size:20px;color:#14293d;margin-bottom:16px;}
.clst-sec-title .bar{width:4px;height:20px;background:#0b3d91;border-radius:2px;}
.clst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.clst-case{display:block;border:1px solid #e3e8ef;border-radius:10px;overflow:hidden;text-decoration:none;background:#fff;}
.clst-case:hover{border-color:#0b3d91;}
.clst-case .img{height:150px;background:#f1f5f9;position:relative;overflow:hidden;}
.clst-case .img img{width:100%;height:100%;object-fit:cover;display:block;}
.clst-case .tag{position:absolute;left:8px;top:8px;background:rgba(11,61,145,.9);color:#fff;font-size:11px;padding:2px 8px;border-radius:4px;}
.clst-case .bd{padding:12px 14px;}
.clst-case .bd .nm{font-size:14.5px;color:#14293d;font-weight:600;line-height:1.4;}
.clst-case .bd .ds{font-size:12px;color:#8a99ad;margin-top:6px;line-height:1.5;}
.clst-pager{display:flex;justify-content:center;gap:6px;margin:26px 0 0;padding-bottom:20px;}
.clst-pager a,.clst-pager span{display:inline-block;min-width:32px;padding:6px 10px;border:1px solid #e3e8ef;border-radius:6px;color:#3b4a5a;text-decoration:none;font-size:13px;text-align:center;}
.clst-pager .on{background:#0b3d91;color:#fff;border-color:#0b3d91;}
@media(max-width:900px){.clst-main{grid-template-columns:1fr;}.clst-side{order:2;}.clst-content{order:1;}.clst-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.clst-grid{grid-template-columns:1fr;}}
/* ===== 产品选型 selist-/sel- 类（#24 落地，追加于 style.css 尾部）===== */
/* 列表页 */
.selist-breadcrumb{background:#fff;border-bottom:1px solid #eef1f5;padding:10px 0;font-size:13px;color:#666}
.selist-breadcrumb a{color:#0b3d66;text-decoration:none}
.selist-hero{background:linear-gradient(135deg,#1d4ed8 0%,#3b82f6 100%);color:#fff;padding:34px 0}
.selist-hero h1{font-size:28px;font-weight:700;margin:0}
.selist-hero p{font-size:14px;color:#cfe3f5;margin-top:8px}
.selist-hero .selist-tag{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.35);color:#fff;padding:4px 14px;border-radius:20px;font-size:13px;display:inline-block}
.selist-main{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;padding:24px 0 40px}
.selist-side{order:1;min-width:0}
.selist-content{order:2;min-width:0}
.selist-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(15,60,110,.06);margin-bottom:20px;overflow:hidden}
.selist-card .selist-chd{background:#2563eb;color:#fff;font-size:15px;font-weight:700;padding:10px 16px;display:flex;justify-content:space-between;align-items:center}
.selist-card .selist-chd a{color:#cfe3f5;font-size:12px;text-decoration:none}
.selist-card .selist-cbd{padding:12px 16px}
.selist-cats a{display:flex;justify-content:space-between;align-items:center;color:#333;text-decoration:none;padding:9px 12px;border-radius:6px;font-size:14px;border-left:3px solid transparent}
.selist-cats a:hover{background:#f0f5fb}
.selist-cats a.selist-on{background:#eef4fb;border-left-color:#e8631c;color:#2563eb;font-weight:700}
.selist-cats em{font-style:normal;background:#e8edf4;color:#5a6b7d;font-size:12px;padding:1px 8px;border-radius:10px}
.selist-hotline{text-align:center;padding:16px 0}
.selist-hotline b{font-size:24px;color:#e8631c;display:block;letter-spacing:1px}
.selist-hotline span{font-size:12px;color:#888}
.selist-hotline p{font-size:12px;color:#999;margin-top:6px}
.selist-news{list-style:none;margin:0}
.selist-news li{padding:8px 0;border-bottom:1px dashed #eef1f5}
.selist-news li:last-child{border:none}
.selist-news a{color:#444;text-decoration:none;font-size:13px;display:block;line-height:1.5}
.selist-news time{color:#aaa;font-size:11px;display:block;margin-top:2px}
.selist-sec-title{font-size:18px;font-weight:700;color:#2563eb;margin:0 0 16px;padding-left:12px;border-left:4px solid #e8631c}
.selist-sec-title small{font-weight:400;color:#999;font-size:13px;margin-left:8px}
.selist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.selist-scard{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(15,60,110,.06);overflow:hidden;transition:transform .2s}
.selist-scard:hover{transform:translateY(-3px)}
.selist-scard .selist-pic{position:relative;height:150px;overflow:hidden}
.selist-scard .selist-pic img{width:100%;height:100%;object-fit:cover}
.selist-scard .selist-tag{position:absolute;left:10px;top:10px;background:rgba(232,99,28,.92);color:#fff;font-size:11px;padding:2px 10px;border-radius:3px}
.selist-scard .selist-bd{padding:12px 14px}
.selist-scard h3{font-size:15px;color:#0b3d66;margin:0 0 6px;line-height:1.4}
.selist-scard h3 a{color:#0b3d66;text-decoration:none}
.selist-scard .selist-sum{font-size:12px;color:#7a8796;line-height:1.6;height:38px;overflow:hidden}
.selist-scard .selist-more{display:inline-block;margin-top:10px;color:#e8631c;font-size:13px;text-decoration:none}
.selist-pager{display:flex;justify-content:center;gap:8px;margin-top:22px}
.selist-pager a,.selist-pager .pagebutton{background:#fff;border:1px solid #dde4ec;color:#2563eb;text-decoration:none;padding:5px 12px;border-radius:4px;font-size:13px}
.selist-pager a.selist-on{background:#2563eb;color:#fff;border-color:#2563eb}
/* 详情页 */
.sel-article{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(15,60,110,.06);padding:26px 30px}
.sel-article h1{font-size:24px;color:#0b3d66;margin:0 0 10px}
.sel-meta{color:#94a2b3;font-size:13px;padding-bottom:14px;border-bottom:1px solid #eef1f5;margin-bottom:18px}
.sel-meta b{color:#e8631c;font-weight:600}
.sel-sec{margin:22px 0}
.sel-sec h2{font-size:17px;color:#0b3d66;padding-left:11px;border-left:4px solid #e8631c;margin:0 0 12px}
.sel-sec h2 small{font-weight:400;color:#999;font-size:12px;margin-left:8px}
table.sel-spec{width:100%;border-collapse:collapse;background:#fff}
table.sel-spec th{background:#0b3d66;color:#fff;padding:9px 12px;font-size:13px;text-align:left}
table.sel-spec td{border:1px solid #e6ebf2;padding:9px 12px;font-size:13px;color:#3d4c5e}
table.sel-spec tr:nth-child(even) td{background:#f7fafc}
table.sel-spec td.sel-c{color:#e8631c;font-weight:700}
.sel-ul{list-style:none;margin:0}
.sel-ul li{padding:7px 0 7px 22px;position:relative;font-size:14px;color:#3d4c5e;line-height:1.6}
.sel-ul li:before{content:"";position:absolute;left:4px;top:14px;width:7px;height:7px;background:#e8631c;border-radius:50%}
.sel-feat{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.sel-feat .sel-f{background:#f7fafc;border:1px solid #e6ebf2;border-radius:6px;padding:12px}
.sel-feat .sel-f b{color:#0b3d66;font-size:14px;display:block;margin-bottom:5px}
.sel-feat .sel-f b::before{content:"✓ ";color:#e8631c}
.sel-feat .sel-f p{font-size:12px;color:#7a8796;line-height:1.6;margin:0}
.sel-rel{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sel-rel .sel-r{background:#f7fafc;border:1px solid #e6ebf2;border-radius:6px;padding:12px}
.sel-rel .sel-r a{color:#0b3d66;text-decoration:none;font-size:13px;font-weight:600;display:block;margin-bottom:5px}
.sel-rel .sel-r p{font-size:12px;color:#7a8796;margin:0}
.sel-mini{display:flex;gap:10px;padding:9px 0;border-bottom:1px dashed #eef1f5}
.sel-mini:last-child{border:none}
.sel-mini img{width:64px;height:44px;object-fit:cover;border-radius:4px}
.sel-mini a{color:#444;text-decoration:none;font-size:12px;line-height:1.5;display:block}
.sel-mini span{font-size:11px;color:#aaa}
@media(max-width:900px){
.selist-main{grid-template-columns:1fr}
.selist-side{order:2}
.selist-content{order:1}
.selist-grid{grid-template-columns:1fr}
.sel-feat,.sel-rel{grid-template-columns:1fr 1fr}
}

/* ===== 产品选型封面 selcov- 类（#26 落地，追加于 style.css 尾部）===== */
.selcov-breadcrumb{background:#fff;border-bottom:1px solid #eef1f5;padding:10px 0;font-size:13px;color:#666}
.selcov-breadcrumb a{color:#0b3d66;text-decoration:none}
.selcov-hero{background:linear-gradient(135deg,#1d4ed8 0%,#3b82f6 100%);color:#fff;padding:46px 0}
.selcov-hero h1{font-size:32px;font-weight:700;margin:0}
.selcov-hero p{font-size:15px;color:#cfe3f5;margin-top:10px;line-height:1.7}
.selcov-hero .selcov-tag{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.35);color:#fff;padding:5px 16px;border-radius:20px;font-size:13px;display:inline-block;margin-top:14px}
.selcov-sec{padding:34px 0}
.selcov-sec-title{display:flex;align-items:baseline;gap:10px;margin:0 0 22px}
.selcov-sec-title h2{font-size:22px;color:#0b3d66;font-weight:700;margin:0}
.selcov-sec-title span{color:#9aa7b6;font-size:13px}
.selcov-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.selcov-cat{background:#fff;border-radius:10px;box-shadow:0 3px 14px rgba(15,60,110,.08);padding:26px 22px;text-decoration:none;display:block;transition:transform .2s;border-top:4px solid #0b3d66}
.selcov-cat.c2{border-top-color:#2d9cdb}
.selcov-cat.c3{border-top-color:#e8631c}
.selcov-cat:hover{transform:translateY(-4px)}
.selcov-cat .ico{width:54px;height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:14px}
.selcov-cat.c1 .ico{background:#e7f1fb}
.selcov-cat.c2 .ico{background:#e6f6fb}
.selcov-cat.c3 .ico{background:#fdeee4}
.selcov-cat h3{font-size:18px;color:#0b3d66;margin:0 0 8px}
.selcov-cat .items{font-size:13px;color:#7a8796;line-height:1.8;min-height:72px}
.selcov-cat .go{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:#e8631c;font-size:14px;font-weight:600;border-top:1px dashed #e6ebf2;padding-top:12px}
.selcov-cat .go em{font-style:normal;background:#f0f5fb;color:#5a6b7d;font-size:12px;padding:2px 10px;border-radius:10px}
.selcov-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.selcov-step{background:#fff;border-radius:10px;box-shadow:0 3px 14px rgba(15,60,110,.08);padding:24px 22px;position:relative}
.selcov-step .num{position:absolute;right:18px;top:14px;font-size:34px;font-weight:800;color:#e8eef5}
.selcov-step b{font-size:16px;color:#0b3d66;display:block;margin:0 0 8px}
.selcov-step p{font-size:13px;color:#7a8796;line-height:1.7;margin:0}
.selcov-guides{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.selcov-guide{background:#fff;border-radius:10px;box-shadow:0 3px 14px rgba(15,60,110,.08);overflow:hidden;text-decoration:none;transition:transform .2s}
.selcov-guide:hover{transform:translateY(-4px)}
.selcov-guide .g-img{position:relative;height:130px}
.selcov-guide .g-img img{width:100%;height:100%;object-fit:cover}
.selcov-guide .g-tag{position:absolute;left:10px;top:10px;background:rgba(232,99,28,.92);color:#fff;font-size:11px;padding:2px 10px;border-radius:3px}
.selcov-guide .g-bd{padding:14px 16px}
.selcov-guide h3{font-size:15px;color:#0b3d66;margin:0 0 6px}
.selcov-guide p{font-size:12px;color:#7a8796;line-height:1.6;min-height:38px;margin:0}
.selcov-guide .g-more{display:inline-block;margin-top:8px;color:#e8631c;font-size:13px;font-weight:600}
.selcov-faq{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.selcov-faq .q{background:#fff;border-radius:10px;box-shadow:0 3px 14px rgba(15,60,110,.08);padding:20px}
.selcov-faq .q b{font-size:15px;color:#2563eb;display:block;margin:0 0 8px;padding-left:12px;border-left:4px solid #e8631c}
.selcov-faq .q p{font-size:13px;color:#5a6b7d;line-height:1.7;margin:0}
.selcov-rel{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.selcov-rel a{background:#fff;border-radius:10px;box-shadow:0 3px 14px rgba(15,60,110,.08);overflow:hidden;text-decoration:none;text-align:center}
.selcov-rel img{width:100%;height:120px;object-fit:cover;display:block}
.selcov-rel span{display:block;padding:10px;font-size:13px;color:#0b3d66}
.selcov-cta{background:linear-gradient(135deg,#e8631c 0%,#f08a3a 100%);border-radius:10px;color:#fff;padding:28px 34px;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.selcov-cta b{font-size:20px}
.selcov-cta p{font-size:14px;opacity:.92;margin:6px 0 0}
.selcov-cta .btns{display:flex;gap:12px}
.selcov-cta .btn{background:#fff;color:#e8631c;font-weight:700;padding:10px 22px;border-radius:6px;text-decoration:none;font-size:14px}
.selcov-cta .btn.ln{background:transparent;color:#fff;border:1px solid #fff}
@media(max-width:900px){
.selcov-cats,.selcov-steps,.selcov-guides,.selcov-faq{grid-template-columns:1fr}
.selcov-rel{grid-template-columns:1fr 1fr}
}

/* ===== 技术资源封面 tres- 类（落地，追加于 style.css 尾部）===== */
.tres-breadcrumb{background:#fff;border-bottom:1px solid #eef1f5;padding:10px 0;font-size:13px;color:#666}
.tres-breadcrumb a{color:#0b3d66;text-decoration:none}
.tres-hero{background:linear-gradient(135deg,#1d4ed8 0%,#3b82f6 100%);color:#fff;padding:46px 0}
.tres-hero h1{font-size:32px;font-weight:700;margin:0}
.tres-hero p{font-size:15px;color:#cfe3f5;margin-top:10px;line-height:1.7}
.tres-hero .tres-tag{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.35);color:#fff;padding:5px 16px;border-radius:20px;font-size:13px;display:inline-block;margin-top:14px}
.tres-sec{padding:34px 0}
.tres-sec-title{display:flex;align-items:baseline;gap:10px;margin:0 0 22px}
.tres-sec-title h2{font-size:22px;color:#0b3d66;font-weight:700;margin:0}
.tres-sec-title span{color:#9aa7b6;font-size:13px}
.tres-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tres-cat{background:#fff;border-radius:10px;box-shadow:0 3px 14px rgba(15,60,110,.08);padding:24px 20px;text-decoration:none;display:block;transition:transform .2s;border-top:4px solid #0b3d66}
.tres-cat.c2{border-top-color:#2d9cdb}
.tres-cat.c3{border-top-color:#10b981}
.tres-cat.c4{border-top-color:#e8631c}
.tres-cat:hover{transform:translateY(-4px)}
.tres-cat .ico{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#2563eb;background:#e7f1fb;margin-bottom:12px}
.tres-cat.c2 .ico{background:#e6f6fb;color:#2d9cdb}
.tres-cat.c3 .ico{background:#e4f8f1;color:#10b981}
.tres-cat.c4 .ico{background:#fdeee4;color:#e8631c}
.tres-cat h3{font-size:17px;color:#0b3d66;margin:0 0 6px}
.tres-cat .items{font-size:12px;color:#7a8796;line-height:1.7;min-height:40px}
.tres-cat .go{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:#e8631c;font-size:13px;font-weight:600;border-top:1px dashed #e6ebf2;padding-top:10px}
.tres-cat .go em{font-style:normal;background:#f0f5fb;color:#5a6b7d;font-size:12px;padding:2px 10px;border-radius:10px}
.tres-docs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tres-doc{background:#fff;border-radius:10px;box-shadow:0 3px 14px rgba(15,60,110,.08);overflow:hidden;text-decoration:none;transition:transform .2s}
.tres-doc:hover{transform:translateY(-4px)}
.tres-doc .d-img{position:relative;height:118px}
.tres-doc .d-img img{width:100%;height:100%;object-fit:cover}
.tres-doc .d-tag{position:absolute;left:10px;top:10px;background:rgba(232,99,28,.92);color:#fff;font-size:11px;padding:2px 10px;border-radius:3px}
.tres-doc .d-bd{padding:13px 15px}
.tres-doc h3{font-size:14px;color:#0b3d66;margin:0 0 6px;min-height:40px;line-height:1.4}
.tres-doc p{font-size:12px;color:#7a8796;line-height:1.6;min-height:36px;margin:0}
.tres-doc .d-more{display:inline-block;margin-top:7px;color:#e8631c;font-size:12px;font-weight:600}
.tres-faq{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tres-faq .q{background:#fff;border-radius:10px;box-shadow:0 3px 14px rgba(15,60,110,.08);padding:20px}
.tres-faq .q b{font-size:15px;color:#2563eb;display:block;margin:0 0 8px;padding-left:12px;border-left:4px solid #e8631c}
.tres-faq .q p{font-size:13px;color:#5a6b7d;line-height:1.7;margin:0}
.tres-rel{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tres-rel a{background:#fff;border-radius:10px;box-shadow:0 3px 14px rgba(15,60,110,.08);overflow:hidden;text-decoration:none;text-align:center}
.tres-rel img{width:100%;height:110px;object-fit:cover;display:block}
.tres-rel span{display:block;padding:9px;font-size:13px;color:#0b3d66}
.tres-cta{background:linear-gradient(135deg,#e8631c 0%,#f08a3a 100%);border-radius:10px;color:#fff;padding:28px 34px;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.tres-cta b{font-size:20px}
.tres-cta p{font-size:14px;opacity:.92;margin:6px 0 0}
.tres-cta .btns{display:flex;gap:12px}
.tres-cta .btn{background:#fff;color:#e8631c;font-weight:700;padding:10px 22px;border-radius:6px;text-decoration:none;font-size:14px}
.tres-cta .btn.ln{background:transparent;color:#fff;border:1px solid #fff}
@media(max-width:900px){
.tres-cats{grid-template-columns:1fr 1fr}
.tres-docs,.tres-faq,.tres-rel{grid-template-columns:1fr 1fr}
}

/* ===== 技术资源子栏目列表 tlist- 类（落地，追加于 style.css 尾部）===== */
.tlist-banner{background:linear-gradient(135deg,#1d4ed8 0%,#3b82f6 100%);color:#fff;padding:34px 0}
.tlist-banner h1{font-size:28px;font-weight:700;margin:0}
.tlist-banner p{font-size:14px;color:#cfe3f5;margin-top:8px}
.tlist-breadcrumb{background:#fff;border-bottom:1px solid #eef1f5;padding:10px 0;font-size:13px;color:#666}
.tlist-breadcrumb a{color:#0b3d66;text-decoration:none}
.tlist-layout{display:flex;gap:24px;padding:26px 0}
.tlist-side{width:270px;flex-shrink:0}
.tlist-main{flex:1;min-width:0}
.tlist-sidebox{background:#fff;border-radius:10px;box-shadow:0 3px 14px rgba(15,60,110,.08);padding:18px 16px;margin-bottom:16px}
.tlist-sidebox h3{font-size:15px;color:#2563eb;margin:0 0 12px;padding-left:10px;border-left:4px solid #e8631c}
.tlist-sitem{display:block;padding:10px 12px;font-size:13px;color:#5a6b7d;text-decoration:none;border-radius:6px;border:1px solid #eef1f5;margin-bottom:8px}
.tlist-sitem:hover{color:#e8631c;border-color:#e8631c}
.tlist-sitem.on{background:#2563eb;color:#fff;border-color:#2563eb}
.tlist-sitem em{font-style:normal;float:right;color:#9aa7b6;font-size:12px}
.tlist-sitem.on em{color:#cfe3f5}
.tlist-scontact p{font-size:13px;color:#5a6b7d;margin:0 0 4px}
.tlist-scontact .tel{font-size:20px;font-weight:700;color:#e8631c;margin-bottom:8px}
.tlist-intro{background:#fff;border-radius:10px;box-shadow:0 3px 14px rgba(15,60,110,.08);padding:16px 22px;margin-bottom:16px;font-size:13px;color:#5a6b7d;line-height:1.8}
.tlist-intro p{margin:0}
.tlist-item{background:#fff;border-radius:10px;box-shadow:0 3px 14px rgba(15,60,110,.08);padding:22px 22px;margin-bottom:16px;display:flex;gap:18px;text-decoration:none;transition:transform .2s}
.tlist-item:hover{transform:translateY(-3px)}
.tlist-item .t-img{width:150px;height:104px;flex-shrink:0;border-radius:8px;overflow:hidden}
.tlist-item .t-img img{width:100%;height:100%;object-fit:cover}
.tlist-item .t-bd{flex:1;min-width:0}
.tlist-item h2{font-size:17px;color:#0b3d66;margin:0 0 8px;line-height:1.4}
.tlist-item .t-meta{font-size:12px;color:#9aa7b6;margin-bottom:8px}
.tlist-item .t-meta em{font-style:normal;background:#f0f5fb;color:#e8631c;padding:2px 8px;border-radius:3px;margin-right:10px}
.tlist-item p{font-size:13px;color:#7a8796;line-height:1.7;margin:0 0 8px}
.tlist-item .t-more{color:#e8631c;font-size:13px;font-weight:600}
.tlist-pages{margin-top:20px;display:flex;justify-content:center;gap:8px}
.tlist-pages a{background:#fff;border:1px solid #e6ebf2;color:#2563eb;padding:7px 14px;border-radius:6px;text-decoration:none;font-size:13px}
.tlist-pages a.on{background:#2563eb;color:#fff}
@media(max-width:900px){
.tlist-layout{flex-direction:column}
.tlist-side{width:100%}
.tlist-item{flex-direction:column}
.tlist-item .t-img{width:100%;height:160px}
}

/* ===== 技术资源详情页 tdt- 类（落地，追加于 style.css 尾部）===== */
.tdt-banner{background:linear-gradient(135deg,#1d4ed8 0%,#3b82f6 100%);color:#fff;padding:30px 0}
.tdt-banner h1{font-size:24px;font-weight:700;margin:0 0 6px}
.tdt-banner p{font-size:13px;color:#cfe3f5;margin:0}
.tdt-breadcrumb{background:#fff;border-bottom:1px solid #eef1f5;padding:10px 0;font-size:13px;color:#666}
.tdt-breadcrumb a{color:#0b3d66;text-decoration:none}
.tdt-layout{display:flex;gap:24px;padding:26px 0}
.tdt-side{width:270px;flex-shrink:0}
.tdt-main{flex:1;min-width:0}
.tdt-sidebox{background:#fff;border-radius:10px;box-shadow:0 3px 14px rgba(15,60,110,.08);padding:18px 16px;margin-bottom:16px}
.tdt-sidebox h3{font-size:15px;color:#2563eb;margin:0 0 12px;padding-left:10px;border-left:4px solid #e8631c}
.tdt-sitem{display:block;padding:10px 12px;font-size:13px;color:#5a6b7d;text-decoration:none;border-radius:6px;border:1px solid #eef1f5;margin-bottom:8px}
.tdt-sitem:hover{color:#e8631c;border-color:#e8631c}
.tdt-sitem.on{background:#2563eb;color:#fff;border-color:#2563eb}
.tdt-sitem em{font-style:normal;float:right;color:#9aa7b6;font-size:12px}
.tdt-sitem.on em{color:#cfe3f5}
.tdt-hot a{display:block;padding:7px 0;border-bottom:1px dashed #eef1f5;font-size:13px;color:#5a6b7d;text-decoration:none}
.tdt-hot a:hover{color:#e8631c}
.tdt-scontact p{font-size:13px;color:#5a6b7d;margin:0 0 4px}
.tdt-scontact .tel{font-size:20px;font-weight:700;color:#e8631c;margin-bottom:8px}
.tdt-article{background:#fff;border-radius:10px;box-shadow:0 3px 14px rgba(15,60,110,.08);padding:30px 34px}
.tdt-article h1{font-size:22px;color:#0b3d66;margin:0 0 14px;line-height:1.4}
.tdt-meta{font-size:12px;color:#9aa7b6;border-top:1px solid #eef1f5;border-bottom:1px solid #eef1f5;padding:10px 0;margin-bottom:22px}
.tdt-meta em{font-style:normal;background:#f0f5fb;color:#e8631c;padding:2px 8px;border-radius:3px;margin-right:10px}
.tdt-meta span{margin-right:16px}
.tdt-text{font-size:15px;line-height:1.9;color:#4a5a6b}
.tdt-text h2{font-size:18px;color:#2563eb;margin:26px 0 12px;padding-left:10px;border-left:4px solid #e8631c}
.tdt-text h3{font-size:15px;color:#0b3d66;margin:18px 0 8px}
.tdt-text p{margin:0 0 12px}
.tdt-rel{border-top:1px solid #eef1f5;margin-top:28px;padding-top:20px}
.tdt-rel h3{font-size:15px;color:#2563eb;margin:0 0 12px;padding-left:10px;border-left:4px solid #e8631c}
.tdt-prods{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tdt-prod{background:#f7fafd;border:1px solid #eef1f5;border-radius:8px;padding:12px;text-align:center;text-decoration:none;transition:transform .2s}
.tdt-prod:hover{transform:translateY(-3px);border-color:#e8631c}
.tdt-prod img{width:100%;height:92px;object-fit:cover;border-radius:6px;background:#e8f0f8}
.tdt-prod b{display:block;font-size:13px;color:#0b3d66;margin:8px 0 2px;font-weight:600}
.tdt-prod span{font-size:12px;color:#e8631c}
.tdt-pager{display:flex;justify-content:space-between;gap:12px;margin-top:22px;font-size:13px}
.tdt-pager a{background:#f7fafd;border:1px solid #eef1f5;border-radius:6px;padding:9px 14px;color:#0b3d66;text-decoration:none;max-width:46%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tdt-pager a:hover{color:#e8631c;border-color:#e8631c}
.tdt-cta{background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff;border-radius:10px;padding:18px 24px;margin-top:22px;display:flex;justify-content:space-between;align-items:center}
.tdt-cta b{font-size:16px}
.tdt-cta span{font-size:22px;font-weight:700;color:#ffb380}
@media(max-width:900px){
.tdt-layout{flex-direction:column}
.tdt-side{width:100%}
.tdt-prods{grid-template-columns:repeat(2,1fr)}
}

/* ===== 新闻资讯封面 nlst- 版式（#30）===== */
.nlst-banner{background:linear-gradient(120deg,#1d4ed8 0%,#2563eb 55%,#3b82f6 100%);padding:44px 0 40px;color:#fff;}
.nlst-banner .en-label{font-size:12px;letter-spacing:4px;color:#93c5fd;margin-bottom:8px;text-transform:uppercase;}
.nlst-banner h1{font-size:32px;font-weight:700;margin:0 0 10px;color:#fff;}
.nlst-banner p{font-size:14px;color:#dbeafe;margin:0;}
.nlst-banner .crumb{font-size:13px;color:#bfdbfe;margin-top:16px;}
.nlst-banner .crumb a{color:#bfdbfe;text-decoration:none;}
.nlst-banner .crumb a:hover{color:#fff;}
.nlst-breadcrumb{background:#f8fafc;border-bottom:1px solid #e3e8ef;font-size:13px;color:#64748b;line-height:42px;}
.nlst-breadcrumb a{color:#2563eb;text-decoration:none;}
.nlst-breadcrumb a:hover{color:#e8631c;}
.nlst-main{display:flex;gap:28px;padding:34px 0 56px;align-items:flex-start;}
.nlst-side{width:258px;flex:0 0 258px;}
.nlst-side .panel{background:#fff;border:1px solid #e3e8ef;border-radius:8px;margin-bottom:20px;overflow:hidden;}
.nlst-side .panel h3{font-size:16px;font-weight:600;color:#2563eb;padding:14px 18px;margin:0;border-bottom:1px solid #eef1f5;position:relative;}
.nlst-side .panel h3::after{content:"";position:absolute;left:18px;bottom:-1px;width:28px;height:3px;background:#e8631c;border-radius:2px;}
.nlst-side .cat-list{padding:8px 0;}
.nlst-side .cat-list a{display:block;padding:10px 18px;color:#334155;font-size:14px;text-decoration:none;border-left:3px solid transparent;}
.nlst-side .cat-list a:hover{color:#e8631c;background:#f8fafc;}
.nlst-side .cat-list a.on{color:#1e40af;font-weight:600;background:#eef4ff;border-left-color:#2563eb;}
.nlst-side .hotline{padding:18px;text-align:center;}
.nlst-side .hotline .lab{font-size:13px;color:#64748b;margin-bottom:6px;}
.nlst-side .hotline .num{font-size:26px;font-weight:700;color:#e8631c;letter-spacing:1px;}
.nlst-side .hotline .time{font-size:12px;color:#94a3b8;margin-top:6px;}
.nlst-side .prod-list{padding:10px 14px 14px;}
.nlst-side .prod-item{display:flex;align-items:center;gap:10px;padding:8px 4px;text-decoration:none;border-bottom:1px dashed #eef1f5;}
.nlst-side .prod-item:last-child{border-bottom:none;}
.nlst-side .prod-item img{width:52px;height:52px;flex:0 0 52px;border-radius:6px;object-fit:cover;background:#f1f5f9;border:1px solid #e3e8ef;}
.nlst-side .prod-item .nm{font-size:13px;font-weight:600;color:#1e293b;line-height:1.35;}
.nlst-side .prod-item:hover .nm{color:#e8631c;}
.nlst-list{flex:1;min-width:0;background:#fff;border:1px solid #e3e8ef;border-radius:8px;overflow:hidden;}
.nlst-list .list-head{padding:16px 22px;border-bottom:1px solid #eef1f5;display:flex;align-items:center;justify-content:space-between;}
.nlst-list .list-head h2{font-size:17px;font-weight:600;color:#0b3d66;margin:0;}
.nlst-list .list-head .count{font-size:12px;color:#94a3b8;}
.nlst-item{display:flex;align-items:center;gap:18px;padding:20px 22px;border-bottom:1px solid #f1f5f9;text-decoration:none;transition:background .15s;}
.nlst-item:hover{background:#f8fafc;}
.nlst-item .date{flex:0 0 74px;text-align:center;background:#eef4ff;border-radius:8px;padding:8px 6px;color:#1e40af;}
.nlst-item .date .d{font-size:20px;font-weight:700;line-height:1.2;display:block;}
.nlst-item .date .m{font-size:11px;display:block;margin-top:2px;}
.nlst-item .info{flex:1;min-width:0;}
.nlst-item .info .t{font-size:16px;font-weight:600;color:#1e293b;line-height:1.4;margin:0 0 4px;}
.nlst-item:hover .info .t{color:#e8631c;}
.nlst-item .info .desc{font-size:13px;color:#64748b;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nlst-item .arrow{flex:0 0 18px;color:#cbd5e1;font-size:16px;}
.nlst-item:hover .arrow{color:#e8631c;}
.nlst-more{padding:14px 22px;text-align:center;}
.nlst-more a{color:#2563eb;font-size:13px;text-decoration:none;}
.nlst-more a:hover{color:#e8631c;}
.nlst-pages{padding:18px 22px;text-align:center;font-size:13px;}
.nlst-pages a{color:#2563eb;text-decoration:none;margin:0 4px;}
.nlst-pages a:hover{color:#e8631c;}
@media (max-width:768px){
  .nlst-main{flex-direction:column;}
  .nlst-side{width:100%;flex:none;}
  .nlst-banner{padding:30px 0 26px;}
  .nlst-banner h1{font-size:24px;}
  .nlst-item{padding:16px;}
  .nlst-item .date{flex:0 0 62px;}
}

/* ===== 新闻资讯详情页 nd- 版式（#30）===== */


.nd-bread{background:#f8fafc;border-bottom:1px solid #e3e8ef;font-size:13px;color:#64748b;line-height:44px;}
.nd-bread a{color:#2563eb;text-decoration:none;}
.nd-bread a:hover{color:#e8631c;}
.nd-main{display:flex;gap:28px;padding:34px 0 56px;align-items:flex-start;}
.nd-side{width:258px;flex:0 0 258px;}
.nd-side .panel{background:#fff;border:1px solid #e3e8ef;border-radius:8px;margin-bottom:20px;overflow:hidden;}
.nd-side .panel h3{font-size:16px;font-weight:600;color:#2563eb;padding:14px 18px;margin:0;border-bottom:1px solid #eef1f5;position:relative;}
.nd-side .panel h3::after{content:"";position:absolute;left:18px;bottom:-1px;width:28px;height:3px;background:#e8631c;border-radius:2px;}
.nd-side-list{padding:6px 0;}
.nd-side-item{display:block;padding:10px 18px;color:#334155;font-size:13px;line-height:1.4;text-decoration:none;border-left:3px solid transparent;}
.nd-side-item span{display:block;font-size:12px;color:#94a3b8;margin-top:2px;}
.nd-side-item:hover{color:#e8631c;background:#f8fafc;}
.nd-side-item.on{color:#1e40af;font-weight:600;background:#eef4ff;border-left-color:#2563eb;}
.nd-hotline{padding:18px;text-align:center;}
.nd-hotline .lab{font-size:13px;color:#64748b;margin-bottom:6px;}
.nd-hotline .num{font-size:26px;font-weight:700;color:#e8631c;letter-spacing:1px;}
.nd-hotline .time{font-size:12px;color:#94a3b8;margin-top:6px;}
.nd-prod-list{padding:10px 14px 14px;}
.nd-prod-item{display:flex;align-items:center;gap:10px;padding:8px 4px;text-decoration:none;border-bottom:1px dashed #eef1f5;}
.nd-prod-item:last-child{border-bottom:none;}
.nd-prod-item img{width:52px;height:52px;flex:0 0 52px;border-radius:6px;object-fit:cover;background:#f1f5f9;border:1px solid #e3e8ef;}
.nd-prod-item .nm{font-size:13px;font-weight:600;color:#1e293b;line-height:1.35;}
.nd-prod-item:hover .nm{color:#e8631c;}
.nd-article{flex:1;min-width:0;background:#fff;border:1px solid #e3e8ef;border-radius:8px;padding:34px 42px 30px;}
.nd-title{font-size:26px;font-weight:700;color:#0b3d66;margin:0 0 16px;line-height:1.4;}
.nd-meta{display:flex;gap:22px;font-size:13px;color:#94a3b8;padding-bottom:20px;border-bottom:1px solid #f1f5f9;margin-bottom:26px;}
.nd-meta span{display:flex;align-items:center;gap:6px;}
.nd-content{font-size:15px;line-height:1.9;color:#334155;}
.nd-content p{margin:0 0 18px;}
.nd-content p:last-child{margin-bottom:0;}
.nd-pager{display:flex;justify-content:flex-end;gap:14px;margin-top:34px;padding-top:22px;border-top:1px solid #f1f5f9;}
.nd-page-btn{display:flex;flex-direction:column;gap:4px;text-decoration:none;background:#f8fafc;border:1px solid #e3e8ef;border-radius:8px;padding:10px 18px;min-width:200px;}
.nd-page-btn .l{font-size:12px;color:#94a3b8;}
.nd-page-btn .t{font-size:14px;color:#1e293b;font-weight:600;}
.nd-page-btn:hover{border-color:#2563eb;background:#eef4ff;}
.nd-page-btn:hover .t{color:#2563eb;}
@media (max-width:768px){
  .nd-main{flex-direction:column;}
  .nd-side{width:100%;flex:none;}
  .nd-article{padding:22px 18px;}
  .nd-title{font-size:21px;}
}




/* ===== 关于我们模块 abl-/ablist-/abd- (2026-10-25) ===== */

/* ---- 封面 abl- ---- */
.abl-banner{background:linear-gradient(120deg,#1d4ed8 0%,#2563eb 55%,#3b82f6 100%);padding:46px 0 42px;color:#fff;}
.abl-banner .en-label{font-size:12px;letter-spacing:4px;color:#93c5fd;margin-bottom:8px;text-transform:uppercase;}
.abl-banner h1{font-size:32px;font-weight:700;margin:0 0 10px;color:#fff;}
.abl-banner p{font-size:14px;color:#dbeafe;margin:0;}
.abl-banner .crumb{font-size:13px;color:#bfdbfe;margin-top:16px;}
.abl-banner .crumb a{color:#bfdbfe;text-decoration:none;}
.abl-intro{background:#fff;border:1px solid #e3e8ef;border-radius:8px;padding:26px 30px;margin:26px 0;}
.abl-intro h2{font-size:18px;font-weight:600;color:#0b3d66;margin:0 0 10px;position:relative;padding-left:14px;}
.abl-intro h2::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;background:#e8631c;border-radius:2px;}
.abl-intro p{font-size:14px;line-height:1.9;color:#334155;margin:0 0 8px;}
.abl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:40px;}
.abl-card{background:#fff;border:1px solid #e3e8ef;border-radius:8px;padding:22px 20px;text-decoration:none;display:block;transition:box-shadow .15s,border-color .15s;}
.abl-card:hover{border-color:#2563eb;box-shadow:0 6px 16px rgba(37,99,235,.12);}
.abl-card .ic{width:46px;height:46px;border-radius:10px;background:#eef4ff;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.abl-card .ic svg{width:24px;height:24px;}
.abl-card h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 8px;}
.abl-card:hover h3{color:#e8631c;}
.abl-card p{font-size:13px;color:#64748b;line-height:1.6;margin:0 0 12px;}
.abl-card .more{font-size:12px;color:#2563eb;font-weight:600;}
.abl-cta{background:linear-gradient(135deg,#e8631c,#f97316);border-radius:8px;padding:24px 30px;color:#fff;display:flex;align-items:center;justify-content:space-between;margin:0 0 56px;}
.abl-cta b{font-size:18px;}
.abl-cta .tel{font-size:26px;font-weight:700;letter-spacing:1px;}
/* ---- 列表页 ablist- ---- */
.ablist-bread{background:#f8fafc;border-bottom:1px solid #e3e8ef;font-size:13px;color:#64748b;line-height:44px;}
.ablist-bread a{color:#2563eb;text-decoration:none;}
.ablist-main{display:flex;gap:28px;padding:34px 0 56px;align-items:flex-start;}
.ablist-side{width:258px;flex:0 0 258px;}
.ablist-side .panel{background:#fff;border:1px solid #e3e8ef;border-radius:8px;margin-bottom:20px;overflow:hidden;}
.ablist-side .panel h3{font-size:16px;font-weight:600;color:#2563eb;padding:14px 18px;margin:0;border-bottom:1px solid #eef1f5;position:relative;}
.ablist-side .panel h3::after{content:"";position:absolute;left:18px;bottom:-1px;width:28px;height:3px;background:#e8631c;border-radius:2px;}
.ablist-sitem{display:block;padding:11px 18px;color:#334155;font-size:14px;text-decoration:none;border-left:3px solid transparent;}
.ablist-sitem:hover{color:#e8631c;background:#f8fafc;}
.ablist-sitem.on{color:#1e40af;font-weight:600;background:#eef4ff;border-left-color:#2563eb;}
.ablist-sitem em{float:right;font-style:normal;font-size:12px;color:#94a3b8;}
.ablist-hotline{padding:18px;text-align:center;}
.ablist-hotline .lab{font-size:13px;color:#64748b;margin-bottom:6px;}
.ablist-hotline .num{font-size:26px;font-weight:700;color:#e8631c;letter-spacing:1px;}
.ablist-prod{padding:10px 14px 14px;}
.ablist-prod a{display:flex;align-items:center;gap:10px;padding:8px 4px;text-decoration:none;border-bottom:1px dashed #eef1f5;}
.ablist-prod a:last-child{border-bottom:none;}
.ablist-prod img{width:52px;height:52px;flex:0 0 52px;border-radius:6px;object-fit:cover;background:#f1f5f9;border:1px solid #e3e8ef;}
.ablist-prod .nm{font-size:13px;font-weight:600;color:#1e293b;line-height:1.35;}
.ablist-list{flex:1;min-width:0;background:#fff;border:1px solid #e3e8ef;border-radius:8px;overflow:hidden;}
.ablist-head{padding:16px 22px;border-bottom:1px solid #eef1f5;display:flex;align-items:center;justify-content:space-between;}
.ablist-head h2{font-size:17px;font-weight:600;color:#0b3d66;margin:0;}
.ablist-item{display:flex;align-items:center;gap:18px;padding:20px 22px;border-bottom:1px solid #f1f5f9;text-decoration:none;transition:background .15s;}
.ablist-item:hover{background:#f8fafc;}
.ablist-item .date{flex:0 0 74px;text-align:center;background:#eef4ff;border-radius:8px;padding:8px 6px;color:#1e40af;}
.ablist-item .date .d{font-size:20px;font-weight:700;line-height:1.2;display:block;}
.ablist-item .date .m{font-size:11px;display:block;margin-top:2px;}
.ablist-item .info{flex:1;min-width:0;}
.ablist-item .info .t{font-size:16px;font-weight:600;color:#1e293b;line-height:1.4;margin:0 0 4px;}
.ablist-item:hover .info .t{color:#e8631c;}
.ablist-item .info .desc{font-size:13px;color:#64748b;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ablist-item .arrow{flex:0 0 18px;color:#cbd5e1;font-size:16px;}
.ablist-item:hover .arrow{color:#e8631c;}
/* ---- 详情页 abd- ---- */
.abd-bread{background:#f8fafc;border-bottom:1px solid #e3e8ef;font-size:13px;color:#64748b;line-height:44px;}
.abd-bread a{color:#2563eb;text-decoration:none;}
.abd-main{display:flex;gap:28px;padding:34px 0 56px;align-items:flex-start;}
.abd-side{width:258px;flex:0 0 258px;}
.abd-side .panel{background:#fff;border:1px solid #e3e8ef;border-radius:8px;margin-bottom:20px;overflow:hidden;}
.abd-side .panel h3{font-size:16px;font-weight:600;color:#2563eb;padding:14px 18px;margin:0;border-bottom:1px solid #eef1f5;position:relative;}
.abd-side .panel h3::after{content:"";position:absolute;left:18px;bottom:-1px;width:28px;height:3px;background:#e8631c;border-radius:2px;}
.abd-side-item{display:block;padding:10px 18px;color:#334155;font-size:13px;line-height:1.4;text-decoration:none;border-left:3px solid transparent;}
.abd-side-item span{display:block;font-size:12px;color:#94a3b8;margin-top:2px;}
.abd-side-item:hover{color:#e8631c;background:#f8fafc;}
.abd-side-item.on{color:#1e40af;font-weight:600;background:#eef4ff;border-left-color:#2563eb;}
.abd-hotline{padding:18px;text-align:center;}
.abd-hotline .lab{font-size:13px;color:#64748b;margin-bottom:6px;}
.abd-hotline .num{font-size:26px;font-weight:700;color:#e8631c;letter-spacing:1px;}
.abd-prod{padding:10px 14px 14px;}
.abd-prod a{display:flex;align-items:center;gap:10px;padding:8px 4px;text-decoration:none;border-bottom:1px dashed #eef1f5;}
.abd-prod a:last-child{border-bottom:none;}
.abd-prod img{width:52px;height:52px;flex:0 0 52px;border-radius:6px;object-fit:cover;background:#f1f5f9;border:1px solid #e3e8ef;}
.abd-prod .nm{font-size:13px;font-weight:600;color:#1e293b;line-height:1.35;}
.abd-article{flex:1;min-width:0;background:#fff;border:1px solid #e3e8ef;border-radius:8px;padding:34px 42px 30px;}
.abd-title{font-size:26px;font-weight:700;color:#0b3d66;margin:0 0 16px;line-height:1.4;}
.abd-meta{display:flex;gap:22px;font-size:13px;color:#94a3b8;padding-bottom:20px;border-bottom:1px solid #f1f5f9;margin-bottom:26px;}
.abd-content{font-size:15px;line-height:1.9;color:#334155;}
.abd-content p{margin:0 0 18px;}
.abd-pager{display:flex;justify-content:space-between;gap:14px;margin-top:34px;padding-top:22px;border-top:1px solid #f1f5f9;}
.abd-page{display:flex;flex-direction:column;gap:4px;text-decoration:none;background:#f8fafc;border:1px solid #e3e8ef;border-radius:8px;padding:10px 18px;min-width:200px;}
.abd-page .l{font-size:12px;color:#94a3b8;}
.abd-page .t{font-size:14px;color:#1e293b;font-weight:600;}
.abd-page:hover{border-color:#2563eb;background:#eef4ff;}
.abd-page:hover .t{color:#2563eb;}
.abd-page.next{margin-left:auto;}
.abd-relate{margin-top:34px;padding-top:22px;border-top:1px solid #f1f5f9;}
.abd-relate h3{font-size:15px;font-weight:600;color:#0b3d66;margin:0 0 14px;position:relative;padding-left:12px;}
.abd-relate h3::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:3px;background:#e8631c;border-radius:2px;}
.abd-relate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.abd-relate-grid a{display:flex;flex-direction:column;gap:3px;text-decoration:none;background:#f8fafc;border:1px solid #e3e8ef;border-radius:8px;padding:12px 14px;transition:border-color .15s,background .15s;}
.abd-relate-grid a:hover{border-color:#2563eb;background:#eef4ff;}
.abd-relate-grid .t{font-size:14px;font-weight:600;color:#1e293b;}
.abd-relate-grid .u{font-size:12px;color:#94a3b8;word-break:break-all;}
.abd-relate-grid a:hover .t{color:#2563eb;}
@media (max-width:768px){
  .abd-relate-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:768px){
  .abl-grid{grid-template-columns:repeat(2,1fr);}
  .abl-banner h1{font-size:24px;}
  .ablist-main,.abd-main{flex-direction:column;}
  .ablist-side,.abd-side{width:100%;flex:none;}
  .abd-article{padding:22px 18px;}
}




/* ===== 材料代工模块 oem-/oemf- (2026-10-25) ===== */

/* ---- 封面 oem- ---- */
.oem-banner .en-label{font-size:12px;letter-spacing:4px;color:#93c5fd;margin-bottom:8px;text-transform:uppercase;}
.oem-banner h1{font-size:32px;font-weight:700;margin:0 0 10px;color:#fff;}
.oem-banner p{font-size:14px;color:#dbeafe;margin:0;}
.oem-banner .crumb{font-size:13px;color:#bfdbfe;margin-top:16px;}
.oem-banner .crumb a{color:#bfdbfe;text-decoration:none;}
.oem-intro{background:#fff;border:1px solid #e3e8ef;border-radius:8px;padding:26px 30px;margin:26px 0;}
.oem-intro h2{font-size:18px;font-weight:600;color:#0b3d66;margin:0 0 10px;position:relative;padding-left:14px;}
.oem-intro h2::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;background:#e8631c;border-radius:2px;}
.oem-intro p{font-size:14px;line-height:1.9;color:#334155;margin:0 0 8px;}
.oem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:40px;}
.oem-card{background:#fff;border:1px solid #e3e8ef;border-radius:8px;padding:22px 20px;transition:box-shadow .15s,border-color .15s;}
.oem-card:hover{border-color:#2563eb;box-shadow:0 6px 16px rgba(37,99,235,.12);}
.oem-card .ic{width:46px;height:46px;border-radius:10px;background:#eef4ff;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.oem-card .ic svg{width:24px;height:24px;}
.oem-card h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 8px;}
.oem-card:hover h3{color:#e8631c;}
.oem-card p{font-size:13px;color:#64748b;line-height:1.6;margin:0;}
.oem-flow{background:#fff;border:1px solid #e3e8ef;border-radius:8px;padding:26px 30px;margin-bottom:40px;}
.oem-flow h2{font-size:18px;font-weight:600;color:#0b3d66;margin:0 0 22px;position:relative;padding-left:14px;}
.oem-flow h2::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;background:#e8631c;border-radius:2px;}
.oem-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:step;}
.oem-step{position:relative;padding:0 18px;text-align:center;}
.oem-step::after{content:"";position:absolute;top:24px;left:calc(50% + 26px);right:calc(-50% + 26px);height:2px;background:#dbeafe;}
.oem-step:last-child::after{display:none;}
.oem-step .no{width:48px;height:48px;border-radius:50%;background:#eef4ff;border:2px solid #2563eb;color:#1e40af;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;counter-increment:step;position:relative;z-index:1;background:#eef4ff;}
.oem-step h3{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 6px;}
.oem-step p{font-size:13px;color:#64748b;line-height:1.6;margin:0;}
.oem-factory{display:flex;gap:24px;background:linear-gradient(135deg,#f8fafc,#eef4ff);border:1px solid #e3e8ef;border-radius:8px;padding:26px 30px;margin-bottom:40px;align-items:center;}
.oem-factory .pic{width:280px;height:190px;flex:0 0 280px;border-radius:8px;background:url(http://localhost/skin/hongchen/images/product-5.jpg) center/cover no-repeat;border:1px solid #e3e8ef;}
.oem-factory .body{flex:1;min-width:0;}
.oem-factory h2{font-size:18px;font-weight:600;color:#0b3d66;margin:0 0 10px;position:relative;padding-left:14px;}
.oem-factory h2::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;background:#e8631c;border-radius:2px;}
.oem-factory p{font-size:14px;line-height:1.9;color:#334155;margin:0 0 14px;}
.oem-factory a.more{display:inline-block;background:#2563eb;color:#fff;font-size:13px;font-weight:600;padding:9px 22px;border-radius:6px;text-decoration:none;}
.oem-factory a.more:hover{background:#1e40af;}
.oem-faq{background:#fff;border:1px solid #e3e8ef;border-radius:8px;padding:26px 30px;margin-bottom:40px;}
.oem-faq h2{font-size:18px;font-weight:600;color:#0b3d66;margin:0 0 18px;position:relative;padding-left:14px;}
.oem-faq h2::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;background:#e8631c;border-radius:2px;}
.oem-faq-item{padding:14px 0;border-bottom:1px dashed #eef1f5;}
.oem-faq-item:last-child{border-bottom:none;}
.oem-faq-item q{display:block;font-size:15px;font-weight:600;color:#1e293b;margin-bottom:6px;}
.oem-faq-item a{color:#334155;text-decoration:none;font-size:14px;line-height:1.8;}
.oem-faq-item a:hover{color:#e8631c;}
.oem-cta{background:linear-gradient(135deg,#e8631c,#f97316);border-radius:8px;padding:24px 30px;color:#fff;display:flex;align-items:center;justify-content:space-between;margin:0 0 56px;}
.oem-cta b{font-size:18px;}
.oem-cta .tel{font-size:26px;font-weight:700;letter-spacing:1px;}
@media (max-width:768px){
.oem-grid{grid-template-columns:repeat(2,1fr);}
.oem-steps{grid-template-columns:repeat(2,1fr);gap:18px 0;}
.oem-step::after{display:none;}
.oem-banner h1{font-size:24px;}
.oem-factory{flex-direction:column;padding:22px 18px;}
.oem-factory .pic{width:100%;flex:none;height:160px;}
}

/* ---- 生产基地列表 oemf- ---- */
.oemf-banner h1{font-size:26px;font-weight:700;margin:0 0 8px;color:#fff;}
.oemf-banner p{font-size:14px;color:#dbeafe;margin:0;}
.oemf-banner .crumb{font-size:13px;color:#bfdbfe;margin-top:12px;}
.oemf-banner .crumb a{color:#bfdbfe;text-decoration:none;}
.oemf-stats{display:flex;gap:0;background:#fff;border:1px solid #e3e8ef;border-radius:8px;margin:24px 0 30px;overflow:hidden;}
.oemf-stat{flex:1;text-align:center;padding:18px 10px;border-right:1px solid #eef1f5;}
.oemf-stat:last-child{border-right:none;}
.oemf-stat .num{font-size:30px;font-weight:700;color:#1e40af;line-height:1.2;}
.oemf-stat .lab{font-size:13px;color:#64748b;margin-top:4px;}
.oemf-region{margin-bottom:34px;}
.oemf-region h2{font-size:18px;font-weight:600;color:#0b3d66;margin:0 0 16px;position:relative;padding-left:14px;}
.oemf-region h2::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;background:#e8631c;border-radius:2px;}
.oemf-region h2 em{font-style:normal;font-size:12px;color:#94a3b8;margin-left:8px;font-weight:400;}
.oemf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.oemf-card{background:#fff;border:1px solid #e3e8ef;border-radius:8px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:box-shadow .15s,border-color .15s,transform .15s;}
.oemf-card:hover{border-color:#2563eb;box-shadow:0 8px 20px rgba(37,99,235,.14);transform:translateY(-2px);}
.oemf-card .pic{height:108px;background:url(http://localhost/skin/hongchen/images/product-5.jpg) center/cover no-repeat;}
.oemf-card .body{padding:14px 16px 16px;flex:1;display:flex;flex-direction:column;}
.oemf-card .body .city{font-size:16px;font-weight:700;color:#1e293b;}
.oemf-card:hover .body .city{color:#e8631c;}
.oemf-card .body .tag{font-size:11px;color:#1e40af;background:#eef4ff;border-radius:4px;padding:2px 8px;display:inline-block;align-self:flex-start;margin:8px 0;}
.oemf-card .body p{font-size:12px;color:#64748b;line-height:1.6;margin:0;}
.oemf-cta{background:linear-gradient(135deg,#e8631c,#f97316);border-radius:8px;padding:22px 30px;color:#fff;display:flex;align-items:center;justify-content:space-between;margin:0 0 40px;}
.oemf-cta b{font-size:17px;}
.oemf-cta .tel{font-size:26px;font-weight:700;letter-spacing:1px;}
@media (max-width:768px){
.oemf-grid{grid-template-columns:repeat(2,1fr);}
.oemf-banner h1{font-size:21px;}
.oemf-stats{flex-wrap:wrap;}
.oemf-stat{flex:0 0 50%;border-bottom:1px solid #eef1f5;}
.oemf-stat:nth-child(2n){border-right:none;}
.oemf-stat:nth-last-child(-n+2){border-bottom:none;}
}

/* ---- 生产基地内容 oemf-detail- ---- */
.oemf-banner{background:linear-gradient(120deg,#1d4ed8 0%,#2563eb 55%,#3b82f6 100%);padding:36px 0;color:#fff;}
.oemf-bread{background:#fff;border-bottom:1px solid #e3e8ef;padding:10px 0;}
.oemf-bread .wrap{font-size:13px;color:#64748b;}
.oemf-bread a{color:#2563eb;text-decoration:none;}
.oemf-bread a:hover{color:#e8631c;}
.oemf-detail-main{display:flex;gap:26px;margin:26px 0 40px;align-items:flex-start;}
.oemf-detail-side{width:260px;flex:0 0 260px;}
.oemf-detail-article{flex:1;min-width:0;background:#fff;border:1px solid #e3e8ef;border-radius:8px;padding:30px 34px;}
.oemf-detail-title{font-size:24px;font-weight:700;color:#0b3d66;margin:0 0 12px;line-height:1.4;}
.oemf-detail-meta{display:flex;gap:18px;font-size:12px;color:#94a3b8;padding-bottom:14px;border-bottom:1px solid #eef2f7;margin-bottom:20px;flex-wrap:wrap;}
.oemf-detail-card{background:#f8fafc;border:1px solid #e3e8ef;border-radius:8px;margin-bottom:22px;overflow:hidden;}
.oemf-detail-item{display:flex;border-bottom:1px solid #eef2f7;}
.oemf-detail-item:last-child{border-bottom:none;}
.oemf-detail-item .k{width:120px;flex:0 0 120px;background:#eef4ff;color:#1e40af;font-size:13px;font-weight:600;padding:12px 16px;}
.oemf-detail-item .v{flex:1;font-size:13px;color:#334155;padding:12px 16px;line-height:1.6;}
.oemf-detail-content{font-size:14px;line-height:1.9;color:#334155;}
.oemf-detail-content h2,.oemf-detail-content h3{color:#0b3d66;margin:20px 0 10px;font-size:17px;}
.oemf-detail-content p{margin:0 0 12px;}
.oemf-detail-content img{max-width:100%;border-radius:6px;}
.oemf-detail-relate{margin-top:26px;border-top:1px solid #eef2f7;padding-top:18px;}
.oemf-detail-relate h3{font-size:15px;font-weight:600;color:#0b3d66;margin:0 0 12px;}
.oemf-detail-relate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.oemf-detail-relate-grid a{display:flex;justify-content:space-between;border:1px solid #e3e8ef;border-radius:6px;padding:10px 14px;text-decoration:none;font-size:13px;color:#334155;transition:border-color .15s;}
.oemf-detail-relate-grid a:hover{border-color:#2563eb;color:#2563eb;}
.oemf-detail-relate-grid .u{color:#94a3b8;font-size:12px;}
.oemf-detail-pager{display:flex;gap:14px;margin-top:22px;border-top:1px solid #eef2f7;padding-top:18px;}
.oemf-page{flex:1;border:1px solid #e3e8ef;border-radius:6px;padding:12px 16px;text-decoration:none;display:block;}
.oemf-page:hover{border-color:#2563eb;}
.oemf-page .l{display:block;font-size:11px;color:#94a3b8;margin-bottom:4px;}
.oemf-page .t{font-size:13px;color:#1e293b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;}
.oemf-page.next{text-align:right;}
.oemf-side-item{display:flex;justify-content:space-between;align-items:center;padding:9px 4px;border-bottom:1px solid #f1f5f9;font-size:13px;color:#334155;text-decoration:none;}
.oemf-side-item:last-child{border-bottom:none;}
.oemf-side-item:hover{color:#2563eb;}
.oemf-side-item.on{color:#e8631c;font-weight:600;}
.oemf-side-item em{font-style:normal;font-size:11px;color:#94a3b8;}
.oemf-hotline{background:#eef4ff;border-radius:6px;padding:14px;text-align:center;}
.oemf-hotline .lab{font-size:12px;color:#64748b;margin-bottom:6px;}
.oemf-hotline .num{font-size:20px;font-weight:700;color:#e8631c;letter-spacing:1px;}
.oemf-prod a{display:block;text-decoration:none;margin-bottom:10px;}
.oemf-prod img{width:100%;height:92px;object-fit:cover;border-radius:6px;display:block;}
.oemf-prod .nm{font-size:12px;color:#334155;margin-top:6px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/* ---- 生产基地列表 FAQ oemf-faq ---- */
.oemf-faq{background:#fff;border:1px solid #e3e8ef;border-radius:8px;padding:26px 30px;margin-bottom:30px;}
.oemf-faq h2{font-size:18px;font-weight:600;color:#0b3d66;margin:0 0 16px;position:relative;padding-left:14px;}
.oemf-faq h2::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;background:#e8631c;border-radius:2px;}
.oemf-faq-item{padding:12px 0;border-bottom:1px solid #f1f5f9;}
.oemf-faq-item:last-child{border-bottom:none;}
.oemf-faq-item b{font-size:14px;color:#1e293b;display:block;margin-bottom:6px;}
.oemf-faq-item p{font-size:13px;color:#64748b;line-height:1.7;margin:0;}
@media (max-width:768px){
.oemf-detail-main{flex-direction:column;}
.oemf-detail-side{width:100%;flex:none;}
.oemf-detail-article{padding:20px 18px;}
.oemf-detail-title{font-size:20px;}
.oemf-detail-relate-grid{grid-template-columns:1fr;}
}

/* ===== 材料代工FAQ列表 ===== */
.oemf-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:34px 0 8px;}
.oemf-faq-card{display:flex;gap:14px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px 22px;transition:box-shadow .25s,border-color .25s;}
.oemf-faq-card:hover{box-shadow:0 10px 24px rgba(11,61,102,.10);border-color:#2563eb;}
.oemf-faq-card .ic{flex:0 0 38px;height:38px;border-radius:8px;background:#2563eb;color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;}
.oemf-faq-card .bd{min-width:0;}
.oemf-faq-card h2{font-size:17px;color:#0b3d66;margin:0 0 8px;line-height:1.5;}
.oemf-faq-card p{font-size:14px;color:#475569;line-height:1.8;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.oemf-faq-card .tm{font-size:12px;color:#94a3b8;}
@media(max-width:768px){.oemf-faq-grid{grid-template-columns:1fr;}}


/* ===== 联系我们页 contact- ===== */
.contact-hero{background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 60%,#3b82f6 100%);color:#fff;padding:44px 0 60px;position:relative;overflow:hidden}
.contact-hero::after{content:"";position:absolute;right:-60px;top:-60px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.06)}
.contact-hero h1{font-size:26px;letter-spacing:1px;margin-bottom:10px}
.contact-hero p{font-size:14px;color:#dbeafe;max-width:640px}
.contact-tel{display:inline-flex;align-items:center;gap:10px;margin-top:20px;background:#fff;color:#e8631c;font-size:22px;font-weight:800;padding:10px 24px;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.contact-tel b{font-size:12px;font-weight:600;color:#334155;display:block;line-height:1.2}
.contact-sec{padding:38px 0 8px}
.contact-sec-h{display:flex;align-items:baseline;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.contact-sec-h h2{font-size:21px;color:#0b3d66;position:relative;padding-left:14px;margin:0}
.contact-sec-h h2::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:2px;background:linear-gradient(#e8631c,#f97316)}
.contact-sec-h span{font-size:13px;color:#94a3b8}
.contact-info-grid{display:grid;grid-template-columns:1fr;gap:14px}
.contact-info-card{display:flex;gap:14px;align-items:flex-start;background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;padding:16px}
.contact-ic{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contact-info-card h3{font-size:13px;color:#94a3b8;font-weight:500;margin-bottom:2px}
.contact-info-card p{font-size:15px;color:#0f172a;font-weight:600;margin:0}
.contact-info-card .sub{font-size:12px;color:#64748b;font-weight:400}
.contact-info-card .hotline{color:#e8631c;font-size:20px}
.contact-cols{display:grid;grid-template-columns:1fr;gap:24px}
.contact-box{background:#fff;border:1px solid #eef2f7;border-radius:14px;padding:20px;box-shadow:0 4px 16px rgba(15,23,42,.04)}
.contact-form-row{margin-bottom:14px}
.contact-form-row label{display:block;font-size:13px;color:#334155;margin-bottom:6px;font-weight:600}
.contact-form-row input,.contact-form-row select,.contact-form-row textarea{width:100%;border:1px solid #d7e0ea;border-radius:8px;padding:11px 12px;font-size:15px;font-family:inherit;background:#f8fafc;box-sizing:border-box}
.contact-form-row input:focus,.contact-form-row select:focus,.contact-form-row textarea:focus{outline:none;border-color:#2563eb;background:#fff}
.contact-form-row textarea{min-height:110px;resize:vertical}
.contact-form-two{display:grid;grid-template-columns:1fr;gap:14px}
.contact-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#e8631c,#f97316);color:#fff;border:none;border-radius:10px;padding:12px 32px;font-size:15px;font-weight:700;cursor:pointer}
.contact-btn:hover{filter:brightness(1.06)}
.contact-faq{background:#f8fafc;border-radius:12px;overflow:hidden}
.contact-faq-item{display:flex;gap:12px;align-items:flex-start;padding:13px 16px;border-bottom:1px solid #f1f5f9;color:inherit}
.contact-faq-item .q{color:#2563eb;font-weight:800;font-size:14px;line-height:1.5}
.contact-faq-item .a{color:#64748b;font-size:13px;flex:1}
.contact-faq-item:hover{background:#fff}
.contact-faq-more{display:block;text-align:center;padding:10px;font-size:13px;color:#e8631c;font-weight:700;border-top:1px solid #f1f5f9}
.contact-nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-nav-card{background:#fff;border:1px solid #eef2f7;border-radius:12px;padding:18px 16px;display:block}
.contact-nav-card h4{font-size:14px;color:#0f172a;font-weight:600;margin-bottom:4px}
.contact-nav-card p{font-size:12px;color:#64748b;margin:0}
.contact-nav-card:hover{border-color:#2563eb}
.contact-pro-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-pro-card{background:#fff;border:1px solid #eef2f7;border-radius:12px;overflow:hidden;display:block}
.contact-pro-card .img{height:110px;background:#eef4fb;overflow:hidden}
.contact-pro-card .img img{width:100%;height:100%;object-fit:cover}
.contact-pro-card .txt{padding:10px 12px}
.contact-pro-card .txt h4{font-size:14px;color:#0f172a;font-weight:600;margin-bottom:4px}
.contact-pro-card .txt p{font-size:12px;color:#64748b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-pro-card:hover{border-color:#2563eb}
.contact-cta{background:linear-gradient(135deg,#e8631c,#f97316);color:#fff;text-align:center;padding:30px 16px;border-radius:14px;margin:38px 0}
.contact-cta h3{font-size:21px;margin-bottom:6px}
.contact-cta p{font-size:14px;opacity:.92;margin-bottom:14px}
.contact-cta .big{font-size:28px;font-weight:800;background:#fff;color:#e8631c;display:inline-block;padding:8px 26px;border-radius:10px}
@media(min-width:768px){
  .contact-hero{padding:56px 0 76px}
  .contact-hero h1{font-size:36px}
  .contact-info-grid{grid-template-columns:repeat(3,1fr)}
  .contact-info-card{padding:18px}
  .contact-form-two{grid-template-columns:1fr 1fr}
  .contact-cols{grid-template-columns:1.1fr .9fr}
  .contact-box{padding:26px}
  .contact-nav-grid{grid-template-columns:repeat(4,1fr)}
  .contact-pro-grid{grid-template-columns:repeat(4,1fr)}
}

/* ===== 首页整改（2026-10-25）===== */
.hero-kicker{display:inline-block;font-size:12px;letter-spacing:2px;color:#93c5fd;border:1px solid rgba(147,197,253,.4);padding:4px 12px;border-radius:20px;margin-bottom:16px}
.hero-cta{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.btn-main{background:var(--orange);color:#fff;padding:12px 28px;border-radius:6px;font-size:15px;font-weight:600}
.btn-main:hover{background:var(--orange2)}
.btn-line{border:1px solid rgba(255,255,255,.5);color:#fff;padding:12px 24px;border-radius:6px;font-size:14px}
.btn-line:hover{background:rgba(255,255,255,.1)}
.hero-tel{font-size:13px;color:#93c5fd}
.hero-tel b{display:block;font-size:26px;color:#fff;font-weight:800;letter-spacing:.5px}
.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.stat-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:16px;text-align:center}
.hero-trust{grid-column:1/-1;margin-top:6px;display:flex;gap:22px;flex-wrap:wrap;justify-content:center;border-top:1px solid rgba(255,255,255,.18);padding-top:18px}
.hero-trust span{font-size:13px;color:#c7d2fe;display:flex;align-items:center;gap:7px}
.hero-trust b{color:#fff}
.hero-trust .dot{width:6px;height:6px;border-radius:50%;background:#f97316;display:inline-block}
.sec-head{display:flex;align-items:baseline;gap:12px;margin-bottom:26px;border-bottom:2px solid var(--line);padding-bottom:12px}
.sec-head h2{font-size:26px;color:var(--blue);font-weight:800}
.sec-head .en{font-size:13px;color:var(--gray);letter-spacing:1px}
.sec-head .more{margin-left:auto;font-size:13px;color:var(--blue3)}
.sec-head .more:hover{color:var(--orange)}
.prod-name{padding:12px 14px;font-size:14px;font-weight:600;color:var(--ink)}
.prod-name a:hover{color:var(--orange)}
.sol-ico{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--blue3));color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:12px}
.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.oem-links{display:flex;gap:12px;flex-wrap:wrap}
.oem-links a{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 18px;border-radius:6px;font-size:13px}
.oem-links a:hover{background:var(--orange);border-color:var(--orange)}
.oem-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.tech-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;text-align:center}
.tech-card:hover{border-color:var(--orange)}
.tech-card b{display:block;font-size:16px;color:var(--blue);margin-bottom:6px}
.tech-card span{font-size:12px;color:var(--gray)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.trust-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;text-align:center}
.trust-card b{font-size:15px;color:var(--blue)}
.trust-card span{display:block;font-size:12px;color:var(--gray);margin-top:6px}
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.faq-q{width:26px;height:26px;border-radius:50%;background:var(--orange);color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.about-block{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;align-items:start}
.about-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.about-keywords a{font-size:12px;color:var(--blue3);border:1px solid #dbeafe;background:#eff6ff;padding:5px 12px;border-radius:20px}
.about-keywords a:hover{color:var(--orange);border-color:#fed7aa;background:#fff7ed}
.about-side{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}
.about-side h4{font-size:15px;color:var(--blue);margin-bottom:12px;padding-bottom:10px;border-bottom:1px dashed var(--line)}
.about-side ul{margin:0;padding:0}
.about-side li{list-style:none;font-size:13px;color:#475569;padding:8px 0;border-bottom:1px solid #f1f5f9;display:flex;gap:8px}
.about-side li b{color:var(--orange)}
.about-side .go{margin-top:14px;text-align:right}
.about-side .go a{font-size:13px;color:var(--blue3)}
@media (max-width:1100px){.sol-grid,.case-grid,.tech-grid,.trust-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.sol-grid,.case-grid,.tech-grid,.trust-grid,.news-grid,.faq-list{grid-template-columns:1fr}}

/* ===== 首页 hero 布局修复（2026-10-26）===== */
.hero{height:auto;min-height:520px;padding:70px 0 50px;background:linear-gradient(135deg,#1d4ed8 0%,#3b82f6 100%);display:block}
.hero .wrap{display:grid;grid-template-columns:1.5fr 1fr;gap:44px;align-items:center}
.hero-trust{grid-column:1/-1;margin-top:26px}
.hero-stats{grid-template-rows:auto auto}
@media (max-width:900px){
  .hero .wrap{grid-template-columns:1fr;gap:30px}
  .hero{padding:50px 0 40px}
}

/* ===== 首页方案卡样式覆盖（2026-10-26）===== */
.sol-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.04);display:block;overflow:hidden;transition:.3s}
.sol-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.12);border-top:3px solid var(--orange)}
.sol-card h3{background:none;color:var(--blue);font-size:17px;padding:0;margin:0 0 8px}
.sol-card h3 a{color:var(--blue);text-decoration:none}
.sol-card h3 a:hover{color:var(--orange)}
.sol-card p{font-size:13px;color:#64748b;margin:0;line-height:1.7}

/* ===== 首页网格列数统一（2026-10-26）===== */
.sol-grid,.case-grid,.tech-grid,.trust-grid{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){.sol-grid,.case-grid,.tech-grid,.trust-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.sol-grid,.case-grid,.tech-grid,.trust-grid,.news-grid,.faq-list{grid-template-columns:1fr}}

/* ===== CSS 变量定义（效果图同步，2026-10-26）===== */
:root{--blue:#0b3d66;--blue2:#1e40af;--blue3:#2563eb;--orange:#e8631c;--orange2:#f97316;--ink:#1f2937;--gray:#64748b;--line:#e5e7eb;--bg:#f6f8fb;--card:#ffffff}

/* ===== 首页 tech-grid 基础定义补齐（2026-10-26）===== */
.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:1100px){.tech-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.tech-grid{grid-template-columns:1fr}}

/* ===== 首页布局统一修正（2026-10-26）===== */
.sec{padding:52px 0}
.sec-alt{background:var(--bg)}
.oem-fact{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;text-align:center}
.oem-fact b{display:block;font-size:22px;color:var(--blue);margin-bottom:6px}
.oem-fact span{font-size:12px;color:var(--gray)}
.news-grid .news-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.news-grid .news-item a{flex:1;min-width:0;font-size:14px;color:var(--ink);text-decoration:none;font-weight:600}
.news-grid .news-item a:hover{color:var(--orange)}
.news-grid .news-item time{flex-shrink:0;font-size:12px;color:var(--gray);background:#f1f5f9;padding:3px 10px;border-radius:20px}
@media (max-width:900px){.sec{padding:36px 0}}

/* ===== 材料代工 oem-banner 深蓝横幅（效果图同步，2026-10-26）===== */
.oem-banner{background:linear-gradient(120deg,#1d4ed8,#2563eb);border-radius:14px;padding:34px 30px;color:#fff;display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:center}
.oem-banner h2{font-size:24px;margin-bottom:8px}
.oem-banner p{font-size:14px;color:#dbeafe;margin-bottom:16px}
.oem-fact{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:14px;text-align:center}
.oem-fact b{display:block;font-size:22px;color:#fbbf24;margin-bottom:4px}
.oem-fact span{font-size:12px;color:#c7d2fe}
@media (max-width:900px){.oem-banner{grid-template-columns:1fr}}