/* ===== v35 荣誉资质体系（侧栏轮播/通蓝板块/首页栅格/灯箱） ===== */
.zx-hn-kicker{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;letter-spacing:.18em;color:var(--zx-blue,#0A66C2);text-transform:uppercase}
.zx-hn-kicker i{font-size:.9rem}
.zx-hn-type{position:absolute;top:10px;left:10px;z-index:2;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:99px;color:#fff;background:linear-gradient(135deg,#0A66C2,#084d94);box-shadow:0 4px 12px rgba(10,102,194,.3)}
.zx-hn-type.h{background:linear-gradient(135deg,#F57C00,#E65100);box-shadow:0 4px 12px rgba(230,101,0,.28)}
/* ---- 侧栏轮播 ---- */
.zx-hn-sb{overflow:hidden;padding:16px 16px 14px}
.zx-hn-sb-h{display:flex;align-items:center;gap:9px;padding:0 0 13px;border-bottom:1px solid #EAF1F8;margin-bottom:14px}
.zx-hn-sb-h i{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#0A66C2,#084d94);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}
.zx-hn-sb-h b{font-size:1rem;color:#0f2540}
.zx-hn-sb-h span{margin-left:auto;font-size:.72rem;color:#8296AA;background:#F1F6FB;border:1px solid #E3ECF5;padding:3px 9px;border-radius:99px;font-weight:600}
.zx-hn-view{position:relative;border-radius:13px;overflow:hidden;background:#fff;border:1px solid #E3ECF5}
.zx-hn-track{display:flex;transition:transform .45s cubic-bezier(.4,0,.2,1)}
.zx-hn-slide{flex:0 0 100%;position:relative;margin:0}
.zx-hn-slide img{display:block;width:100%;height:auto;aspect-ratio:500/720;object-fit:contain;background:#fff;padding:14px;cursor:zoom-in}
.zx-hn-arr{position:absolute;top:50%;transform:translateY(-50%);width:31px;height:31px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#0f2540;box-shadow:0 4px 14px rgba(15,37,64,.18);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .25s;z-index:3}
.zx-hn-arr:hover{background:#0A66C2;color:#fff}
.zx-hn-arr.prev{left:9px}
.zx-hn-arr.next{right:9px}
.zx-hn-cap{font-size:.86rem;color:#334155;text-align:center;line-height:1.55;padding:12px 6px 4px;margin:0;min-height:2.9em;display:flex;align-items:center;justify-content:center}
.zx-hn-dots{display:flex;justify-content:center;gap:6px;padding:6px 0 12px;flex-wrap:wrap}
.zx-hn-dots button{width:7px;height:7px;border-radius:99px;border:0;background:#C9D8E8;cursor:pointer;padding:0;transition:all .3s}
.zx-hn-dots button.on{width:20px;background:linear-gradient(135deg,#0A66C2,#084d94)}
.zx-hn-all{display:flex;align-items:center;justify-content:center;gap:7px;font-size:.85rem;font-weight:600;color:#0A66C2;text-decoration:none;border-top:1px solid #EAF1F8;padding-top:13px}
.zx-hn-all:hover{color:#084d94;gap:10px}
/* ---- 首页荣誉栅格 ---- */
.zx-hn-idx{background:var(--zx-bg,#F8FAFC);padding:5.5rem 0;border-top:1px solid #EAF1F8}
.zx-hn-head{text-align:center;max-width:760px;margin:0 auto 3.2rem}
.zx-hn-head h2{font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:800;color:#0f2540;margin:12px 0 16px}
.zx-hn-head p{color:var(--zx-gray,#5a6a7a);line-height:1.9;font-size:.98rem;margin:0}
.zx-hn-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.zx-hn-card{position:relative;margin:0;background:#fff;border:1px solid #E3ECF5;border-radius:15px;overflow:hidden;transition:transform .35s,box-shadow .35s,border-color .35s;box-shadow:0 3px 14px rgba(10,102,194,.05)}
.zx-hn-card:hover{transform:translateY(-5px);border-color:#0A66C2;box-shadow:var(--zx-shadow-h,0 20px 60px rgba(10,102,194,.18))}
.zx-hn-card img{display:block;width:100%;height:auto;aspect-ratio:500/720;object-fit:contain;background:#fff;padding:16px;cursor:zoom-in}
.zx-hn-card figcaption{font-size:.8rem;color:#334155;font-weight:600;text-align:center;line-height:1.5;padding:0 12px 14px;min-height:2.9em;display:flex;align-items:center;justify-content:center}
/* ---- 内容页通蓝板块 ---- */
.zx-hn-band{background:linear-gradient(135deg,#0f2540 0%,#0A66C2 55%,#084d94 100%);position:relative;overflow:hidden;padding:4.8rem 0}
.zx-hn-band::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 12% 0%,rgba(255,255,255,.09),transparent 65%),radial-gradient(500px 320px at 92% 100%,rgba(245,124,0,.14),transparent 60%);pointer-events:none}
.zx-hn-band .container{position:relative}
.zx-hn-band-head{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:2.4rem}
.zx-hn-band .zx-hn-kicker{color:#9CC6EE}
.zx-hn-band h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;color:#fff;margin:12px 0 14px}
.zx-hn-band-head p{color:rgba(255,255,255,.82);line-height:1.85;font-size:.95rem;max-width:640px;margin:0}
.zx-hn-cta{flex-shrink:0;display:inline-flex;align-items:center;gap:9px;background:#F57C00;color:#fff;font-weight:700;font-size:.95rem;text-decoration:none;padding:14px 26px;border-radius:99px;box-shadow:0 10px 26px rgba(245,124,0,.35);transition:all .3s}
.zx-hn-cta:hover{background:#E65100;transform:translateY(-2px);color:#fff}
.zx-hn-strip{display:grid;grid-auto-flow:column;grid-auto-columns:158px;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 16px;-webkit-overflow-scrolling:touch}
.zx-hn-strip::-webkit-scrollbar{height:6px}
.zx-hn-strip::-webkit-scrollbar-thumb{background:rgba(255,255,255,.28);border-radius:99px}
.zx-hn-strip::-webkit-scrollbar-track{background:rgba(255,255,255,.08);border-radius:99px}
.zx-hn-item{position:relative;margin:0;background:#fff;border-radius:13px;overflow:hidden;scroll-snap-align:start;transition:transform .3s;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.zx-hn-item:hover{transform:translateY(-4px)}
.zx-hn-item img{display:block;width:100%;height:auto;aspect-ratio:500/720;object-fit:contain;background:#fff;padding:12px;cursor:zoom-in}
.zx-hn-tip{display:flex;align-items:center;justify-content:center;gap:8px;color:rgba(255,255,255,.72);font-size:.84rem;margin:2px 0 0}
/* ---- 灯箱 ---- */
.zx-hn-lb{position:fixed;inset:0;z-index:99999;background:rgba(8,25,45,.93);display:none;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.zx-hn-lb.on{display:flex}
.zx-hn-lb-fig{position:relative;margin:0;background:#fff;border-radius:16px;max-width:min(92vw,620px);width:auto;box-shadow:0 30px 90px rgba(0,0,0,.5);overflow:hidden}
.zx-hn-lb-fig img{display:block;max-width:100%;max-height:74vh;width:auto;height:auto;margin:0 auto;object-fit:contain;padding:18px}
.zx-hn-lb-cap{border-top:1px solid #EAF1F8;padding:13px 18px;font-size:.88rem;color:#334155;text-align:center;line-height:1.6;background:#FBFDFF}
.zx-hn-lb-x{position:fixed;top:18px;right:18px;width:38px;height:38px;border-radius:50%;border:0;background:#F57C00;color:#fff;font-size:1rem;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center}
.zx-hn-lb-x:hover{background:#E65100}
.zx-hn-lb-nav{position:fixed;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:1.05rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s}
.zx-hn-lb-nav:hover{background:#0A66C2}
.zx-hn-lb-prev{left:18px}
.zx-hn-lb-next{right:18px}
.zx-hn-lb-no{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.85);font-size:.85rem;letter-spacing:.1em}
body.zx-hn-lock{overflow:hidden}
/* ---- 自适应 ---- */
@media(max-width:1200px){.zx-hn-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){
.zx-hn-grid{grid-template-columns:repeat(3,1fr);gap:14px}
.zx-hn-idx{padding:4.2rem 0}
.zx-hn-band{padding:3.8rem 0}
.zx-hn-band-head{flex-direction:column;align-items:flex-start}
}
@media(max-width:640px){
.zx-hn-grid{grid-template-columns:repeat(2,1fr);gap:12px}
.zx-hn-card img{padding:12px}
.zx-hn-card figcaption{font-size:.74rem}
.zx-hn-strip{grid-auto-columns:132px;gap:11px}
.zx-hn-cta{width:100%;justify-content:center}
.zx-hn-band-head{margin-bottom:1.9rem}
.zx-hn-lb-nav{width:38px;height:38px}
.zx-hn-lb-prev{left:8px}
.zx-hn-lb-next{right:8px}
.zx-hn-lb{padding:12px}
.zx-hn-lb-fig img{max-height:66vh}
}
@media(prefers-reduced-motion:reduce){
.zx-hn-track{transition:none}
.zx-hn-card,.zx-hn-item{transition:none}
}