:root{--zk-m:#1a4b8c;--zk-a:#e87722;--zk-d:#0f3566;--zk-bg:#f4f6f9;--zk-t:#222;--zk-g:#666;--zk-l:#999;--zk-b:#fff;--zk-bd:#e3e8ef;}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--zk-t);background:var(--zk-bg);line-height:1.7;font-size:15px}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block;border:0}
ul{list-style:none}
.zk-wrap{max-width:1200px;margin:0 auto;padding:0 15px}

.zk-top{background:var(--zk-d);color:#cdd9ea;font-size:13px;padding:6px 0}
.zk-top .zk-wrap{display:flex;justify-content:space-between;flex-wrap:wrap}
.zk-top a{color:#cdd9ea}
.zk-top a:hover{color:#fff}

.zk-head{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.zk-head .zk-wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 15px}
.zk-logo{display:flex;align-items:center;gap:12px}
.zk-logo img{height:48px;width:auto}
.zk-logo .zk-lt{font-size:18px;font-weight:700;color:var(--zk-m);line-height:1.3}
.zk-logo .zk-ls{font-size:12px;color:var(--zk-l);letter-spacing:1px}
.zk-nav ul{display:flex;gap:4px}
.zk-nav a{display:block;padding:10px 18px;font-size:15px;color:var(--zk-t);border-radius:4px;transition:.2s}
.zk-nav a:hover,.zk-nav a.zk-on{color:var(--zk-m);background:#eef3fa}
.zk-burger{display:none;font-size:24px;cursor:pointer;background:none;border:0;color:var(--zk-m)}

.zk-ban{position:relative;overflow:hidden}
.zk-ban img{width:100%;height:420px;object-fit:cover}
.zk-ban .zk-bt{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(15,53,102,.85),rgba(15,53,102,.35));display:flex;align-items:center}
.zk-ban .zk-bi{max-width:1200px;margin:0 auto;padding:0 30px;width:100%;color:#fff}
.zk-ban h1{font-size:38px;margin-bottom:14px;letter-spacing:2px}
.zk-ban p{font-size:17px;opacity:.9;max-width:600px}
.zk-ban .zk-btn{display:inline-block;margin-top:22px;padding:11px 32px;background:var(--zk-a);color:#fff;border-radius:3px;font-size:15px}

.zk-sec{padding:48px 0}
.zk-s-h{text-align:center;margin-bottom:34px}
.zk-s-h h2{font-size:28px;color:var(--zk-m);position:relative;display:inline-block;padding-bottom:12px}
.zk-s-h h2:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:50px;height:3px;background:var(--zk-a)}
.zk-s-h p{color:var(--zk-g);font-size:14px;margin-top:8px}

.zk-cat{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.zk-cd{background:#fff;border:1px solid var(--zk-bd);border-radius:6px;overflow:hidden;transition:.25s}
.zk-cd:hover{box-shadow:0 8px 24px rgba(26,75,140,.12);transform:translateY(-3px)}
.zk-cd img{height:180px;width:100%;object-fit:cover}
.zk-cd .zk-cb{padding:16px}
.zk-cd h3{font-size:17px;color:var(--zk-m);margin-bottom:6px}
.zk-cd p{font-size:13px;color:var(--zk-g);line-height:1.6}

.zk-ab{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center}
.zk-ab img{border-radius:6px;height:320px;width:100%;object-fit:cover}
.zk-ab h3{font-size:22px;color:var(--zk-m);margin-bottom:14px}
.zk-ab p{color:var(--zk-g);margin-bottom:12px;text-align:justify}
.zk-stats{display:flex;gap:24px;margin-top:20px;flex-wrap:wrap}
.zk-st{flex:1;min-width:120px;background:#fff;border-left:3px solid var(--zk-a);padding:14px}
.zk-st b{font-size:26px;color:var(--zk-m);display:block}
.zk-st span{font-size:13px;color:var(--zk-g)}

.zk-prod{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.zk-pd{background:#fff;border:1px solid var(--zk-bd);border-radius:6px;overflow:hidden;transition:.25s}
.zk-pd:hover{box-shadow:0 8px 20px rgba(0,0,0,.1)}
.zk-pd img{height:160px;width:100%;object-fit:cover}
.zk-pd .zk-pb{padding:12px 14px}
.zk-pd h4{font-size:15px;color:var(--zk-t);margin-bottom:4px}
.zk-pd .zk-pc{font-size:13px;color:var(--zk-l)}

.zk-news{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}
.zk-nl{background:#fff;border:1px solid var(--zk-bd);border-radius:6px;padding:8px 20px}
.zk-nl li{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px dashed var(--zk-bd);font-size:14px}
.zk-nl li:last-child{border-bottom:0}
.zk-nl a{color:var(--zk-t)}
.zk-nl a:hover{color:var(--zk-m)}
.zk-nl span{color:var(--zk-l);font-size:13px}
.zk-nf{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.zk-nc{background:#fff;border:1px solid var(--zk-bd);border-radius:6px;overflow:hidden}
.zk-nc img{height:130px;width:100%;object-fit:cover}
.zk-nc .zk-nb{padding:10px 12px;font-size:13px}
.zk-nc .zk-nb a{color:var(--zk-t)}
.zk-nc .zk-nb a:hover{color:var(--zk-m)}

.zk-ct{background:var(--zk-m);color:#fff;padding:40px 0;text-align:center}
.zk-ct h3{font-size:24px;margin-bottom:10px}
.zk-ct p{opacity:.85;margin-bottom:18px}
.zk-ct a{display:inline-block;padding:10px 30px;background:var(--zk-a);color:#fff;border-radius:3px}

.zk-ft{background:#0d2a52;color:#9fb0c8;padding:36px 0 18px;font-size:13px}
.zk-ft .zk-fg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:28px;margin-bottom:24px}
.zk-ft h4{color:#fff;font-size:15px;margin-bottom:14px}
.zk-ft li{margin-bottom:8px}
.zk-ft a:hover{color:#fff}
.zk-ft .zk-fb{border-top:1px solid #1c3d6e;padding-top:16px;text-align:center;font-size:12px}

.zk-pg{background:#fff;padding:36px 0}
.zk-pg .zk-pt{border-bottom:1px solid var(--zk-bd);margin-bottom:24px;padding-bottom:14px}
.zk-pg h1{font-size:24px;color:var(--zk-m)}
.zk-cr{font-size:12px;color:var(--zk-l);margin-top:6px}
.zk-cr a{color:var(--zk-l)}
.zk-cr a:hover{color:var(--zk-m)}

.zk-det{display:grid;grid-template-columns:1fr 1.6fr;gap:30px}
.zk-det img{border-radius:6px;height:340px;width:100%;object-fit:cover}
.zk-det h2{font-size:22px;color:var(--zk-m);margin-bottom:14px}
.zk-tb{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px}
.zk-tb th,.zk-tb td{border:1px solid var(--zk-bd);padding:9px 12px;text-align:left}
.zk-tb th{background:#f0f4fa;color:var(--zk-m);width:30%}
.zk-det ul.zk-fe{margin:10px 0 10px 20px}
.zk-det ul.zk-fe li{list-style:disc;margin-bottom:6px;color:var(--zk-g)}

.zk-nlist{background:#fff;border:1px solid var(--zk-bd);border-radius:6px;padding:10px 24px}
.zk-nlist li{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px dashed var(--zk-bd)}
.zk-nlist li:last-child{border:0}
.zk-nlist a{color:var(--zk-t);font-size:15px}
.zk-nlist a:hover{color:var(--zk-m)}
.zk-nlist span{color:var(--zk-l);font-size:13px}

.zk-nd{background:#fff;border:1px solid var(--zk-bd);border-radius:6px;padding:30px 36px}
.zk-nd h1{font-size:24px;color:var(--zk-m);margin-bottom:10px}
.zk-nd .zk-meta{color:var(--zk-l);font-size:13px;border-bottom:1px solid var(--zk-bd);padding-bottom:12px;margin-bottom:20px}
.zk-nd img{border-radius:6px;margin:16px 0;height:340px;width:100%;object-fit:cover}
.zk-nd p{color:#333;margin-bottom:14px;text-indent:2em;text-align:justify}

.zk-404{text-align:center;padding:80px 20px}
.zk-404 b{font-size:90px;color:var(--zk-m);display:block;line-height:1}
.zk-404 p{color:var(--zk-g);margin:18px 0 26px}
.zk-404 a{display:inline-block;padding:10px 28px;background:var(--zk-m);color:#fff;border-radius:3px}

@media(max-width:900px){
  .zk-cat,.zk-prod{grid-template-columns:repeat(2,1fr)}
  .zk-ab,.zk-news,.zk-det{grid-template-columns:1fr}
  .zk-ft .zk-fg{grid-template-columns:1fr 1fr}
  .zk-ban img{height:260px}
  .zk-ban h1{font-size:26px}
  .zk-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid var(--zk-bd);z-index:50}
  .zk-nav.zk-show{display:block}
  .zk-nav ul{flex-direction:column;padding:10px}
  .zk-head{position:relative}
  .zk-burger{display:block}
}
@media(max-width:600px){
  .zk-cat,.zk-prod,.zk-nf,.zk-ft .zk-fg{grid-template-columns:1fr}
  .zk-top .zk-wrap{justify-content:center;gap:6px}
}