@charset "utf-8";
/* ============================================================
   仁邦自动化 · 内页公共样式（圳新 1:1 收编）
   内页骨架：内页横幅(550) → 快搜条 → page_bg[page_left 栏目菜单 + page_content 内容]
   红斜块标题 .part/.tit_t 为全站通用（首页同款）
   依赖 reset.css（page_bg/page_main/page_left/page_content 已在 reset 定义）
   ============================================================ */

/* ================= 全站通用：红斜块标题（首页/内页一致） ================= */
.zx-part .tit_t, .part .tit_t{
  margin-top:40px; height:50px; text-align:center;
  border-bottom:1px solid #ddd; position:relative;
}
.zx-part .tit_t h3, .part .tit_t h3{
  overflow:hidden; width:auto; height:50px; display:inline-block;
  transform:skewX(-24deg); background:var(--zx-main); padding:0 18px; margin:0;
}
.zx-part .tit_t h3 p, .part .tit_t h3 p{
  font-size:24px; line-height:50px; color:#fff; text-align:center; font-weight:normal;
  transform:skewX(24deg); white-space:nowrap;
}
.zx-part .tit_t h3 p em, .part .tit_t h3 p em{ font-style:normal; }
.zx-part .tit_t .fr, .part .tit_t .fr{
  position:absolute; right:0; top:14px; font-size:14px;
}
.zx-part .tit_t .fr a{
  display:inline-block; width:auto; padding:0 12px; height:26px; line-height:26px;
  background:#f1f1f1; border:1px solid #ddd; border-radius:5px; color:#666; transition:all .25s;
}
.zx-part .tit_t .fr a:hover{ color:#fff; background:var(--zx-main); border-color:var(--zx-main); }

/* ================= 内页横幅（550 高，同首页机制） ================= */
.zx-inner-banner{ width:100%; height:550px; background:url(/images/home/inner-banner.png) no-repeat center; background-size:cover; }

/* ================= 快搜条（全站通用，叠横幅底部） ================= */
.zx-search{ margin-top:0; position:relative; z-index:9; padding:18px 0 20px; }
.zx-search .box{ background:#fff; border-radius:14px; box-shadow:0 8px 30px rgba(20,40,70,.12);
  display:flex; align-items:center; justify-content:space-between; padding:12px 22px; gap:14px; }
.zx-search .hs{ display:flex; align-items:center; flex-wrap:wrap; }
.zx-search .hs strong{ font-size:15px; color:#333; margin-right:10px; white-space:nowrap; }
.zx-search .hs a{ display:inline-block; color:#454545; font-size:14px; line-height:1.9; margin-right:6px; }
.zx-search .hs a:hover{ color:var(--zx-main); }
.zx-search .hs span.sep{ color:#ccc; margin-right:6px; }
.zx-search form{ display:flex; align-items:center; background:#f5f6f8; border-radius:50px; padding:4px 6px; flex-shrink:0; }
.zx-search form input[type=text]{ border:none; background:none; outline:none; font-size:14px; width:230px; padding:7px 12px; color:#333; }
.zx-search form button{ border:none; background:var(--zx-main); color:#fff; font-size:14px; border-radius:50px;
  padding:7px 20px; cursor:pointer; transition:background .2s; }
.zx-search form button:hover{ background:var(--zx-hover); }

/* ================= 内页主体骨架 ================= */
.page_bg{ padding:34px 0 44px; background:#fff; }
.page_main{ width:1200px; margin:0 auto; }
.page_left{ width:280px; }
.page_content{ width:900px; }

/* ================= 栏目菜单：产品左栏（两级：系列 + 机型） ================= */
.pro_l{ width:270px; padding:18px 0 22px; border:2px solid #333; border-radius:24px; }
.pro_l .pro_ltlite{ text-align:center; font-size:24px; color:#333; font-weight:bold; line-height:60px; }
.pro_l .pro_ld{ padding:4px 16px; }
.pro_l .pro_ld > ul > li{ margin-bottom:6px; }
.pro_l .pro_ld > ul > li > a{
  display:block; text-align:center; font-size:16px; color:#333; line-height:40px;
  border:2px solid #333; border-radius:10px; margin-bottom:8px;
}
.pro_l .pro_ld > ul > li > a.on, .pro_l .pro_ld > ul > li > a:hover{
  border-color:var(--zx-main); background:var(--zx-main); color:#fff;
}
.pro_l .pro_ld .list_02{ padding:2px 0 8px; }
.pro_l .pro_ld .list_02 li > a{
  display:block; font-size:15px; color:#333; line-height:34px; text-align:center; padding-left:14px;
}
.pro_l .pro_ld .list_02 li > a.on, .pro_l .pro_ld .list_02 li > a:hover{ color:var(--zx-main); font-weight:bold; }
.pro_l .pro_ld .ln_son a{
  display:block; font-size:13.5px; color:#777; line-height:26px; text-align:center;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.pro_l .pro_ld .ln_son a:hover{ color:var(--zx-main); }

/* ================= 栏目菜单：关于/资讯左栏（竖排方块链接） ================= */
.left_about{ width:270px; padding:20px 0; border:2px solid #333; border-radius:30px; text-align:center; }
.left_about .left_tit{ font-size:26px; color:#333; font-weight:bold; line-height:80px; }
.left_about .left_d{ padding:6px 22px; }
.left_about .left_d a{
  display:block; line-height:42px; font-size:16px; border:2px solid #333;
  margin-bottom:10px; color:#333; border-radius:8px;
}
.left_about .left_d a:hover, .left_about .left_d a.on{
  border-color:var(--zx-main); background:var(--zx-main); color:#fff;
}

/* ================= 面包屑 navigation ================= */
.navigation{
  text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
  width:100%; line-height:40px; height:40px; margin-bottom:18px;
  border-bottom:1px dashed #ddd; text-align:left; font-size:14px; color:#555;
}
.navigation a{ color:#555; }
.navigation a:hover{ color:var(--zx-main); }
.navigation_w{ float:right; padding-right:5px; font-size:12px; color:#ccc; font-family:arial; }

/* ================= 图片方块列表（产品总览/系列图集 通用） ================= */
.list_box{ float:left; margin:0 10px 26px; width:276px; }
.list_box .list_box_img{
  display:flex; align-items:center; justify-content:center;
  box-sizing:border-box; width:276px; height:276px; overflow:hidden;
  border:2px solid #e2e2e2; background:#fafbfc;
}
.list_box:hover .list_box_img{ border-color:var(--zx-main); }
.list_box .list_box_img img{ max-width:96%; max-height:96%; object-fit:contain; vertical-align:middle; }
.list_box .list_box_p{ line-height:38px; height:38px; text-align:center; }
.list_box .list_box_p a{
  display:inline-block; width:100%; overflow:hidden; text-overflow:ellipsis;
  white-space:nowrap; color:#333; font-size:15px;
}
.list_box:hover .list_box_p a{ color:var(--zx-main); }

/* ================= 图文内容区基础 ================= */
.doc_content{ min-height:380px; }
.doc_content p, .doc_content .zx-doc-body{ color:#333; }
.zx-doc-body{ font-size:15px; line-height:32px; color:#333; }
.zx-doc-body img{ display:block; max-width:100%; height:auto; margin:10px auto; }

/* ================= 新闻/案例列表（圳新 mod1509） ================= */
.nynews-list{ width:100%; padding:2.8% 3%; margin:0 0 26px; box-shadow:0 0 1px #aaa; box-sizing:border-box; position:relative; transition:all .3s ease-out; background:#fff; }
.nynews-list:hover{ box-shadow:0 26px 50px -6px rgba(97,105,113,.3); transform:translateY(-5px); }
.nynews-list:hover .nynews-photo img{ transform:scale(1.05); }
.nynews-list:hover .nynews-title{ color:var(--zx-main); }
.nynews-list:hover .nynews-more{ background:var(--zx-main); transform:translateX(6px); }
.nynews-date{ float:left; width:9%; text-align:right; font-size:15px; color:#999; }
.nynews-date b{ font-size:32px; color:#000; line-height:40px; display:block; }
.nynews-photo{ float:left; width:20%; height:120px; overflow:hidden; margin-left:3%; }
.nynews-photo img{ display:block; width:100%; height:100%; object-fit:cover; transition:all .5s ease-out; }
.nynews-content{ float:left; width:56%; padding-left:3.4%; }
.nynews-title{ font-size:19px; font-weight:bold; color:#222; line-height:38px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nynews-text{ font-size:14.5px; line-height:24px; color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.nynews-more{ float:right; width:56px; height:56px; line-height:56px; margin-top:26px; font-size:20px; color:#fff; font-family:serif; font-weight:bold; background:#e5e5e5; border-radius:50%; text-align:center; transition:all .5s ease-out; }

/* 文章富文本排版 */
.zx-article h3{ font-size:18px; color:#222; margin:22px 0 8px; font-weight:bold; }
.zx-article p{ margin-bottom:10px; }
.zx-article img{ display:block; max-width:100%; height:auto; margin:12px auto; }

/* ================= 首页轮播 Banner（swiper 550 高；重构时误删补回 2026-09-09） ================= */
.zx-banner{ width:100%; }
.zx-banner .swiper-container{ width:100%; height:550px; }
.zx-banner .swiper-slide{ background-position:center; background-repeat:no-repeat; background-size:cover; }
.zx-banner .swiper-slide a{ display:block; width:100%; height:100%; }
.zx-banner .swiper-pagination-bullet-active{ background:var(--zx-main); }
.zx-banner .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:24px; }
.zx-banner .swiper-button-next, .zx-banner .swiper-button-prev{ color:#fff; opacity:.7; }
.zx-banner .swiper-button-next:hover, .zx-banner .swiper-button-prev:hover{ opacity:1; }

/* ================= 关于仁邦（about 子页：数据条/时间线/视频/网格/底部触点） ================= */
.zx-clearfix::after{ content:""; display:block; clear:both; }
/* 实力数据条 */
.zx-stats{ margin:24px 0 6px; padding:0; list-style:none; }
.zx-stats li{ float:left; width:25%; text-align:center; padding:14px 0; }
.zx-stats li b{ display:block; font-size:30px; color:var(--zx-main); font-weight:bold; line-height:1.2; }
.zx-stats li span{ font-size:14px; color:#666; }
/* 发展历程时间线 */
.zx-timeline{ margin-top:20px; }
.zx-tl-item{ position:relative; padding:0 0 22px 118px; }
.zx-tl-item::before{ content:""; position:absolute; left:96px; top:6px; bottom:-6px; width:2px; background:#eee; }
.zx-tl-item:last-child::before{ display:none; }
.zx-tl-year{ position:absolute; left:0; top:0; width:88px; text-align:right; font-size:20px; font-weight:bold; color:var(--zx-main); }
.zx-tl-item::after{ content:""; position:absolute; left:90px; top:8px; width:12px; height:12px; border-radius:50%; background:var(--zx-main); border:2px solid #fff; box-shadow:0 0 0 2px var(--zx-main); }
.zx-tl-body b{ font-size:16px; color:#222; }
.zx-tl-body p{ font-size:14.5px; line-height:26px; color:#666; margin-top:4px; }
/* 宣传片 */
.zx-video{ position:relative; margin-top:18px; cursor:pointer; overflow:hidden; border-radius:10px; }
.zx-video img{ display:block; width:100%; height:auto; }
.zx-video::after{ content:""; position:absolute; inset:0; background:rgba(0,0,0,.28); transition:background .3s; }
.zx-video:hover::after{ background:rgba(0,0,0,.42); }
.zx-video-play{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; width:78px; height:78px; line-height:78px; text-align:center; border-radius:50%; background:rgba(158,27,31,.92); color:#fff; font-size:28px; padding-left:5px; box-sizing:border-box; }
.zx-video-tip{ position:absolute; left:0; right:0; bottom:14px; z-index:2; text-align:center; color:#fff; font-size:15px; }
/* 占位网格（证书/展会/团队） */
.zx-grid{ margin:18px -8px 0; overflow:hidden; }
.zx-grid .zx-tile{ float:left; width:25%; box-sizing:border-box; padding:0 8px 20px; text-align:center; }
.zx-grid .zx-tile p{ line-height:34px; font-size:14.5px; color:#333; }
.zx-tile-img{ display:flex; align-items:center; justify-content:center; height:150px; border:2px solid #e2e2e2; background:#fafbfc; border-radius:8px; }
.zx-tile-img span{ color:#c9c9c9; font-size:16px; letter-spacing:4px; }
.zx-tile:hover .zx-tile-img{ border-color:var(--zx-main); }
.zx-tile:hover .zx-tile-img span{ color:var(--zx-main); }
/* 底部触点 */
.zx-about-cta{ margin-top:34px; padding-top:24px; border-top:1px dashed #e3e3e3; text-align:center; }
.zx-about-cta a{ display:inline-block; min-width:150px; height:44px; line-height:44px; border-radius:24px; font-size:15px; margin:0 8px; transition:all .25s; }
.zx-btn-main{ background:var(--zx-main); color:#fff; }
.zx-btn-main:hover{ background:var(--zx-hover); color:#fff; }
.zx-btn-ghost{ border:2px solid var(--zx-main); color:var(--zx-main); }
.zx-btn-ghost:hover{ background:var(--zx-main); color:#fff; }

/* ================= 产品页 1:1 更新（2026-09-15 照圳新 products.html） ================= */
/* 左栏：浅灰大类条 + 红圆点（配色用仁邦主色） */
.pro_l{ width:270px; padding:10px 0; border:2px solid #333; border-radius:30px; overflow:hidden; }
.pro_l .pro_ltlite{ height:80px; text-align:center; }
.pro_l .pro_ltlite{ font-size:26px; color:#333; font-weight:bold; line-height:80px; }
.pro_l .pro_ld > ul > li > a{
  font-weight:bold; background:#f5f5f5; color:#333; display:block; height:55px; line-height:55px;
  padding-left:54px; text-align:left; font-size:16px; margin-bottom:10px; position:relative; text-indent:1em;
  border:none; border-radius:0;
}
.pro_l .pro_ld > ul > li > a:before{
  content:""; position:absolute; background:var(--zx-main); width:25px; height:25px;
  border-radius:50%; top:15px; left:18px;
}
.pro_l .pro_ld > ul > li > a:hover{ background:#f5f5f5; color:var(--zx-main); }
.pro_l .pro_ld > ul > li > a.on{ background:#f5f5f5; color:var(--zx-main); }
.pro_l .pro_ld .ln_cat > a{
  display:block; text-align:left; padding-left:54px; font-size:14.5px; color:#555; line-height:34px;
  border:none; background:none; height:auto;
}
.pro_l .pro_ld .ln_cat > a.on, .pro_l .pro_ld .ln_cat > a:hover{ color:var(--zx-main); font-weight:bold; }
.pro_l .pro_ld .ln_son a{ display:block; text-align:left; padding-left:68px; font-size:13px; color:#777; line-height:26px; }
.pro_l .pro_ld .ln_son a.on, .pro_l .pro_ld .ln_son a:hover{ color:var(--zx-main); }

/* 内容区：图块 284px（照 mod1060） */
.list_box{ width:284px; margin:0 8px 18px; }
.list_box .list_box_img{ width:284px; height:284px; border:2px solid #e2e2e2; background:#fff;
  display:flex; align-items:center; justify-content:center; }
.list_box:hover .list_box_img{ border-color:var(--zx-main); }
.list_box .list_box_p{ line-height:40px; height:40px; }

/* 左栏大类条：红圆点内白色箭头（对照圳新小箭头图标，2026-09-15） */
.pro_l .pro_ld > ul > li > a:after{
  content:""; position:absolute; left:26px; top:23px; width:0; height:0;
  border-left:5px solid #fff; border-top:4px solid transparent; border-bottom:4px solid transparent;
}

/* 产品页边框统一仁邦主色（2026-09-15 老大要求） */
.list_box .list_box_img{ border-color:var(--zx-main); }
.list_box:hover .list_box_img{ border-color:var(--zx-hover); }
.pro_l{ border-color:var(--zx-main); }

/* 左栏大类条横向填满（2026-09-15 老大要求，照圳新） */
.pro_l .pro_ld{ padding:4px 0; }
.pro_l .pro_ld > ul{ margin:0; padding:0; }
.pro_l .pro_ld > ul > li{ margin:0; padding:0; }
.pro_l .pro_ld > ul > li > a{ width:100%; box-sizing:border-box; border-radius:0; display:block; }

/* 边框统一蓝色（2026-09-15 老大定稿：与顶部同蓝） */
.list_box .list_box_img{ border-color:var(--zx-accent) !important; }
.list_box:hover .list_box_img{ border-color:#1d3a55 !important; }
.pro_l{ border-color:var(--zx-accent) !important; }

/* ===== 新闻列表 1:1（照圳新 mod1509 + mod1010，2026-09-15） ===== */
.nynews{ width:100%; }
.nynews-list{ width:100%; padding:3.2% 3%; margin:0 auto 50px; box-shadow:0 0 1px #aaa; box-sizing:border-box;
  position:relative; transition:all .3s ease-out; background:#fff; }
.nynews-list:hover{ box-shadow:0 26px 50px -6px rgba(97,105,113,.3); transform:translateY(-5px); }
.nynews-date{ float:left; width:10%; padding:4% 4% 0 0; text-align:right; font-size:16px; color:#999; }
.nynews-date b{ font-size:34px; color:#000; line-height:40px; display:block; }
.nynews-photo{ float:left; width:20%; height:auto; overflow:hidden; }
.nynews-photo img{ display:block; width:100%; transition:all .5s ease-out; object-fit:cover; }
.nynews-list:hover .nynews-photo img{ transform:scale(1.05); }
.nynews-content{ float:left; width:60%; padding-left:4%; }
.nynews-title{ font-size:20px; font-weight:bold; color:#222; line-height:40px; padding-bottom:.6vw;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nynews-text{ font-size:15px; line-height:24px; color:#666; overflow:hidden; text-overflow:ellipsis;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.nynews-more{ float:right; width:60px; height:60px; line-height:56px; margin-top:4%; font-size:26px; color:#fff;
  font-family:serif; font-weight:bold; background:#e5e5e5; border-radius:100%; text-align:center; transition:all .5s ease-out; }
.nynews-list:hover .nynews-more{ background:var(--zx-main); transform:translateX(6px); }
.nynews-list:hover .nynews-title{ color:var(--zx-main); }
/* 分页条 */
.flip_pages{ text-align:center; font-size:14px; color:#666; padding:6px 0 34px; }
.flip_pages span{ margin:0 9px; display:inline-block; }
.flip_pages a{ color:#333; }
.flip_pages a:hover{ color:var(--zx-main); }
.flip_pages select{ padding:4px 8px; border:1px solid #dfe5ec; border-radius:4px; font-size:13px; }