@charset "utf-8";
/* ============================================================
   全普电气 - 视觉精致化覆盖样式
   仅优化字体/色彩/线条/阴影/过渡，不改动布局结构
   ============================================================ */

/* ---------- 1. 全局字体与排版 ---------- */
body, input, button, form, textarea {
  font-family: var(--qp-font);
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.2px;
}

/* 统一所有标题字体族，取消原 CSS 强制的 Microsoft YaHei */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--qp-font);
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* 覆盖 menu-override.css 中 body.homehz .index * 的 !important 强制字体 */
body.homehz .index * {
  font-family: var(--qp-font) !important;
}
/* 覆盖各区块标题的高优先级 !important 字体规则 */
body.homehz .floor_6 .title h3,
body.homehz .honor .title h3,
body.homehz .case .title h3,
body.homehz .partner .title h3 {
  font-family: var(--qp-font) !important;
}

/* 标题统一字重与间距 */
.index .title h3 { font-weight: 700; letter-spacing: 2px; }
.index .title h4 { font-weight: 400; letter-spacing: 6px; opacity: 0.55; }
.indextit h2 { font-weight: 700; letter-spacing: 2px; }
.indextit h3 { font-weight: 400; letter-spacing: 4px; }

/* 正文段落行距优化 */
p { line-height: 1.8; }

/* ---------- 1b. 字号梯度统一（消除 13/15/17/28 等非标尺寸）---------- */
/* 产品卡片标题：15px→16px，字重 500→600，行距 1.35→1.5 */
.index .ipro .item h3,
.index .ipro .item .bg h3,
.wrapper .productlist .item h3 {
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.3px;
}

