/* =========================================================
 * defaultc 模板皮肤（bootstrap 栅格 + layui 组件，全端自适应）
 * 手机 <768 / 平板 768-991 / 电脑 ≥992
 * ========================================================= */
:root {
  --db-primary: #1e5ca1;
  --db-primary-dark: #16457a;
  --db-primary-light: #2f80c3;
  --db-accent: #ff7a00;
  --db-text: #333;
  --db-text-light: #888;
  --db-border: #e8ecf1;
  --db-bg: #f5f7fa;
  --db-radius: 8px;
  --db-shadow: 0 2px 8px rgba(30, 92, 161, .08);
  --db-shadow-hover: 0 6px 18px rgba(30, 92, 161, .18);
}

body {
  background: #fff;
  color: var(--db-text);
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
}

a { color: var(--db-primary); }
a:hover { color: var(--db-primary-light); text-decoration: none; }

/* 内容区图片不撑破屏幕 */
.dc-main img { max-width: 100%; height: auto; }

/* ---------- 顶部工具条 ---------- */
.db-topbar {
  background: #f2f5f9;
  border-bottom: 1px solid var(--db-border);
  font-size: 12px;
  line-height: 32px;
  color: #8a97a8;
}
.db-topbar a { color: #66788f; margin: 0 2px; }
.db-topbar a:hover { color: var(--db-primary); }
.db-topbar .StranLink { padding: 0 4px; }

/* ---------- 商铺头部 ---------- */
.db-header { padding: 15px 0 10px 0; }
.db-logo-box {
  height: 70px; width: 100px;
  display: flex; align-items: center; justify-content: center;
  background: #fff;
  border: 1px solid var(--db-border);
  border-radius: var(--db-radius);
  padding: 4px;
}
.db-logo-box img { max-height: 62px; max-width: 92px; width: auto; height: auto; }
.db-company-name {
  font-size: 26px; font-weight: 700;
  color: #1f2d3d; letter-spacing: 1px;
  line-height: 1.4;
}
.db-company-ename { color: #8a97a8; font-size: 13px; }
@media (max-width: 767.98px) {
  .db-company-name { font-size: 18px; letter-spacing: 0; }
  .db-company-ename { font-size: 11px; }
  .db-logo-box { height: 56px; width: 80px; }
  .db-logo-box img { max-height: 48px; max-width: 72px; }
}

/* 主营标签 */
.db-header .layui-btn-warm {
  background: var(--db-accent);
  border-radius: 4px;
}
.db-header .layui-btn-primary {
  border: 1px solid #d9e4f0;
  color: var(--db-primary);
  background: #f6f9fd;
}
.db-header .layui-btn-primary:hover {
  border-color: var(--db-primary);
  color: #fff;
  background: var(--db-primary);
}

/* ---------- 主导航（bootstrap navbar 皮肤） ---------- */
.dc-nav {
  background: linear-gradient(90deg, var(--db-primary-dark), var(--db-primary) 55%, var(--db-primary-light));
  box-shadow: 0 2px 6px rgba(22, 69, 122, .25);
  padding-top: .25rem;
  padding-bottom: .25rem;
}
.dc-nav .nav-link { font-size: 15px; color: rgba(255,255,255,.92) !important; }
.dc-nav .nav-link:hover,
.dc-nav .nav-item.active .nav-link { color: #fff !important; }
.dc-nav .nav-item.active .nav-link { border-bottom: 2px solid var(--db-accent); }
.dc-nav .dropdown-menu { border: 1px solid var(--db-border); box-shadow: var(--db-shadow-hover); }
.dc-nav .dropdown-item:hover { color: var(--db-primary); background: #f2f7fd; }
.dc-search-input { border: 0; max-width: 160px; }
.dc-search-btn { background: var(--db-accent); color: #fff; }
.dc-search-btn:hover { background: #e56d00; color: #fff; }
@media (max-width: 991.98px) {
  .dc-nav .nav-item.active .nav-link { border-bottom: 0; border-left: 3px solid var(--db-accent); padding-left: 10px; }
  .dc-search-input { max-width: none; flex: 1; }
}

/* ---------- 轮播 ---------- */
#banner2 { width: 100%; margin: 0 auto; overflow: hidden; position: relative; }
.layui-carousel img { max-width: 100%; }

/* ---------- 通用：栏目标题 ---------- */
.layui-elem-quote {
  background: #f6f9fd;
  border-left: 4px solid var(--db-primary);
  border-radius: 0 var(--db-radius) var(--db-radius) 0;
  font-size: 17px;
  font-weight: 700;
  color: #1f2d3d;
  padding: 12px 15px;
}
.layui-elem-quote a { color: #1f2d3d; }
.layui-elem-quote a:hover { color: var(--db-primary); }

/* ---------- 通用：fieldset 卡片化 ---------- */
fieldset.layui-elem-field {
  border: 1px solid var(--db-border);
  border-radius: var(--db-radius);
  box-shadow: var(--db-shadow);
}
fieldset.layui-elem-field legend {
  width: auto;          /* 修正 bootstrap reboot 的 legend{width:100%} */
  max-width: none;
  margin-bottom: 0;
  line-height: normal;
  font-size: 15px;
  font-weight: 700;
  color: var(--db-primary);
  padding: 0 8px;
}

/* ---------- 通用：layui-card 微调 ---------- */
.layui-card {
  border: 1px solid var(--db-border);
  border-radius: var(--db-radius);
  box-shadow: var(--db-shadow);
}
.layui-card-header { font-weight: 700; color: #1f2d3d; }

/* ---------- 左侧栏 ---------- */
.db-side fieldset.layui-elem-field { background: #fff; }
.db-side .xuxian {
  border-bottom: 1px dashed #edf1f6;
  line-height: 24px;
}
.db-side .xuxian a { text-decoration: none; }
.db-side .xuxian a:hover font { color: var(--db-accent) !important; }
.db-side .layui-table td { font-size: 13px; }
.db-qr {
  background: #f6f9fd;
  border: 1px solid var(--db-border);
  border-radius: var(--db-radius);
  padding: 12px 5px;
  margin: 5px;
  color: #66788f;
  font-size: 12px;
  line-height: 1.8;
}
.db-qr canvas { border: 4px solid #fff; box-shadow: var(--db-shadow); }
.db-promo {
  color: #d43a3a;
  background: #fff5f0;
  border: 1px dashed #f3c7ae;
  border-radius: var(--db-radius);
  padding: 8px;
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.8;
}
/* 手机端二维码块不占太多高度 */
@media (max-width: 991.98px) {
  .db-qr { display: none; }
}

/* ---------- 产品卡片 ---------- */
.product-card {
  background: #fff;
  border: 1px solid var(--db-border);
  border-radius: var(--db-radius);
  margin: 0 0 16px 0;
  overflow: hidden;
  transition: box-shadow .25s, transform .25s, border-color .25s;
}
.product-card:hover {
  box-shadow: var(--db-shadow-hover);
  border-color: #c8dcf0;
  transform: translateY(-3px);
}
.product-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 190px;
  padding: 8px;
  background: #fff;
}
.product-thumb img {
  max-width: 100%;
  max-height: 174px;
  width: auto; height: auto;
  transition: transform .3s;
}
.product-card:hover .product-thumb img { transform: scale(1.05); }
.product-info {
  border-top: 1px solid #f1f4f8;
  background: #fbfcfe;
  padding: 8px 10px;
  text-align: center;
  min-height: 52px;
}
.product-name {
  font-size: 14px;
  color: var(--db-text);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.product-card:hover .product-name { color: var(--db-primary); }
.product-code {
  font-size: 12px;
  color: var(--db-text-light);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.product-flag { color: #ff5722; font-size: 12px; font-weight: 700; }
@media (max-width: 767.98px) {
  .product-thumb { height: 140px; }
  .product-thumb img { max-height: 124px; }
  .product-name { font-size: 13px; }
}

/* ---------- 材料牌号卡片 ---------- */
.material-card {
  background: #fff;
  border: 1px solid var(--db-border);
  border-radius: var(--db-radius);
  margin: 0 0 12px 0;
  padding: 10px 6px;
  min-height: 96px;
  text-align: center;
  font-size: 13px;
  transition: box-shadow .25s, border-color .25s;
}
.material-card:hover { box-shadow: var(--db-shadow-hover); border-color: #c8dcf0; }
.material-card .layui-badge { border-radius: 3px; }

/* ---------- 相册 ---------- */
.image-container {
  background: #fff;
  border: 1px solid var(--db-border);
  border-radius: var(--db-radius);
  padding: 10px;
  margin-bottom: 12px;
  transition: box-shadow .25s;
  font-size: 14px;
  color: #555;
  line-height: 2;
}
.image-container:hover { box-shadow: var(--db-shadow-hover); }
.image-container img { border-radius: 4px; max-width: 100%; height: auto; }

/* ---------- 公司简介 ---------- */
.content-card {
  background: #fff;
  border: 1px solid var(--db-border);
  border-radius: var(--db-radius);
  box-shadow: var(--db-shadow);
}
.about-content {
  font-size: 16px;
  color: #666;
  line-height: 1.8;
  margin-bottom: 30px;
}
.about-content strong { color: #1e88e5; }
.about-content p { margin-top: 1rem; margin-bottom: 1rem; }
.about-image { display: flex; justify-content: center; text-align: center; flex-wrap: wrap; }
.about-image img {
  max-width: 100%;
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* ---------- 产品详情页标题条 ---------- */
.detail-title {
  margin-top: 10px;
  background: linear-gradient(90deg, #eaf3fc, #f6faff);
  border: 1px solid #d9e8f7;
  border-left: 4px solid var(--db-primary);
  border-radius: 0 var(--db-radius) var(--db-radius) 0;
  padding: 12px 15px;
  font-size: 16px;
  font-weight: 700;
  color: #1f2d3d;
}

/* ---------- 在线视频 ---------- */
.dc-vod-box {
  width: 100%;
  max-width: 953px;
  aspect-ratio: 16 / 9;
  margin: 0 auto;
}
@supports not (aspect-ratio: 16 / 9) {
  .dc-vod-box { height: 56.25vw; max-height: 537px; }
}

/* ---------- 页脚 ---------- */
.db-footer {
  background: #26313d;
  color: #9aa7b5;
  margin-top: 25px;
  padding: 25px 15px 20px 15px;
  font-size: 13px;
}
.db-footer a { color: #c3cedb; }
.db-footer a:hover { color: #fff; }
.db-footer b, .db-footer strong { color: #e8edf3; }
.db-footer .db-footer-line { line-height: 2.2; }
.db-verified {
  max-width: 900px;
  margin: 15px auto 5px auto;
  padding: 15px 20px;
  background: #2d3947;
  border: 1px solid #3a4757;
  border-radius: var(--db-radius);
  font-size: 12px;
  line-height: 2;
  color: #8d9aa9;
  text-align: center;
}
.db-verified b, .db-verified strong { color: #d6dee7; }
.db-verified .db-ok { color: #35b558; font-weight: 700; }
.db-verified a { color: #7fa8d4; }

/* ---------- 表格 ---------- */
.layui-table thead th { background: #f2f7fd; color: #1f2d3d; }

/* ---------- 留言/联系 ---------- */
.db-contact-card .layui-table td { font-size: 15px; }
@media (max-width: 767.98px) {
  .layui-form-label { width: 70px; padding: 9px 5px; }
  .layui-input-block { margin-left: 80px; }
}