/* qhzn - 站点样式表（字体与配色按参考站原样还原） */
:root {
  --w-page: 1004px;
  --w-panel: 945px;
  --w-core: 922px;
  --h-head: 127px;
  --h-bar: 34px;
  --f-stack: Arial, Helvetica, sans-serif;
  --c-text: #666666;
  --c-text-in: #444444;
  --c-link: #666666;
  --c-link-in: #444444;
  --c-hover: #042471;
  --c-hover-in: #0A70BB;
  --c-tel: #008fef;
  --c-grey: #767676;
  --c-line: #e3e3e3;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: #fff;
  font-family: var(--f-stack);
  font-size: 12px;
  line-height: 20px;
  color: var(--c-text);
}

h1, h2, h3, p, figure, ul, ol, dl, dd { margin: 0; }
ul, ol { padding: 0; list-style: none; }

a {
  font-family: var(--f-stack);
  font-size: 12px;
  color: var(--c-link);
  text-decoration: none;
}
a:hover { color: var(--c-hover); text-decoration: none; }
a:hover.no-ul { text-decoration: none; }

img { display: block; border: 0; max-width: 100%; }
input, button, select, textarea { font-family: var(--f-stack); font-size: 12px; }

/* 内页链接色（参考站内页重定义 a:link/visited=#444、a:hover=#0A70BB） */
.canvas--inner a { color: var(--c-link-in); }
.canvas--inner a:hover { color: var(--c-hover-in); }