/* 新闻标题：17px→16px，统一字重与行距 */
.index .newsbox .item h3,
body.homehz .news-card h3,
.index .inews .item h3,
.wrapper .newslist .item h3 {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

/* 案例区块"其他"项：30px→26px，与同级案例标题统一 */
.index .icase .item.other h4,
.index .icase .item:last-child h4 {
  font-size: 26px;
}

/* 页脚"友情链接"标题：13px→14px，与其他页脚小标题统一 */
.bottom_main .flink h4,
.bottom_main .friendlink h4,
.bottom_main .links h4 {
  font-size: 14px;
}

/* 页脚区块小标题字体族统一（取消 PingFang SC 强制） */
.bottom_main h4,
.bottom_main .bnav dl dt a,
.bottom_main .contact_info {
  font-family: var(--qp-font);
}

/* 电话号码等数字字体微调，与中文协调 */
.tel, .phone, [class*="tel"] {
  font-family: var(--qp-font);
  font-variant-numeric: tabular-nums;
}

/* ---------- 2. 主色与配色系统 ---------- */
:root {
  --qp-primary: #0a5cba;
  --qp-primary-dark: #084a96;
  --qp-primary-light: #1a7dd9;
  --qp-primary-soft: #eaf3fc;
  --qp-accent: #0e75c8;
  --qp-text: #2c3e50;
  --qp-text-light: #6b7c8d;
  --qp-text-faint: #99a;
  --qp-border: #e8edf2;
  --qp-border-soft: #f0f4f8;
  --qp-bg-soft: #f7fafc;
  --qp-shadow-sm: 0 1px 3px rgba(10, 92, 186, 0.06);
  --qp-shadow-md: 0 4px 16px rgba(10, 92, 186, 0.08);
  --qp-shadow-lg: 0 10px 30px rgba(10, 92, 186, 0.12);
  --qp-radius: 6px;
  --qp-radius-sm: 4px;
  --qp-radius-lg: 10px;
  /* 统一字体栈：Mac 用 PingFang SC，Win 回退微软雅黑 */
  --qp-font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB",
             "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a { color: var(--qp-text); transition: color .25s ease; }
a:hover { color: var(--qp-primary); }

/* ---------- 3. 线条与边框柔化 ---------- */
/* 全局边框色调统一替换为更柔和的灰蓝 */
[style*="border:1px solid #eee"],
[style*="border:1px solid #ddd"],
[style*="border:1px solid #e5e5e5"] {
  border-color: var(--qp-border) !important;
}

/* 产品卡片边框柔化 + 微阴影 */
.wrapper .productlist .item,
.teamwork .item img,
.index .ihonor .item,
.index .ipro .item,
.thumblist .item a,
.index .iabout .img,
.wrapper .left .leftbox,
.wrapper .left .submenu li a.sub1,
.wrapper .left .submenu .box,
.formdata .item,
.formdata .liuyan,
.showproduct .showimg .showimg_left {
  border-color: var(--qp-border) !important;
  transition: all .3s cubic-bezier(.4,0,.2,1);
}

/* ---------- 4. 产品卡片：阴影 + 悬浮 ---------- */
.wrapper .productlist .item {
  border-radius: var(--qp-radius);
  overflow: hidden;
  box-shadow: var(--qp-shadow-sm);
}
.wrapper .productlist .item:hover {
  box-shadow: var(--qp-shadow-lg);
  transform: translateY(-4px);
  border-color: var(--qp-primary-soft);
}
.wrapper .productlist .item img {
  transition: transform .4s ease, filter .3s ease;
}
.wrapper .productlist .item:hover img {
  transform: scale(1.05);
  filter: brightness(1.03);
}
.wrapper .productlist .item h3 {
  font-weight: 500;
  letter-spacing: 0.5px;
  transition: color .25s ease;
}
.wrapper .productlist .item:hover h3 {
  color: var(--qp-primary);
}

/* ---------- 5. 导航栏精致化 ---------- */
.top_main .nav li {
  position: relative;
}
.top_main .nav li a {
  border-radius: var(--qp-radius-sm);
  font-weight: 500;
  transition: all .28s cubic-bezier(.4,0,.2,1);
  position: relative;
  overflow: hidden;
}
/* hover：背景渐变 + 上浮 + 阴影 */
.top_main .nav li:hover a {
  background: linear-gradient(135deg, var(--qp-primary) 0%, var(--qp-primary-dark) 100%);
  box-shadow: 0 4px 14px rgba(10, 92, 186, 0.3);
  transform: translateY(-2px);
}
/* 当前/激活项底部 accent 线 */
.top_main .nav li.hover > a,
.top_main .nav li.current > a {
  background: var(--qp-primary);
  box-shadow: 0 2px 10px rgba(10, 92, 186, 0.25);
}
.top_main .nav li.hover > a::after,
.top_main .nav li.current > a::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 60%;
  height: 3px;
  background: #fff;
  border-radius: 3px 3px 0 0;
  opacity: 0.9;
}
/* 子菜单：淡入 + 下滑 */
.top_main .nav li .subnav {
  border-top: 2px solid var(--qp-primary);
  box-shadow: 0 8px 24px rgba(10, 92, 186, 0.12);
  border-radius: 0 0 var(--qp-radius) var(--qp-radius);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity .25s ease, transform .25s ease, visibility .25s;
}
.top_main .nav li:hover .subnav {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.top_main .nav li .subnav a {
  border-bottom: 1px solid var(--qp-border-soft);
  transition: all .2s ease;
  border-radius: 0;
}
.top_main .nav li .subnav a:hover {
  background: var(--qp-primary-soft);
  color: var(--qp-primary);
  text-indent: 8px;
  font-weight: 600;
}
/* 子菜单第一项圆角，最后一项去底边 */
.top_main .nav li .subnav a:first-child {
  border-radius: 0;
}
.top_main .nav li .subnav a:last-child {
  border-bottom: none;
  border-radius: 0 0 var(--qp-radius-sm) var(--qp-radius-sm);
}

/* ---------- 5b. 顶部 header 导航（移动端/窄屏可见）---------- */
.header .nav li {
  position: relative;
}
.header .nav li a {
  border-radius: var(--qp-radius-sm);
  font-weight: 500;
  transition: all .28s cubic-bezier(.4,0,.2,1);
  position: relative;
}
.header .nav li:hover > a {
  background: linear-gradient(135deg, var(--qp-primary) 0%, var(--qp-primary-dark) 100%);
  color: #fff;
  box-shadow: 0 4px 14px rgba(10, 92, 186, 0.3);
  transform: translateY(-2px);
}
.header .nav li.active > a {
  background: var(--qp-primary);
  color: #fff;
  box-shadow: 0 2px 10px rgba(10, 92, 186, 0.25);
}
.header .nav li.active > a::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 60%;
  height: 3px;
  background: #fff;
  border-radius: 3px 3px 0 0;
  opacity: 0.9;
}
/* 下拉菜单淡入下滑 */
.header .nav .dropdown-box {
  border-top: 2px solid var(--qp-primary);
  box-shadow: 0 8px 24px rgba(10, 92, 186, 0.12);
  border-radius: 0 0 var(--qp-radius) var(--qp-radius);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity .25s ease, transform .25s ease, visibility .25s;
}
.header .nav li:hover .dropdown-box {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.header .nav .dropdown-box a {
  transition: all .2s ease;
  border-radius: 0;
}
.header .nav .dropdown-box a:hover {
  background: var(--qp-primary-soft);
  color: var(--qp-primary);
  text-indent: 6px;
  font-weight: 600;
}

/* ---------- 6. 按钮统一样式 ---------- */
.formdata .sub,
.index .more .gd,
.index .youshi .item .txt .cha,
.index .iabout .txt a .cha,
.index .newsbox .item .txt span,
.company-btns .btn-detail {
  border-radius: var(--qp-radius);
  transition: all .3s cubic-bezier(.4,0,.2,1);
  border: 2px solid var(--qp-primary);
  will-change: transform;
}
/* 实心按钮：hover 上浮 + 阴影增强 + 微放大 */
.formdata .sub:hover,
.index .more .gd:hover,
.company-btns .btn-detail:hover {
  background: var(--qp-primary-dark);
  border-color: var(--qp-primary-dark);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(10, 92, 186, 0.3);
}
/* 实心按钮：按压反馈 */
.formdata .sub:active,
.index .more .gd:active,
.company-btns .btn-detail:active {
  transform: translateY(0) scale(0.97);
  box-shadow: 0 2px 6px rgba(10, 92, 186, 0.2);
}

/* 次级按钮（描边型）hover 填充 */
.index .youshi .item .txt .cha,
.index .newsbox .item .txt span,
.company-btns .btn-consult {
  background: #fff;
  color: var(--qp-primary);
}
.index .youshi .item .txt .cha:hover,
.index .newsbox .item .txt:hover span,
.company-btns .btn-consult:hover {
  background: var(--qp-primary);
  color: #fff;
  box-shadow: 0 6px 18px rgba(10, 92, 186, 0.25);
  transform: translateY(-2px);
}
/* 次级按钮按压反馈 */
.index .youshi .item .txt .cha:active,
.company-btns .btn-consult:active {
  transform: translateY(0) scale(0.97);
  box-shadow: 0 2px 6px rgba(10, 92, 186, 0.15);
}

/* 内页"更多"按钮组：次按钮 hover 也统一 */
.index .more .zx {
  border-radius: 0 var(--qp-radius) var(--qp-radius) 0;
  transition: all .3s cubic-bezier(.4,0,.2,1);
}
.index .more .zx:hover {
  background: var(--qp-primary);
  border-color: var(--qp-primary);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(10, 92, 186, 0.25);
}
.index .more .gd {
  border-radius: var(--qp-radius) 0 0 var(--qp-radius);
}

/* ---------- 7. 区块标题装饰线优化 ---------- */
.indextit .line {
  height: 3px;
  border-radius: 2px;
  background: linear-gradient(90deg, transparent, var(--qp-primary), transparent);
  margin: 24px auto 36px;
}
.index .title s {
  opacity: 0.4;
}

/* ---------- 8. 关于我们区块文字层次 ---------- */
.company-left h2 {
  font-weight: 700;
  letter-spacing: 1px;
}
.company-left .company-desc {
  color: var(--qp-text-light);
  text-align: justify;
}
.company-tags .tag-item {
  border-radius: 20px;
  border-color: var(--qp-border);
  color: var(--qp-text-light);
  font-weight: 500;
}
.company-tags .tag-item:hover {
  border-color: var(--qp-primary);
  background: var(--qp-primary);
  color: #fff;
  box-shadow: 0 2px 8px rgba(10, 92, 186, 0.2);
}

/* ---------- 9. 数据统计区块（背景图 + 固定高 200px）---------- */
/* 覆盖 menu-override.css L5592-5604 的深蓝 #1f2a44 + !important */
body.homehz .stats_main {
  height: 200px !important;
  padding: 0 !important;                          /* 清掉 menu-override 的 50px 上下 padding */
  background-image: url('/pc2/index_files/renbg_1.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  border-top: none !important;
  border-bottom: none !important;
}
/* 内层容器全部透明，让背景图透出来 */
body.homehz .stats,
body.homehz .stats-list,
body.homehz .stats-item,
body.homehz .stats_main .w1200 {
  background: transparent !important;
}
/* 数字：白色（覆盖 menu-override L5628 color:#0a5cba） */
body.homehz .stats-item .num,
body.homehz .stats_main .stats-num,
body.homehz .stats_main span,
body.homehz .stats-list .num {
  color: #fff !important;
  text-shadow: none !important;
}
/* 描述小字：白色 */
body.homehz .stats-item .desc,
body.homehz .stats_main p,
body.homehz .stats-list p,
body.homehz .stats-main .desc {
  color: #fff !important;
}
.stats-item h3 { color: #fff; }
.stats-item p { color: #fff; letter-spacing: 1px; }
/* 让内容垂直居中在 200px 高度内 */
body.homehz .stats_main .w1200 {
  height: 100%;
  display: flex;
  align-items: center;
}
body.homehz .stats {
  height: 100%;
  display: flex;
  align-items: center;
}
/* stats-list 撑满父容器宽度，让 4 个 item 均匀分布（之前只有 566px 挤左边） */
body.homehz .stats-list {
  width: 100% !important;
  flex: 1 !important;
  padding: 0 !important;
}

/* ---------- 9b. 服务流程区块（背景图 renbg_2.jpg + 保持原高 150px）---------- */
/* 覆盖 menu-override.css L5696-5748 的深蓝 #1f2a44 + 米白文字 + 蓝调边框 */
/* 基础层 service-flow.css 也用了 #1f2a44，一并覆盖 */
.service-flow-main,
body.homehz .service-flow {
  background-image: url('/pc2/index_files/renbg_2.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  color: #fff !important;
}
body.homehz .service-flow .w1200 {
  background: transparent !important;
}
/* 大标题：米白 → 纯白；下边框蓝调 → 半透明白 */
body.homehz .service-flow h3,
body.homehz .service-flow .service-title h3 {
  color: #fff !important;
  border-bottom-color: rgba(255,255,255,0.3) !important;
}
/* 所有文字：米白 → 纯白 */
body.homehz .service-flow p,
body.homehz .service-flow .step-item,
body.homehz .service-flow li,
body.homehz .service-flow .step-name,
body.homehz .service-flow .step-desc {
  color: #fff !important;
}
/* 装饰性伪元素边框：蓝调 → 半透明白 */
body.homehz .service-flow .step-item::after,
body.homehz .service-flow li::after,
body.homehz .service-flow .service-title::after {
  border-color: rgba(255,255,255,0.3) !important;
}

/* ---------- 9c. Footer 品牌展示区 .qp4-hero（背景图 renbg_3.jpg + 固定高 200px）---------- */
/* 覆盖 footer-standalone.css L14 的蓝渐变 + padding:40px + ::after 光晕 */
body.homehz #qp-footer .qp4-hero {
  height: 200px !important;
  padding: 0 !important;
  background-image: url('/pc2/index_files/renbg_3.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
/* 去掉蓝渐变上的白色光晕伪元素（背景图上叠光晕会很乱） */
body.homehz #qp-footer .qp4-hero::after {
  display: none !important;
}
/* 内层透明 + 垂直居中 + 保持原来的 grid 4等分布局（不能改成 flex，会挤左边） */
body.homehz #qp-footer .qp4-hero-inner {
  height: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  align-items: center !important;
}
/* 清掉 .a-cell 的 padding，让内容刚好在 200px 内 */
body.homehz #qp-footer .a-cell {
  padding: 0 !important;
}

/* ---------- 9d. 友情链接区块（从 footer 移到新闻中心下方，参考 danfly.cn） ---------- */
/* 覆盖 footer-standalone.css L75-82 的深蓝样式 */
body.homehz #qp-footer .qp4-friendlinks {
  background: #fff !important;                  /* 白色背景，提升特异性覆盖 footer-standalone.css */
  padding: 20px 0 !important;
  border-top: none !important;
}
body.homehz #qp-footer .qp4-friendlinks-inner {
  display: block !important;                   /* 改回 block，不用 flex */
  align-items: initial !important;
  gap: 0 !important;
}
body.homehz #qp-footer .qp4-friendlinks h4 {
  color: #0e75c8 !important;                  /* 蓝色标题 */
  font-size: 18px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  padding: 0 0 15px !important;               /* 底部 15px 间距 */
  white-space: normal !important;
  line-height: 1.5 !important;
  border-bottom: 1px solid #ddd !important;   /* 灰色下划线 */
}
body.homehz #qp-footer .qp4-friendlinks h4 small {
  color: #999 !important;                     /* 副标题灰色 */
  font-size: 14px !important;
  font-weight: normal !important;
}
body.homehz #qp-footer .qp4-flinks-list {
  display: block !important;                  /* 改回 block，不用 flex */
  flex: initial !important;
  flex-wrap: initial !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 0 0 -20px !important;              /* 抵消第一个 li 的 margin-left */
  height: auto !important;
  overflow: visible !important;
  float: none !important;
}
body.homehz #qp-footer .qp4-flinks-list li {
  float: left !important;                      /* float 多行换行 */
  display: list-item !important;
  margin: 20px 0 0 20px !important;
  padding: 0 !important;
  width: auto !important;
  min-width: 84px !important;
}
body.homehz #qp-footer .qp4-flinks-list a {
  color: #777 !important;                      /* 灰色链接 */
  font-size: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.5 !important;
  border-right: none !important;               /* 去掉竖线分隔 */
  transition: color 0.2s !important;
}
body.homehz #qp-footer .qp4-flinks-list a:hover {
  color: #0e75c8 !important;                   /* hover 变蓝 */
}

