/* ========== 1. 基础变量与 Reset ========== */
:root{
  --blue-900:#16324f; --blue-800:#1b3d5e; --blue-700:#21507a;
  --orange:#e8930c; --orange-d:#c97d06;
  --text:#2b333d; --text-sub:#5a6672; --line:#e3e8ee;
  --bg-light:#f5f7fa; --white:#fff;
  --fs-h2:28px; --fs-body:16px; --radius:8px;
  --shadow:0 4px 18px rgba(22,50,79,.04); 
  --shadow-hover:0 10px 28px rgba(22,50,79,.10);
}
*{margin:0;padding:0;box-sizing:border-box}
html, body { overflow-x: hidden !important; width: 100%; position: relative; }
html{scroll-behavior:smooth;font-size:16px}
body{font-family:"Microsoft YaHei","PingFang SC",Helvetica,Arial,sans-serif;color:var(--text);background:var(--white);line-height:1.7;-webkit-font-smoothing:antialiased;padding-top: 70px; }
ul,li{list-style:none}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
img.lazy{background:#eef1f5;opacity:0;transition:opacity .6s ease}
img.lazy.loaded{opacity:1}
input,button,textarea{font-family:inherit}
h1,h2,h3,h4{line-height:1.35;font-weight:700}

/* ========== 2. 容器与通用组件 ========== */
.container{max-width:1280px;margin:0 auto;padding:0 24px}
.sec{padding:72px 0} 
.sec-light{background:var(--bg-light)}
.sec-title{font-size:var(--fs-h2);color:var(--blue-900);text-align:center;margin-bottom:14px}
.sec-sub{text-align:center;color:var(--text-sub);font-size:var(--fs-body);margin-bottom:44px}
.btn{display:inline-block;padding:12px 28px;background:var(--orange);color:#fff;border-radius:6px;font-size:var(--fs-body);font-weight:600;transition:.25s;border:none;cursor:pointer}
.btn:hover{background:var(--orange-d)}
.btn-ghost{background:transparent;border:1px solid var(--blue-700);color:var(--blue-700)}
.btn-ghost:hover{background:var(--blue-700);color:#fff}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}

/* ========== 3. 头部与 PC 导航 ========== */
.site-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.06); }
.header-inner{max-width:1280px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;}
.logo{display:flex;align-items:center;gap:10px}
.logo h1{font-size:22px;color:var(--blue-900);font-weight:700;}
.logo .brand{font-size:13px;color:var(--text-sub);border:1px solid var(--line);padding:2px 8px;border-radius:4px}
.logo .brand sup{color:var(--orange);font-size:10px}
.nav-pc>ul{display:flex;gap:30px;align-items:center}
.nav-pc>ul>li{position:relative}
.nav-pc a{color:var(--text);font-size:15px;padding:6px 0;display:inline-block;transition:.2s}
.nav-pc a:hover,.nav-pc a.active{color:var(--orange)}
.nav-pc a.active{font-weight:700}
.has-drop>a::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:6px;vertical-align:2px;transition:.2s}
.dropdown{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(8px);background:#fff;min-width:170px;border-radius:8px;box-shadow:var(--shadow-hover);padding:8px 0;opacity:0;visibility:hidden;transition:.22s;z-index:10}
.has-drop:hover .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.dropdown a{display:block;padding:10px 20px;font-size:14px;color:var(--text)}
.dropdown a:hover{background:var(--bg-light);color:var(--orange)}

/* ========== 4. Banner ========== */
.banner{position:relative;overflow:hidden;background:var(--blue-900); width: 100%;}
.banner-track{display:flex;transition:transform .6s ease}
.banner-slide{flex:0 0 100%;height:500px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center}
.banner-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,30,50,.78) 0%,rgba(15,30,50,.45) 55%,rgba(15,30,50,.15) 100%)}
.banner-content{position:relative;z-index:2;width:100%;max-width:1280px;margin:0 auto;padding:0 24px;color:#fff}
.banner-content .b-inner{max-width:640px}
.banner-content h2{font-size:clamp(24px,2.6vw,36px);color:#fff;margin-bottom:14px;opacity:0;transform:translateX(-70px);transition:opacity .85s .1s,transform .85s .1s}
.banner-content p{font-size:clamp(14px,1.15vw,17px);color:#e6edf5;margin-bottom:24px;line-height:1.8;opacity:0;transform:translateX(70px);transition:opacity .85s .2s,transform .85s .2s}
.banner-content .btn{opacity:0;transform:translateX(-70px);transition:opacity .85s .3s,transform .85s .3s}
.banner-slide.active .banner-content h2,
.banner-slide.active .banner-content p,
.banner-slide.active .banner-content .btn{opacity:1;transform:none}
.banner-dots{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:10px;z-index:5}
.banner-dots button{width:28px;height:3px;border-radius:2px;background:rgba(255,255,255,.4);border:none;cursor:pointer;transition:.3s;padding:0}
.banner-dots button.active{width:52px;background:var(--orange)}

/* ========== 5. 数据块与内容区 ========== */
.data-block{background:var(--blue-900);color:#fff;padding:56px 0}
.data-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.data-item{padding:12px;border-right:1px solid rgba(255,255,255,.12)}
.data-item:last-child{border-right:none}
.data-item .num{font-size:clamp(24px,3vw,32px); font-weight:700;color:#fff;display:block;line-height:1.2;margin-bottom:8px;}
.data-item .num em{font-style:normal;color:var(--orange)}
.data-item .label{font-size:15px;color:#c8d3df}

.craft{display:flex;align-items:center;gap:56px}
.craft.reverse{flex-direction:row-reverse}
.craft .pic{width:46%;height:340px;background:var(--bg-light);border-radius:var(--radius);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);}
.craft .pic img{width:100%;height:100%;object-fit:cover;}
.craft .txt{flex:1}
.craft .txt h3{font-size:24px;color:var(--blue-900);margin-bottom:10px}
.craft .txt .tag{display:inline-block;font-size:13px;color:var(--orange);border:1px solid var(--orange);padding:2px 10px;border-radius:20px;margin-bottom:14px}
.craft .txt p{color:var(--text-sub);margin-bottom:10px}

/* ========== 6. 商标区块 ========== */
.sec-brand {padding: 60px 0;}
.brand-block .row {display: flex;align-items: center;gap: 60px;}
/* 把外层背景设为纯白，去掉内边距 */
.brand-block .pic {width: 45%;height: 340px;background: #fff;border-radius: var(--radius);overflow: hidden;display: flex;align-items: center;justify-content: center;box-shadow: var(--shadow);}
/* 图片铺满，留白也是纯白 */
.brand-block .pic img {width: 100%;height: 100%;object-fit: contain;background: #fff;}
.brand-block .txt {flex: 1;display: flex;flex-direction: column;justify-content: center;}
.brand-block .txt h3 {font-size: 26px;color: var(--blue-900);margin-bottom: 8px;}
.brand-block .txt h4 {font-size: 20px;color: var(--blue-900);margin-bottom: 16px;padding-bottom: 8px;border-bottom: 2px solid var(--orange);display: inline-block;align-self: flex-start;}
.brand-block .txt p {color: var(--text-sub);margin-bottom: 12px;font-size: 15px;line-height: 1.8;}
.brand-block .btn {margin-top: 16px;align-self: flex-start;}

/* ========== 7. 技术页卡片区 ========== */
.tech-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:.3s}
.tech-box:hover{box-shadow:var(--shadow-hover);border-color:transparent}
.tech-box .thumb{height:260px;background:#dce7f5;overflow:hidden}
.tech-box .thumb img{width:100%;height:100%;object-fit:cover;transition:.4s}
.tech-box:hover .thumb img{transform:scale(1.04)}
.tech-box .body{padding:26px;flex:1;display:flex;flex-direction:column}
.tech-box h3{font-size:20px;color:var(--blue-900);margin-bottom:12px}
.tech-box p{font-size:14px;color:var(--text-sub);margin-bottom:20px;flex:1}

.mat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.mat-card{background:var(--blue-800);border-radius:var(--radius);overflow:hidden;color:#fff;transition:.28s}
.mat-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);background:var(--blue-700)}
.mat-card .thumb{aspect-ratio:4/3;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;overflow:hidden}
.mat-card .thumb img{width:100%;height:100%;object-fit:cover}
.mat-card .body{padding:16px 16px 20px}
.mat-card h4{font-size:16px;color:#fff;margin-bottom:8px}
.mat-card p{font-size:13px;color:#c8d3df;line-height:1.6}

.flow-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.flow-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.28s}
.flow-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px);border-color:transparent}
.flow-card .thumb{aspect-ratio:16/9;overflow:hidden;background:#dce7f5}
.flow-card .thumb img{width:100%;height:100%;object-fit:cover;transition:.4s}
.flow-card:hover .thumb img{transform:scale(1.04)}
.flow-card .body{padding:20px}
.flow-card h4{font-size:16px;color:var(--blue-900);margin-bottom:8px}
.flow-card p{font-size:13px;color:var(--text-sub);margin-bottom:14px;line-height:1.6;}
.flow-card .link{color:var(--orange);font-size:14px;font-weight:600}

/* ========== 8. 关于我们 ========== */
/* 拉开标题与内容间距 */
.about-title {
  margin-bottom: 40px !important;
}

.about-row {display: flex; align-items: flex-start; gap: 50px;}
.about-row .pic {width: 45%; height: 280px; background: var(--bg-light); border-radius: var(--radius); overflow: hidden; display: flex; align-items: center; justify-content: center; box-shadow: var(--shadow);}
.about-row .pic img {width: 100%; height: 100%; object-fit: cover;}
.about-row .txt {flex: 1;}
.about-row .txt h3 {font-size: 24px; color: var(--blue-900); margin-bottom: 20px;}
.about-row .txt p {font-size: 15px; color: var(--text-sub); margin-bottom: 16px; line-height: 1.8;}

/* 优势卡片美化 */
.about-adv {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.adv-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 28px 24px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
/* 顶部彩色装饰线 */
.adv-card::before {
  content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px;
  background: var(--line); transition: all 0.3s ease;
}
.adv-card:hover::before { background: var(--orange); }
.adv-card:hover { box-shadow: var(--shadow-hover); transform: translateY(-5px); border-color: transparent; }

/* 标题带橙色小竖条 */
.adv-card h4 {
  font-size: 18px; color: var(--blue-900); margin-bottom: 12px;
  display: flex; align-items: center;
}
.adv-card h4::before {
  content: ""; display: inline-block; width: 4px; height: 16px;
  background: var(--orange); border-radius: 2px; margin-right: 8px;
}
.adv-card p {font-size: 14px; color: var(--text-sub); line-height: 1.6;}

.contact-box {display: flex; gap: 60px; align-items: center;}
.contact-box .info {flex: 1;}
.contact-box .info p {font-size: 16px; color: var(--text); margin-bottom: 16px;}
.contact-box .info strong {color: var(--blue-900); display: inline-block; width: 90px;}
.contact-box .pic {width: 45%; height: 260px; background: var(--bg-light); border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow);}
.contact-box .pic img {width: 100%; height: 100%; object-fit: cover;}

/* ========== 9. 页脚 ========== */
.site-footer{background:var(--blue-900);color:#c8d3df;padding:60px 0 24px;}
.footer-grid{display:grid;grid-template-columns: 2fr 1fr 1fr 1.5fr; gap:40px}
.footer-col h4{color:#fff;font-size:16px;margin-bottom:20px;font-weight:700;position:relative;padding-bottom:10px}
.footer-col h4::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:2px;background:var(--orange)}
.footer-col p,.footer-col li{font-size:13.5px;line-height:1.9;color:#b7c4d2;margin-bottom:6px}
.footer-col a{transition:all 0.3s}
.footer-col a:hover{color:var(--orange);padding-left:4px}
.footer-wechat-group .wechat-wrap{display:flex;gap:24px}
.footer-wechat-group .wechat-item{text-align:center}
.footer-wechat-group img{width:90px;height:90px;object-fit:cover;border-radius:6px;background:#fff;padding:4px;margin-bottom:8px;border:1px solid rgba(255,255,255,0.1)}
.footer-wechat-group span{font-size:12.5px;color:#9fb0c2;display:block}
.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:20px;text-align:center;font-size:13px;color:#8fa2b6}
.footer-mobile{display:none}

/* ========== 10. 动画 & 内页 banner ========== */
.reveal{opacity:0;transform:translateY(50px);transition:opacity .85s,transform .85s}
.reveal.in{opacity:1;transform:none}
.reveal-left{opacity:0;transform:translateX(-70px);transition:opacity .85s,transform .85s}
.reveal-left.in{opacity:1;transform:none}
.reveal-right{opacity:0;transform:translateX(70px);transition:opacity .85s,transform .85s}
.reveal-right.in{opacity:1;transform:none}
.page-hero{background:linear-gradient(120deg,var(--blue-900),var(--blue-700));color:#fff;padding:54px 0 46px}
.page-hero h2{font-size:var(--fs-h2);color:#fff;margin-bottom:10px}
.page-hero .crumb{font-size:14px;color:#c8d3df}

/* ========== 11. 移动端底栏与小弹窗 ========== */
.mobile-bar{display:none;position:fixed;bottom:0;left:0;right:0;width:100vw;background:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.08);z-index:99999;padding-bottom:env(safe-area-inset-bottom);transform: translateZ(0);}
.mobile-bar .item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0 6px;font-size:12px;color:var(--text-sub);transition:.2s;border:none;background:none;cursor:pointer;text-decoration:none}
.mobile-bar .item svg{width:22px;height:22px;margin-bottom:3px;fill:none;stroke:currentColor;stroke-width:1.8}
.mobile-bar .item.active,.mobile-bar .item:hover{color:var(--orange)}

.mobile-popup-mask {display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.4); z-index: 99998; opacity: 0; visibility: hidden; transition: all 0.3s;}
.mobile-popup-mask.show {opacity: 1; visibility: visible;}
.mobile-popup {display: none; position: fixed; bottom: 60px; left: 0; width: 100%; background: #fff; z-index: 99999; border-radius: 12px 12px 0 0; padding: 10px 0 20px; transform: translateY(100%); transition: transform 0.3s ease; box-shadow: 0 -4px 15px rgba(0,0,0,0.08);}
.mobile-popup.show {transform: translateY(0);}
.mobile-popup .popup-head {text-align: center;font-size: 13px;color: var(--text-sub);padding: 10px 0 15px;border-bottom: 1px solid var(--line);margin-bottom: 5px;}
.mobile-popup a {display: block;text-align: center;padding: 16px 0;font-size: 16px;color: var(--text);border-bottom: 1px solid var(--bg-light);}
.mobile-popup a:last-child {border-bottom: none;}

/* ========== 12. 响应式 ========== */
@media(max-width:1200px){
  .nav-pc>ul{gap:20px} .logo h1{font-size:20px} .craft,.brand-block .row,.about-row,.contact-box{gap:36px}
  .mat-grid{grid-template-columns:repeat(3,1fr)}
  .flow-grid-4{grid-template-columns:repeat(2,1fr)}
  .about-adv {grid-template-columns: repeat(2, 1fr);}
  .footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:20px}
}

@media(max-width:992px){
  .nav-pc{display:none} 
  .mobile-bar{display:flex} 
  .mobile-popup-mask {display: block;}
  .mobile-popup {display: block;}
  body{padding-bottom:60px}
  .sec{padding:52px 0}
  .craft,.craft.reverse,.brand-block .row,.about-row,.contact-box{flex-direction:column;gap:28px}
  .craft .pic,.craft .txt,.brand-block .pic,.brand-block .txt,.about-row .pic,.about-row .txt,.contact-box .pic,.contact-box .info{width:100%}
  .craft .pic {height:300px;}
  
  .about-row .pic {display: none !important;}
  .contact-box {flex-direction: column !important;} /* 手机端地图放到文字下面 */
  .contact-box .pic {height: 240px !important;} /* 手机端地图高度 */
  .about-adv {grid-template-columns: 1fr;}
  
  .data-grid{grid-template-columns:repeat(2,1fr);gap:20px 8px;}
  .mat-grid{grid-template-columns:repeat(2,1fr)}
  .flow-grid-4{grid-template-columns:repeat(2,1fr)}
  .logo h1{font-size:20px;} 
  .brand-block .pic {height: 260px;}
  .brand-block .txt { text-align: left; }
  .brand-block .txt h3, .brand-block .txt h4 { text-align: center; display: block; }
  .brand-block .txt h4 { width: fit-content; margin: 0 auto 16px auto; }
  .brand-block .txt p { text-align: left; }
  .brand-block .btn { margin: 16px auto 0 auto; display: table; }
  
  .footer-grid{display:none} 
  .footer-mobile{display:block;text-align:center}
  .footer-mobile .f-company{color:#fff;font-size:15px;margin-bottom:8px}
  .footer-mobile .f-addr{font-size:13px;color:#b7c4d2;margin-bottom:20px;line-height:1.7}
  .footer-mobile .f-wechat{display:flex;justify-content:center;gap:36px}
  .footer-mobile .f-wechat img{width:84px;height:84px;background:#fff;border-radius:6px;padding:4px;margin:0 auto 6px}
  .copyright{margin-top:20px}
}

@media(max-width:640px){
  .container{padding:0 16px} 
  .sec-title{font-size:22px} 
  .flow-grid-4{grid-template-columns:1fr}
  .btn-row {display: grid !important;grid-template-columns: 1fr 1fr !important;gap: 8px !important;}
  .btn-row .btn {width: 100%;padding: 10px 0 !important;font-size: 13px !important;text-align: center !important;white-space: nowrap !important;}
  
  .mat-grid { grid-template-columns: 1fr; gap: 12px; }
  .mat-card { display: flex; flex-direction: row; align-items: center; padding: 14px; gap: 16px; }
  .mat-card .thumb { width: 130px; height: 130px; flex-shrink: 0; }
  .mat-card .body { padding: 0; flex: 1; }
  .mat-card h4 { margin-bottom: 6px; font-size: 16px; }
  .mat-card p { font-size: 13px; line-height: 1.6; }
}
/* ========== 商标证书页 ========== */
.cert-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  max-width: 1000px;
  margin: 0 auto;
}
.cert-card {
  background: #fff;
  padding: 15px;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  transition: all 0.3s ease;
  border: 1px solid var(--line);
}
.cert-card:hover {
  box-shadow: var(--shadow-hover);
  transform: translateY(-5px);
}
.cert-card img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  background: var(--bg-light); /* 没图时显示底色 */
  min-height: 400px; /* 占位高度 */
  object-fit: contain;
}

/* 合作说明卡片 */
.coop-box {
  max-width: 900px;
  margin: 0 auto;
  background: #fff;
  padding: 50px;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  text-align: center;
}
.coop-box .sec-title {
  margin-bottom: 24px;
  color: var(--blue-900);
  font-size: 24px;
}
.coop-text p {
  font-size: 16px;
  color: var(--text-sub);
  line-height: 1.8;
  margin-bottom: 16px;
}

/* 移动端适配 */
@media (max-width: 992px) {
  .cert-grid {
    grid-template-columns: 1fr; /* 手机端一张一张上下排 */
    gap: 20px;
  }
  .cert-card img {
    min-height: 250px; /* 手机端降低一点占位高度 */
  }
  .coop-box {
    padding: 30px 20px;
  }
}

/* ========== 工艺流程详情页专属 ========== */
.craft-detail {
  max-width: 1000px;
  margin: 0 auto;
  background: #fff;
  padding: 40px;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
.craft-detail h2 {
  font-size: 26px;
  color: var(--blue-900);
  text-align: center;
  margin-bottom: 30px;
}
/* 顶部参数网格 */
.param-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 40px;
}
.param-item {
  background: var(--bg-light);
  border-left: 4px solid var(--orange);
  padding: 16px 20px;
  border-radius: 0 var(--radius) var(--radius) 0;
}
.param-item .k {
  font-size: 13px;
  color: var(--text-sub);
  margin-bottom: 4px;
}
.param-item .v {
  font-size: 15px;
  font-weight: 600;
  color: var(--blue-900);
}
/* 步骤条 */
.step-list {
  list-style: none;
  padding: 0;
}
.step-list li {
  position: relative;
  padding-left: 50px;
  margin-bottom: 30px;
}
.step-list li::before {
  content: attr(data-step);
  position: absolute;
  left: 0;
  top: 2px;
  width: 32px;
  height: 32px;
  background: var(--blue-700);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 14px;
}
/* 连接线 */
.step-list li:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 15px;
  top: 36px;
  bottom: -26px;
  width: 2px;
  background: var(--line);
}
.step-list li h4 {
  font-size: 17px;
  color: var(--blue-900);
  margin-bottom: 6px;
}
.step-list li p {
  font-size: 15px;
  color: var(--text-sub);
  line-height: 1.7;
}
/* 提示框 */
.note-box {
  background: #fffbf0;
  border: 1px solid #f6e0b5;
  padding: 20px;
  border-radius: var(--radius);
  margin-top: 40px;
}
.note-box h4 {
  color: var(--orange-d);
  font-size: 16px;
  margin-bottom: 10px;
}
.note-box ul {
  padding-left: 20px;
}
.note-box li {
  list-style: disc;
  color: #8a6a2a;
  font-size: 14px;
  margin-bottom: 6px;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .param-grid { grid-template-columns: 1fr; }
  .craft-detail { padding: 24px 20px; }
}
/* ========== 移动端工艺流程步骤优化 ========== */
@media (max-width: 768px) {
  .craft-detail {
    padding: 24px 16px; /* 手机端卡片内边距稍微收窄一点 */
  }
  .step-list li {
    padding-left: 40px; /* 减小左侧留白，给文字更多空间 */
    margin-bottom: 26px; /* 调整上下间距 */
  }
  .step-list li::before {
    width: 26px; /* 圆圈缩小 */
    height: 26px;
    font-size: 13px;
    top: 0;
  }
  .step-list li:not(:last-child)::after {
    left: 12px; /* 连接线居中对齐新的圆圈 */
    top: 30px;
    bottom: -22px;
  }
  .step-list li h4 {
    font-size: 16px;
    margin-bottom: 8px;
    line-height: 1.4;
  }
  .step-list li p {
    font-size: 14px;
    line-height: 1.7;
    color: #4a5a6a;
  }
  
  /* 手机端底部横幅改为上下排布 */
  .craft-detail div[style*="justify-content: space-between"] {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .craft-detail div[style*="justify-content: space-between"] .btn {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
}
/* ========== 内页顶部面包屑靠右极简版 ========== */
.page-hero {
  background: #fff !important; /* 纯白背景 */
  padding: 12px 0 !important; /* 上下留白极小 */
  border-bottom: 1px solid #f0f0f0; /* 极细的分割线 */
}
.page-hero .container {
  display: flex;
  justify-content: flex-end; /* 关键：把内容全部推到右边 */
}
.page-hero h2 {
  display: none !important; /* 隐藏大标题 */
}
.page-hero .crumb {
  color: #888 !important; /* 灰色，不抢视觉 */
  font-size: 13px !important;
  font-weight: normal !important; /* 取消加粗 */
}
.page-hero .crumb a {
  color: #888 !important;
}
.page-hero .crumb a:hover {
  color: var(--orange) !important;
}

/* ========== 手机端 Banner 高度调整 ========== */
@media (max-width: 992px) {
  .banner-slide {
    height: 330px !important; 
  }
}
/* ========== 手机端头部上下排版 ========== */
@media (max-width: 640px) {
  .logo {
    display: flex;
    flex-direction: column !important; /* 垂直排列 */
    align-items: flex-start !important; /* 强制左对齐 */
    flex-wrap: nowrap !important;
    gap: 6px; /* 上下两行的间距 */
  }
  
  /* 第一行：鑫山牌 */
  .logo .brand {
    display: inline-block !important;
    font-size: 13px !important;
    padding: 2px 8px !important;
    order: 1; /* 在上 */
  }

  /* 第二行：公司名称 */
  .logo h1 {
    font-size: 20px !important; /* 恢复到大字号 */
    white-space: nowrap !important; /* 保证绝不换行 */
    margin: 0;
    line-height: 1.2;
    order: 2; /* 在下 */
  }
}