/* 参考站样式类映射 */
.t-k  { font-family: var(--f-stack); font-size: 12px; line-height: 20px; color: #666666; }
.t-k1 { font-family: var(--f-stack); font-size: 14px; line-height: 25px; color: #444444; }
.t-k2 { font-family: var(--f-stack); font-size: 12px; line-height: 21px; color: #666666; }
.t-w  { color: #ffffff; font-size: 14px; }
.t-blue { color: #156DCE; font-weight: bold; }
.t-blue2 { color: #1c6abc; font-weight: bold; }
.t-fade { color: #d7d7d7; }
.t-grey { color: #767676; }

/* 页面容器：1424 通宽，内容 1004 居中 */
.canvas {
  width: 1424px;
  margin: 0 auto;
  background: #fff;
  overflow: hidden;
}

/* ============ 页头 127px ============ */
.hd-band {
  width: 100%;
  height: var(--h-head);
  background: #fff;
}
.hd-wrap {
  width: var(--w-page);
  margin: 0 auto;
  height: var(--h-head);
}
.hd-row {
  height: 93px;
  display: flex;
  align-items: center;
  gap: 0;
  padding-top: 4px;
}
.hd-logo { width: 102px; height: 60px; flex: none; }
.hd-logo img { width: 102px; height: 60px; }
.hd-slogan { width: 374px; height: 60px; flex: none; }
.hd-slogan img { width: 374px; height: 60px; }

.hd-tel {
  margin-left: auto;
  text-align: right;
  font-family: var(--f-stack);
  font-size: 12px;
  line-height: 21px;
  color: #666666;
  padding-right: 2px;
}
.hd-tel-l { display: block; }
.hd-tel-l b { font-weight: 700; color: #666666; }
.hd-tel-l em {
  font-family: var(--f-stack);
  font-size: 12px;
  font-weight: bold;
  color: var(--c-tel);
  font-style: normal;
}

/* ============ 导航条 34px（参考站按钮图） ============ */
.hd-bar { height: var(--h-bar); }
.bar-inner { display: flex; height: var(--h-bar); }
.bar-cap { width: 7px; flex: none; }
.bar-cap img { width: 7px; height: 34px; }
.bar-tail { width: 5px; flex: none; }
.bar-tail img { width: 5px; height: 34px; }

.bar-body {
  flex: 1;
  display: flex;
  align-items: center;
  height: var(--h-bar);
  background: url(/static/ima/1-4.jpg) repeat-x 0 0;
  min-width: 0;
}
.bar-nav { display: flex; flex: 1; min-width: 0; height: var(--h-bar); align-items: center; }
.bar-cell {
  position: relative;
  width: 180px;
  height: var(--h-bar);
  flex: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 180px 34px;
}
.bar-cell + .bar-cell { margin-left: 1px; }
.bar-home { background-image: url(/static/ima/m-1.jpg); }
.bar-sort-1 { background-image: url(/static/ima/m1.jpg); }
.bar-sort-2 { background-image: url(/static/ima/m2.jpg); }
.bar-sort-3 { background-image: url(/static/ima/m5.jpg); }

.bar-link { display: block; width: 180px; height: var(--h-bar); }
.bar-cell:hover, .bar-cell.is-here { background-color: rgba(255,255,255,.10); }

.bar-sort-1:hover, .bar-sort-1.is-here { background-image: url(/static/ima/m1-1.jpg); background-size: 180px 34px; }
.bar-sort-2:hover, .bar-sort-2.is-here { background-image: url(/static/ima/m2-1.jpg); background-size: 180px 34px; }
.bar-sort-3:hover, .bar-sort-3.is-here { background-image: url(/static/ima/m5-1.jpg); background-size: 180px 34px; }

.bar-sub {
  position: absolute;
  left: 0;
  top: var(--h-bar);
  min-width: 180px;
  background: #fff;
  border: 1px solid #cdd7e2;
  box-shadow: 0 4px 10px rgba(0,0,0,.14);
  display: none;
  z-index: 30;
  padding: 3px 0;
}
.bar-cell--drop:hover .bar-sub { display: block; }
.bar-sub a {
  display: block;
  padding: 6px 12px;
  font-size: 12px;
  color: #666666;
  white-space: nowrap;
}
.bar-sub a:hover { background: #eef4fa; color: #042471; text-decoration: none; }

.bar-find { display: flex; align-items: center; padding-right: 6px; }
.bar-find form { display: flex; height: 21px; }
.bar-find-i {
  width: 104px;
  border: 1px solid #b9c6d4;
  background: #fff;
  padding: 0 5px;
  font-size: 11px;
  outline: none;
  color: #666666;
}
.bar-find-b {
  border: 0;
  background: #14417a;
  color: #fff;
  font-size: 11px;
  padding: 0 8px;
  cursor: pointer;
}
.bar-find-b:hover { background: #0e2f5b; }

/* ============ 首页横幅 1424x360 ============ */
.hero-band { width: 100%; height: 360px; overflow: hidden; }
.hero-link { display: block; }
.hero-img { width: 1424px; height: 360px; max-width: none; margin: 0 auto; }

/* ============ 内容区 ============ */
/* 首页外套底纹 bj.jpg / 内页外套底纹 4-5.jpg（参考站表格背景图） */
.body-band { padding: 0; background: url(/static/ima/bj.jpg) repeat-x 0 0; }
.body-band--inner { background: url(/static/ima/4-5.jpg) repeat-x 0 0; }
.body-wrap { width: var(--w-page); margin: 0 auto; }

.panel { width: var(--w-panel); margin: 0 auto; display: flex; align-items: stretch; }
.panel-rail { width: 11px; flex: none; }
.panel-rail img { width: 11px; height: 100%; min-height: 526px; object-fit: fill; }
.panel-rail--r { width: 12px; }
.panel-rail--r img { width: 12px; }
.panel-core {
  width: var(--w-core);
  flex: none;
  background: #fff;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.panel-inner { width: 878px; margin: 0 auto; }.panel-foot { width: var(--w-panel); margin: 0 auto; }
.panel-foot img { width: 945px; height: 11px; }

/* 六分类表 205 + 673 */
.cat-table { width: 878px; border-collapse: collapse; margin: 0 auto; }
.cat-table td { vertical-align: top; padding: 0; }
.cat-head {
  width: 205px;
  height: 28px;
  background: #0089E7;
  color: #ffffff;
  font-family: var(--f-stack);
  font-size: 14px;
  font-weight: normal;
  line-height: 28px;
  text-align: center;
}
.cat-body { background: #b4b4b4; padding: 0 !important; }
.cat-lines { width: 100%; border-collapse: collapse; }
.cat-lines td { padding: 0; }
.cat-line { height: 25px; line-height: 25px; padding-left: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cat-line:first-child { padding-left: 14px; }
.cat-line a { color: #666666; font-size: 12px; line-height: 25px; }
.cat-line a:hover { color: #042471; text-decoration: none; }

.gap-10 { height: 10px; }
.gap-8 { height: 8px; }
.hair { height: 1px; background: #ededed; }

/* 装饰横条（参考站图） */
.orn-wide { width: 881px; height: 20px; margin: 0 auto; }
.orn-thin { width: 881px; height: 7px; margin: 0 auto; }

/* 关于区 175 + 5 + 701 */
.intro { display: flex; gap: 5px; align-items: flex-start; width: 878px; margin: 0 auto; min-height: 148px; }
.intro-fig { width: 175px; height: 135px; flex: none; }
.intro-fig img { width: 175px; height: 135px; }
.intro-txt { width: 701px; font-family: var(--f-stack); font-size: 12px; line-height: 20px; color: #666666; }
.intro-h { color: #666666; font-weight: 700; margin: 0; }
.intro-txt p { margin: 0; }
.intro-txt p + p { margin-top: 0; }

/* ============ 内页横幅（参考站 4.jpg） ============ */
.sub-band { width: 100%; }
.sub-banner { width: 1424px; height: 215px; max-width: none; margin: 0 auto; }

/* ============ 双栏 215 + 6 + 29 + 670 ============ */
.two-col {
  width: 920px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
}
.col-aside { width: 215px; flex: none; }
.col-aside-gap { width: 6px; flex: none; }
.col-aside-gap img { width: 6px; height: 206px; }
.col-gap { width: 29px; flex: none; }
.col-main { width: 670px; flex: none; padding-top: 15px; }

/* 左栏：参考站图块（4-9.jpg 底纹 + 4-1 顶条） */
.aside-box {
  width: 215px;
  background: #fff url(/static/ima/4-9.jpg) no-repeat 0 0;
  padding-bottom: 10px;
  text-align: center;
}
.aside-top { width: 215px; height: 6px; }
.aside-nav { width: 191px; margin: 0 auto; }
.aside-sep { width: 191px; height: 1px; display: block; }
.aside-link { display: block; width: 191px; line-height: 0; }
.aside-link img { width: 191px; }
.aside-cap {
  width: 213px;
  height: 42px;
  margin: 0 auto;
  display: block;
}
.aside-pad { height: 8px; }
.aside-cta { display: block; width: 185px; height: 55px; margin: 0 auto; }
.aside-cta img { width: 185px; height: 55px; }

/* 左栏文字型分类（备用，参考站 .left_product 规格） */
.aside-cat {
  display: block;
  width: 191px;
  padding: 6px 0 6px 10px;
  font-family: Tahoma;
  font-size: 11px;
  line-height: 1.55;
  color: #555555;
}
.aside-cat:hover, .aside-cat.is-on { color: #042471; text-decoration: none; }

/* 位置条 */
.locate { display: flex; align-items: flex-start; gap: 0; }
.locate-cap { width: 127px; height: 39px; flex: none; }
.locate-trail {
  flex: 1;
  text-align: right;
  font-size: 12px;
  line-height: 39px;
  color: #444444;
}
.locate-trail b { font-weight: 700; color: #444444; }
.locate-rule { width: 670px; height: 10px; }

/* 列表工具条 */
.list-head {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.list-crumb { font-size: 12px; line-height: 30px; color: #444444; padding-left: 4px; }
.list-crumb a { color: #444444; }
.list-crumb a:hover { color: #0A70BB; }
.list-total { font-size: 12px; color: #ffffff; flex: none; padding-right: 6px; }
.list-total b { font-weight: 700; }

/* 产品卡（参考站规格：照片区 200x160，角切片 4px、侧边 3px，卡总宽 214） */
.pcell-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  padding: 8px 0 0;
}
.pcell { width: 214px; flex: none; }
.pcell-frame {
  display: block;
  width: 214px;
  height: 168px;
  padding: 0;
  background: #fff;
  position: relative;
}
.pcell-frame::before,
.pcell-frame::after {
  content: "";
  position: absolute;
  left: 4px;
  right: 4px;
  height: 4px;
  background-repeat: repeat-x;
}
.pcell-frame::before { top: 0; background-image: url(/static/ima/k-2.jpg); }
.pcell-frame::after { bottom: 0; background-image: url(/static/ima/k-6.jpg); }
.pcell-edge-l,
.pcell-edge-r {
  position: absolute;
  top: 4px;
  bottom: 4px;
  width: 3px;
  background-repeat: repeat-y;
}
.pcell-edge-l { left: 4px; background-image: url(/static/ima/k-8.jpg); }
.pcell-edge-r { right: 4px; background-image: url(/static/ima/k-4.jpg); }
.pcell-frame img {
  display: block;
  margin: 4px 7px;
  width: 200px;
  height: 160px;
  object-fit: contain;
  background: #fff;
}
.pcell-cap {
  display: block;
  min-height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  color: #444444;
  background: #ffffff;
  overflow: hidden;
}
.pcell-cap:hover { color: #0A70BB; text-decoration: none; }

/* 分页（参考站为文字行 + 红色当前页码） */
.paging {
  margin: 14px 0 10px;
  text-align: center;
  font-size: 12px;
  line-height: 22px;
  color: #444444;
}
.paging a { color: #444444; margin: 0 3px; }
.paging a:hover { color: #0A70BB; }
.paging .page-num-current, .paging .is-current, .paging .on { color: #FF0000; font-weight: 700; }
.paging span { margin: 0 3px; }

/* 详情（参考站 .k1：14px/25px） */
.detail-stage { padding: 0; margin-top: 0; }
.detail-name { font-size: 14px; font-weight: 700; color: #444444; text-align: center; line-height: 25px; }
.detail-sub { font-size: 12px; color: #767676; text-align: center; line-height: 21px; }
.detail-pic {
  margin: 10px auto;
  width: 420px;
  max-width: 100%;
  padding: 0;
  background: #fff;
}
.detail-pic img { width: 100%; max-height: 340px; object-fit: contain; margin: 0 auto; }
.detail-txt { font-family: var(--f-stack); font-size: 14px; line-height: 25px; color: #444444; }
.detail-txt p + p { margin-top: 0; }

.spec-table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 12px; color: #444444; }
.spec-table th, .spec-table td {
  border: 1px solid #e2e8ef;
  padding: 5px 8px;
  text-align: left;
  line-height: 20px;
}
.spec-table th { width: 84px; background: #f4f8fc; color: #444444; font-weight: 400; }

.detail-ask { margin-top: 14px; text-align: center; font-size: 12px; line-height: 21px; }
.detail-ask a { color: #0A70BB; }
.detail-adj { padding: 8px 0 4px; }
.adj-line { height: 25px; line-height: 25px; font-size: 12px; color: #444444; }
.adj-line a { color: #444444; }
.adj-line a:hover { color: #0A70BB; }
.detail-meta { text-align: center; font-size: 12px; line-height: 21px; color: #767676; padding: 6px 0 4px; }
.detail-meta a { color: #0A70BB; }

/* 单页 */
.sheet { padding: 0; margin-top: 6px; min-height: 340px; }
.sheet-name {
  font-size: 14px;
  font-weight: 700;
  color: #444444;
  line-height: 25px;
  padding-bottom: 6px;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 10px;
}
.sheet-rich { font-family: var(--f-stack); font-size: 12px; line-height: 25px; color: #444444; }
.sheet-rich p + p { margin-top: 0; }
.sheet-rich img { margin: 8px 0; }
.spec-table--sheet { margin-top: 16px; }

/* 搜索 */
.find-box { border: 1px solid #e3e3e3; background: #fbfbfb; padding: 12px 14px; }
.find-form { display: flex; width: 420px; max-width: 100%; height: 26px; }
.find-input {
  flex: 1;
  border: 1px solid #d3dbe5;
  border-right: 0;
  padding: 0 8px;
  font-size: 12px;
  outline: none;
  color: #444444;
}
.find-go {
  border: 0;
  background: #14417a;
  color: #fff;
  padding: 0 16px;
  font-size: 12px;
  cursor: pointer;
}
.find-go:hover { background: #0A70BB; }
.find-tip { margin-top: 6px; font-size: 12px; color: #767676; }
.find-list { padding: 6px 0; }
.find-row { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px dashed #e3e3e3; }
.find-pic { width: 110px; height: 92px; flex: none; border: 1px solid #e3e3e3; padding: 3px; }
.find-pic img { width: 100%; height: 100%; object-fit: contain; }
.find-txt { flex: 1; min-width: 0; }
.find-name { font-size: 12px; font-weight: 700; color: #444444; }
.find-en { font-size: 12px; color: #767676; line-height: 21px; }
.find-desc { font-size: 12px; color: #444444; line-height: 21px; }
.find-meta { font-size: 12px; color: #767676; display: flex; gap: 16px; line-height: 21px; }
.find-meta a { color: #0A70BB; }

/* 404 */
.gone { background: #fff; text-align: center; padding: 40px 20px 44px; margin: 6px 0 18px; }
.gone-code { font-family: var(--f-stack); font-size: 64px; font-weight: 700; line-height: 1; color: #d7d7d7; }
.gone-name { font-size: 14px; color: #444444; margin-top: 10px; font-weight: 700; line-height: 25px; }
.gone-txt { font-size: 12px; color: #767676; margin-top: 6px; line-height: 21px; }
.gone-acts { margin-top: 18px; display: flex; gap: 10px; justify-content: center; }
.gone-btn {
  display: inline-block;
  padding: 5px 20px;
  border: 1px solid #14417a;
  background: #14417a;
  color: #fff;
  font-size: 12px;
}
.gone-btn:hover { background: #0A70BB; border-color: #0A70BB; color: #fff; text-decoration: none; }
.gone-btn--line { background: #fff; color: #14417a; }
.gone-btn--line:hover { color: #fff; }
.gone-more { margin-top: 22px; font-size: 12px; color: #767676; }
.gone-more a { margin: 0 6px; color: #0A70BB; }

/* ============ 页脚（参考站 .STYLE2 #767676） ============ */
.ft-band {
  width: 100%;
  margin-top: 0;
  background: #fff;
  color: #767676;
  padding: 0 0 10px;
}
.ft-wrap { width: 945px; margin: 0 auto; }
.ft-orn { width: 945px; height: 14px; }
.ft-rule { height: 1px; background: #E3E3E3; width: 923px; margin: 0 auto; }
.ft-line {
  min-height: 32px;
  width: 923px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0 8px;
  font-family: var(--f-stack);
  font-size: 12px;
  line-height: 32px;
  color: #767676;
}
.ft-copy { margin-right: auto; }
.ft-item { white-space: nowrap; }
.ft-line a { color: #444444; }
.ft-line a:hover { color: #0A70BB; }

/* 小窗口：保持 1424 固定版式，出横向滚动条（与原站表格站行为一致，不错位） */
body { min-width: 1424px; }
.canvas { min-width: 1424px; }
.hd-band, .hero-band, .sub-band, .body-band, .ft-band { overflow-x: hidden; }
.hero-band, .sub-band { display: flex; justify-content: center; }
.hero-img, .sub-banner { flex: none; }