@charset "utf-8";
/* ============================================================
   仁邦自动化 · 首页专属模块样式
   通用件（横幅/快搜条/红斜块标题/图块列表）见 skin.css + inner.css
   本文件仅：合作客户墙 + 产品中心交错卡
   ============================================================ */

/* ================= 合作客户墙 ================= */
.zx-clients{ overflow:hidden; }
.zx-clients .zx-cl-track{ display:flex; flex-wrap:wrap; margin-top:20px; padding-bottom:8px; }
.zx-clients .zx-cl-track li{ width:180px; margin:0 10px 10px 0; }
.zx-clients .zx-cl-track li a{ display:flex; flex-direction:column; width:180px; height:80px; align-items:center; justify-content:center;
  border:1px dashed #ccc; color:#aaa; font-size:15px; text-align:center; background:#fcfcfd; transition:all .25s; }
.zx-clients .zx-cl-track li a:hover{ border-color:var(--zx-main); color:var(--zx-main); }
.zx-clients .zx-cl-track li a b{ font-weight:normal; }
.zx-clients .zx-cl-track li a i{ font-style:normal; font-size:13px; }

/* ================= 产品中心（交错拼图卡 280x520 大圆角，1:1 素材版） ================= */
.zx-prod{ padding-bottom:40px; }
.zx-prod .zx-pd{ width:1200px; margin:26px auto 0; display:flex; flex-wrap:wrap; }
.zx-prod .zx-pd li{ margin:0 20px 22px 0; width:280px; height:520px;
  border:2px solid var(--zx-accent); border-radius:40px; overflow:hidden; transition:box-shadow .3s;
  background:#fff; }
.zx-prod .zx-pd li:nth-child(4n){ margin-right:0; }
.zx-prod .zx-pd li:hover{ box-shadow:0 18px 48px rgba(20,40,70,.18); }
.zx-prod .zx-pd li .pd-img{ transition:transform .5s; width:100%; height:278px; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.zx-prod .zx-pd li:nth-child(2n) .pd-img{ margin-top:242px; }   /* 偶卡：图下移，文上移 = 交错 */
.zx-prod .zx-pd li:nth-child(2n) .pd-w{ margin-top:-520px; }
.zx-prod .zx-pd li .pd-img img{ display:block; width:100%; height:278px; object-fit:cover; transition:transform .6s; }
.zx-prod .zx-pd li:hover .pd-img img{ transform:scale(1.05); }
.zx-prod .zx-pd li .pd-w{ transition:transform .5s; width:100%; padding:0 20px; }
.zx-prod .zx-pd li .pd-w h4{ padding-top:26px; font-size:19px; line-height:1.35; color:#333; font-weight:bold; }
.zx-prod .zx-pd li .pd-w h4 a{ color:#333; }
.zx-prod .zx-pd li .pd-w p{ margin:12px 0 0; font-size:13px; color:#666; line-height:1.8;
  display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
.zx-prod .zx-pd li .pd-w a.pd-more{ display:inline-block; margin-top:14px; font-size:15px; font-weight:bold; color:var(--zx-main); }
.zx-prod .zx-pd li .pd-w a.pd-more:hover{ color:var(--zx-hover); text-decoration:underline; }