/* ============================================================
   newblocks.css — 从新版首页移植的板块（核心优势 / 服务项目 / 工程案例）
   独立前缀 jkg-，避免与旧版 skin-n 全局样式冲突
   ============================================================ */

/* ---------- 区块通用 ---------- */
.jkg-block{padding:56px 0 64px;}
.jkg-block.soft{background:#f5f9f6;}
.jkg-head{text-align:center;margin-bottom:38px;}
.jkg-head .en{font-size:13px;color:#118c3c;letter-spacing:4px;text-transform:uppercase;font-weight:700;margin-bottom:6px;}
.jkg-head h2{font-size:32px;font-weight:800;color:#1a1a1a;line-height:1.35;margin:0;}
.jkg-head h2 b{color:#0d6b2d;font-weight:800;}
.jkg-head p{color:#7a8a82;margin-top:10px;font-size:15px;line-height:1.6;}

/* ---------- 核心优势：4 卡 ---------- */
.jkg-adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.jkg-adv{position:relative;background:#fff;border:1px solid #e6ece8;border-radius:14px;padding:28px 22px 30px;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s;}
.jkg-adv::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#118c3c;}
.jkg-adv:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(17,140,60,.12);border-color:#bcdcc8;}
.jkg-adv .ic{width:56px;height:56px;border-radius:12px;background:#e8f4ee;display:flex;align-items:center;justify-content:center;font-size:27px;line-height:1;margin-bottom:16px;}
.jkg-adv h3{font-size:17px;font-weight:700;color:#1a1a1a;margin:0 0 8px;line-height:1.4;}
.jkg-adv p{font-size:13.5px;color:#6b7c73;line-height:1.75;margin:0;}

/* ---------- 工程案例：筛选 + 网格 + 分类角标 ---------- */
.jkg-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:30px;}
.jkg-tab{padding:9px 22px;border-radius:30px;background:#fff;border:1px solid #e2e8e4;font-size:14px;line-height:1.4;cursor:pointer;transition:all .2s;color:#5c6b63;user-select:none;}
.jkg-tab.on,.jkg-tab:hover{background:#118c3c;color:#fff;border-color:#118c3c;}
.jkg-case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.jkg-case{position:relative;display:block;border-radius:12px;overflow:hidden;background:#eee;aspect-ratio:4/3;text-decoration:none;}
.jkg-case img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s;}
.jkg-case:hover img{transform:scale(1.06);}
.jkg-case .badge{position:absolute;top:10px;left:10px;z-index:2;background:rgba(17,140,60,.94);color:#fff;font-size:12px;line-height:1;padding:7px 12px;border-radius:20px;letter-spacing:.5px;}
.jkg-case .cap{position:absolute;left:0;right:0;bottom:0;padding:14px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;}
.jkg-case .cap .t{font-size:14px;font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.jkg-case .cap .m{font-size:11px;opacity:.85;margin-top:3px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.jkg-case .cap .m:empty{display:none;}

/* ---------- 底部大按钮 ---------- */
.jkg-cta{text-align:center;margin-top:36px;}
.jkg-cta a{display:inline-block;background:#118c3c;color:#fff;padding:15px 46px;border-radius:40px;font-size:16px;font-weight:700;text-decoration:none;transition:all .25s;}
.jkg-cta a:hover{background:#0d6b2d;transform:translateY(-2px);box-shadow:0 12px 26px rgba(17,140,60,.3);color:#fff;}

/* ---------- 首页轮播：左右箭头（替换老站黑色精灵方块） ---------- */
#lbinfo_banner4 .preNext{
  width:54px !important;
  height:54px !important;
  top:50% !important;
  margin-top:-27px;
  background:none;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.6);
  background-color:rgba(0,0,0,.28);
  opacity:1;
  transition:background-color .25s,border-color .25s;
  box-sizing:border-box;
}
#lbinfo_banner4 .preNext:hover{background-color:rgba(17,140,60,.85);border-color:rgba(255,255,255,.95);}
#lbinfo_banner4 .preNext::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:10px;
  height:10px;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
}
#lbinfo_banner4 .pre{left:32px;}
#lbinfo_banner4 .pre::after{transform:translate(-30%,-50%) rotate(45deg);}
#lbinfo_banner4 .next{right:32px;}
#lbinfo_banner4 .next::after{transform:translate(-70%,-50%) rotate(-135deg);}

/* ---------- 响应式 ---------- */
@media (max-width:1100px){
  .jkg-adv-grid{grid-template-columns:repeat(2,1fr);}
  .jkg-case-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:768px){
  .jkg-block{padding:38px 0 46px;}
  .jkg-head h2{font-size:23px;}
  .jkg-head p{font-size:13px;}
  .jkg-adv-grid{grid-template-columns:1fr;}
  .jkg-case-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .jkg-cta a{padding:13px 32px;font-size:15px;}
}