/* ---------- 10. 合作伙伴区块 ---------- */
.partner_main {
  background: linear-gradient(90deg, #f5f8fc 0%, #fafbfd 50%, #f5f8fc 100%);
}
.teamwork .item img {
  border-radius: var(--qp-radius);
  box-shadow: var(--qp-shadow-sm);
}
.teamwork .item a:hover img {
  border-color: var(--qp-primary);
  box-shadow: var(--qp-shadow-md);
  transform: translateY(-2px);
}

/* ---------- 11. 荣誉/案例卡片悬浮优化 ---------- */
.index .ihonor .item,
.case-item {
  border-radius: var(--qp-radius);
  overflow: hidden;
  box-shadow: var(--qp-shadow-sm);
  transition: all .35s cubic-bezier(.4,0,.2,1);
}
.index .ihonor .item:hover,
.case-item:hover {
  box-shadow: var(--qp-shadow-lg);
  transform: translateY(-4px);
}
.case-overlay {
  background: linear-gradient(135deg, rgba(10,92,186,0.85) 0%, rgba(8,74,150,0.9) 100%);
}

/* ---------- 12. 列表项（新闻/文字列表）悬浮 ---------- */
.textlist .item,
.thumblist1 .item {
  transition: all .25s ease;
}
.textlist .item:hover,
.thumblist1 .item:hover {
  transform: translateX(4px);
}
.textlist .item h3,
.thumblist1 .item h3 {
  transition: color .25s ease;
}
.textlist .item:hover h3,
.thumblist1 .item:hover h3 {
  color: var(--qp-primary);
}
.textlist .item .time b {
  font-weight: 700;
}

/* ---------- 13. 表单输入框聚焦优化 ---------- */
.formdata .item,
.formdata .liuyan {
  border-radius: var(--qp-radius);
  transition: border-color .25s ease, box-shadow .25s ease;
}
.formdata .item:focus-within,
.formdata .liuyan:focus-within {
  border-color: var(--qp-primary);
  box-shadow: 0 0 0 3px var(--qp-primary-soft);
}
.formdata .sub {
  border-radius: var(--qp-radius);
  font-weight: 500;
  letter-spacing: 2px;
}

/* ---------- 14. 侧边栏菜单精致化 ---------- */
.wrapper .left .submenubox .left_title {
  background: linear-gradient(135deg, var(--qp-primary) 0%, var(--qp-primary-dark) 100%);
  border-radius: var(--qp-radius-sm);
}
.wrapper .left .submenu li a.sub1 {
  border-radius: 0;
  transition: all .2s ease;
}
.wrapper .left .submenu li a.sub1:hover,
.wrapper .left .submenu li.hover a.sub1 {
  background: var(--qp-primary-soft);
  border-left: 3px solid var(--qp-primary);
  color: var(--qp-primary);
  font-weight: 500;
}
.wrapper .left .submenu .box a {
  transition: all .2s ease;
}
.wrapper .left .submenu .box a:hover,
.wrapper .left .submenu .box a.hover {
  color: var(--qp-primary);
  background: var(--qp-primary-soft);
}
.wrapper .left .leftbox {
  border-radius: var(--qp-radius);
  box-shadow: var(--qp-shadow-sm);
}
.wrapper .left .leftbox .cont .zx {
  border-radius: var(--qp-radius-sm);
  transition: background .25s ease;
}
.wrapper .left .leftbox .cont .zx:hover {
  background: var(--qp-primary-dark);
}

/* ---------- 15. 内容页标题装饰 ---------- */
.wrapper .right .right_title h3 {
  border-left: 3px solid var(--qp-primary);
  padding-left: 12px;
  font-weight: 600;
}
.showproduct .baseinfo .t {
  color: var(--qp-primary);
  font-weight: 700;
}
.showproduct .detaiinfo .title2 s {
  background: linear-gradient(90deg, var(--qp-primary), var(--qp-primary-light));
  border-radius: 2px;
}

/* ---------- 16. 分页器 ---------- */
.pglist a {
  border-radius: var(--qp-radius-sm);
  border-color: var(--qp-border);
  transition: all .2s ease;
}
.pglist a:hover, .pglist .hover {
  background: var(--qp-primary);
  border-color: var(--qp-primary);
  box-shadow: 0 2px 6px rgba(10, 92, 186, 0.25);
}

/* ---------- 17. 页脚精致化 ---------- */
.footer_main {
  background: linear-gradient(180deg, #2c3e50 0%, #1e2d3d 100%);
  border-top: 3px solid var(--qp-primary);
}
.footer_main .links {
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.bottom_main {
  border-top: 1px solid rgba(255,255,255,0.08);
}
.bottom_main .bnav dl dd a,
.bottom_main .contact_info p.p1,
.bottom_main .contact_info p.tel,
.bottom_main .contact_info i,
.bottom_main .contact_info i a {
  color: #c0cdd9;
}
.bottom_main .bnav dl dd a:hover {
  color: var(--qp-primary-light);
}
.copyright_main {
  background: #16202b;
}

/* ---------- 18. 滚动条美化 ---------- */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #f0f4f8; }
::-webkit-scrollbar-thumb {
  background: #c5d4e3;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover { background: var(--qp-primary); }

/* ---------- 19. 顶部工具栏 ---------- */
.header_main {
  background: #1a2a3a;
}
.header_main .ksdh a:hover { color: #5dade2; }

/* ---------- 20. 轮播指示点 ---------- */
.banner .tip span {
  transition: all .3s ease;
}
.banner .tip span.cur,.banner .tip span.on {
  background: var(--qp-primary);
  box-shadow: 0 0 0 3px rgba(10, 92, 186, 0.25);
}

/* ---------- 21. 右侧浮动工具栏 ---------- */
.toolbar dd {
  box-shadow: var(--qp-shadow-sm);
  transition: all .25s ease;
}
.toolbar dd:hover {
  box-shadow: var(--qp-shadow-md);
  transform: scale(1.05);
}

/* ---------- 22. 搜索框 ---------- */
.announ_main .announ_right .search {
  border-radius: 20px;
  overflow: hidden;
}
.announ_main .announ_right .search .btn {
  border-radius: 0 20px 20px 0;
}

/* ---------- 23. 关于我们区块图片圆角 ---------- */
.company-right .main-img {
  border-radius: var(--qp-radius-lg);
  box-shadow: var(--qp-shadow-md);
}
.company-right .thumb-list .thumb-item {
  border-radius: var(--qp-radius-sm);
  transition: all .25s ease;
}
.company-right .thumb-list .thumb-item:hover {
  border-color: var(--qp-primary);
  box-shadow: var(--qp-shadow-sm);
}

/* ============================================================
   24. 内页通用精致化（与首页风格统一）
   ============================================================ */

/* ---------- 24.1 内页页脚 .nfoot 深色渐变（与首页一致）---------- */
.nfoot {
  background: linear-gradient(160deg, #1a2a3a 0%, #0f1e2e 60%, #0a1622 100%);
  color: #b0bec5;
}
.nfoot a { color: #b0bec5; transition: color .25s ease; }
.nfoot a:hover { color: #5dade2; }

.nfoot .nfootm1 {
  background: rgba(255,255,255,0.03);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  padding: 40px 0;
}
.nfoot .nfootm1l1 {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 1px;
  margin-bottom: 16px;
}
.nfoot .nfootm1l2 p {
  color: #90a4ae;
  line-height: 2;
  font-size: 14px;
}
.nfoot .nfootm1r1 p {
  color: #90a4ae;
  text-align: center;
  margin-top: 8px;
  font-size: 13px;
}
.nfoot .nfootm1r1 img {
  border-radius: var(--qp-radius-sm);
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

.nfoot .nfootm2 {
  padding: 16px 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.nfoot .nfootm2 a {
  color: #90a4ae;
  font-size: 14px;
}
.nfoot .nfootm2 a:hover { color: #fff; }

.nfoot .nfootm3 {
  padding: 16px 0;
  color: #607d8b;
  font-size: 13px;
}
.nfoot .nfootm3 a { color: #78909c; }

/* ---------- 24.2 内页内容区容器 ---------- */
.section-sub {
  background: var(--qp-bg-soft);
  padding: 30px 0 50px;
}
.section-sub .container { max-width: 1200px; }

/* 内容主区域 */
.ct2-mn .box {
  background: #fff;
  border-radius: var(--qp-radius);
  box-shadow: var(--qp-shadow-sm);
  border: 1px solid var(--qp-border);
  overflow: hidden;
}
.ct2-mn .box-title {
  font-size: 22px;
  font-weight: 700;
  color: var(--qp-text);
  padding: 20px 24px;
  border-bottom: 2px solid var(--qp-primary);
  background: linear-gradient(90deg, var(--qp-primary-soft) 0%, transparent 100%);
  letter-spacing: 1px;
}

/* ---------- 24.3 内页产品卡片（与首页产品卡一致）----------
   卡片样式挂在 li>a 上（栅格边距系统在 a 的 margin 上）。
   li 必须保持纯净宽度：content-box 下 li 自带边框会使
   33.33%×3 + 2px > 100%，第三个卡片被挤到下一行 */
.ct2-mn .list-1 li a,
.mt-tabpage-count .list-1 li a {
  background: #fff;
  border: 1px solid var(--qp-border);
  border-radius: var(--qp-radius);
  overflow: hidden;
  box-shadow: var(--qp-shadow-sm);
  transition: box-shadow .3s cubic-bezier(.4,0,.2,1), transform .3s cubic-bezier(.4,0,.2,1), border-color .3s ease;
}
.ct2-mn .list-1 li a:hover,
.mt-tabpage-count .list-1 li a:hover {
  box-shadow: var(--qp-shadow-lg);
  transform: translateY(-4px);
  border-color: var(--qp-primary-soft);
}
.list-1 li img {
  transition: transform .4s ease;
}
.list-1 li a:hover img {
  transform: scale(1.06);
}
.list-1 li h3,
.list-1 li .pname {
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.5;
  padding: 12px 14px;
  transition: color .25s ease;
}
.list-1 li:hover h3,
.list-1 li:hover .pname {
  color: var(--qp-primary);
}

/* ---------- 24.4 侧边栏面板 ---------- */
.ct2-sd .panel-sd,
.ct2-sd .contact-sd {
  background: #fff;
  border-radius: var(--qp-radius);
  box-shadow: var(--qp-shadow-sm);
  border: 1px solid var(--qp-border);
  overflow: hidden;
}
/* 两块连起来：panel-sd 紧贴 contact-sd 之上，用一条深蓝细线分隔；
   contact-sd 顶部圆角去掉，形成"同一张卡片的两个 section"视觉
   改用相邻兄弟选择器：只有 panel-sd 在前面时 contact-sd 才去圆角+加分隔 */
.ct2-sd .panel-sd { margin-bottom: 0; }
.ct2-sd .panel-sd + .contact-sd {
  border-top: 3px solid var(--qp-primary-dark);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/* panel-sd 无任何子导航时隐藏（lanmu 为空），同时 contact-sd 恢复完整圆角 */
.ct2-sd .panel-sd:not(:has(.lanmu li)) {
  display: none !important;
}
.ct2-sd .panel-sd:not(:has(.lanmu li)) + .contact-sd {
  border-top: 1px solid var(--qp-border) !important;
  border-top-left-radius: var(--qp-radius) !important;
  border-top-right-radius: var(--qp-radius) !important;
}
.ct2-sd .panel-sd .tit,
.ct2-sd .contact-sd .tit {
  background: linear-gradient(135deg, var(--qp-primary) 0%, var(--qp-primary-dark) 100%);
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  padding: 14px 18px;
  letter-spacing: 1px;
}
/* 24.4b 标题英文副标题 small（panel-sd 和 contact-sd 共用，HTML 已改为 <small>{sort:enname}</small>） */
.ct2-sd .panel-sd .tit small,
.ct2-sd .contact-sd .tit small {
  font-size: 11px;
  font-weight: 400;
  opacity: .75;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-left: 8px;
}
.ct2-sd .contact-sd .body {
  padding: 14px 16px;
  background-color: #f5f7fa;      /* 与 lanmu 菜单项同色，视觉填充感一致 */
}
.ct2-sd .contact-sd .company {
  font-size: 13px;                /* 14 → 13，降一档 */
  font-weight: 500;               /* 600 → 500 */
  color: var(--qp-text);
  line-height: 1.6;
  text-align: left;               /* center → left，与下方 .row 左对齐，减少"跳出"感 */
  padding-bottom: 8px;
  border-bottom: 1px dashed #d7e0ea;   /* 实线 → 虚线，低调分隔 */
  margin-bottom: 6px;
}
.ct2-sd .contact-sd .row {
  display: flex;
  gap: 8px;
  padding: 7px 12px;              /* 加左右内距，变成行卡片 */
  font-size: 13px;
  line-height: 1.7;
  color: var(--qp-text);
  background-color: #eef3f8;      /* 比 company/.body 稍浅一级（层次：body#f5f7fa → row#eef3f8） */
  border-bottom: 1px dashed #d7e0ea;   /* 虚线分隔，与 .company 呼应 */
  border-radius: 3px;
}
.ct2-sd .contact-sd .lb {
  flex: 0 0 60px;
  color: var(--qp-text-light);
}
.ct2-sd .contact-sd .val {
  color: var(--qp-text);
  word-break: break-all;
}
/* 电话号码：降亮降粗，退居二线辅助信息 */
.ct2-sd .contact-sd .tel-num {
  color: #2d7dd2;                 /* #0a5cba → #2d7dd2，稍暗一档 */
  font-weight: 500;               /* 600 → 500 */
  letter-spacing: .3px;
}
/* 侧边栏菜单项 — 24.4 精致化：独立灰底层次 + 行高 reset + 左 border 强调 */
.ct2-sd .lanmu li a {
  display: block;
  padding: 8px 16px;
  color: var(--qp-text);
  font-size: 14px;
  line-height: 1.6 !important;   /* 覆盖 inner_style 继承的 line-height:50px 冗余 */
  background-color: #f5f7fa;      /* 菜单项独立底，避免白底白项 */
  border-bottom: 1px solid #e9eef4;
  border-left: 3px solid transparent;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
  position: relative;
}
/* hover 态：浅蓝底 + 蓝文字 + 左 border 指示线 */
.ct2-sd .lanmu li a:hover {
  background: var(--qp-primary-soft);
  color: var(--qp-primary);
  font-weight: 600;
  border-left: 4px solid var(--qp-primary);   /* 3 → 4px，hover 时更明显 */
}
/* 当前选中态（li.active > a）：蓝渐变底 + 白字 + 深蓝左 border（加粗 + 字距拉开更醒目） */
.ct2-sd .lanmu li.active > a {
  background: linear-gradient(90deg, var(--qp-primary-dark) 0%, var(--qp-primary) 100%) !important;
  color: #fff !important;
  font-weight: 600;
  border-left: 4px solid var(--qp-primary-dark);   /* 3 → 4px，active 态最粗最亮 */
  letter-spacing: .5px;                             /* 选中文本轻微拉开，立起来 */
}
/* 折叠箭头：在蓝底选中态上变白 */
.ct2-sd .lanmu li.active .arr:after,
.ct2-sd .lanmu li.open .arr:after { border-color: #fff; }
/* 二级菜单 */
.ct2-sd .lanmu .enav { background-color: #f5f7fa; }
.ct2-sd .lanmu .enav a {
  padding: 6px 16px 6px 36px;
  font-size: 13px;
  line-height: 1.6 !important;
  color: var(--qp-text-light);
  background-color: #eef3f8;
  border-bottom: 1px solid #e9eef4;
  border-left: 3px solid transparent;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.ct2-sd .lanmu .enav a:hover,
.ct2-sd .lanmu .enav li.active > a {
  background-color: #dbe8f5;
  color: var(--qp-primary);
  border-left-color: var(--qp-primary);
  font-weight: 600;
}

/* ---------- 24.5 面包屑 ---------- */
.curmbs {
  background: #fff;
  border-bottom: 1px solid var(--qp-border);
  font-size: 14px;
  color: var(--qp-text-light);
}
.curmbs a { color: var(--qp-text-light); transition: color .2s ease; }
.curmbs a:hover { color: var(--qp-primary); }
.curmbs .sc input {
  border: 1px solid var(--qp-border);
  border-radius: var(--qp-radius-sm) 0 0 var(--qp-radius-sm);
  transition: border-color .25s ease, box-shadow .25s ease;
}
.curmbs .sc input:focus {
  border-color: var(--qp-primary);
  box-shadow: 0 0 0 3px rgba(10,92,186,0.1);
  outline: none;
}
.curmbs .sc button {
  background: var(--qp-primary);
  border-radius: 0 var(--qp-radius-sm) var(--qp-radius-sm) 0;
  transition: background .25s ease;
}
.curmbs .sc button:hover { background: var(--qp-primary-dark); }

/* ---------- 24.6 分页 ---------- */
.pglist {
  text-align: center;
  padding: 24px 0;
}
.pglist a,
.pglist .page-num {
  display: inline-block;
  min-width: 36px;
  height: 36px;
  line-height: 36px;
  padding: 0 12px;
  margin: 0 4px;
  border: 1px solid var(--qp-border);
  border-radius: var(--qp-radius-sm);
  color: var(--qp-text);
  font-size: 14px;
  transition: all .25s ease;
}
.pglist a:hover {
  border-color: var(--qp-primary);
  color: var(--qp-primary);
  background: var(--qp-primary-soft);
}
.pglist .page-num-current,
.pglist .current {
  background: var(--qp-primary);
  border-color: var(--qp-primary);
  color: #fff;
  font-weight: 600;
}

/* ---------- 24.7 内页顶部 banner 图圆角 ---------- */
.pchf {
  border-radius: 0 0 var(--qp-radius-lg) var(--qp-radius-lg);
  box-shadow: var(--qp-shadow-sm);
}

/* ---------- 24.8 内页联系我们表单 ---------- */
.formdata input,
.formdata textarea,
.formdata select {
  border: 1px solid var(--qp-border);
  border-radius: var(--qp-radius-sm);
  transition: border-color .25s ease, box-shadow .25s ease;
}
.formdata input:focus,
.formdata textarea:focus,
.formdata select:focus {
  border-color: var(--qp-primary);
  box-shadow: 0 0 0 3px rgba(10,92,186,0.1);
  outline: none;
}

/* 24.8b 在线留言页 .m-message 表单 label/input 重叠修复 */
/* 原样式 label 是 block、span 宽 70px + white-space:normal 导致文字折行重叠 */
.m-message label {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.m-message label span {
  width: 100px;
  flex-shrink: 0;
  white-space: nowrap;
  text-align: right;
  color: var(--qp-text-light, #5a6b78);
  font-weight: 500;
}
.m-message label .inp,
.m-message label textarea {
  flex: 1;
  min-width: 0;
  border: 1px solid var(--qp-border, #dce3ea);
  border-radius: var(--qp-radius-sm, 4px);
  padding: 8px 12px;
  font-size: 14px;
}
.m-message label textarea {
  resize: vertical;
  min-height: 100px;
}
.m-message label.code img {
  flex-shrink: 0;
}

/* ---------- 24.9 内页新闻列表 ---------- */
.newslist li,
.textlist li {
  border-bottom: 1px solid var(--qp-border-soft);
  transition: all .25s ease;
}
.newslist li:hover,
.textlist li:hover {
  background: var(--qp-bg-soft);
  padding-left: 8px;
}
.newslist li a,
.textlist li a {
  transition: color .2s ease;
}
.newslist li:hover a,
.textlist li:hover a {
  color: var(--qp-primary);
}

/* ---------- 24.10 内页标题装饰（与首页区块标题统一）---------- */
.ct2-mn .box-title::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 20px;
  background: var(--qp-primary);
  border-radius: 2px;
  margin-right: 10px;
  vertical-align: middle;
}

/* ---------- 24.11 内页返回顶部 ---------- */
.backTop {
  border-radius: 50%;
  box-shadow: var(--qp-shadow-md);
  transition: all .3s ease;
}
.backTop:hover {
  background: var(--qp-primary) !important;
  transform: translateY(-3px);
}

/* ---------- 24.12 内页移动端底部导航 ---------- */
.footer-fix {
  background: #fff;
  border-top: 1px solid var(--qp-border);
  box-shadow: 0 -2px 12px rgba(0,0,0,0.06);
}
.footer-fix li a {
  color: var(--qp-text-light);
  transition: color .2s ease;
}
.footer-fix li a:hover { color: var(--qp-primary); }

/* ---------- 24.13 产品详情页参数块（主图右侧大标题下方）---------- */
.prot-params {
  list-style: none;
  margin: 0 0 16px 0;
  padding: 14px 18px;
  background: #f5f8fc;
  border-left: 3px solid var(--qp-primary, #0a5cba);
  border-radius: var(--qp-radius, 6px);
}
.prot-params li {
  display: flex;
  align-items: baseline;
  padding: 6px 0;
  font-size: 14px;
  line-height: 1.7;
  border-bottom: 1px dashed #e3e8ee;
}
.prot-params li:last-child { border-bottom: none; }
.prot-params-label {
  flex-shrink: 0;
  width: 84px;
  color: var(--qp-text-light, #5a6b78);
  font-weight: 500;
}
.prot-params-value {
  flex: 1;
  color: var(--qp-text, #1a2a3a);
  font-weight: 600;
}

/* ============================================================
   25. 内页头部100%同步首页样式
   首页只用 .pcc 头部（无 .mmm），所有屏幕尺寸都显示
   ============================================================ */

/* 25.0 显示控制：与首页一致，始终使用 .pcc，隐藏 .mmm */
.pcc { display: block !important; }
.mmm { display: none !important; }
.pcc .header .menu-btn { display: none !important; }

/* 25.1 头部容器 */
.pcc .header {
  position: relative !important;
  z-index: 1000 !important;
  background-color: #fff !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

/* 25.2 顶部欢迎栏（深色） */
.pcc .header .topbar {
  display: block !important;
  background-color: #333 !important;
  border-bottom: 1px solid rgba(255,255,255,0.2) !important;
  color: rgba(255,255,255,0.9) !important;
  padding: 6px 0 !important;
  font-size: 13px;
}
.pcc .header .topbar a {
  color: rgba(255,255,255,0.9) !important;
  transition: color .2s ease;
}
.pcc .header .topbar a:hover { color: #fff !important; }

/* 25.3 头部主体 Flex 布局 */
.pcc .header .container.clearfix {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.pcc .header .header-right {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 15px !important;
  flex: 1 !important;
  flex-shrink: 0 !important;
}

/* 25.4 Logo 区 */
.pcc .header .logo {
  height: 100px !important;
  line-height: 100px !important;
  padding-right: 15px !important;
  flex-shrink: 0 !important;
}
.pcc .header .logo img {
  max-height: 90px !important;
  width: auto !important;
  vertical-align: middle;
}

/* 25.5 品牌文字区 */
.pcc .header .text {
  border-left: 1px solid rgba(44,82,130,0.2) !important;
  padding-left: 20px !important;
  margin-left: 15px !important;
  max-width: 280px !important;
  flex-shrink: 0 !important;
  float: none !important;
}
.pcc .header .text strong {
  color: #1f2937 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-bottom: 4px !important;
}
.pcc .header .text span,
.pcc .header .text b {
  color: var(--qp-primary, #0a5cba) !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
}

/* 25.6 通知卡片 */
.pcc .header .tz {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 8px 0 !important;
  width: auto !important;
  float: none !important;
  margin-right: 0 !important;
  margin-left: 32px !important;
}
.pcc .header .tz-title {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--qp-primary, #0a5cba) !important;
  letter-spacing: 2px !important;
  margin-bottom: 6px !important;
  background: transparent !important;
  border-radius: 0 !important;
}
.pcc .header .tz-title::after {
  content: '' !important;
  display: block !important;
  margin: 4px auto 0 !important;
  width: 30px !important;
  height: 2px !important;
  background: var(--qp-primary, #0a5cba) !important;
}
.pcc .header .tz-content {
  display: flex !important;
  align-items: center !important;
  padding: 8px 14px !important;
  background: #f5f7fa !important;
  border-radius: 8px !important;
  border: 1px solid #e0e5eb !important;
  width: 280px !important;
  max-width: 280px !important;
  min-width: 280px !important;
}
.pcc .header .tz-icon {
  font-size: 14px !important;
  margin-right: 8px !important;
  flex-shrink: 0 !important;
  width: 28px !important;
  height: 28px !important;
  line-height: 28px !important;
  text-align: center !important;
  background: rgba(10,92,186,0.08) !important;
  border-radius: 50% !important;
}
.pcc .header .tz-icon::before {
  content: "\1F4E2" !important;
  font-size: 14px !important;
  line-height: 1 !important;
}
.pcc .header .tz-text {
  flex: 1 !important;
  overflow: hidden !important;
  font-size: 13px !important;
  color: #666 !important;
  white-space: nowrap !important;
  height: 22px !important;
  line-height: 22px !important;
}
.pcc .header .tz-track {
  display: inline-block !important;
  white-space: nowrap !important;
  padding-left: 100% !important;
  animation: qp-tz-scroll 20s linear infinite;
}
.pcc .header .tz-track > span {
  display: inline !important;
  white-space: nowrap !important;
  padding-right: 60px !important;
}
@keyframes qp-tz-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
.pcc .header .laba {
  padding-left: 0 !important;
  background: none !important;
  color: #4b5563 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.5px !important;
}
.pcc .header .laba marquee { color: #6b7280 !important; }

/* 25.7 电话卡片 */
.pcc .header .tel {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  padding: 10px 14px !important;
  background: #f5f7fa !important;
  border-radius: 8px !important;
  border: 1px solid #e0e5eb !important;
  min-width: 260px !important;
  width: auto !important;
  float: none !important;
}
.pcc .header .tel-icon {
  font-size: 18px !important;
  margin-right: 10px !important;
  flex-shrink: 0 !important;
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  text-align: center !important;
  background: rgba(10,92,186,0.08) !important;
  border-radius: 50% !important;
}
.pcc .header .tel-icon::before {
  content: "\260E" !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: var(--qp-primary, #0a5cba) !important;
}
.pcc .header .tel-content .telit {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  color: #333 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  line-height: 1.5 !important;
}
.pcc .header .tel-content .telit-name {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #444 !important;
  letter-spacing: 0.5px !important;
  white-space: nowrap !important;
}
.pcc .header .tel-content .telit-name::after {
  content: " ·" !important;
  color: #b8c8dd !important;
  font-weight: 700 !important;
}
.pcc .header .tel-content .telit-num {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: var(--qp-primary, #0a5cba) !important;
  letter-spacing: 1.5px !important;
  font-family: "avantgardeitvbybt book", arial, sans-serif !important;
  white-space: nowrap !important;
}

/* 25.8 蓝色导航栏（核心差异） */
.pcc .header .nav {
  margin-bottom: 0 !important;
  background-color: #528bfa !important;
  color: #fff !important;
}
.pcc .header .nav ul,
.pcc .header .nav {
  display: flex !important;
  align-items: center !important;
}
.pcc .header .nav li {
  position: relative !important;
  background: none !important;
  flex-shrink: 0 !important;
  list-style: none;
}
.pcc .header .nav li a {
  line-height: 60px !important;
  padding: 0 35px !important;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  white-space: nowrap !important;
  display: block !important;
  transition: background-color .25s ease, color .25s ease;
}
.pcc .header .nav li.active > a,
.pcc .header .nav li.open > a,
.pcc .header .nav li:hover > a,
.pcc .header .nav li.current > a {
  color: #fff !important;
  background-color: #23274a !important;
}

/* 25.9 导航下拉菜单 */
.pcc .header .nav .dropdown-box {
  background: rgba(255,255,255,0.98) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(44,82,130,0.15) !important;
  box-shadow: 0 10px 40px rgba(44,82,130,0.1) !important;
  border-radius: 0 0 6px 6px !important;
  overflow: hidden;
}
.pcc .header .nav .dropdown-box a {
  background: transparent !important;
  color: #4b5563 !important;
  border-bottom: 1px solid rgba(44,82,130,0.1) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 44px !important;
  padding: 0 24px !important;
}
.pcc .header .nav .dropdown-box a:hover {
  background: rgba(44,82,130,0.1) !important;
  color: var(--qp-primary, #0a5cba) !important;
}

/* 25.10 移动端头部保持原有逻辑，仅微调 */
@media screen and (max-width: 1024px) {
  .pcc .header .nav {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  .pcc .header .nav ul {
    flex-wrap: nowrap !important;
    width: max-content !important;
    min-width: 100% !important;
  }
  .pcc .header .nav li a {
    padding: 0 18px !important;
    font-size: 15px !important;
    line-height: 50px !important;
  }
  .pcc .header .logo {
    height: 70px !important;
    line-height: 70px !important;
  }
  .pcc .header .logo img { max-height: 60px !important; }
  .pcc .header .text strong { font-size: 18px !important; }
  .pcc .header .text span { font-size: 12px !important; }
  .pcc .header .tz,
  .pcc .header .tel { display: none !important; }
}
@media screen and (max-width: 640px) {
  .pcc .header .nav li a {
    padding: 0 14px !important;
    font-size: 14px !important;
    line-height: 44px !important;
    letter-spacing: 0 !important;
  }
  .pcc .header .text { border-left: none !important; padding-left: 10px !important; margin-left: 5px !important; }
  .pcc .header .logo img { max-height: 44px !important; }
  .pcc .header .logo {
    height: 56px !important;
    line-height: 56px !important;
    padding-right: 5px !important;
  }
  .pcc .header .topbar { font-size: 12px; padding: 4px 0 !important; }
}

/* ============================================================
   26. PC端产品列表一排3个
   内页 style.css 中后置的 .list-1 li { width:50% } 覆盖了
   基础的 33.33%，此处恢复 PC 端一排 3 个
   ============================================================ */
@media screen and (min-width: 768px) {
  .ct2-mn .list-1 li {
    width: 33.3333% !important;
  }
}

/* ============================================================
   27. 首页头部强制同步内页效果（方案三：body.homehz 作用域克隆）
   规则 = 第25节同选择器加 body.homehz 前缀，与 menu-override 优先级
   打平但加载顺序靠后，首页头部由本节接管；内页不命中 homehz，零影响。
   以后维护头部：改第25节即可，本节为其镜像（由脚本生成）。
   ============================================================ */
body.homehz .pcc { display: block !important; }body.homehz .pcc .header .menu-btn { display: none !important; }body.homehz .pcc .header {
  position: relative !important;
  z-index: 1000 !important;
  background-color: #fff !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}body.homehz .pcc .header .topbar {
  display: block !important;
  background-color: #333 !important;
  border-bottom: 1px solid rgba(255,255,255,0.2) !important;
  color: rgba(255,255,255,0.9) !important;
  padding: 6px 0 !important;
  font-size: 13px;
}body.homehz .pcc .header .topbar a {
  color: rgba(255,255,255,0.9) !important;
  transition: color .2s ease;
}body.homehz .pcc .header .topbar a:hover { color: #fff !important; }body.homehz .pcc .header .container.clearfix {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}body.homehz .pcc .header .header-right {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 15px !important;
  flex: 1 !important;
  flex-shrink: 0 !important;
}body.homehz .pcc .header .logo {
  height: 100px !important;
  line-height: 100px !important;
  padding-right: 15px !important;
  flex-shrink: 0 !important;
}body.homehz .pcc .header .logo img {
  max-height: 90px !important;
  width: auto !important;
  vertical-align: middle;
}body.homehz .pcc .header .text {
  border-left: 1px solid rgba(44,82,130,0.2) !important;
  padding-left: 20px !important;
  margin-left: 15px !important;
  max-width: 280px !important;
  flex-shrink: 0 !important;
  float: none !important;
}body.homehz .pcc .header .text strong {
  color: #1f2937 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-bottom: 4px !important;
}body.homehz .pcc .header .text span, body.homehz .pcc .header .text b {
  color: var(--qp-primary, #0a5cba) !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
}body.homehz .pcc .header .tz {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 8px 0 !important;
  width: auto !important;
  float: none !important;
  margin-right: 0 !important;
  margin-left: 32px !important;
}body.homehz .pcc .header .tz-title {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--qp-primary, #0a5cba) !important;
  letter-spacing: 2px !important;
  margin-bottom: 6px !important;
  background: transparent !important;
  border-radius: 0 !important;
}body.homehz .pcc .header .tz-title::after {
  content: '' !important;
  display: block !important;
  margin: 4px auto 0 !important;
  width: 30px !important;
  height: 2px !important;
  background: var(--qp-primary, #0a5cba) !important;
}body.homehz .pcc .header .tz-content {
  display: flex !important;
  align-items: center !important;
  padding: 8px 14px !important;
  background: #f5f7fa !important;
  border-radius: 8px !important;
  border: 1px solid #e0e5eb !important;
  width: 280px !important;
  max-width: 280px !important;
  min-width: 280px !important;
}body.homehz .pcc .header .tz-icon {
  font-size: 14px !important;
  margin-right: 8px !important;
  flex-shrink: 0 !important;
  width: 28px !important;
  height: 28px !important;
  line-height: 28px !important;
  text-align: center !important;
  background: rgba(10,92,186,0.08) !important;
  border-radius: 50% !important;
}body.homehz .pcc .header .tz-icon::before {
  content: "\1F4E2" !important;
  font-size: 14px !important;
  line-height: 1 !important;
}body.homehz .pcc .header .tz-text {
  flex: 1 !important;
  overflow: hidden !important;
  font-size: 13px !important;
  color: #666 !important;
  white-space: nowrap !important;
  height: 22px !important;
  line-height: 22px !important;
}body.homehz .pcc .header .tz-track {
  display: inline-block !important;
  white-space: nowrap !important;
  padding-left: 100% !important;
  animation: qp-tz-scroll 20s linear infinite;
}body.homehz .pcc .header .tz-track > span {
  display: inline !important;
  white-space: nowrap !important;
  padding-right: 60px !important;
}
@keyframes qp-tz-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}body.homehz .pcc .header .laba {
  padding-left: 0 !important;
  background: none !important;
  color: #4b5563 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.5px !important;
}body.homehz .pcc .header .laba marquee { color: #6b7280 !important; }body.homehz .pcc .header .tel {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  padding: 10px 14px !important;
  background: #f5f7fa !important;
  border-radius: 8px !important;
  border: 1px solid #e0e5eb !important;
  min-width: 260px !important;
  width: auto !important;
  float: none !important;
}body.homehz .pcc .header .tel-icon {
  font-size: 18px !important;
  margin-right: 10px !important;
  flex-shrink: 0 !important;
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  text-align: center !important;
  background: rgba(10,92,186,0.08) !important;
  border-radius: 50% !important;
}body.homehz .pcc .header .tel-icon::before {
  content: "\260E" !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: var(--qp-primary, #0a5cba) !important;
}body.homehz .pcc .header .tel-content .telit {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  color: #333 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  line-height: 1.5 !important;
}body.homehz .pcc .header .tel-content .telit-name {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #444 !important;
  letter-spacing: 0.5px !important;
  white-space: nowrap !important;
}body.homehz .pcc .header .tel-content .telit-name::after {
  content: " ·" !important;
  color: #b8c8dd !important;
  font-weight: 700 !important;
}body.homehz .pcc .header .tel-content .telit-num {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: var(--qp-primary, #0a5cba) !important;
  letter-spacing: 1.5px !important;
  font-family: "avantgardeitvbybt book", arial, sans-serif !important;
  white-space: nowrap !important;
}body.homehz .pcc .header .nav {
  margin-bottom: 0 !important;
  background-color: #528bfa !important;
  color: #fff !important;
}body.homehz .pcc .header .nav ul, body.homehz .pcc .header .nav {
  display: flex !important;
  align-items: center !important;
}body.homehz .pcc .header .nav li {
  position: relative !important;
  background: none !important;
  flex-shrink: 0 !important;
  list-style: none;
}body.homehz .pcc .header .nav li a {
  line-height: 60px !important;
  padding: 0 35px !important;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  white-space: nowrap !important;
  display: block !important;
  transition: background-color .25s ease, color .25s ease;
}body.homehz .pcc .header .nav li.active a, body.homehz .pcc .header .nav li.open a, body.homehz .pcc .header .nav li a:hover, body.homehz .pcc .header .nav li.current a {
  color: #fff !important;
  background-color: #23274a !important;
}body.homehz .pcc .header .nav .dropdown-box {
  background: rgba(255,255,255,0.98) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(44,82,130,0.15) !important;
  box-shadow: 0 10px 40px rgba(44,82,130,0.1) !important;
  border-radius: 0 0 6px 6px !important;
  overflow: hidden;
}body.homehz .pcc .header .nav .dropdown-box a {
  background: transparent !important;
  color: #4b5563 !important;
  border-bottom: 1px solid rgba(44,82,130,0.1) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 44px !important;
  padding: 0 24px !important;
}body.homehz .pcc .header .nav .dropdown-box a:hover {
  background: rgba(44,82,130,0.1) !important;
  color: var(--qp-primary, #0a5cba) !important;
}

/* 25.10 移动端头部保持原有逻辑，仅微调 */
@media screen and (max-width: 1024px) {body.homehz .pcc .header .nav {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }body.homehz .pcc .header .nav ul {
    flex-wrap: nowrap !important;
    width: max-content !important;
    min-width: 100% !important;
  }body.homehz .pcc .header .nav li a {
    padding: 0 18px !important;
    font-size: 15px !important;
    line-height: 50px !important;
  }body.homehz .pcc .header .logo {
    height: 70px !important;
    line-height: 70px !important;
  }body.homehz .pcc .header .logo img { max-height: 60px !important; }body.homehz .pcc .header .text strong { font-size: 18px !important; }body.homehz .pcc .header .text span { font-size: 12px !important; }body.homehz .pcc .header .tz, body.homehz .pcc .header .tel { display: none !important; }
}
@media screen and (max-width: 640px) {body.homehz .pcc .header .nav li a {
    padding: 0 14px !important;
    font-size: 14px !important;
    line-height: 44px !important;
    letter-spacing: 0 !important;
  }body.homehz .pcc .header .text { border-left: none !important; padding-left: 10px !important; margin-left: 5px !important; }body.homehz .pcc .header .logo img { max-height: 44px !important; }body.homehz .pcc .header .logo {
    height: 56px !important;
    line-height: 56px !important;
    padding-right: 5px !important;
  }body.homehz .pcc .header .topbar { font-size: 12px; padding: 4px 0 !important; }
}


/* ============================================================
   27.x 首页专属适配（只命中 body.homehz，内页零影响）
   ============================================================ */
/* (1) 下拉菜单：menu-override 全局有 display:none，首页桌面端需放开，
       显隐改由第25节克隆的 visibility/opacity 控制，与内页行为一致 */
body.homehz .pcc .header .nav .dropdown-box { display: block !important; }

/* (2) 通知滚动：首页内联 JS 用 rAF + transform!important 接管滚动，
       必须停用 CSS keyframes 动画并恢复 JS 几何（padding-left:0），
       否则 scrollWidth/2 回卷点计算错误导致跳帧 */
body.homehz .pcc .header .tz-track {
  padding-left: 0 !important;
  animation: none !important;
  -webkit-animation: none !important;
}

/* (3) 电话卡：去掉 menu-override 残留的光斑装饰、固定高宽/阴影，
       与内页一致（自适应高度、灰底卡片） */
body.homehz .pcc .header .tel::before { content: none !important; }
body.homehz .pcc .header .tel {
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  box-shadow: none !important;
}
body.homehz .pcc .header .tel-icon { box-shadow: none !important; }

/* (4) 通知卡：清除补丁块固定高度/胶囊标题/阴影残留 */
body.homehz .pcc .header .tz-content {
  height: auto !important;
  margin: 0 !important;
  box-shadow: none !important;
}
body.homehz .pcc .header .tz-icon { box-shadow: none !important; color: inherit !important; }
body.homehz .pcc .header .tz-title {
  padding: 0 !important;
  margin: 0 0 6px 0 !important;
  align-self: auto !important;
  box-shadow: none !important;
}

/* ============================================================
   26. 整体宽度升级 (2026-09-09)
   参考 danfly.cn 容器策略: 1440px 上限 + 95% 弹性 + 小屏 100%
   仅覆盖容器宽度，不改动任何其它布局/列数/配色
   ============================================================ */

/* 26.1 主容器 .w1200 升级为 1440 / 95% */
.w1200 {
  width: 1440px !important;
  max-width: 95% !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* 26.2 .container 同步升级 */
.container {
  width: 1440px !important;
  max-width: 95% !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

/* 26.3 section-sub 内容区解除 1200 限制 */
.section-sub .container {
  max-width: 95% !important;
}

/* 26.4 小屏断点: 780px 以下容器 100% 自适应 */
@media screen and (max-width: 780px) {
  .w1200,
  .container,
  .section-sub .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
  }
}

/* ============================================================
   27. 局部容器宽度补丁 (2026-09-09)
   解决荣誉/合作伙伴/新闻/页脚 4 个区块被各自规则锁死 1200 的问题
   仅覆盖容器宽度，不改动列数/配色/布局
   ============================================================ */

/* 27.1 荣誉资质: 解除 honor_main 左右 padding + honor-scroll 1200 限制 */
body.homehz .honor_main {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.homehz .honor-scroll {
  max-width: 95% !important;
}

/* 27.2 合作伙伴: 解除 .partner 1200 锁死 */
body.homehz .partner {
  width: 1440px !important;
  max-width: 95% !important;
  box-sizing: border-box !important;
}

/* 27.3 新闻中心: 解除 .news-grid 1200 锁死 */
.news-grid {
  width: 100% !important;
  max-width: 95% !important;
  box-sizing: border-box !important;
}

/* 27.4 FOOT 页脚: 用更高优先级覆盖 ID 选择器 */
body #qp-footer .w1200 {
  width: 1440px !important;
  max-width: 95% !important;
  box-sizing: border-box !important;
}

/* 27.5 合作伙伴: 解除 .partner-grid 1200 锁死(真正的元凶)
   原规则在 menu-override.css L4568: max-width:1200px !important
   本规则选择器优先级相同 (0,2,1),但 qp-refined.css 加载在后,可覆盖 */
body.homehz .partner-grid {
  max-width: 95% !important;
}

/* ============================================================
   28. Banner 适配原图 1920×500 + 亮度增强 (2026-09-09)
   原图 1920×500,容器原 height:550px 导致 cover 放大 1.1 倍发虚
   方案A: 容器高度改为 500px,1920 屏下 1:1 原生像素渲染
   仅桌面端 (≥781px),手机端保持原样不动
   ============================================================ */
@media screen and (min-width: 781px) {
  .banner {
    height: 500px !important;
    max-height: none !important;
    min-height: 0 !important;
  }
  .banner li img {
    filter: brightness(1.06);
  }
}

/* ============================================================
   29. 内页左右栏布局修复 (2026-09-09)
   原规则 /pc/css/style.css: .ct2-sd 240px + .ct2-mn 930px
   按 1200 容器设计;容器加宽到 1440 后中间空 270px 大缝隙
   修复: 左栏 280px,右栏 margin-left:310px 自动铺满,缝隙 30px
   仅桌面端 (≥781px);手机端原规则(≤767px 隐藏左栏)不受影响
   适用全部内页: about/product/productlist/news/newslist/
   rylist/xzlist/contact/message/search
   ============================================================ */
@media screen and (min-width: 781px) {
  .ct2-sd {
    float: left !important;
    width: 280px !important;
  }
  .ct2-mn {
    float: none !important;
    width: auto !important;
    margin-left: 310px !important;
  }
}

/* ============================================================
   30. 首页"产品优势"版块紧凑化 + 对齐 (2026-09-09)
   问题: 容器加宽到1440后,文字块380/516固定宽+照片450固定宽,
        中间空 240~396px;三行照片高度不一、文字块顶对齐偏差;
        空段落白送留白;竖标题图170x330被压成170x260变形。
   方案: 每行 .item 由 浮动+绝对定位 改为 flex 弹性布局:
        竖图/文字/照片垂直居中对齐,文字块 flex:1 吃满缝隙,
        照片统一 380px 高 object-fit:cover,it2 用 order 保持左右交错。
   仅桌面端 (≥781px);手机端 (≤780px) 走原响应式规则不受影响。
   ============================================================ */
@media screen and (min-width: 781px) {
  /* 行容器: flex 化,三部分垂直居中
     (显式列出 it1/it2/it3 以压过 menu-override.css 中 .item.it2 的 !important 补丁) */
  body.homehz .index .youshi .item.it1,
  body.homehz .index .youshi .item.it2,
  body.homehz .index .youshi .item.it3 {
    display: flex !important;
    align-items: center !important;
    gap: 40px !important;
    padding: 30px 0 40px 0 !important;   /* it2 的 padding-left:490 一并清零 */
    margin-bottom: 15px !important;
  }

  /* 竖标题图列: 固定 194,不浮动 */
  body.homehz .index .youshi .item .tit {
    flex: 0 0 194px !important;
    width: 194px !important;
    float: none !important;
  }
  /* 竖标题图恢复原比例 170x330 (去掉强制 height:260 的压扁) */
  body.homehz .index .youshi .item .tit img {
    width: 170px !important;
    height: auto !important;
    display: block;
  }

  /* 文字块: 弹性吃满中间缝隙,不再固定 380/516
     (显式 it1/it2/it3,优先级 0,6,1,压过 menu-override 的 it2 .txt 516px 锁定) */
  body.homehz .index .youshi .item.it1 .txt,
  body.homehz .index .youshi .item.it2 .txt,
  body.homehz .index .youshi .item.it3 .txt {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    float: none !important;
    padding-top: 10px !important;
  }
  /* 大标题与正文之间留一小段距离(约一个空格,10px) (2026-09-09) */
  body.homehz .index .youshi .item.it1 .txt h2,
  body.homehz .index .youshi .item.it2 .txt h2,
  body.homehz .index .youshi .item.it3 .txt h2 {
    margin-top: 0 !important;
    margin-bottom: 15px !important;
  }

  /* 照片: 取消绝对定位,固定 450 宽参与 flex */
  body.homehz .index .youshi .item a.img {
    position: static !important;
    flex: 0 0 450px !important;
    width: 450px !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
  }
  /* 三张照片统一框 450x380; object-fit:contain 等比缩放到框内,
     内容完整显示不裁切 (2026-09-09 由 cover 改为 contain),框内居中 */
  body.homehz .index .youshi .item a.img img {
    width: 100% !important;
    max-width: 100% !important;
    height: 380px !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block;
  }

  /* it2: 照片排到最左边 (DOM 顺序是 竖图/文字/照片,order:-1 移到首位),保持 zigzag */
  body.homehz .index .youshi .item.it2 a.img {
    order: -1 !important;
  }

  /* 空段落死空白清除 (.desc 空 + 尾部 <p></p>) */
  body.homehz .index .youshi .item .txt .desc:empty {
    display: none !important;
    padding-top: 0 !important;
  }
  body.homehz .index .youshi .item .txt p:empty {
    display: none !important;
  }
}

/* 31. 关于全普版块重设计 (2026-09-10) */
@media screen and (min-width: 781px) {
  body.homehz .floor_6 .company-section {
    display: flex !important;
    align-items: flex-start !important;
    gap: 50px !important;
  }
  body.homehz .floor_6 .company-left {
    flex: 1 1 auto !important;
    width: auto !important;
    float: none !important;
    padding-right: 0 !important;
  }
  body.homehz .floor_6 .company-right {
    width: 560px !important;
    flex-shrink: 0 !important;
    float: none !important;
  }
  body.homehz .floor_6 .company-left h2 {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #222 !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
  }
  body.homehz .floor_6 .company-desc {
    font-size: 15px !important;
    color: #555 !important;
    line-height: 2 !important;
    margin-bottom: 28px !important;
    text-align: justify !important;
  }
  /* 胶囊标签 */
  body.homehz .floor_6 .company-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-bottom: 32px !important;
  }
  body.homehz .floor_6 .company-tags .tag-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 18px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 24px !important;
    color: #666 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    background: #fafbfc !important;
    transition: all .25s !important;
  }
  body.homehz .floor_6 .company-tags .tag-item::before {
    content: "" !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: var(--qp-primary, #0a5cba) !important;
    opacity: .6 !important;
    display: inline-block !important;
  }
  body.homehz .floor_6 .company-tags .tag-item:hover {
    border-color: var(--qp-primary, #0a5cba) !important;
    background: var(--qp-primary, #0a5cba) !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(10,92,186,.2) !important;
  }
  /* 按钮组 */
  body.homehz .floor_6 .company-btns {
    display: flex !important;
    gap: 16px !important;
  }
  body.homehz .floor_6 .company-btns .btn-detail,
  body.homehz .floor_6 .company-btns .btn-consult {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 12px 32px !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all .3s cubic-bezier(.4,0,.2,1) !important;
    border: 2px solid var(--qp-primary, #0a5cba) !important;
    background: var(--qp-primary, #0a5cba) !important;
    color: #fff !important;
  }
  body.homehz .floor_6 .company-btns .btn-consult {
    background: #fff !important;
    color: var(--qp-primary, #0a5cba) !important;
  }
  body.homehz .floor_6 .company-btns .btn-detail:hover {
    background: var(--qp-primary-dark, #084a99) !important;
    border-color: var(--qp-primary-dark, #084a99) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(10,92,186,.3) !important;
  }
  body.homehz .floor_6 .company-btns .btn-consult:hover {
    background: var(--qp-primary, #0a5cba) !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(10,92,186,.25) !important;
  }
  body.homehz .floor_6 .company-btns .arrow {
    display: inline-block !important;
    transition: transform .25s !important;
  }
  body.homehz .floor_6 .company-btns .btn-detail:hover .arrow,
  body.homehz .floor_6 .company-btns .btn-consult:hover .arrow {
    transform: translateX(4px) !important;
  }
  /* 右栏图片 */
  body.homehz .floor_6 .company-right .main-img {
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.1) !important;
    margin-bottom: 16px !important;
  }
  body.homehz .floor_6 .company-right .main-img img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    transition: transform .4s !important;
  }
  body.homehz .floor_6 .company-right .thumb-list {
    display: flex !important;
    gap: 12px !important;
  }
  body.homehz .floor_6 .company-right .thumb-item {
    flex: 1 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transition: all .3s !important;
    border: 2px solid transparent !important;
    opacity: .7 !important;
  }
  body.homehz .floor_6 .company-right .thumb-item img {
    display: block !important;
    width: 100% !important;
    height: 90px !important;
    object-fit: cover !important;
    transition: transform .3s !important;
  }
  body.homehz .floor_6 .company-right .thumb-item:hover {
    opacity: 1 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 16px rgba(0,0,0,.12) !important;
  }
  body.homehz .floor_6 .company-right .thumb-item.active {
    opacity: 1 !important;
    border-color: var(--qp-primary, #0a5cba) !important;
    box-shadow: 0 4px 12px rgba(10,92,186,.25) !important;
  }
  body.homehz .floor_6 .company-right .thumb-item:hover img {
    transform: scale(1.08) !important;
  }
}

/* ---------- 25. 产品卡片：图片入链接后恢复"白底图区 + 灰底标题条" ---------- */
/* 背景：为实现缩略图点击跳转，img 移入 a.bg 内；product-grid.css 中 .bg 自带的
   灰底(#f2f2f2)+padding:12px 16px 原本只作用于底部标题条，结构变化后覆盖了整卡。
   修复：a.bg 恢复白底并撑满卡片(flex:1)，灰底+padding 转移到 h3 标题条，
   视觉与旧版一致，整卡保持可点击。选择器加 body.homehz 前缀压过 product-grid.css */
@media (min-width: 781px) {
  body.homehz .index .ipro .item a.bg {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    background: #fff !important;
    padding: 0 !important;
  }
  body.homehz .index .ipro .item a.bg h3 {
    margin-top: auto !important;
    background: #f2f2f2 !important;
    padding: 12px 16px !important;
  }
}