@charset "utf-8";
/* ============================================================
   仁邦自动化 · 新皮肤（圳新 gdzhenxin168.com 外观 1:1 收编）
   公共壳 = 顶部固定条(蓝天纹理)+5菜单下拉 / 页脚(蓝天纹理)+版权条
   配色变量化：默认方案 A 品牌红金（主 #9E1B1F / hover #C23B2E / 金 #E8A33D）
   换色只改 :root 四个变量即可。
   依赖：css/zhenxin/reset.css（fl/fr/clear/box/w1400/line-clamp 等）
   ============================================================ */
:root{
  --zx-accent:#123a63;   /* 边框强调色（顶部同蓝） */
  --zx-main:#9E1B1F;      /* A 品牌红 · 主色（呼应 LOGO 深红） */
  --zx-hover:#C23B2E;     /* A 品牌红 · hover */
  --zx-gold:#E8A33D;      /* A 品牌金 · 强调 */
  --zx-ink:#333333;       /* 正文深 */
  --zx-line:#333333;      /* 导航描边（圳新式） */
}
body{
  font-family:"Microsoft YaHei","PingFang SC",-apple-system,"Segoe UI",sans-serif;
}

/* ================= 顶部固定条 + 抬头 + 导航（照抄模版 mod1527） ================= */
.zx-top{
  width:100%;
  background:url(/images/zhenxin/top_bg.jpg) no-repeat center top;
  background-size:cover;
  position:fixed;
  top:0; left:0;
  z-index:9955;
}
/* 纯色顶（后台可配）：深底白字主题 */
.zx-top.zx-solid{ background-image:none; }
.zx-top.zx-solid .box{ color:var(--zxbgtext,#ffffff); }
.zx-top.zx-solid .box .fr{ color:var(--zxbgtext,#ffffff); }
.zx-top.zx-solid .head_logo dl strong{ color:var(--zxbgtext,#ffffff); }
.zx-top.zx-solid .zx-top-rule{ display:none; }
.zx-top .box{
  line-height:40px;
  color:#333;
  font-size:18px;
  font-weight:bold;
}
.zx-top .box .fl{ max-width:70%; }
.zx-top .head_all{
  height:90px;
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.zx-top .head_l{}
.zx-top .head_logo{ margin-right:15px; align-items:center; display:flex; }
.zx-top .head_logo a{ display:block; }
.zx-top .head_logo img{ display:block; height:64px; width:auto; }
.zx-top .head_logo dl{ margin-left:14px; font-size:24px; line-height:1.25; color:#222; }
.zx-top .head_logo dl strong{ font-weight:bold; }
/* 顶部右侧电话（预留：内页头部可用 .head_r 结构） */
.zx-top .head_r{ display:flex; justify-content:space-between; align-items:center; }
.zx-top .head_r div{ margin:0 10px; }
.zx-top .head_r .head_tel{ font-size:26px; font-weight:bold; text-align:right; color:var(--zx-main); }
.zx-top .head_r .head_tel p{ font-size:20px; font-weight:lighter; color:#000; }

/* ---- 导航 ---- */
.zx-menu{ width:800px; height:40px; position:relative; }
.zx-menu ul{ display:flex; justify-content:space-between; }
.zx-menu li{
  position:relative; width:120px; height:40px;
  border:2px solid #333; border-radius:8px; line-height:36px; z-index:99;
  background:#fff; transition:background .2s,border-color .2s;
}
.zx-menu li > a{ display:block; font-weight:bold; font-size:16px; color:#333; text-align:center; transition:color .2s; }
/* 当前页激活（li.cur.on）：红底白字 */
.zx-menu li.on{ background:var(--zx-main); border-color:var(--zx-main); }
.zx-menu li.on > a{ color:#fff; }
/* 悬停其它菜单时红底（原站 hover 效果） */
.zx-menu li:hover{ background:var(--zx-main); border-color:var(--zx-main); }
.zx-menu li:hover > a{ color:#fff; }
.zx-menu li.on:hover{ background:var(--zx-hover); border-color:var(--zx-hover); }

/* 下拉通用：白底圆角黑框 */
.zx-menu li .erji_menu{
  display:none; opacity:0; position:absolute; left:0; top:44px; padding-top:4px;
  transition:opacity .2s ease;
}
.zx-menu li:hover .erji_menu{ display:block; opacity:1; }
.zx-menu .erji_menu dl{
  border-radius:10px; padding:8px 0;
  border:2px solid #333; overflow:hidden; background:#fff;
}
.zx-menu .erji_menu dd{ position:relative; min-width:150px; }
.zx-menu .erji_menu dd > a{
  display:block; font-size:14px; color:#555;
  line-height:36px; padding:0 16px; white-space:nowrap;
}
.zx-menu .erji_menu dd > a:hover{ color:var(--zx-main); background:#faf6f4; }

/* 关于/新闻等普通下拉宽度 */


/* ---- 产品中心 Mega（第 3 项）---- */
.zx-menu li.zx-menu-prod .erji_menu{ width:800px; left:-330px; }
.zx-menu li.zx-menu-prod .erji_menu dl{
  display:flex; flex-wrap:wrap; justify-content:flex-start;
  padding:14px 8px; width:800px;
}
.zx-menu li.zx-menu-prod .erji_menu dd{ min-width:0; }
.zx-menu li.zx-menu-prod .erji_menu dd.zx-mega-all{ width:100%; border-bottom:1px solid #eee; margin-bottom:6px; padding-bottom:4px; }
.zx-menu li.zx-menu-prod .erji_menu dd.zx-mega-all > a{ font-size:15px; color:var(--zx-main); font-weight:bold; }
.zx-menu li.zx-menu-prod .erji_menu dd a.zx-sel{
  display:block; width:152px; margin:2px 4px;
  text-align:center; font-size:15px; font-weight:bold; color:#333;
  border-radius:8px; padding:8px 2px; line-height:1.35;
}
.zx-menu li.zx-menu-prod .erji_menu dd a.zx-sel:hover{ background:#f7efec; color:var(--zx-main); }
.zx-menu li.zx-menu-prod .erji_menu dd a.zx-sel small{ display:block; font-size:12px; font-weight:normal; color:#999; margin-top:2px; }

/* 固定条底部占位（与固定条等高，避免内容被遮） */
.zx-top160{ height:130px; }

/* ================= 页脚（照抄模版 mod1273） ================= */
.zx-footer{ width:100%; overflow:hidden; background:url(/images/zhenxin/cpbg.jpg) no-repeat center top; background-size:cover; font-size:15px; color:#333; padding:20px 0; margin-top:0; }
.zx-footer a{ font-size:15px; color:#333; transition:color .3s linear; }
.zx-footer a:hover{ color:var(--zx-main); }
.zx-footer .footerW{ width:1200px; margin:0 auto; position:relative; }
.zx-footer .footer_l{ font-size:16px; color:#333; line-height:34px; padding-top:8px; }
.zx-footer .footer_l .f-tel{ font-size:20px; font-weight:bold; color:var(--zx-main); }
.zx-footer .footer_r{ display:flex; color:#333; font-size:15px; text-align:center; }
.zx-footer .footer_r img{ width:100px; height:100px; border-radius:6px; }
.zx-footer .footer_r div{ margin-left:12px; }
.zx-footer .footer_r .zx-qr-tip{ display:block; margin-top:4px; color:#666; font-size:13px; }
.zx-footer .Copyright{ text-align:center; padding-top:24px; line-height:30px; font-size:14px; }
.zx-footer .Copyright a{ font-size:14px; }
.zx-footer .copy{ width:100%; overflow:hidden; padding:18px 0; margin-top:20px; text-align:center; line-height:26px; font-size:13px; color:#aaa; background:#151515; }
.zx-footer .copy a{ color:#aaa; font-size:13px; }
.zx-footer .copy a:hover{ color:var(--zx-gold); }

/* 页脚内容区不贴紧顶部时给上间距（内页通用可覆盖） */
.zx-body-wrap{ background:#fff; }

/* ===== 图片自适应安全网（2026-09-09）：任何上传图片都不撑破容器/不变形 ===== */
img{ max-width:100%; height:auto; }
.zx-qr img{ width:100px; height:100px; object-fit:contain; background:#fff; border-radius:6px; }

/* 页脚纯色（后台可配）：深底白字 */
.zx-footer.zx-solid{ background-image:none; color:var(--zxbgtext,#ffffff); }
.zx-footer.zx-solid a{ color:var(--zxbgtext,#ffffff); }
.zx-footer.zx-solid a:hover{ color:var(--zx-main); text-decoration:underline; }
.zx-footer.zx-solid .f-tel{ color:var(--zxbgtext,#ffffff); }
.zx-footer.zx-solid .footer_r .zx-qr-tip{ color:var(--zxbgtext,#ffffff); }
.zx-footer.zx-solid .Copyright{ color:var(--zxbgtext,#ffffff); }
.zx-footer.zx-solid .Copyright a{ color:var(--zxbgtext,#ffffff); }

/* 页脚纯色：所有区块文字（含标签/右栏/版权/电话数值）统一跟随文字颜色变量 */
.zx-footer.zx-solid .footer_l,
.zx-footer.zx-solid .footer_r,
.zx-footer.zx-solid .Copyright,
.zx-footer.zx-solid .footer_l .f-tel{ color:var(--zxbgtext,#ffffff); }

/* 语言切换（顶部条右侧） */
.zx-top .box .fr{ display:flex; align-items:center; gap:14px; }
.zx-top .box .fr .zx-contact{ white-space:nowrap; }
.zx-lang{ white-space:nowrap; font-weight:normal; font-size:15px; }
.zx-lang a{ color:#333; margin:0 4px; }
.zx-lang a.on{ color:var(--zx-main); font-weight:bold; }
.zx-lang a:hover{ color:var(--zx-main); }
.zx-lang i{ color:#bbb; font-style:normal; margin:0 2px; }
.zx-top.zx-solid .zx-lang a{ color:var(--zxbgtext,#fff); }
.zx-top.zx-solid .zx-lang a.on{ color:var(--zxbgtext,#fff); text-decoration:underline; }
.zx-top.zx-solid .zx-lang i{ color:var(--zxbgtext,#fff); opacity:.6; }

/* 右侧悬浮触点 */
.zx-float{ position:fixed; right:14px; bottom:90px; z-index:9000; display:flex; flex-direction:column; gap:8px; }
.zx-float .zx-f-item{ display:flex; align-items:center; justify-content:center; width:54px; height:54px; border-radius:12px;
  background:var(--zx-main); color:#fff; font-size:13px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,.18); transition:all .25s; line-height:1.25; }
.zx-float .zx-f-item:hover{ background:var(--zx-hover); transform:translateY(-2px); }
.zx-float .zx-f-tel{ background:#2a4a6b; }
.zx-float .zx-f-tel:hover{ background:#1d3a55; }
.zx-float .zx-f-top{ background:#8a9aab; }
.zx-float .zx-f-top:hover{ background:#6b7a8a; }

/* 产品 Mega：大类 + 子系列两级（照圳新，2026-09-15） */
.zx-menu li.zx-menu-prod .erji_menu{ width:800px; left:-330px; }
.zx-menu li.zx-menu-prod .erji_menu dl{ display:flex; flex-wrap:wrap; padding:14px 10px; width:800px; }
.zx-menu li.zx-menu-prod .erji_menu dd.zx-mega-cat{ width:178px; margin:2px 6px 10px; text-align:left; }
.zx-menu li.zx-menu-prod dd.zx-mega-cat > a{ display:block; font-size:15px; font-weight:bold; color:#333; line-height:34px; padding:0; text-align:left; }
.zx-menu li.zx-menu-prod dd.zx-mega-cat > a:hover{ color:var(--zx-main); background:none; }
.zx-menu li.zx-menu-prod .dda{ padding-left:2px; }
.zx-menu li.zx-menu-prod .dda a{ display:block; font-size:13px; color:#777; line-height:26px; padding:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.zx-menu li.zx-menu-prod .dda a:hover{ color:var(--zx-main); background:none; }