@charset "utf-8";
/* =========================================================
   金蓝铝业 · 首页版块样式
   ========================================================= */

/* ================= 顶部信息条 ================= */
.topbar{background:var(--c-main-dd);color:rgba(255,255,255,.72);font-size:13px;height:42px;line-height:42px;overflow:hidden}
.topbar-in{display:flex;align-items:center;justify-content:space-between;gap:24px}
.tb-welcome{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-welcome i{margin-right:8px;color:var(--c-gold)}
.tb-welcome strong{color:#fff;font-weight:600;margin:0 3px}
.tb-links{display:flex;align-items:center;gap:26px;flex:none}
.tb-links i{margin-right:7px;color:var(--c-gold)}
.tb-tel{color:#fff}
.tb-tel:hover{color:var(--c-gold-l)}

/* ================= 头部（吸顶：下拉时保留并缩小） ================= */
.hdr{background:#fff;padding:18px 0;position:sticky;top:0;z-index:90;transition:padding .3s ease,box-shadow .3s ease}
.hdr-in{display:flex;align-items:center;justify-content:space-between;gap:30px}
.logo{flex:none;display:block}
.logo img{max-height:78px;width:auto;display:block;transition:max-height .3s ease}
/* 缩小态：只缩尺寸，不动结构 */
.hdr.is-mini{padding:9px 0;box-shadow:0 8px 26px rgba(10,34,71,.16)}
.hdr.is-mini .logo img{max-height:44px}
.hdr.is-mini .hl-ico{width:38px;height:38px;line-height:38px;font-size:16px}
.hdr.is-mini .hl-txt em{display:none}
.hl-ico{transition:width .3s ease,height .3s ease,line-height .3s ease,font-size .3s ease}
.hl-txt strong{transition:font-size .3s ease,line-height .3s ease}
.hdr.is-mini .hl-txt strong{font-size:19px;line-height:1.2}
.hdr.is-mini .hs-btn{width:40px;height:40px;font-size:15px}
.hdr.is-mini .hsearch,.hdr.is-mini .hs-form{height:40px}
.hdr-tools{display:flex;align-items:center;gap:30px}
.hotline{display:flex;align-items:center;gap:14px;padding-left:30px;border-left:1px solid var(--c-line)}
.hl-ico{
  flex:none;width:48px;height:48px;line-height:48px;text-align:center;font-size:20px;color:#fff;
  background:linear-gradient(135deg,var(--c-main) 0%,var(--c-main-l) 100%);
  border-radius:50%;box-shadow:0 8px 18px rgba(17,54,113,.26);
}
.hl-txt em{display:block;font-size:12px;color:var(--c-txt3);line-height:1.5}
.hl-txt strong{display:block;font-size:23px;font-weight:800;color:var(--c-main);letter-spacing:.5px;line-height:1.25}

/* 搜索 */
.hsearch{position:relative;flex:none;display:flex;align-items:center;height:46px;transition:height .3s ease}
.hs-btn{
  width:46px;height:46px;border:1px solid var(--c-line);border-radius:50%;
  color:var(--c-main);font-size:16px;transition:all var(--tr);position:relative;z-index:3;
}
.hs-btn:hover{background:var(--c-main);color:#fff;border-color:var(--c-main)}
.hs-form{
  position:absolute;right:0;top:0;height:46px;width:0;opacity:0;visibility:hidden;
  display:flex;align-items:center;background:#fff;border:1px solid var(--c-main);
  border-radius:999px;overflow:hidden;transition:width .4s cubic-bezier(.22,.61,.36,1),opacity .3s;
  box-shadow:0 8px 22px rgba(17,54,113,.14);z-index:2;
}
.hsearch.open .hs-form{width:300px;opacity:1;visibility:visible;padding-left:20px}
/* 展开后隐藏独立圆钮，露出表单自带的蓝色提交按钮（避免两个放大镜重叠） */
.hsearch.open .hs-btn{opacity:0;pointer-events:none}
.hs-form input{flex:1;height:100%;border:0;background:transparent;font-size:14px}
.hs-form button{flex:none;width:60px;height:100%;background:var(--c-main);color:#fff;font-size:15px}
.hs-form button:hover{background:var(--c-main-l)}

/* 汉堡按钮 */
.nav-toggle{display:none;flex:none;width:46px;height:46px;border:1px solid var(--c-line);border-radius:var(--radius);position:relative}
.nav-toggle span{
  position:absolute;left:50%;width:20px;height:2px;background:var(--c-main);border-radius:2px;
  transform:translateX(-50%);transition:all var(--tr);
}
.nav-toggle span:nth-child(1){top:15px}
.nav-toggle span:nth-child(2){top:22px}
.nav-toggle span:nth-child(3){top:29px}
.nav-toggle.on span:nth-child(1){top:22px;transform:translateX(-50%) rotate(45deg)}
.nav-toggle.on span:nth-child(2){opacity:0}
.nav-toggle.on span:nth-child(3){top:22px;transform:translateX(-50%) rotate(-45deg)}

/* ================= 导航条（吸顶：紧贴缩小后的头部） ================= */
.nav{
  position:sticky;top:var(--hd-h,96px);z-index:49;
  background:linear-gradient(90deg,var(--c-main-dd) 0%,var(--c-main) 30%,var(--c-main-l) 62%,var(--c-main) 100%);
  box-shadow:0 6px 18px rgba(17,54,113,.2);
}
/* 头部缩小时导航同步变矮 */
.nav.is-mini .nav-item>a{height:50px}
.nav-list{display:flex;align-items:stretch}
.nav-item{position:relative}
.nav-item>a{
  display:flex;align-items:center;justify-content:center;gap:6px;
  padding:0 31px;height:58px;color:#fff;font-size:16px;font-weight:500;letter-spacing:.5px;
  position:relative;white-space:nowrap;
}
.nav-item>a::after{
  content:"";position:absolute;left:50%;bottom:0;width:0;height:3px;
  background:var(--c-gold);transform:translateX(-50%);transition:width var(--tr);
}
.nav-item>a:hover::after,.nav-item.on>a::after{width:100%}
.nav-item.on>a{background:rgba(255,255,255,.1)}
.nav-item .arr{font-size:11px;opacity:.7;transition:transform var(--tr)}
.nav-item:hover .arr{transform:rotate(180deg)}

/* 下拉 */
.sub-wrap{
  position:absolute;left:0;top:100%;min-width:216px;
  opacity:0;visibility:hidden;transform:translateY(12px);
  transition:all .32s cubic-bezier(.22,.61,.36,1);z-index:30;
}
.nav-item:hover .sub-wrap{opacity:1;visibility:visible;transform:none}
.sub-nav{
  background:#fff;min-width:216px;padding:10px 0;
  border-top:3px solid var(--c-gold);border-radius:0 0 var(--radius) var(--radius);
  box-shadow:0 16px 36px rgba(10,34,71,.18);
}
.sub-nav>li{position:relative}
.sub-nav>li>a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:12px 22px;font-size:15px;color:var(--c-txt);
  border-bottom:1px dashed #eff2f7;transition:all var(--tr);
}
.sub-nav>li:last-child>a{border-bottom:0}
.sub-nav>li>a:hover{background:var(--c-bg2);color:var(--c-main);padding-left:28px}
.sub-nav .arr2{font-size:11px;color:var(--c-txt3)}
.sub-nav3{
  position:absolute;left:100%;top:-11px;min-width:196px;background:#fff;padding:10px 0;
  border-radius:var(--radius);box-shadow:0 16px 36px rgba(10,34,71,.18);
  opacity:0;visibility:hidden;transform:translateX(10px);transition:all .3s;
}
.sub-nav>li:hover .sub-nav3{opacity:1;visibility:visible;transform:none}
.sub-nav3>li>a{display:block;padding:10px 22px;font-size:14px;color:var(--c-txt2);transition:all var(--tr)}
.sub-nav3>li>a:hover{background:var(--c-bg2);color:var(--c-main);padding-left:26px}

/* 移动端遮罩 */
.m-mask{position:fixed;inset:0;background:rgba(7,26,56,.55);backdrop-filter:blur(2px);z-index:70;opacity:0;visibility:hidden;transition:all .3s}
.m-mask.on{opacity:1;visibility:visible}

/* ================= 轮播图 ================= */
.banner{position:relative;background:var(--c-main-dd);overflow:hidden}
.slide-box{position:relative;overflow:hidden;aspect-ratio:1920/800}
.slide-mb{display:none;aspect-ratio:750/313}
.slide-item{
  position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .9s ease,visibility .9s;
}
.slide-item.on{opacity:1;visibility:visible;pointer-events:auto}
.si-bg{
  position:absolute;inset:0;background-size:cover;background-position:center center;
  transform:scale(1.07);transition:transform 7s ease-out;
}
.slide-item.on .si-bg{transform:scale(1)}
.slide-item::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(7,26,56,.74) 0%,rgba(7,26,56,.34) 48%,rgba(7,26,56,.04) 100%);
}
.slide-item.no-cap::after{background:linear-gradient(180deg,rgba(7,26,56,.28),rgba(7,26,56,.1))}
.si-inner{position:relative;z-index:3;height:100%;display:flex;align-items:center}
.si-cap{max-width:780px}
.si-line{
  display:block;width:74px;height:5px;margin-bottom:26px;
  background:linear-gradient(90deg,var(--c-gold) 0%,var(--c-gold-l) 60%,transparent 100%);
  border-radius:3px;
  opacity:0;transform:translateX(-34px);transition:all .8s .12s cubic-bezier(.22,.61,.36,1);
}
.si-tit{
  font-size:clamp(32px,3.8vw,60px);font-weight:900;color:#fff;line-height:1.28;
  letter-spacing:3px;text-shadow:0 8px 34px rgba(0,0,0,.45);
  background:linear-gradient(180deg,#ffffff 42%,rgba(255,255,255,.72) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  opacity:0;transform:translateY(30px);transition:all .8s .25s cubic-bezier(.22,.61,.36,1);
}
.si-sub{
  position:relative;display:inline-block;
  font-size:clamp(15px,1.3vw,22px);color:rgba(255,255,255,.9);margin-top:22px;line-height:1.75;
  letter-spacing:1.5px;text-shadow:0 3px 16px rgba(0,0,0,.38);
  padding-left:18px;
  opacity:0;transform:translateY(30px);transition:all .8s .4s cubic-bezier(.22,.61,.36,1);
}
.si-sub::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:4px;height:1.2em;background:var(--c-gold);border-radius:2px;
}
.slide-item.on .si-line{opacity:1;transform:none}
.si-btn{
  display:inline-flex;align-items:center;gap:10px;margin-top:34px;
  padding:14px 34px;background:linear-gradient(135deg,var(--c-gold) 0%,var(--c-gold-l) 100%);
  color:#3a2a08;font-size:15px;font-weight:700;border-radius:var(--radius);
  box-shadow:0 10px 26px rgba(201,162,92,.36);
  opacity:0;transform:translateY(26px);transition:all .8s .55s cubic-bezier(.22,.61,.36,1);
}
.si-btn:hover{color:#3a2a08;transform:translateY(-3px);box-shadow:0 14px 32px rgba(201,162,92,.5)}
.slide-item.on .si-tit,.slide-item.on .si-sub,.slide-item.on .si-btn{opacity:1;transform:none}
.slide-dots{position:absolute;left:0;right:0;bottom:34px;z-index:6;display:flex;justify-content:center;gap:10px}
.slide-dots span{
  width:36px;height:4px;background:rgba(255,255,255,.42);border-radius:2px;cursor:pointer;
  transition:all var(--tr);
}
.slide-dots span.on{background:var(--c-gold);width:58px}
.slide-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:6;
  width:52px;height:52px;line-height:52px;text-align:center;
  color:#fff;font-size:18px;background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.28);border-radius:50%;
  opacity:0;transition:all var(--tr);
}
.banner:hover .slide-arrow{opacity:1}
.slide-arrow:hover{background:var(--c-gold);color:#3a2a08;border-color:var(--c-gold)}
.slide-arrow.prev{left:28px}
.slide-arrow.next{right:28px}

/* ================= 公司简介 ================= */
.about-sec{background:#fff;position:relative;overflow:hidden}
.about-sec::after{
  content:"";position:absolute;right:-160px;top:60px;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(17,54,113,.06),transparent 68%);pointer-events:none;
}
.ab-wrap{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px;align-items:center}
.ab-pic{position:relative}
.ab-pic>img{width:100%;display:block;border-radius:var(--radius);box-shadow:var(--shadow-lg)}
.ab-pic-deco{
  position:absolute;left:-20px;top:-20px;width:44%;height:44%;
  border-left:4px solid var(--c-gold);border-top:4px solid var(--c-gold);
  border-radius:var(--radius) 0 0 0;pointer-events:none;
}
.ab-badge{
  position:absolute;right:-14px;bottom:-14px;padding:16px 24px;text-align:center;
  background:linear-gradient(135deg,var(--c-main) 0%,var(--c-main-l) 100%);
  color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);
}
.ab-badge strong{display:block;font-size:32px;font-weight:800;line-height:1;color:var(--c-gold-l)}
.ab-badge em{display:block;font-size:13px;color:rgba(255,255,255,.78);margin-top:4px}
.ab-body{
  margin-top:24px;font-size:15px;line-height:2;color:var(--c-txt2);
}
.ab-body p{margin-bottom:12px}
.ab-body img{display:none}
.ab-more{
  display:inline-flex;align-items:center;gap:10px;margin-top:28px;
  padding:13px 32px;background:var(--c-main);color:#fff;font-size:15px;font-weight:600;
  border-radius:var(--radius);transition:all var(--tr);
}
.ab-more:hover{background:var(--c-main-l);color:#fff;transform:translateY(-3px);box-shadow:0 12px 26px rgba(17,54,113,.3)}
.ab-more i{font-size:12px;transition:transform var(--tr)}
.ab-more:hover i{transform:translateX(4px)}

/* 四个快捷导航 */
.quick-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:64px;position:relative}
.quick-nav li>a{
  display:flex;align-items:center;gap:16px;padding:24px 22px;background:#fff;
  border:1px solid var(--c-line);border-radius:var(--radius);position:relative;overflow:hidden;
  transition:all var(--tr);
}
.quick-nav li>a::before{
  content:"";position:absolute;left:0;top:0;width:3px;height:0;
  background:linear-gradient(180deg,var(--c-main),var(--c-gold));transition:height var(--tr);
}
.quick-nav li>a:hover{transform:translateY(-5px);border-color:transparent;box-shadow:var(--shadow-lg)}
.quick-nav li>a:hover::before{height:100%}
.qn-ico{
  flex:none;width:54px;height:54px;line-height:54px;text-align:center;border-radius:50%;
  background:var(--c-bg2);color:var(--c-main);font-size:22px;transition:all var(--tr);
}
.qn-ico::after{font-family:"Font Awesome 6 Free";font-weight:900}
.quick-nav li:nth-child(1) .qn-ico::after{content:"\f559"} /* award */
.quick-nav li:nth-child(2) .qn-ico::after{content:"\f201"} /* chart-line */
.quick-nav li:nth-child(3) .qn-ico::after{content:"\f275"} /* industry */
.quick-nav li:nth-child(4) .qn-ico::after{content:"\f590"} /* headset */
.quick-nav li>a:hover .qn-ico{background:linear-gradient(135deg,var(--c-main),var(--c-main-l));color:#fff}
.qn-txt{flex:1;min-width:0}
.qn-txt h3{font-size:17px;font-weight:700;color:var(--c-main);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qn-txt p{font-size:13px;color:var(--c-txt3);margin-top:3px}
.qn-arr{flex:none;color:#c9d3e0;font-size:14px;transition:all var(--tr)}
.quick-nav li>a:hover .qn-arr{color:var(--c-gold);transform:translateX(3px)}

/* ================= 产品中心（滑动门） ================= */
.prod-sec{background:var(--c-bg2);position:relative}
.door-nav{position:relative;margin-bottom:40px;border-bottom:1px solid #dde4ee}
.dn-list{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}
.dn-item a{
  display:block;padding:16px 30px;font-size:16px;color:var(--c-txt2);font-weight:500;
  position:relative;z-index:2;transition:all var(--tr);white-space:nowrap;
}
.dn-item a:hover{color:var(--c-main)}
.dn-item.on a{color:var(--c-main);font-weight:700;font-size:17px}
.dn-bar{
  position:absolute;bottom:-1px;left:0;height:3px;width:0;
  background:linear-gradient(90deg,var(--c-main),var(--c-gold));
  border-radius:2px;transition:all .42s cubic-bezier(.22,.61,.36,1);
}
.door-panel{position:relative}
.dp-item{display:none}
.dp-item.on{display:block;animation:dpIn .55s cubic-bezier(.22,.61,.36,1)}
@keyframes dpIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.prod-card{background:#fff;border-radius:var(--radius);overflow:hidden;transition:all var(--tr)}
.prod-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-lg)}
.pc-pic{position:relative;width:100%;padding-top:75%;overflow:hidden;background:#eef2f8 url(../images/placeholder.svg) center/36% no-repeat}
.pc-pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.22,.61,.36,1)}
.prod-card:hover .pc-pic img{transform:scale(1.09)}
.pc-more{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(17,54,113,.55);opacity:0;transition:opacity var(--tr);
}
.pc-more i{
  width:48px;height:48px;line-height:48px;text-align:center;border-radius:50%;
  background:var(--c-gold);color:#fff;font-size:16px;
  transform:scale(.6);transition:transform var(--tr);
}
.prod-card:hover .pc-more{opacity:1}
.prod-card:hover .pc-more i{transform:scale(1)}
.pc-tit{
  padding:17px 18px;font-size:16px;font-weight:600;color:var(--c-txt);text-align:center;
  border-top:2px solid transparent;transition:all var(--tr);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.prod-card:hover .pc-tit{color:var(--c-main);border-top-color:var(--c-gold)}

/* ================= 通栏广告 ================= */
.adv-bar{position:relative;overflow:hidden;padding:56px 0;background:linear-gradient(115deg,var(--c-main-dd) 0%,var(--c-main) 46%,var(--c-main-l) 100%)}
.adv-bg{
  position:absolute;inset:0;opacity:.14;pointer-events:none;
  background-image:
    linear-gradient(112deg,transparent 0 38%,#fff 38% 38.6%,transparent 38.6% 100%),
    linear-gradient(112deg,transparent 0 56%,#fff 56% 56.6%,transparent 56.6% 100%),
    linear-gradient(112deg,transparent 0 74%,#fff 74% 74.6%,transparent 74.6% 100%);
}
.adv-bar::after{
  content:"";position:absolute;right:-80px;top:-140px;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,162,92,.28),transparent 68%);pointer-events:none;
}
.adv-in{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:44px}
.adv-txt{display:flex;align-items:center;gap:24px}
.adv-ico{flex:none;font-size:54px;color:var(--c-gold);opacity:.92}
.adv-slogan{font-size:clamp(19px,1.85vw,30px);font-weight:700;color:#fff;line-height:1.5;letter-spacing:.5px}
.adv-call{
  flex:none;display:flex;align-items:center;gap:16px;padding:16px 30px;
  border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(255,255,255,.07);
  backdrop-filter:blur(2px);
}
.ac-label{font-size:14px;color:rgba(255,255,255,.7);white-space:nowrap}
.ac-tel{font-size:clamp(20px,1.85vw,29px);font-weight:800;color:var(--c-gold-l);letter-spacing:1px;white-space:nowrap;transition:color var(--tr)}
.ac-tel:hover{color:#fff}
.ac-tel:hover i{color:#fff}
.ac-tel i{margin-right:11px;animation:ring 2.6s infinite;display:inline-block}
@keyframes ring{0%,58%,100%{transform:rotate(0)}68%,88%{transform:rotate(12deg)}78%{transform:rotate(-12deg)}}

/* ================= 金蓝优势 ================= */
.adv-sec{background:#fff}
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.adv-card{
  position:relative;padding:40px 34px;background:var(--c-bg2);border-radius:var(--radius);
  overflow:hidden;transition:all var(--tr);
}
.adv-card::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,var(--c-main),var(--c-gold));
  transform:scaleX(0);transform-origin:left;transition:transform var(--tr);
}
.adv-card:hover{background:#fff;box-shadow:var(--shadow-lg);transform:translateY(-7px)}
.adv-card:hover::after{transform:scaleX(1)}
.ac-ico{
  display:block;width:66px;height:66px;line-height:66px;text-align:center;
  border-radius:50%;font-size:26px;color:#fff;margin-bottom:24px;
  background:linear-gradient(135deg,var(--c-main) 0%,var(--c-main-l) 100%);
  box-shadow:0 10px 22px rgba(17,54,113,.24);transition:all var(--tr);
}
.ac-ico::after{font-family:"Font Awesome 6 Free";font-weight:900}
.adv-card:nth-child(3n+1) .ac-ico::after{content:"\f275"}   /* industry 生产实力 */
.adv-card:nth-child(3n+2) .ac-ico::after{content:"\f085"}   /* gears 生产设备 */
.adv-card:nth-child(3n) .ac-ico::after{content:"\f1ad"}     /* building 施工案例 */
.adv-card:hover .ac-ico{background:linear-gradient(135deg,var(--c-gold) 0%,var(--c-gold-l) 100%);color:#3a2a08;box-shadow:0 10px 22px rgba(201,162,92,.36)}
.ac-tit{font-size:20px;font-weight:700;color:var(--c-main);line-height:1.45;margin-bottom:12px}
.ac-desc{font-size:15px;line-height:1.9;color:var(--c-txt2)}

/* ================= 生产车间 ================= */
.shop-sec{background:var(--c-bg2)}
.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.shop-card{background:#fff;border-radius:var(--radius);overflow:hidden;transition:all var(--tr)}
.shop-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-lg)}
.sc-pic{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:#eef2f8 url(../images/placeholder.svg) center/24% no-repeat}
.sc-pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:transform .65s}
.shop-card:hover .sc-pic img{transform:scale(1.08)}
.sc-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px}
.sc-info h3{font-size:16px;font-weight:600;color:var(--c-txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--tr)}
.shop-card:hover .sc-info h3{color:var(--c-main)}
.sc-info span{flex:none;font-size:12px;color:var(--c-txt3)}
.sc-info span i{color:var(--c-gold);margin-right:5px}

/* ================= 工程案例（深色区） ================= */
.case-sec{
  position:relative;color:#fff;
  background:linear-gradient(180deg,var(--c-main-d) 0%,var(--c-main-dd) 100%);
}
.case-sec::before{
  content:"";position:absolute;left:0;right:0;top:0;height:380px;pointer-events:none;
  background:radial-gradient(1000px 320px at 16% 0%,rgba(43,98,176,.5),transparent 72%);
}
.case-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.case-card{
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);
  border-radius:var(--radius);overflow:hidden;transition:all var(--tr);
}
.case-card:hover{background:rgba(255,255,255,.09);border-color:rgba(201,162,92,.5);transform:translateY(-7px);box-shadow:0 18px 40px rgba(0,0,0,.3)}
.cc-pic{position:relative;width:100%;padding-top:66%;overflow:hidden;background:rgba(255,255,255,.04)}
.cc-pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,.61,.36,1)}
.case-card:hover .cc-pic img{transform:scale(1.09)}
.cc-hover{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(7,26,56,.52);color:var(--c-gold);font-size:26px;
  opacity:0;transition:opacity var(--tr);
}
.case-card:hover .cc-hover{opacity:1}
.cc-info{padding:20px 22px 22px}
.cc-info h3{
  font-size:18px;font-weight:700;color:#fff;line-height:1.5;margin-bottom:12px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--tr);
}
.case-card:hover .cc-info h3{color:var(--c-gold-l)}
.cc-meta{display:flex;flex-direction:column;gap:7px;font-size:13px;color:rgba(255,255,255,.6)}
.cc-meta span{display:flex;gap:8px;line-height:1.6}
.cc-meta em{flex:none;color:var(--c-gold);min-width:72px}
.cc-meta em i{font-size:11px;margin-right:5px;color:var(--c-gold-l)}
.cc-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.cc-meta em{margin-right:8px}

/* 更多业绩：上下滚动 */
.perf-wrap{
  position:relative;margin-top:56px;padding:26px 30px 10px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);
}
.perf-head{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding-bottom:16px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1);
}
.perf-head h3{font-size:20px;font-weight:700;color:#fff}
.perf-head h3 i{color:var(--c-gold);margin-right:10px}
.perf-head a{font-size:14px;color:rgba(255,255,255,.7);white-space:nowrap}
.perf-head a:hover{color:var(--c-gold-l)}
.perf-scroll{position:relative;height:330px;overflow:hidden}
.perf-scroll::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:60px;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(10,34,71,.9));
}
.perf-track{position:relative}
.perf-item{
  display:flex;align-items:center;gap:18px;height:66px;padding:0 14px;border-radius:var(--radius);
  border-bottom:1px dashed rgba(255,255,255,.12);transition:background var(--tr);
}
.perf-item:hover{background:rgba(201,162,92,.12)}
.pi-num{
  flex:none;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;
  background:rgba(201,162,92,.16);color:var(--c-gold);font-size:13px;
}
.pi-name{flex:1;min-width:0;font-size:15px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pi-proj{flex:none;max-width:36%;font-size:13px;color:rgba(255,255,255,.62);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pi-proj em{color:var(--c-gold);margin-right:7px}
.pi-date{flex:none;font-size:13px;color:rgba(255,255,255,.42)}

/* ================= 新闻中心 ================= */
.news-sec{background:#fff}
.news-cols{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:36px}
.nc-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding-bottom:14px;margin-bottom:20px;border-bottom:2px solid var(--c-line);
}
.nc-head h3{font-size:19px;font-weight:700;color:var(--c-main);white-space:nowrap}
.nc-head h3 i{color:var(--c-gold);margin-right:9px}
.nc-head a{
  flex:none;width:28px;height:28px;line-height:27px;text-align:center;font-size:12px;
  color:var(--c-txt3);border:1px solid var(--c-line);border-radius:50%;transition:all var(--tr);
}
.nc-head a:hover{background:var(--c-main);color:#fff;border-color:var(--c-main)}
.nk-top{display:block}
.nk-pic{position:relative;width:100%;padding-top:60%;overflow:hidden;border-radius:var(--radius);background:#eef2f8 url(../images/placeholder.svg) center/28% no-repeat}
.nk-pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:transform .65s}
.nk-top:hover .nk-pic img{transform:scale(1.07)}
.nk-top h4{font-size:17px;font-weight:700;color:var(--c-txt);line-height:1.55;margin:15px 0 8px;transition:color var(--tr)}
.nk-top:hover h4{color:var(--c-main)}
.nk-top p{font-size:13px;line-height:1.8;color:var(--c-txt3)}
.nk-date{display:inline-block;margin-top:10px;font-size:12px;color:var(--c-txt3)}
.nk-list{margin-top:16px}
.nk-list li a{
  display:flex;align-items:center;gap:9px;padding:9px 0;font-size:14px;color:var(--c-txt2);
  border-bottom:1px dashed #eff2f7;
}
.nk-list li:last-child a{border-bottom:0}
.nk-list li a i{flex:none;font-size:11px;color:var(--c-gold)}
.nk-list li a em{margin-left:auto;flex:none;font-size:12px;color:var(--c-txt3)}
.nk-list li a:hover{color:var(--c-main)}
.nc-list li a{display:block;padding:14px 0;border-bottom:1px dashed #eff2f7;transition:all var(--tr)}
.nc-list li:last-child a{border-bottom:0}
.nc-list h4{font-size:15px;font-weight:600;color:var(--c-txt);line-height:1.55;transition:color var(--tr)}
.nc-list a:hover h4{color:var(--c-main)}
.nc-list p{font-size:13px;line-height:1.75;color:var(--c-txt3);margin-top:7px}
.nc-date{display:inline-block;margin-top:9px;font-size:12px;color:var(--c-txt3)}
.nc-date i{margin-right:5px}

/* ================= 友情链接条 ================= */
.f-links{background:var(--c-bg3);border-top:1px solid var(--c-line);padding:18px 0;font-size:13px}
.fl-in{display:flex;align-items:flex-start;gap:20px}
.fl-tit{flex:none;font-weight:700;color:var(--c-txt2);line-height:2}
.fl-tit i{color:var(--c-gold);margin-right:7px}
.fl-list{flex:1;display:flex;flex-wrap:wrap;gap:6px 20px;line-height:2;color:var(--c-txt3);min-width:0}
.fl-list a{color:var(--c-txt3)}
.fl-list a:hover{color:var(--c-main)}

/* ================= 页脚 ================= */
.footer{
  background:linear-gradient(180deg,var(--c-main-d) 0%,var(--c-main-dd) 100%);
  color:rgba(255,255,255,.6);font-size:14px;padding-top:58px;
}
.ft-main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.35fr;gap:44px;padding-bottom:46px}
.ft-brand img{height:54px;width:auto;max-width:100%;display:block;background:none;padding:0}
.ft-desc{margin-top:20px;font-size:13px;line-height:1.95;color:rgba(255,255,255,.48)}
.ft-cats h4,.ft-contact h4{
  position:relative;padding-left:13px;margin-bottom:20px;
  font-size:16px;font-weight:700;color:#fff;
}
.ft-cats h4::before,.ft-contact h4::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:3px;height:15px;background:var(--c-gold);border-radius:2px;
}
.ft-cats a{display:block;padding:7px 0;color:rgba(255,255,255,.58);transition:all var(--tr)}
.ft-cats a:hover{color:var(--c-gold-l);padding-left:7px}
.ft-contact p{padding:6px 0;line-height:1.75;font-size:14px}
.ft-contact p i{width:19px;color:var(--c-gold);margin-right:9px}
.ft-bottom{
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.1);padding:22px 0;font-size:13px;
}
.ft-copy a{margin-left:16px;color:rgba(255,255,255,.42)}
.ft-copy a:hover{color:var(--c-gold-l)}
.ft-keys{max-width:58%;color:rgba(255,255,255,.32);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ================= 移动端底部操作栏 ================= */
.m-bar{display:none}

/* ================= 内页：通栏大图（1920×450） ================= */
.pg-hero{
  position:relative;height:450px;overflow:hidden;
  background-color:var(--c-main-dd);
  background-image:linear-gradient(120deg,var(--c-main-dd) 0%,var(--c-main) 46%,var(--c-main-l) 100%);
  background-size:cover;background-position:center center;background-repeat:no-repeat;
}
/* 遮罩：左侧深、右侧透，保证标题可读又露出大图 */
.pg-hero::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(6,20,44,.88) 0%,rgba(6,20,44,.66) 38%,rgba(6,20,44,.26) 72%,rgba(6,20,44,.1) 100%);
}
.pg-hero::before{
  content:"";position:absolute;left:0;right:0;bottom:0;height:120px;
  background:linear-gradient(180deg,transparent,rgba(6,20,44,.45));z-index:1;
}
.pg-hero-in{
  position:relative;z-index:2;height:100%;
  display:flex;flex-direction:column;justify-content:center;color:#fff;
}
.pg-hero-line{
  display:block;width:76px;height:5px;border-radius:3px;margin-bottom:24px;
  background:linear-gradient(90deg,var(--c-gold) 0%,var(--c-gold-l) 60%,transparent 100%);
  opacity:0;transform:translateX(-30px);
  animation:heroLine .8s .1s cubic-bezier(.22,.61,.36,1) forwards;
}
@keyframes heroLine{to{opacity:1;transform:none}}
.pg-hero-tit{
  font-size:46px;font-weight:900;color:#fff;line-height:1.28;letter-spacing:4px;
  text-shadow:0 10px 34px rgba(0,0,0,.42);
  opacity:0;transform:translateY(26px);
  animation:heroUp .8s .22s cubic-bezier(.22,.61,.36,1) forwards;
}
.pg-hero-sub{
  position:relative;display:inline-block;margin-top:20px;padding-left:18px;
  font-size:16px;line-height:1.75;letter-spacing:2px;color:rgba(255,255,255,.86);
  text-shadow:0 3px 14px rgba(0,0,0,.36);
  opacity:0;transform:translateY(26px);
  animation:heroUp .8s .36s cubic-bezier(.22,.61,.36,1) forwards;
}
.pg-hero-sub::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:4px;height:1.15em;border-radius:2px;background:var(--c-gold);
}
@keyframes heroUp{to{opacity:1;transform:none}}

/* ================= 内页：面包屑 ================= */
.crumb-bar{background:var(--c-bg2);border-bottom:1px solid var(--c-line)}
.crumb-in{height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.crumb{
  display:flex;align-items:center;flex-wrap:wrap;gap:9px;
  font-size:14px;color:var(--c-txt3);min-width:0;
}
.crumb .cb-cur{
  color:var(--c-txt3);padding-right:9px;margin-right:2px;
  border-right:1px solid #d9e1ec;line-height:1;
}
.crumb a{color:var(--c-txt2);transition:color var(--tr)}
.crumb a:hover{color:var(--c-main)}
.crumb i{font-size:12px;color:var(--c-txt3)}
.crumb-back{
  flex:none;display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 16px;
  font-size:13px;color:var(--c-txt2);background:#fff;border:1px solid var(--c-line);
  border-radius:30px;transition:all var(--tr);
}
.crumb-back:hover{color:#fff;background:var(--c-main);border-color:var(--c-main)}

/* ================= 内页：正文区 ================= */
.page-body{background:#fff;padding:62px 0 92px}
.art-wrap{max-width:1080px;margin:0 auto}
/* 子栏目切换按钮 */
.art-tabs{
  display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;
  margin-bottom:38px;padding-bottom:24px;border-bottom:1px solid var(--c-bg3);
}
.art-tabs:empty{display:none}
/* 居中版（服务流程等居中版式的内页） */
.art-tabs.center{justify-content:center}
.at-item{
  display:inline-flex;align-items:center;height:40px;padding:0 24px;
  border-radius:30px;font-size:15px;color:var(--c-txt2);
  background:var(--c-bg2);border:1px solid transparent;
  transition:all var(--tr);white-space:nowrap;
}
.at-item:hover{color:var(--c-main);background:#fff;box-shadow:var(--shadow);transform:translateY(-2px)}
.at-item.on{
  color:#fff;background:linear-gradient(135deg,var(--c-main) 0%,var(--c-main-l) 100%);
  box-shadow:0 8px 18px rgba(17,54,113,.26);border-color:rgba(255,255,255,.12);
}

/* 富文本内容排版 */
.art-body{font-size:16px;line-height:2;color:var(--c-txt2);word-break:break-word}
.art-body>*:first-child{margin-top:0}
.art-body p{margin:0 0 20px}
.art-body img{max-width:100%;height:auto;display:block;margin:26px auto;border-radius:var(--radius)}
.art-body strong,.art-body b{color:var(--c-txt);font-weight:700}
.art-body a{color:var(--c-main);text-decoration:underline;text-underline-offset:3px}
.art-body a:hover{color:var(--c-gold)}
.art-body h2,.art-body h3,.art-body h4{
  color:var(--c-txt);font-weight:800;line-height:1.5;margin:38px 0 18px;letter-spacing:.5px;
}
.art-body h2{font-size:24px;position:relative;padding-left:18px}
.art-body h2::before{
  content:"";position:absolute;left:0;top:.42em;width:5px;height:.9em;border-radius:2px;
  background:linear-gradient(180deg,var(--c-main),var(--c-main-l));
}
.art-body h3{font-size:20px;padding-left:16px;border-left:3px solid var(--c-gold)}
.art-body h4{font-size:17px}
.art-body ul,.art-body ol{margin:0 0 20px;padding-left:0;list-style:none}
.art-body ul li,.art-body ol li{position:relative;padding-left:22px;margin-bottom:10px}
.art-body ul li::before{
  content:"";position:absolute;left:2px;top:.78em;width:7px;height:7px;border-radius:50%;
  background:var(--c-gold);
}
.art-body ol{counter-reset:artol}
.art-body ol li{counter-increment:artol}
.art-body ol li::before{
  content:counter(artol);position:absolute;left:0;top:.5em;
  min-width:17px;height:17px;line-height:17px;text-align:center;border-radius:50%;
  font-size:11px;font-weight:700;color:#fff;background:var(--c-main);
}
.art-body table{width:100%;border-collapse:collapse;margin:26px 0;font-size:15px;line-height:1.8}
.art-body table th,.art-body table td{border:1px solid #e2e9f3;padding:12px 15px;text-align:left}
.art-body table th{background:var(--c-bg2);color:var(--c-main);font-weight:700}
.art-body table tr:nth-child(even) td{background:#fafcff}
.art-body blockquote{
  margin:26px 0;padding:16px 22px;background:var(--c-bg2);border-left:4px solid var(--c-gold);
  border-radius:0 var(--radius) var(--radius) 0;color:var(--c-txt2);
}
.art-body blockquote p:last-child{margin-bottom:0}
.art-body hr{border:0;height:1px;background:var(--c-line);margin:34px 0}
.art-body figure{margin:26px 0}
.art-body figcaption{text-align:center;font-size:13px;color:var(--c-txt3);margin-top:10px}
/* 内容中的视频自适应 */
.art-body video,.art-body iframe{max-width:100%;border-radius:var(--radius)}

/* =========================================================
   内页：服务流程（service.html）
   ========================================================= */
.sv-sec{background:#fff;padding:70px 0 84px;position:relative;overflow:hidden}
.sv-sec::after{
  content:"";position:absolute;left:-180px;top:140px;width:560px;height:560px;border-radius:50%;
  background:radial-gradient(circle,rgba(17,54,113,.045),transparent 68%);pointer-events:none;
}
.sv-lead{
  position:relative;max-width:880px;margin:0 auto;text-align:center;
  font-size:16px;line-height:2.05;color:var(--c-txt2);
}
.sv-lead strong{color:var(--c-main);font-weight:700}

/* ---- 数据条 ---- */
.sv-stats{
  position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;margin-top:46px;
}
.sv-stats li{
  position:relative;padding:28px 18px 26px;text-align:center;overflow:hidden;
  background:linear-gradient(180deg,#fff 0%,var(--c-bg2) 100%);
  border:1px solid var(--c-line);border-radius:var(--radius);transition:all var(--tr);
}
.sv-stats li::after{
  content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:0;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--c-main),var(--c-gold));
  transition:width var(--tr);
}
.sv-stats li:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent}
.sv-stats li:hover::after{width:58px}
.sv-stats strong{
  display:block;font-size:40px;font-weight:900;line-height:1;letter-spacing:.5px;
  background:linear-gradient(135deg,var(--c-main) 0%,var(--c-main-ll) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.sv-stats em{display:block;margin-top:12px;font-size:14px;color:var(--c-txt3)}

/* ---- 阶段标题 ---- */
.sv-stage{position:relative;margin-top:66px}
.st-head{display:flex;align-items:center;gap:18px;margin-bottom:30px}
.st-no{
  flex:none;width:58px;height:58px;line-height:58px;text-align:center;border-radius:var(--radius);
  font-size:22px;font-weight:900;color:#fff;letter-spacing:1px;
  background:linear-gradient(135deg,var(--c-main) 0%,var(--c-main-l) 100%);
  box-shadow:0 10px 22px rgba(17,54,113,.24);
}
.st-txt{flex:none}
.st-txt h3{font-size:22px;font-weight:800;color:var(--c-main);line-height:1.35}
.st-txt p{font-size:12px;letter-spacing:1.4px;color:var(--c-txt3);margin-top:2px;text-transform:uppercase}
.st-line{flex:1;height:1px;background:linear-gradient(90deg,var(--c-line),transparent);min-width:24px}
.st-tag{
  flex:none;padding:5px 15px;border:1px dashed #d7dfea;border-radius:30px;
  font-size:12px;letter-spacing:1px;color:var(--c-txt3);white-space:nowrap;
}

/* ---- 步骤卡片 ---- */
.sv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sv-card{
  position:relative;display:block;min-width:0;padding:32px 28px 30px;overflow:hidden;
  background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);transition:all var(--tr);
}
.sv-card::before{
  content:"";position:absolute;left:0;top:0;width:0;height:3px;
  background:linear-gradient(90deg,var(--c-gold),var(--c-gold-l));
  transition:width .42s cubic-bezier(.22,.61,.36,1);
}
.sv-card:hover{transform:translateY(-7px);border-color:transparent;box-shadow:var(--shadow-lg)}
.sv-card:hover::before{width:100%}
.sc-no{
  position:absolute;right:16px;top:10px;font-size:56px;font-weight:900;line-height:1;letter-spacing:-3px;
  color:rgba(17,54,113,.07);pointer-events:none;transition:color var(--tr);
  font-family:"Helvetica Neue",Arial,sans-serif;
}
.sv-card:hover .sc-no{color:rgba(201,162,92,.2)}
.sc-ico{
  display:block;width:56px;height:56px;line-height:56px;text-align:center;font-size:22px;
  border-radius:50%;color:var(--c-main);background:var(--c-bg2);margin-bottom:22px;
  transition:all var(--tr);
}
.sv-card:hover .sc-ico{
  background:linear-gradient(135deg,var(--c-main) 0%,var(--c-main-l) 100%);color:#fff;
  box-shadow:0 10px 22px rgba(17,54,113,.24);transform:translateY(-3px);
}
.sv-card h4{font-size:18px;font-weight:700;color:var(--c-txt);line-height:1.5;margin-bottom:10px;transition:color var(--tr)}
.sv-card:hover h4{color:var(--c-main)}
.sv-card p{font-size:14px;line-height:1.9;color:var(--c-txt2)}

/* ---- 卡片：咨询转化（深色） ---- */
.sv-card.cta{
  color:#fff;border-color:transparent;
  background:linear-gradient(135deg,var(--c-main-dd) 0%,var(--c-main) 54%,var(--c-main-l) 100%);
}
.sv-card.cta .sc-ico{background:rgba(255,255,255,.14);color:var(--c-gold-l)}
.sv-card.cta:hover .sc-ico{background:linear-gradient(135deg,var(--c-gold),var(--c-gold-l));color:#3a2a08;box-shadow:0 10px 22px rgba(201,162,92,.34)}
.sv-card.cta h4{color:#fff;margin-bottom:12px}
.sv-card.cta:hover h4{color:var(--c-gold-l)}
.sv-card.cta p{color:rgba(255,255,255,.74);font-size:15px;line-height:1.9}

/* ---- 底部咨询通栏 ---- */
.sv-cta{
  position:relative;overflow:hidden;padding:58px 0;
  background:linear-gradient(115deg,var(--c-main-dd) 0%,var(--c-main) 46%,var(--c-main-l) 100%);
}
.sv-cta::after{
  content:"";position:absolute;right:-90px;top:-150px;width:440px;height:440px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,162,92,.26),transparent 68%);pointer-events:none;
}
.cta-in{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:44px}
.cta-txt h3{font-size:clamp(20px,2vw,30px);font-weight:800;color:#fff;line-height:1.5;letter-spacing:.5px}
.cta-txt p{margin-top:10px;font-size:15px;color:rgba(255,255,255,.7)}
.cta-btns{flex:none;display:flex;align-items:center;gap:16px}
.cta-btns .btn i{font-size:13px}

/* =========================================================
   内页：铝单板生产流程（liucheng.html）
   ========================================================= */
.lc-note{
  max-width:920px;margin:-4px 0 30px;padding:2px 0 2px 16px;
  border-left:3px solid var(--c-gold);
  font-size:14px;line-height:1.95;color:var(--c-txt2);
}

/* 工序流线（节点 + 箭头连接） */
.lc-flow{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px 46px;
}
.lc-node{
  position:relative;display:flex;align-items:center;gap:12px;min-width:0;
  padding:11px 18px 11px 11px;
  background:#fff;border:1px solid var(--c-line);border-radius:999px;
  transition:all var(--tr);
}
/* 节点之间的连接箭头 */
.lc-node::after{
  content:"";position:absolute;right:-27px;top:50%;
  width:9px;height:9px;
  border-top:2px solid #ccd7e6;border-right:2px solid #ccd7e6;
  transform:translateY(-50%) rotate(45deg);
  transition:border-color var(--tr);
}
.lc-node:nth-child(5n)::after,
.lc-node:last-child::after{display:none}
.lc-dot{
  flex:none;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;
  font-size:13px;font-weight:800;color:var(--c-main);background:var(--c-bg2);
  transition:all var(--tr);
}
.lc-name{
  flex:1;min-width:0;font-size:15px;color:var(--c-txt);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  transition:color var(--tr);
}
.lc-node:hover{
  border-color:rgba(17,54,113,.36);box-shadow:var(--shadow);
  transform:translateY(-3px);z-index:2;
}
.lc-node:hover .lc-dot{
  background:linear-gradient(135deg,var(--c-main) 0%,var(--c-main-l) 100%);
  color:#fff;box-shadow:0 6px 14px rgba(17,54,113,.28);
}
.lc-node:hover .lc-name{color:var(--c-main)}
.lc-node:hover::after{border-color:var(--c-gold)}

/* =========================================================
   内页：联系我们（contact.html）
   ========================================================= */
.ct-wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;align-items:stretch}

/* ---- 左：联系方式（深色卡，随右侧表单等高） ---- */
.ct-info{
  position:relative;overflow:hidden;padding:42px 36px;border-radius:var(--radius);
  background:linear-gradient(150deg,var(--c-main-dd) 0%,var(--c-main) 58%,var(--c-main-l) 100%);
  color:#fff;display:flex;flex-direction:column;
}
.ct-info::after{
  content:"";position:absolute;right:-90px;bottom:-120px;width:330px;height:330px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,162,92,.26),transparent 68%);pointer-events:none;
}
.ci-head{position:relative;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.13)}
.ci-head h2{font-size:24px;font-weight:800;color:#fff;letter-spacing:.5px}
.ci-head p{margin-top:7px;font-size:12px;letter-spacing:1.6px;color:rgba(255,255,255,.5);text-transform:uppercase}
.ct-list{position:relative;display:flex;flex-direction:column;justify-content:space-between;flex:1;gap:22px}
.ct-list li{display:flex;gap:15px;align-items:flex-start}
.ci-ico{
  flex:none;width:44px;height:44px;line-height:44px;text-align:center;border-radius:50%;
  font-size:17px;color:var(--c-gold-l);background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.13);transition:all var(--tr);
}
.ct-list li:hover .ci-ico{
  background:linear-gradient(135deg,var(--c-gold) 0%,var(--c-gold-l) 100%);
  color:#3a2a08;border-color:transparent;
}
.ci-txt{flex:1;min-width:0}
.ci-txt em{display:block;font-size:12px;color:rgba(255,255,255,.48);letter-spacing:.5px}
.ci-txt p{margin-top:3px;font-size:15px;line-height:1.7;color:#fff;word-break:break-all}
.ci-txt a{color:#fff}
.ci-txt a:hover{color:var(--c-gold-l)}

/* ---- 右：在线留言表单 ---- */
.ct-form-box{
  padding:38px 36px 40px;background:#fff;
  border:1px solid var(--c-line);border-radius:var(--radius);box-shadow:var(--shadow);
}
.cf-head{margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid var(--c-bg3)}
.cf-head h2{font-size:24px;font-weight:800;color:var(--c-main)}
.cf-head p{margin-top:8px;font-size:14px;color:var(--c-txt3)}
.ct-form{display:flex;flex-direction:column;gap:18px}
.cf-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cf-item{position:relative;min-width:0}
.cf-item input,.cf-item textarea{
  display:block;width:100%;padding:0 16px;font-size:15px;color:var(--c-txt);
  background:var(--c-bg2);border:1px solid var(--c-line);border-radius:var(--radius);
  transition:all var(--tr);
}
.cf-item input{height:50px}
.cf-item textarea{height:130px;padding:13px 16px;line-height:1.8;resize:vertical}
.cf-item input::placeholder,.cf-item textarea::placeholder{color:#a8b2bf}
.cf-item input:focus,.cf-item textarea:focus{
  background:#fff;border-color:var(--c-main);box-shadow:0 0 0 3px rgba(17,54,113,.09);
}
.cf-item.err input,.cf-item.err textarea{border-color:#e05555;background:#fff7f7}
.cf-tip{display:none;margin-top:7px;font-size:12px;color:#e05555}
.cf-item.err .cf-tip{display:block}

/* 验证码行 */
.cf-code{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:14px;align-items:start}
.cf-code img{
  width:130px;height:50px;display:block;cursor:pointer;border-radius:var(--radius);
  border:1px solid var(--c-line);background:#fff;transition:border-color var(--tr);
}
.cf-code img:hover{border-color:var(--c-main)}

/* 提交按钮 */
.cf-submit{
  display:flex;align-items:center;justify-content:center;gap:10px;
  height:52px;margin-top:4px;font-size:16px;font-weight:700;letter-spacing:2px;color:#fff;
  background:linear-gradient(135deg,var(--c-main) 0%,var(--c-main-l) 100%);
  border-radius:var(--radius);transition:all var(--tr);
}
.cf-submit:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(17,54,113,.3)}
.cf-submit:active{transform:translateY(0)}
.cf-submit i{font-size:14px}

/* =========================================================
   内页：资质荣誉列表（honorlist.html）
   ========================================================= */
/* 卡片网格：一排四个，卡片等宽；图片宽度撑满、高度随比例自适应 */
.hn-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.hn-item{
  position:relative;display:flex;flex-direction:column;min-width:0;
  padding:14px 14px 0;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);
  transition:all var(--tr);
}
.hn-item::after{
  content:"";position:absolute;left:0;top:0;width:0;height:3px;z-index:2;
  background:linear-gradient(90deg,var(--c-gold),var(--c-gold-l));
  transition:width .42s cubic-bezier(.22,.61,.36,1);
}
.hn-item:hover{transform:translateY(-7px);border-color:transparent;box-shadow:var(--shadow-lg)}
.hn-item:hover::after{width:100%}
.hn-pic{
  position:relative;display:block;width:100%;overflow:hidden;
  border-radius:3px;background:var(--c-bg2);
}
.hn-pic img{display:block;width:100%;height:auto;transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.hn-item:hover .hn-pic img{transform:scale(1.05)}
.hn-holder{display:block;padding:64px 0;text-align:center;font-size:36px;color:#c9d5e6}
.hn-hover{
  position:absolute;left:0;right:0;top:0;bottom:0;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(0deg,rgba(17,54,113,.74),rgba(17,54,113,.2));
  color:#fff;font-size:22px;opacity:0;transition:opacity var(--tr);
}
.hn-item:hover .hn-hover{opacity:1}
/* 文字区：margin-top:auto 使标题贴底，同排卡片底部对齐 */
.hn-txt{margin-top:auto;display:block;padding:20px 4px 24px;text-align:center}
.hn-tit{
  font-size:16px;font-weight:700;color:var(--c-txt);line-height:1.6;transition:color var(--tr);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.hn-item:hover .hn-tit{color:var(--c-main)}

/* ---- 翻页标签（{page:bar} 输出的是 span 序列，直接以 .pager-wrap 为容器） ---- */
.pager-wrap{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:10px;margin-top:56px;font-size:14px;
}
.pager-wrap > span{display:inline-flex;align-items:center;gap:10px}
/* 状态文字也做成按钮样式 */
.pager-wrap .page-status{
  min-width:42px;height:42px;line-height:40px;padding:0 16px;text-align:center;
  background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);
  color:var(--c-txt2);font-size:13px;white-space:nowrap;
}
.pager-wrap .page-numbar{display:inline-flex;align-items:center;gap:10px}
.pager-wrap a{
  display:inline-block;min-width:42px;height:42px;line-height:40px;padding:0 14px;text-align:center;
  background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);
  color:var(--c-txt2);transition:all var(--tr);
}
.pager-wrap a:hover{
  color:#fff;background:var(--c-main);border-color:var(--c-main);
  box-shadow:0 8px 18px rgba(17,54,113,.22);
}
.pager-wrap a.page-num-current{
  color:#fff;border-color:transparent;
  background:linear-gradient(135deg,var(--c-main) 0%,var(--c-main-l) 100%);
  box-shadow:0 8px 18px rgba(17,54,113,.24);
}
.pager-wrap a[href="javascript:;"]{
  color:#b9c2ce;background:var(--c-bg2);pointer-events:none;
}
/* 分页条为空（无数据）时隐藏 */
.pager-wrap:empty{display:none}

/* =========================================================
   内页：资质荣誉详情（honor.html）
   ========================================================= */
/* 说明：.nw-*（新闻）、.cs-*（工程案例）为详情页共用同一套标题/元信息样式 */
.hn-head,.nw-head,.cs-head{position:relative;padding-bottom:28px;margin-bottom:38px;border-bottom:1px solid var(--c-line);text-align:center}
.hn-head::after,.nw-head::after,.cs-head::after{
  content:"";position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);
  width:64px;height:2px;background:linear-gradient(90deg,var(--c-gold),var(--c-gold-l));
}
.hn-dtit,.nw-dtit,.cs-dtit{font-size:clamp(22px,2.4vw,32px);font-weight:800;color:var(--c-main);line-height:1.5;letter-spacing:.5px}
.hn-meta,.nw-meta,.cs-meta{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:10px 26px;margin-top:18px;font-size:13px;color:var(--c-txt3);
}
.hn-meta i,.nw-meta i,.cs-meta i{margin-right:6px;font-size:12px;color:var(--c-gold)}

/* ---- 上一篇 / 返回列表 / 下一篇（单行：标签与标题同行） ---- */
.pn-wrap{
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;
  margin-top:52px;padding-top:36px;border-top:1px solid var(--c-line);
}
.pn-item{
  display:flex;align-items:center;gap:12px;min-width:0;
  padding:16px 22px;background:var(--c-bg2);border:1px solid var(--c-line);
  border-radius:var(--radius);transition:all var(--tr);
}
.pn-item em{
  flex:none;display:flex;align-items:center;gap:6px;
  font-size:13px;letter-spacing:1px;color:var(--c-txt3);transition:color var(--tr);
}
.pn-item span{
  flex:1;min-width:0;font-size:15px;color:var(--c-txt);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  transition:color var(--tr);
}
.pn-item:hover{border-color:rgba(17,54,113,.4);box-shadow:var(--shadow);transform:translateY(-3px)}
.pn-item:hover span,.pn-item:hover em{color:var(--c-main)}
/* 中间：返回列表（蓝底） */
.pn-back{
  flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:16px 30px;
  font-size:15px;font-weight:600;color:#fff;border-color:transparent;white-space:nowrap;
  background:linear-gradient(135deg,var(--c-main) 0%,var(--c-main-l) 100%);
  box-shadow:0 8px 20px rgba(17,54,113,.22);
}
.pn-item.pn-back:hover{
  color:#fff;transform:translateY(-3px);box-shadow:0 12px 26px rgba(17,54,113,.3);
  background:linear-gradient(135deg,var(--c-main-d) 0%,var(--c-main) 100%);
}
/* 无上一篇/下一篇：置灰不可点 */
.pn-item[href="javascript:;"]{color:var(--c-txt3);background:#f8fafc;pointer-events:none}
.pn-item[href="javascript:;"] span{color:var(--c-txt3)}

/* =========================================================
   内页：公司业绩列表（yejilist.html）
   ========================================================= */
.yj-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
.yj-item{
  position:relative;display:flex;align-items:center;gap:18px;min-width:0;
  padding:22px 26px;background:#fff;border:1px solid var(--c-line);
  border-radius:var(--radius);transition:all var(--tr);
}
/* 左侧金线：hover 自上而下展开 */
.yj-item::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  transform:scaleY(0);transform-origin:top;
  background:linear-gradient(180deg,var(--c-gold),var(--c-gold-l));
  transition:transform .42s cubic-bezier(.22,.61,.36,1);
}
.yj-item:hover{border-color:transparent;box-shadow:var(--shadow);transform:translateY(-4px)}
.yj-item:hover::before{transform:scaleY(1)}
.yj-no{
  flex:none;width:46px;height:46px;line-height:46px;text-align:center;border-radius:50%;
  font-size:15px;font-weight:800;letter-spacing:.5px;color:var(--c-main);
  background:var(--c-bg2);font-family:"Helvetica Neue",Arial,sans-serif;
  transition:all var(--tr);
}
.yj-item:hover .yj-no{
  color:#fff;background:linear-gradient(135deg,var(--c-main) 0%,var(--c-main-l) 100%);
  box-shadow:0 8px 18px rgba(17,54,113,.24);
}
.yj-txt{flex:1;min-width:0}
.yj-cus{
  display:block;font-size:16px;font-weight:700;color:var(--c-txt);line-height:1.55;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--tr);
}
.yj-cus i{margin-right:7px;font-size:14px;color:var(--c-gold)}
.yj-item:hover .yj-cus{color:var(--c-main)}
.yj-proj{
  display:flex;align-items:center;gap:8px;min-width:0;margin-top:8px;
  font-size:14px;color:var(--c-txt2);
}
.yj-proj em{
  flex:none;padding:1px 9px;font-size:12px;line-height:1.7;border-radius:3px;
  color:var(--c-gold);background:rgba(201,162,92,.1);
  border:1px solid rgba(201,162,92,.3);
}
.yj-proj > span{
  flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  transition:color var(--tr);
}
.yj-item:hover .yj-proj > span{color:var(--c-main)}

/* =========================================================
   内页：新闻中心列表（newslist.html）——一排一条
   ========================================================= */
.nw-list{display:flex;flex-direction:column;gap:22px}
.nw-item{
  position:relative;display:grid;grid-template-columns:320px minmax(0,1fr);
  gap:28px;align-items:stretch;min-width:0;
  padding:18px;background:#fff;border:1px solid var(--c-line);
  border-radius:var(--radius);transition:all var(--tr);
}
/* 顶部金线：hover 自左向右展开 */
.nw-item::after{
  content:"";position:absolute;left:0;top:0;width:0;height:3px;z-index:2;
  background:linear-gradient(90deg,var(--c-gold),var(--c-gold-l));
  transition:width .42s cubic-bezier(.22,.61,.36,1);
  border-radius:var(--radius) var(--radius) 0 0;
}
.nw-item:hover{transform:translateY(-6px);border-color:transparent;box-shadow:var(--shadow-lg)}
.nw-item:hover::after{width:100%}

/* 缩略图：固定 4:3 比例 */
.nw-pic{
  position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;
  border-radius:4px;background:var(--c-bg2);
}
.nw-pic img{
  display:block;width:100%;height:100%;object-fit:cover;
  transition:transform .6s cubic-bezier(.22,.61,.36,1);
}
.nw-item:hover .nw-pic img{transform:scale(1.06)}
.nw-holder{
  position:absolute;left:0;top:0;right:0;bottom:0;
  display:flex;align-items:center;justify-content:center;
  font-size:42px;color:#c9d5e6;
}
.nw-cat{
  position:absolute;left:12px;top:12px;z-index:2;
  padding:3px 12px;font-size:12px;font-style:normal;letter-spacing:.5px;
  color:#fff;border-radius:2px;
  background:linear-gradient(135deg,rgba(17,54,113,.92),rgba(23,72,148,.88));
  backdrop-filter:blur(2px);
}

/* 文字区 */
.nw-txt{display:flex;flex-direction:column;min-width:0;padding:4px 6px 2px}
.nw-tit{
  font-size:20px;font-weight:700;color:var(--c-txt);line-height:1.5;transition:color var(--tr);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.nw-item:hover .nw-tit{color:var(--c-main)}
.nw-desc{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  margin-top:14px;font-size:14px;line-height:1.9;color:var(--c-txt2);
}
.nw-bar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin-top:auto;padding-top:18px;
}
.nw-date{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-style:normal;color:var(--c-txt3)}
.nw-date i{font-size:12px;color:var(--c-gold)}
.nw-more{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 18px;font-size:13px;font-weight:600;letter-spacing:.5px;
  color:var(--c-main);background:var(--c-bg2);
  border:1px solid var(--c-line);border-radius:40px;
  transition:all var(--tr);
}
.nw-more i{font-size:12px;transition:transform var(--tr)}
.nw-item:hover .nw-more{
  color:#fff;border-color:transparent;
  background:linear-gradient(135deg,var(--c-main) 0%,var(--c-main-l) 100%);
  box-shadow:0 8px 18px rgba(17,54,113,.24);
}
.nw-item:hover .nw-more i{transform:translateX(4px)}

/* =========================================================
   内页：工程案例列表（caselist.html）——一排四个
   ========================================================= */
/* 卡片网格：一排四个，等宽；图片宽度撑满、高度自适应 */
.cs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.cs-item{
  position:relative;display:flex;flex-direction:column;min-width:0;
  padding:14px 14px 0;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);
  transition:all var(--tr);
}
/* 顶部金线：hover 自左向右展开 */
.cs-item::after{
  content:"";position:absolute;left:0;top:0;width:0;height:3px;z-index:2;
  background:linear-gradient(90deg,var(--c-gold),var(--c-gold-l));
  transition:width .42s cubic-bezier(.22,.61,.36,1);
}
.cs-item:hover{transform:translateY(-7px);border-color:transparent;box-shadow:var(--shadow-lg)}
.cs-item:hover::after{width:100%}
.cs-pic{
  position:relative;display:block;width:100%;overflow:hidden;
  border-radius:3px;background:var(--c-bg2);
}
.cs-pic img{display:block;width:100%;height:auto;transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.cs-item:hover .cs-pic img{transform:scale(1.05)}
.cs-hover{
  position:absolute;left:0;right:0;top:0;bottom:0;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(0deg,rgba(17,54,113,.74),rgba(17,54,113,.18));
  color:#fff;font-size:22px;opacity:0;transition:opacity var(--tr);
}
.cs-item:hover .cs-hover{opacity:1}

/* 信息区：margin-top:auto 使标题+参数贴底，同排卡片底部对齐 */
.cs-info{margin-top:auto;display:block;padding:18px 4px 22px}
.cs-tit{
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
  font-size:17px;font-weight:700;color:var(--c-txt);line-height:1.6;
  padding-bottom:12px;margin-bottom:12px;border-bottom:1px dashed var(--c-line);
  transition:color var(--tr);
}
.cs-item:hover .cs-tit{color:var(--c-main)}
.cs-rows{display:flex;flex-direction:column;gap:8px}
.cs-row{display:flex;align-items:baseline;gap:7px;min-width:0}
.cs-row em{
  flex:none;display:inline-flex;align-items:center;gap:5px;
  width:78px;font-size:12px;font-style:normal;color:var(--c-txt3);
}
.cs-row em i{font-size:11px;color:var(--c-gold)}
.cs-val{
  flex:1;min-width:0;font-size:13px;color:var(--c-txt2);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  transition:color var(--tr);
}
.cs-item:hover .cs-val{color:var(--c-main)}

/* =========================================================
   内页：工程案例详情（case.html）——工程信息面板
   ========================================================= */
.cs-facts{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;
  margin:-6px 0 40px;
}
.cs-fact{
  position:relative;display:flex;align-items:center;gap:16px;min-width:0;
  padding:22px 26px;border-radius:var(--radius);
  background:linear-gradient(135deg,#f4f7fc 0%,#eaf0f9 100%);
  border:1px solid var(--c-line);overflow:hidden;
}
.cs-fact::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--c-gold),var(--c-gold-l));
}
.cs-fico{
  flex:none;width:52px;height:52px;line-height:52px;text-align:center;border-radius:50%;
  font-size:20px;color:#fff;
  background:linear-gradient(135deg,var(--c-main) 0%,var(--c-main-l) 100%);
  box-shadow:0 8px 18px rgba(17,54,113,.22);
}
.cs-ftxt{display:flex;flex-direction:column;gap:6px;min-width:0}
.cs-ftxt em{font-size:12px;font-style:normal;letter-spacing:1px;color:var(--c-txt3)}
.cs-ftxt strong{
  font-size:17px;font-weight:700;color:var(--c-main);line-height:1.5;
  overflow:hidden;text-overflow:ellipsis;
}

/* =========================================================
   内页：产品展示列表（productlist.html）——一排四个
   ========================================================= */
/* 卡片网格：一排四个，等宽；图片宽度撑满、高度自适应 */
.pd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.pd-item{
  position:relative;display:flex;flex-direction:column;min-width:0;
  padding:14px 14px 0;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);
  transition:all var(--tr);
}
/* 顶部金线：hover 自左向右展开 */
.pd-item::after{
  content:"";position:absolute;left:0;top:0;width:0;height:3px;z-index:2;
  background:linear-gradient(90deg,var(--c-gold),var(--c-gold-l));
  transition:width .42s cubic-bezier(.22,.61,.36,1);
}
.pd-item:hover{transform:translateY(-7px);border-color:transparent;box-shadow:var(--shadow-lg)}
.pd-item:hover::after{width:100%}
.pd-pic{
  position:relative;display:block;width:100%;min-height:120px;overflow:hidden;
  border-radius:3px;background:var(--c-bg2);
}
.pd-pic img{display:block;width:100%;height:auto;transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.pd-item:hover .pd-pic img{transform:scale(1.06)}
.pd-hover{
  position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(0deg,rgba(17,54,113,.74),rgba(17,54,113,.18));
  color:#fff;font-size:22px;opacity:0;transition:opacity var(--tr);
}
.pd-item:hover .pd-hover{opacity:1}

/* 信息区：margin-top:auto 使文字贴底，同排卡片底部对齐 */
.pd-info{margin-top:auto;display:block;padding:18px 4px 22px}
.pd-tit{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-size:17px;font-weight:700;color:var(--c-txt);line-height:1.6;
  padding-bottom:10px;border-bottom:1px dashed var(--c-line);
  transition:color var(--tr);
}
.pd-item:hover .pd-tit{color:var(--c-main)}
.pd-desc{
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
  margin-top:10px;font-size:13px;line-height:1.75;color:var(--c-txt3);
}
.pd-desc:empty{display:none}

/* =========================================================
   内页：产品详情（product.html）
   ========================================================= */
/* 概览：左图（4:3） + 右信息 */
.pd-top{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);
  gap:46px;align-items:stretch;margin-bottom:56px;
}
.pd-gal{
  position:relative;display:block;width:100%;aspect-ratio:4/3;margin:0;overflow:hidden;
  border-radius:var(--radius);border:1px solid var(--c-line);background:var(--c-bg2);
}
.pd-gal img{display:block;width:100%;height:100%;object-fit:cover}
/* 无图占位（列表 / 详情共用） */
.pd-holder{
  position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;
  display:flex;align-items:center;justify-content:center;
  font-size:40px;color:#c9d5e6;
}
.pd-sum{display:flex;flex-direction:column;justify-content:center;min-width:0}
.pd-name{
  position:relative;padding-bottom:20px;
  font-size:clamp(22px,2.5vw,32px);font-weight:800;color:var(--c-main);
  line-height:1.45;letter-spacing:.5px;
}
.pd-name::after{
  content:"";position:absolute;left:0;bottom:0;width:66px;height:3px;border-radius:2px;
  background:linear-gradient(90deg,var(--c-gold),var(--c-gold-l));
}
/* 产品简介（富文本说明块） */
.pd-brief{
  position:relative;margin-top:26px;padding:22px 26px;overflow:hidden;
  border-radius:var(--radius);border:1px solid var(--c-line);
  background:linear-gradient(135deg,#f4f7fc 0%,#eaf0f9 100%);
}
.pd-brief::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--c-gold),var(--c-gold-l));
}
.pdb-tit{
  display:flex;align-items:center;gap:8px;
  font-size:13px;font-style:normal;font-weight:700;letter-spacing:1.5px;color:var(--c-main);
}
.pdb-tit i{font-size:13px;color:var(--c-gold)}
.pd-brief p{margin-top:12px;font-size:15px;line-height:2;color:var(--c-txt2)}
/* 按钮组：联系我们 / 返回首页 */
.pd-acts{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}
.pd-acts .btn{flex:1;justify-content:center;min-width:148px}
.pd-acts .btn.outline{background:#fff;color:var(--c-main);border:1px solid var(--c-line)}
.pd-acts .btn.outline:hover{
  background:var(--c-bg2);border-color:rgba(17,54,113,.38);color:var(--c-main);
  box-shadow:0 10px 22px rgba(17,54,113,.12);
}
/* 正文小标题：产品介绍 */
.pd-sectit{position:relative;margin:0 0 30px;padding-bottom:16px;border-bottom:1px solid var(--c-line)}
.pd-sectit::after{
  content:"";position:absolute;left:0;bottom:-1px;width:60px;height:2px;
  background:linear-gradient(90deg,var(--c-gold),var(--c-gold-l));
}
.pd-st{font-size:20px;font-weight:800;color:var(--c-main);letter-spacing:.5px}
.pd-st::before{
  content:"";display:inline-block;width:4px;height:18px;margin-right:11px;
  vertical-align:-2px;border-radius:2px;
  background:linear-gradient(180deg,var(--c-main),var(--c-main-l));
}

/* =========================================================
   内页：站内搜索（search.html）
   ========================================================= */
/* ---- 搜索面板 ---- */
.sr-box{
  position:relative;margin-bottom:34px;padding:30px 34px;
  background:linear-gradient(135deg,var(--c-bg2) 0%,#eaf1fb 100%);
  border:1px solid var(--c-line);border-radius:8px;
}
.sr-form{
  display:flex;align-items:center;max-width:820px;margin:0 auto;
  background:#fff;border:2px solid var(--c-main);border-radius:6px;overflow:hidden;
  transition:box-shadow var(--tr);
}
.sr-form:focus-within{box-shadow:0 12px 30px rgba(17,54,113,.18)}
.sr-ico{flex:none;padding:0 4px 0 20px;font-size:17px;color:var(--c-txt3)}
.sr-form input[type=text]{
  flex:1;min-width:0;height:56px;padding:0 16px;border:0;background:transparent;font-size:16px;
}
.sr-form input[type=text]::placeholder{color:var(--c-txt3)}
.sr-submit{
  flex:none;display:inline-flex;align-items:center;gap:8px;height:56px;padding:0 32px;
  font-size:16px;font-weight:600;letter-spacing:1px;color:#fff;
  background:linear-gradient(135deg,var(--c-main) 0%,var(--c-main-l) 100%);
  transition:opacity var(--tr);
}
.sr-submit:hover{opacity:.9}
.sr-submit i{font-size:15px}
/* ---- 热门搜索 ---- */
.sr-hots{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;max-width:820px;margin:20px auto 0}
.sr-hots-tit{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--c-txt2)}
.sr-hots-tit i{color:var(--c-gold)}
.sr-hots a{
  padding:5px 15px;font-size:13px;color:var(--c-txt2);
  background:#fff;border:1px solid var(--c-line);border-radius:30px;transition:all var(--tr);
}
.sr-hots a:hover{color:#fff;background:var(--c-main);border-color:var(--c-main)}

/* ---- 结果统计条 ---- */
.sr-stat{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin-bottom:26px;padding:0 4px 18px;border-bottom:1px solid var(--c-line);
}
.sr-stat-txt{display:inline-flex;align-items:center;gap:9px;font-size:15px;color:var(--c-txt2)}
.sr-stat-txt i{color:var(--c-gold)}
.sr-stat-txt em{color:var(--c-main);font-weight:700}
.sr-stat-txt strong{color:var(--c-gold);font-weight:800;font-size:17px;padding:0 2px}

/* ---- 关键词高亮：内核 [search:title mark=1] 输出 <mark>，统一改品牌金底 ---- */
.sr-list .nw-tit mark{color:#a86a06;background:rgba(201,162,92,.2);border-radius:2px;padding:0 2px}

/* ---- 无结果空状态 ---- */
.sr-empty{
  max-width:640px;margin:20px auto 0;padding:56px 30px;text-align:center;
  background:var(--c-bg2);border:1px dashed var(--c-line);border-radius:8px;
}
.sr-empty-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:92px;height:92px;margin-bottom:24px;border-radius:50%;
  font-size:38px;color:var(--c-main);
  background:linear-gradient(135deg,#fff,#e6eefa);box-shadow:var(--shadow);
}
.sr-empty h3{font-size:20px;font-weight:700;color:var(--c-txt);line-height:1.6}
.sr-empty h3 em{color:var(--c-main)}
.sr-empty p{margin-top:12px;font-size:14px;color:var(--c-txt3);line-height:1.9}
.sr-empty-acts{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:28px}