
.zx-vr-modal{position:fixed;inset:0;z-index:99998;background:rgba(8,25,45,.94);display:none;align-items:center;justify-content:center;padding:22px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.zx-vr-modal.on{display:flex}
.zx-vr-panel{width:min(96vw,1180px);background:#0B1B2E;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;box-shadow:0 40px 120px rgba(0,0,0,.6)}
.zx-vr-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#0f2540,#0B1B2E);border-bottom:1px solid rgba(255,255,255,.1)}
.zx-vr-bar b{color:#fff;font-size:.95rem;display:inline-flex;align-items:center;gap:9px}
.zx-vr-bar .zx-vr-cta{margin-left:auto;display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#F57C00,#E65100);color:#fff;font-size:.82rem;font-weight:700;text-decoration:none;padding:8px 16px;border-radius:99px}
.zx-vr-bar .zx-vr-cta:hover{transform:translateY(-1px)}
.zx-vr-bar .zx-vr-ext{display:inline-flex;align-items:center;gap:7px;color:#BBD6EF;font-size:.82rem;text-decoration:none;padding:8px 13px;border:1px solid rgba(255,255,255,.2);border-radius:99px}
.zx-vr-x{width:34px;height:34px;border-radius:50%;border:0;background:#F57C00;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.95rem}
.zx-vr-frame{position:relative;width:100%;aspect-ratio:16/9;background:#06121F}
.zx-vr-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.zx-vr-tip{padding:10px 16px;color:#8FA9C4;font-size:.8rem;text-align:center;background:#0B1B2E}



@media(max-width:767px){.zx-vr-modal{padding:10px}.zx-vr-frame{aspect-ratio:4/3}.zx-vr-bar .zx-vr-cta span,.zx-vr-bar .zx-vr-ext span{display:none}}
/* 20261104 深底咨询卡徽标转白 */
.bj-cons-card .bj-cons-certs .bj-cert-img{filter:brightness(0) invert(1);opacity:.92}
/* =====================================================================
   www.bjsceshi.com — 导航 mega 面板重做「右侧上下两区」20261105
   变体: 左侧深蓝品牌栏 + 右上胶囊行 + 右下三列卡片; 窄面板=双大卡
   载体: 追加至 /css/site-2026-2.css (首页与列表页均加载; 内联 bjs-css 在其前)
   仅桌面 ≥1024px; 移动端抽屉(bj-drawer)不在 .bj-nav 内, 不受影响
   ===================================================================== */
@media (min-width:1024px){
/* ---- 面板骨架: 锚定 fixed 导航, 全宽大面板, 无间隙(悬停链路自然连续) ---- */
.bj-nav .bj-menu>li{position:static}
.bj-nav .bj-menu .bj-drop-box{
  left:0!important;right:0!important;top:100%!important;
  width:min(1400px,94vw)!important;margin:0 auto!important;
  transform:translateY(12px)!important;
  padding:0!important;gap:0!important;
  display:grid!important;
  grid-template-columns:300px 1fr 1fr 1fr!important;
  grid-auto-rows:min-content!important;
  border-radius:0 0 18px 18px;
  box-shadow:0 34px 80px -20px rgba(5,15,31,.45),0 8px 26px rgba(5,15,31,.14);
  overflow:hidden;
}
.bj-nav .bj-menu .bj-drop:hover .bj-drop-box,
.bj-nav .bj-menu .bj-drop:focus-within .bj-drop-box{transform:translateY(0)!important}
/* 顶部品牌渐变条 (绝对定位, 不占网格) */
.bj-nav .bj-menu .bj-drop-box::after{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:2;
  background:linear-gradient(90deg,#081830,#16407e 55%,#f97316);
}
/* ---- 左侧深蓝品牌栏 (::before 作网格首列, 文案为各面板真实栏目描述) ---- */
.bj-nav .bj-menu .bj-drop-box::before{
  position:static!important;
  content:"";
  grid-column:1;grid-row:1/6;
  white-space:pre-line;
  background:#081830;
  background-image:linear-gradient(168deg,#081830 0%,#103061 68%,#16407e 100%);
  color:rgba(255,255,255,.94);
  font-size:14px;font-weight:600;line-height:2;letter-spacing:.3px;
  padding:34px 28px 26px;height:auto;
}
.bj-nav .bj-menu li[data-nav="jiancexiangmu"] .bj-drop-box::before{
  content:"检测项目\A TESTING SCOPE\A 覆盖材料、性能、产品、化工等十大检测领域，支持全国送检与上门取样。";
  background-image:
    radial-gradient(240px 200px at 92% 102%,rgba(249,115,22,.24),transparent 70%),
    linear-gradient(168deg,#081830 0%,#103061 68%,#16407e 100%);
}
.bj-nav .bj-menu li[data-nav="baogao"] .bj-drop-box::before{
  content:"报告项目\A REPORTS\A MSDS 编制与检测报告出具，出具时间一般为 7~15 个工作日，支持加急。";
}
.bj-nav .bj-menu li[data-nav="jiancezhishi"] .bj-drop-box::before{
  content:"检测知识\A KNOWLEDGE\A 检测标准解读与实用检测技巧，助力研发与品质控制。";
}
/* ================= 检测项目宽面板: 上胶囊行 + 下三列卡片 ================= */
/* 上区胶囊行: 材料/性能/产品 三枚胶囊横排 */
.bj-nav .bj-menu li[data-nav="jiancexiangmu"] .bj-drop-box>a:nth-of-type(1),
.bj-nav .bj-menu li[data-nav="jiancexiangmu"] .bj-drop-box>a:nth-of-type(2),
.bj-nav .bj-menu li[data-nav="jiancexiangmu"] .bj-drop-box>a:nth-of-type(3){
  grid-row:1;justify-self:center;align-self:center;
  margin:24px 10px 12px;
  background:#fff1e5;color:#e85d04;border:1px solid #ffdcbd;border-radius:999px;
  padding:12px 26px;font-size:15px;font-weight:700;letter-spacing:.5px;
  transition:background .25s,color .25s,transform .25s,box-shadow .25s;
}
.bj-nav .bj-menu li[data-nav="jiancexiangmu"] .bj-drop-box>a:nth-of-type(1){grid-column:2}
.bj-nav .bj-menu li[data-nav="jiancexiangmu"] .bj-drop-box>a:nth-of-type(2){grid-column:3}
.bj-nav .bj-menu li[data-nav="jiancexiangmu"] .bj-drop-box>a:nth-of-type(3){grid-column:4}
.bj-nav .bj-menu li[data-nav="jiancexiangmu"] .bj-drop-box>a:nth-of-type(-n+3):hover{
  background:#f97316;color:#fff;border-color:#f97316;transform:translateY(-2px);
  box-shadow:0 10px 22px -10px rgba(249,115,22,.6);
}
.bj-nav .bj-menu li[data-nav="jiancexiangmu"] .bj-drop-box>a:nth-of-type(-n+3) i{
  width:26px;height:26px;background:rgba(249,115,22,.14);color:#e85d04;
}
.bj-nav .bj-menu li[data-nav="jiancexiangmu"] .bj-drop-box>a:nth-of-type(-n+3):hover i{
  background:rgba(255,255,255,.25);color:#fff;
}
/* 下区三列卡片: 化工/纺织/机械/生物/非标/试验 6 卡 */
.bj-nav .bj-menu li[data-nav="jiancexiangmu"] .bj-drop-box>a:nth-of-type(n+4):nth-of-type(-n+9){
  margin:10px;padding:16px 18px!important;
  background:#f7faff;border:1px solid #e8eef7;border-radius:14px;
  font-size:15px;color:#16283c;
  display:flex;align-items:center;gap:12px;
  transition:transform .25s,border-color .25s,background .25s,box-shadow .25s;
}
.bj-nav .bj-menu li[data-nav="jiancexiangmu"] .bj-drop-box>a:nth-of-type(4){grid-row:2;grid-column:2}
.bj-nav .bj-menu li[data-nav="jiancexiangmu"] .bj-drop-box>a:nth-of-type(5){grid-row:2;grid-column:3}
.bj-nav .bj-menu li[data-nav="jiancexiangmu"] .bj-drop-box>a:nth-of-type(6){grid-row:2;grid-column:4}
.bj-nav .bj-menu li[data-nav="jiancexiangmu"] .bj-drop-box>a:nth-of-type(7){grid-row:3;grid-column:2}
.bj-nav .bj-menu li[data-nav="jiancexiangmu"] .bj-drop-box>a:nth-of-type(8){grid-row:3;grid-column:3}
.bj-nav .bj-menu li[data-nav="jiancexiangmu"] .bj-drop-box>a:nth-of-type(9){grid-row:3;grid-column:4}
.bj-nav .bj-menu li[data-nav="jiancexiangmu"] .bj-drop-box>a:nth-of-type(n+4):nth-of-type(-n+9):hover{
  transform:translateY(-2px);background:#fff;border-color:#ffc9a3;
  box-shadow:0 12px 26px -14px rgba(249,115,22,.4);
}
.bj-nav .bj-menu li[data-nav="jiancexiangmu"] .bj-drop-box>a:nth-of-type(n+4):nth-of-type(-n+9):hover i{
  background:linear-gradient(135deg,#f97316,#fb8c3c);color:#fff;
}
/* 通栏橙色 CTA 卡: 其他检测 */
.bj-nav .bj-menu li[data-nav="jiancexiangmu"] .bj-drop-box>a:nth-of-type(10){
  grid-column:2/5;grid-row:4;
  margin:10px 10px 16px;padding:15px 24px;
  background:linear-gradient(90deg,#e85d04,#fb8c3c);color:#fff;border-radius:13px;
  font-size:15px;font-weight:700;justify-content:space-between;
  transition:filter .25s,transform .25s;
}
.bj-nav .bj-menu li[data-nav="jiancexiangmu"] .bj-drop-box>a:nth-of-type(10)::after{
  content:"非标定制需求 · 一对一方案 ›";font-size:13px;font-weight:600;opacity:.92;
}
.bj-nav .bj-menu li[data-nav="jiancexiangmu"] .bj-drop-box>a:nth-of-type(10):hover{filter:brightness(1.06);transform:translateY(-2px)}
.bj-nav .bj-menu li[data-nav="jiancexiangmu"] .bj-drop-box>a:nth-of-type(10) i{background:rgba(255,255,255,.22);color:#fff}
/* 卡片图标统一尺寸 */
.bj-nav .bj-menu li[data-nav="jiancexiangmu"] .bj-drop-box>a:nth-of-type(n+4) i{
  width:34px;height:34px;border-radius:9px;
  background:linear-gradient(135deg,#103061,#1d529f);color:#fff;
}
.bj-nav .bj-menu li[data-nav="jiancexiangmu"] .bj-drop-box>a:nth-of-type(n+4) i svg{width:17px;height:17px}
/* ================= 窄面板(报告项目/检测知识): 双大卡 ================= */
.bj-nav .bj-menu .bj-drop-box.bj-drop-narrow{grid-template-columns:300px 1fr 1fr!important}
.bj-nav .bj-menu .bj-drop-box.bj-drop-narrow>a{
  grid-row:1;margin:26px 14px 30px;padding:26px 24px!important;
  background:linear-gradient(180deg,#f6f9fd,#eef4fb);
  border:1px solid #e2e9f3;border-radius:16px;
  flex-direction:column;align-items:flex-start;gap:14px;
  font-size:16px;font-weight:700;color:#16283c;
  transition:transform .25s,border-color .25s,box-shadow .25s;
}
.bj-nav .bj-menu .bj-drop-box.bj-drop-narrow>a:nth-of-type(1){grid-column:2}
.bj-nav .bj-menu .bj-drop-box.bj-drop-narrow>a:nth-of-type(2){grid-column:3}
.bj-nav .bj-menu .bj-drop-box.bj-drop-narrow>a i{
  width:44px;height:44px;border-radius:12px;
  background:linear-gradient(135deg,#103061,#1d529f);color:#fff;
}
.bj-nav .bj-menu .bj-drop-box.bj-drop-narrow>a i svg{width:21px;height:21px}
.bj-nav .bj-menu .bj-drop-box.bj-drop-narrow>a::after{
  content:"进入栏目 ›";font-size:13px;font-weight:600;color:#e85d04;margin-top:auto;
}
.bj-nav .bj-menu .bj-drop-box.bj-drop-narrow>a:hover{
  transform:translateY(-3px);border-color:#ffc9a3;background:#fff;
  box-shadow:0 14px 30px -14px rgba(232,93,4,.35);
}
.bj-nav .bj-menu .bj-drop-box.bj-drop-narrow>a:hover i{background:linear-gradient(135deg,#f97316,#fb8c3c)}
}/* end media */
