/* ============================================================
   jkg-list.css — 栏目列表页（服务项目 / 工程案例 / 资质证书 / 新闻中心 / 产品介绍）
   按新版设计移植，全部使用 jkg- 前缀，避免与旧站 skin-n 全局样式冲突
   ============================================================ */

/* ---------- 页头 ---------- */
.jkg-hero{background:linear-gradient(120deg,#0b6b4b 0%,#118c3c 55%,#1e9e6e 100%);padding:48px 0 42px;}
.jkg-hero h1{font-size:34px;font-weight:800;color:#fff;line-height:1.3;margin:0 0 10px;}
.jkg-hero p{font-size:15px;color:rgba(255,255,255,.92);line-height:1.85;margin:0;max-width:880px;}

/* ---------- 面包屑 ---------- */
.jkg-crumb{font-size:13px;color:#8b9a92;line-height:1.7;padding:16px 0 0;}
.jkg-crumb a{color:#8b9a92;text-decoration:none;}
.jkg-crumb a:hover{color:#118c3c;}
.jkg-crumb i,.jkg-crumb em{font-style:normal;}

/* ---------- 列表容器 ---------- */
.jkg-list{padding:26px 0 68px;}

/* ---------- 三列卡片（服务项目 / 产品介绍 / 资质证书） ---------- */
.jkg-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.jkg-card{background:#fff;border:1px solid #e6ece8;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;}
.jkg-card:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(17,140,60,.12);border-color:#bcdcc8;}
.jkg-card .ph{display:block;height:200px;overflow:hidden;background:#eef4f0;}
.jkg-card .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;}
.jkg-card:hover .ph img{transform:scale(1.06);}
.jkg-card .bd{padding:18px 20px 20px;flex:1;display:flex;flex-direction:column;}
.jkg-card h3{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 8px;line-height:1.45;}
.jkg-card h3 a{color:#1a1a1a;text-decoration:none;}
.jkg-card h3 a:hover{color:#118c3c;}
.jkg-card .desc{font-size:13.5px;color:#6b7c73;line-height:1.75;margin:0 0 12px;flex:1;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.jkg-card .more{font-size:13.5px;color:#118c3c;font-weight:600;text-decoration:none;align-self:flex-start;}
.jkg-card .more:hover{color:#0d6b2d;}

/* ---------- 四列案例 ---------- */
.jkg-subnav{display:flex;justify-content:center;flex-wrap:wrap;gap:32px;margin:0 0 26px;}
.jkg-subnav a{font-size:15px;color:#5c6b63;padding:7px 0;border-bottom:2px solid transparent;text-decoration:none;line-height:1.4;}
.jkg-subnav a:hover{color:#118c3c;}
.jkg-subnav a.cur{color:#118c3c;border-bottom-color:#118c3c;font-weight:700;}

.jkg-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.jkg-ccard{display:block;background:#fff;border-radius:10px;overflow:hidden;text-decoration:none;transition:box-shadow .25s;}
.jkg-ccard:hover{box-shadow:0 12px 26px rgba(17,140,60,.14);}
.jkg-ccard .ph{aspect-ratio:4/3;overflow:hidden;background:#eee;}
.jkg-ccard .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s;}
.jkg-ccard:hover .ph img{transform:scale(1.06);}
.jkg-ccard .ct{padding:12px 10px;text-align:center;font-size:14px;color:#333;line-height:1.5;
  border-bottom:2px solid #eef4f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.jkg-ccard:hover .ct{color:#118c3c;border-bottom-color:#118c3c;}

/* ---------- 新闻卡 ---------- */
.jkg-ncard{display:flex;flex-direction:column;background:#fff;border:1px solid #e6ece8;border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .25s,box-shadow .25s;}
.jkg-ncard:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(17,140,60,.12);}
.jkg-ncard .nhead{height:96px;background:linear-gradient(120deg,#0b6b4b,#1e9e6e);display:flex;align-items:flex-start;justify-content:space-between;padding:14px 18px;}
.jkg-ncard .ncat{font-size:12.5px;color:#fff;background:rgba(255,255,255,.2);padding:4px 11px;border-radius:14px;line-height:1.5;}
.jkg-ncard .nicon{width:24px;height:24px;border:2px solid rgba(255,255,255,.55);border-radius:5px;position:relative;}
.jkg-ncard .nicon::before{content:"";position:absolute;left:3px;right:3px;top:6px;border-top:2px solid rgba(255,255,255,.55);}
.jkg-ncard .nbody{padding:18px 18px 20px;flex:1;display:flex;flex-direction:column;}
.jkg-ncard h3{font-size:16px;font-weight:700;color:#1a1a1a;line-height:1.55;margin:0 0 12px;flex:1;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.jkg-ncard .ndate{font-size:12.5px;color:#9aa8a1;line-height:1.4;}
.jkg-ncard .ndate::before{content:"";display:inline-block;width:11px;height:11px;border:1.5px solid #9aa8a1;border-radius:2px;margin-right:6px;vertical-align:-1px;}

/* ---------- 分页 ---------- */
.jkg-pager{text-align:center;margin-top:46px;}
.jkg-pager li{display:inline-block;list-style:none;margin:0 4px;}
.jkg-pager li a{display:inline-block;min-width:36px;height:36px;line-height:34px;padding:0 12px;
  border:1px solid #e2e8e4;border-radius:6px;color:#5c6b63;font-size:14px;text-decoration:none;background:#fff;box-sizing:border-box;}
.jkg-pager li a:hover{border-color:#118c3c;color:#118c3c;}
.jkg-pager li.active a{background:#118c3c;border-color:#118c3c;color:#fff;}

/* ---------- 空列表 ---------- */
.jkg-empty{text-align:center;color:#9aa8a1;padding:70px 0;font-size:15px;}

/* ---------- 响应式 ---------- */
@media (max-width:1100px){
  .jkg-grid3{grid-template-columns:repeat(2,1fr);}
  .jkg-grid4{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:760px){
  .jkg-hero{padding:34px 0 30px;}
  .jkg-hero h1{font-size:24px;}
  .jkg-hero p{font-size:13.5px;}
  .jkg-grid3,.jkg-grid4{grid-template-columns:repeat(2,1fr);gap:12px;}
  .jkg-card .ph{height:150px;}
  .jkg-subnav{gap:18px;}
}