/* 联成官网复刻样式 —— 主色 #1b7fbe（对照 BASELINE/ref_*.png 与 _local/ref/live-home.png 复刻）
   修正：B-2 logo 缺失仅显示一次公司名；B-3 导航 1400px 不换行；
   T-10：首页真实图片接位（banner/简介/业务卡/优势/流程/新闻/客户/页脚），图挂时以渐变底色降级 */
:root{--blue:#1b7fbe;--blue-d:#14618f;--blue-deep:#0d4a6e;--txt:#333;--muted:#777;--line:#e5e5e5;--bg:#f6f9fc;}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--txt);font-size:15px;line-height:1.8;background:#fff}
a{color:inherit;text-decoration:none;transition:color .2s}
img{max-width:100%}
.wrap{max-width:1400px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-weight:700}

/* ===== 头部 ===== */
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:99}
.header-in{display:flex;align-items:center;height:72px;gap:22px}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo img{height:44px;width:auto}
.logo img.logo-broken{display:none}          /* B-2：图片缺失时隐藏 img */
.logo-name{display:none;font-size:17px;font-weight:700;color:var(--blue);white-space:nowrap}
.logo-name.logo-show{display:inline}          /* B-2：仅此时出现一次公司名 */
.nav{margin-left:auto;min-width:0}
.nav ul{display:flex;list-style:none;gap:0}
.nav-item{position:relative}
.nav-item>a{display:block;padding:0 13px;line-height:72px;font-size:15px;white-space:nowrap} /* B-3：收紧间距 */
.nav-item.active>a,.nav-item>a:hover{color:var(--blue)}
.nav-sub{position:absolute;left:50%;transform:translateX(-50%);top:100%;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.12);min-width:224px;padding:8px 0;display:none;z-index:9}
.nav-sub a{display:block;padding:8px 20px;font-size:14px;white-space:nowrap}
.nav-sub a:hover{background:#f2f8fc;color:var(--blue)}
.nav-item:hover .nav-sub{display:block}
.head-tel{background:var(--blue);color:#fff;height:72px;display:flex;align-items:center;gap:8px;padding:0 22px;font-size:16px;font-weight:700;flex-shrink:0;white-space:nowrap}
.head-tel:hover{background:var(--blue-d);color:#fff}
.m-btn{display:none;background:none;border:0;cursor:pointer;margin-left:auto}
.m-btn span{display:block;width:24px;height:2px;background:var(--blue);margin:5px 0}

/* ===== 首页 banner（T-10-2/3：3 帧真图，高≈视口宽50%封顶624px，文字由图片承载） ===== */
.banner{position:relative;overflow:hidden;background:linear-gradient(120deg,#0d3b5c,#14618f 55%,#1b7fbe)}   /* 图挂时降级底色 */
.slides{position:relative;height:min(50vw,624px)}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .8s;background:
  radial-gradient(ellipse at 75% 30%,rgba(255,255,255,.10),transparent 55%),
  radial-gradient(ellipse at 20% 80%,rgba(255,255,255,.08),transparent 50%)}
.slide.on{opacity:1}
.slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.b-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:76px;border:0;background:rgba(0,0,0,.18);color:#fff;font-size:26px;cursor:pointer;z-index:5}
.b-btn:hover{background:rgba(0,0,0,.38)}
.b-btn.prev{left:0}.b-btn.next{right:0}
.banner-dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:5}
.banner-dots i{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer}
.banner-dots i.on{background:#fff}

/* ===== 通用 section ===== */
.sec{padding:60px 0}
.sec-head{text-align:center;margin-bottom:40px}
.sec-t{font-size:30px;font-weight:700;color:#222}
.sec-head hr{width:56px;height:3px;border:0;background:var(--blue);margin:12px auto 0}
.sec-head hr+hr{width:28px;height:2px;margin-top:4px;opacity:.5}
.sec-sub{color:var(--muted);font-size:14px;margin-top:10px}
.h2{font-size:26px;color:#222}

/* 公司简介（T-10-2.2：右侧真实配图 586×341 比例；原「资质文字卡」区块已按变更单删除） */
.about-sec{background:#fff}
.about-in{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}
.u-line{width:60px;height:3px;border:0;background:var(--blue);margin:14px 0 20px}
.about-txt p{margin-bottom:12px;color:#555;text-align:justify}
.btn-more{display:inline-block;background:var(--blue);color:#fff;padding:10px 30px;border-radius:3px;margin-top:8px}
.btn-more:hover{background:var(--blue-d);color:#fff}
.about-img img{display:block;width:100%;aspect-ratio:586/341;object-fit:cover;border-radius:4px;box-shadow:0 4px 14px rgba(27,127,190,.12);background:linear-gradient(135deg,#14618f,#1b7fbe)}   /* 图挂时降级底色 */
.svc-more{text-align:center;margin-top:26px}

/* 主营业务（T-10-2.3：269×269 正方形照片卡 + 底部标题） */
.svc-sec{background:var(--bg)}
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.svc-card{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,.06);transition:transform .25s,box-shadow .25s}
.svc-card:hover{transform:translateY(-6px);box-shadow:0 10px 24px rgba(27,127,190,.18)}
.svc-img{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#14618f,#1b7fbe)}
.svc-img img,.news-thumb img,.list-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.svc-word,.thumb-word{position:relative;color:#fff;font-size:32px;font-weight:700;letter-spacing:2px}
.svc-card h3{padding:14px 16px;font-size:16px;text-align:center}

/* 我们的优势（T-10-2.4：中央双图 + 左右各 2 个文字卡） */
.adv-sec{background:var(--bg)}
.adv-wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:34px;align-items:center;max-width:1240px;margin:0 auto}
.adv-col{display:flex;flex-direction:column;gap:24px}
.adv-item{background:#fff;border-radius:8px;padding:24px 26px;box-shadow:0 4px 14px rgba(27,127,190,.10);border-top:3px solid var(--blue)}
.adv-item h3{font-size:17px;color:var(--blue-deep);margin-bottom:10px}
.adv-item p{color:#666;font-size:13px;text-align:justify}
.adv-imgs{position:relative;width:571px;max-width:100%}
.adv-imgs img{display:block;background:linear-gradient(135deg,#14618f,#1b7fbe);border-radius:6px}   /* 图挂时降级底色 */
/* T-11-5.3 配套：lazy 加载前以素材真实比例占位（460/488、571/526），避免高度 0 导致的 CLS */
.adv-imgs img:first-child{width:80%;margin-left:auto;position:relative;z-index:2;aspect-ratio:460/488}   /* cpys 460×488：右上 */
.adv-imgs img+img{width:100%;margin-top:-140px;aspect-ratio:571/526}                                     /* youshidi 571×526：下方通栏，与上图叠压 */

/* 服务流程（T-10-2.5：步骤下方横幅流程图 1172×189） */
.flow-list{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:34px}
.flow-list li{width:150px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px 8px}
.flow-list i{display:block;width:52px;height:52px;line-height:52px;border-radius:50%;background:var(--blue);color:#fff;font-style:normal;font-size:20px;font-weight:700;margin:0 auto 10px}
.flow-list span{font-size:14px}
.flow-img img{display:block;width:100%;border-radius:4px;background:var(--bg);aspect-ratio:1172/189}   /* T-11-5.3 配套：lazy 占位比例 = 素材真实比例 */

/* 新闻（T-10-2.6：缩略图 169×67 ≈ 2.5:1） */
.news-sec{background:#fff}
.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.news-item{display:grid;grid-template-columns:220px 1fr;gap:18px;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.news-item:hover{box-shadow:0 8px 20px rgba(27,127,190,.15)}
.news-thumb{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:2.5/1;background:linear-gradient(135deg,#14618f,#1b7fbe)}
.news-txt{padding:14px 16px 14px 0}
.news-txt h3{font-size:16px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-txt p{color:var(--muted);font-size:13px;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* 合作客户轮播（T-10-2.7：真实 logo 240×90） */
.cust-sec{background:var(--bg)}
.partner-box{display:flex;align-items:center;gap:14px;max-width:1100px;margin:0 auto}
.partner-wrap{flex:1;overflow:hidden}
.partner-list{display:flex;transition:transform .4s}
.p-item{flex:0 0 20%;padding:0 8px;box-sizing:border-box}
.p-logo{position:relative;display:flex;align-items:center;justify-content:center;height:90px;border:1px solid var(--line);background:#fff;border-radius:4px;padding:6px}
.p-logo img{max-width:100%;max-height:100%;object-fit:contain}
.p-word{font-style:normal;font-weight:700;color:#555;font-size:15px;text-align:center}
.p-btn{width:46px;height:46px;border-radius:50%;border:1px solid #cfd8e0;background:#fff;color:#999;font-size:18px;cursor:pointer}
.p-btn:hover{color:var(--blue);border-color:var(--blue)}

/* ===== 内页公共 ===== */
.page-hero{background:linear-gradient(120deg,#0d3b5c,#14618f 60%,#1b7fbe);color:#fff;padding:56px 0}
.page-hero h1,.page-hero .ph-t{font-size:34px;letter-spacing:2px}
.page-hero-slim{padding:40px 0}
.ph-sub{margin-top:10px;font-size:14px;opacity:.85}
.breadcrumb{padding:14px 0;color:var(--muted);font-size:13px}
.breadcrumb a{color:var(--muted)}
.breadcrumb a:hover{color:var(--blue)}
.page-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:40px;min-height:320px}
.rich h2{font-size:20px;color:var(--blue-deep);border-left:4px solid var(--blue);padding-left:12px;margin:26px 0 12px}
.rich h2:first-child{margin-top:0}
.rich p{margin:10px 0;color:#444;text-align:justify}
.rich ul,.rich ol{margin:10px 0 10px 24px}
.rich img{border-radius:4px}
.art-title{font-size:26px;text-align:center;line-height:1.6}
.art-meta{text-align:center;color:#999;font-size:13px;margin:14px 0 24px;border-bottom:1px dashed var(--line);padding-bottom:16px}
.art-cover{display:block;margin:0 auto 20px;max-width:100%;border-radius:4px}
.art-cta{margin-top:34px;background:#f2f8fc;border:1px dashed var(--blue);border-radius:6px;padding:16px 20px;text-align:center;color:#555}
.art-cta b{color:var(--blue)}
.art-cta a{color:var(--blue);font-weight:700;font-size:17px}
.empty{text-align:center;color:#999;padding:40px 0}

/* 列表页 */
.list-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.list-item{display:grid;grid-template-columns:150px 1fr;gap:16px;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}
.list-item:hover{box-shadow:0 8px 20px rgba(27,127,190,.15)}
.list-thumb{position:relative;display:flex;align-items:center;justify-content:center;min-height:110px;background:linear-gradient(135deg,#14618f,#1b7fbe)}
.thumb-word{font-size:26px}
.list-txt{padding:12px 16px 12px 0}
.list-txt h2{font-size:16px;line-height:1.6}
.list-txt p{color:var(--muted);font-size:13px;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.list-txt time{display:block;color:#aaa;font-size:12px;margin-top:8px}
.pager{display:flex;gap:8px;justify-content:center;margin-top:34px}
.pager a{min-width:36px;height:36px;line-height:36px;text-align:center;border:1px solid var(--line);border-radius:3px;color:#555}
.pager a.cur,.pager a:hover{background:var(--blue);border-color:var(--blue);color:#fff}

/* ===== 页脚（T-10-2.8：左 LOGO 图 200×58 + 右二维码 110×110） ===== */
.site-footer{color:#fff;background:var(--blue)}
.foot-top{background:var(--blue-d)}
.foot-top-in{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px 20px}
.foot-brand{display:flex;align-items:center;gap:14px;flex-shrink:0}
.foot-logo{height:58px;width:auto;display:block}
.foot-brand-name{font-size:19px;letter-spacing:1px}
.foot-slogan{font-size:16px;letter-spacing:1px}
.foot-tels{display:flex;gap:28px;font-size:18px;font-weight:700}
.foot-tels a:hover{color:#ffdf9e}
.foot-main{display:grid;grid-template-columns:1.4fr .8fr 1.2fr 1.2fr auto;gap:36px;padding:44px 20px}
.foot-h{font-size:17px;font-weight:700;margin-bottom:14px}
.foot-about p{font-size:13px;color:rgba(255,255,255,.85);text-align:justify}
.foot-col a{display:block;font-size:14px;padding:4px 0;color:rgba(255,255,255,.9)}
.foot-col a:hover{color:#ffdf9e}
.foot-col p{font-size:13px;color:rgba(255,255,255,.9)}
.foot-tel-big{font-size:26px;font-weight:700;margin-bottom:10px}
.foot-qr{text-align:center}
.foot-qr img{display:block;width:110px;height:110px;object-fit:contain;background:#fff;border-radius:4px;padding:4px}
.foot-qr p{font-size:13px;margin-top:8px;color:rgba(255,255,255,.95)}
.foot-bar{background:var(--blue-deep);padding:14px 0;font-size:13px;text-align:center}
.foot-bar a{color:#cfe7f5}

/* ===== 响应式 ===== */
@media(max-width:1120px){
  .nav-item>a{padding:0 9px;font-size:14px}   /* B-3：窄屏进一步收紧 */
  .head-tel{padding:0 14px;font-size:14px}
}
@media(max-width:960px){
  .nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.1)}
  .nav ul{flex-direction:column;gap:0}
  .nav-item>a{line-height:52px;border-bottom:1px solid #f0f0f0}
  .nav-sub{position:static;transform:none;box-shadow:none;padding:0 0 6px 30px;display:none}
  .nav-item.active .nav-sub,.nav-item:hover .nav-sub{display:block}
  .m-btn{display:block}
  .slides{height:min(42vw,320px)}
  .b-btn{width:36px;height:56px;font-size:20px}
  .about-in,.svc-grid,.news-grid,.list-grid{grid-template-columns:1fr}
  .adv-wrap{grid-template-columns:1fr}
  .adv-imgs{margin:0 auto}
  .foot-main{grid-template-columns:1fr;gap:26px}
  .news-item,.list-item{grid-template-columns:1fr}
  .news-thumb{min-height:0}
  .news-txt,.list-txt{padding:0 16px 14px}
  .p-item{flex:0 0 50%}
  .sec{padding:40px 0}
  .page-card{padding:22px}
}
/* ===== 方案 C（20261010）：列表页缩略图与无图版式 ===== */
/* C-1 无图条目：不渲染缩略图块，文字区占满整行 */
.list-grid .list-item.no-cover{grid-template-columns:1fr}
.list-grid .list-item.no-cover .list-txt{padding:14px 18px}
/* C-2 有图条目：图片完整显示（contain）不再裁切，浅底衬托文档类图片 */
.list-thumb{background:#f5f7fa;border-right:1px solid var(--line)}
.list-thumb img{object-fit:contain;padding:6px}
/* 图片加载失败时回落为纯文字版式，避免空洞色块 */
.list-thumb.thumb-failed{display:none}
.list-item:not(.no-cover):has(.thumb-failed){grid-template-columns:1fr}