/* ===== 现代化全局样式 ===== */
:root{
  --brand:#00d4ff;
  --brand-dark:#0099cc;
  --bg-dark:#0a0a0a;
  --bg-card:#ffffff;
  --text-primary:#333;
  --text-secondary:#666;
  --shadow-sm:0 2px 8px rgba(0,0,0,0.08);
  --shadow-md:0 6px 20px rgba(0,0,0,0.12);
  --shadow-lg:0 12px 40px rgba(0,0,0,0.15);
  --transition:all 0.3s cubic-bezier(0.4,0,0.2,1);
  --radius:8px;
  --radius-lg:12px;
}
*{scroll-behavior:smooth;}
body{font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;}

/* ===== 无障碍：跳过导航 ===== */
.skip-link{position:absolute;top:-100px;left:0;background:var(--brand);color:#0a0a0a;padding:10px 20px;font-size:14px;font-weight:bold;text-decoration:none;z-index:99999;transition:top 0.2s;}
.skip-link:focus{top:0;}

/* ===== 无障碍：焦点环 ===== */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--brand);
  outline-offset:2px;
}

/* ===== 覆盖旧CSS硬编码颜色 ===== */
a:hover{color:var(--brand-dark) !important;}
.head-nav li>a{color:#fff !important;}
.headtel .toptel .telbox,.headtel .toptel .telbox a{color:var(--brand-dark) !important;}

/* ===== 无障碍：减少动画偏好 ===== */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
    scroll-behavior:auto !important;
  }
  .hero-overlay,.hero-btn,.tc-gridbox,.product-grid{transform:none !important;}
}

/* ===== 加宽容器 ===== */
.container{max-width:1500px !important;width:100% !important;padding:0 32px;box-sizing:border-box;}
.ncontainer{max-width:1500px !important;}

/* ===== 修复PC端导航+电话布局（核心修复）===== */
.dhbg{height:90px !important;}
.header-top{display:flex !important;align-items:center !important;justify-content:space-between !important;width:100% !important;height:90px !important;box-sizing:border-box !important;float:none !important;padding:0 24px !important;}
.header-top .logo{flex-shrink:0 !important;float:none !important;height:90px !important;display:flex !important;align-items:center !important;padding-top:0 !important;margin-left:8px !important;margin-right:40px !important;}
.header-top .head-right{flex:1 !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;width:auto !important;height:90px !important;float:none !important;padding-right:0 !important;margin-right:8px !important;}
.head-yb{display:flex !important;align-items:center !important;flex:1 !important;min-width:0 !important;float:none !important;width:auto !important;margin:0 !important;padding:0 !important;height:90px !important;padding-bottom:0 !important;}
.head-nav{float:none !important;width:auto !important;flex:1 !important;display:flex !important;align-items:center !important;justify-content:center !important;height:90px !important;line-height:90px !important;}
.head-nav ul{display:flex !important;align-items:center !important;justify-content:center !important;float:none !important;width:auto !important;list-style:none !important;gap:0 !important;height:90px !important;flex-wrap:nowrap !important;/* 频道多了改 wrap 可换行 */}
.head-nav li{width:auto !important;float:none !important;margin:0 !important;padding:0 !important;height:90px !important;display:flex !important;align-items:center !important;}
.head-nav li a{padding:0 13px !important;font-size:15px !important;white-space:nowrap !important;display:flex !important;align-items:center !important;line-height:1 !important;height:90px !important;position:relative !important;top:12px !important;}
.headtel{margin:0 !important;margin-left:12px !important;flex-shrink:0 !important;min-width:185px !important;overflow:visible !important;padding:0 !important;height:90px !important;display:flex !important;align-items:center !important;padding-top:0 !important;}
/* 隐藏mmenu插件箭头 */
.head-nav li a.mm-next{display:none !important;}
/* 确保导航两行不被外部CSS裁剪 */
.header-main,.ncontainer,.header-top,.head-right,.head-yb{overflow:visible !important;}

/* ===== 案例展示 16:9 圆角 美化 ===== */
.case .container .row{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;width:100% !important;margin:0 !important;padding:0 !important;}
.case .container .row::before,
.case .container .row::after{display:none !important;content:none !important;}
.case .col-md-4{width:100% !important;padding:0 !important;float:none !important;}
.tc-gridbox{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);width:100% !important;border-radius:0 !important;}
.tc-gridbox:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px);}
.tc-gridbox ul{list-style:none;margin:0;padding:0;width:100% !important;}
.tc-gridbox li{width:100% !important;height:auto !important;overflow:visible !important;float:none !important;margin:0 !important;position:relative !important;margin-bottom:0 !important;transition:var(--transition);}
.tc-gridbox li a{width:100% !important;height:auto !important;display:block !important;background:#fff !important;border-radius:var(--radius-lg);overflow:hidden;}
.tc-gridbox li:hover{box-shadow:none !important;}
.each-item{width:100% !important;}
.each-item:hover .picture img{transform:scale(1.06) !important;-webkit-transform:scale(1.06) !important;-moz-transform:scale(1.06) !important;}

/* 案例图片16:9 */
.tc-gridbox .picture{position:relative;overflow:hidden;width:100% !important;height:auto !important;padding:0 !important;margin:0 !important;border-radius:var(--radius-lg) var(--radius-lg) 0 0;}
.tc-gridbox .picture a.img{display:block !important;width:100% !important;aspect-ratio:16/9 !important;height:auto !important;overflow:hidden;position:relative !important;border-radius:var(--radius-lg) var(--radius-lg) 0 0;}
.tc-gridbox .picture img.img-responsive,
.tc-gridbox .picture img[width],
.tc-gridbox .picture img[height]{width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;object-fit:cover !important;display:block !important;transition:transform 0.5s ease;border-radius:0 !important;position:absolute !important;top:0 !important;left:0 !important;}
.tc-gridbox .picture .zhezhao{display:none !important;}

/* 案例文字区域 */
.tc-gridbox .lans{position:relative !important;width:100% !important;box-sizing:border-box;padding:16px 20px !important;height:auto !important;color:#999;bottom:auto !important;left:auto !important;background:#fff !important;z-index:5;margin-bottom:0 !important;transition:var(--transition);border-radius:0 0 var(--radius-lg) var(--radius-lg);}
.tc-gridbox li:hover .lans,
.tc-gridbox li a:hover .lans{height:auto !important;margin-bottom:0 !important;margin-top:0 !important;}
.tc-gridbox li a:hover .lans,
.tc-gridbox li a:hover .lans-top{margin-top:0 !important;}
.tc-gridbox .lans-top{display:flex !important;justify-content:space-between;align-items:flex-start;margin-top:0 !important;line-height:1.5;}
.tc-gridbox .lans-top-left{font-size:15px !important;font-weight:700;color:var(--text-primary);float:none !important;flex:1;padding-right:8px;transition:var(--transition);}
.tc-gridbox:hover .lans-top-left{color:var(--brand);}
.tc-gridbox .lans-top-right{font-size:12px;color:var(--brand-dark);background:rgba(0,212,255,0.08);padding:3px 10px;border-radius:12px;white-space:nowrap;flex-shrink:0;font-weight:600;float:none !important;}
.tc-gridbox .lans-bottom{display:block !important;margin-top:8px;font-size:13px;color:var(--text-secondary);line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.tc-gridbox li .img{position:relative !important;top:auto !important;left:auto !important;width:100% !important;height:auto !important;}

/* 覆盖外部style.css固定高度 */
.img-responsive{height:auto !important;width:100% !important;}
@media (min-width:650px){.picture img{height:auto !important;}}
@media (max-width:650px){.picture img{height:auto !important;}}

/* ===== 服务范围名称居中 ===== */
.plst_pt .xiangmu a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center !important;}
.plst_pt .xiangmu h3{text-align:center !important;}

/* ===== 去除导航hover白色下划线 保留蓝色边框 ===== */
.head-nav li a,
.head-nav li:hover a,
.head-nav li>a,
.head-nav li>a:hover{text-decoration:none !important;}

/* ===== 新闻中心图片16:9 ===== */
.news_box li{margin-top:20px !important;}
.news_box li .fl{width:200px !important;min-width:200px;}
.news_box li .des{width:200px !important;aspect-ratio:16/9 !important;overflow:hidden;position:relative;border-radius:var(--radius);}
.news_box li .des img{width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;object-fit:cover !important;display:block !important;position:absolute !important;top:0 !important;left:0 !important;transition:transform 0.4s ease;}
.news_box li:hover .des img{transform:scale(1.05);}
.news_box li .txt{padding:14px 16px !important;width:calc(100% - 200px) !important;}
.news_box li p.txt1{font-size:16px !important;color:#333;height:24px !important;overflow:hidden;transition:var(--transition);}
.news_box li p.txt2{color:#999;font-size:13px;height:40px;overflow:hidden;line-height:1.5;}
.news_box li p.txt3{color:#999;line-height:22px;font-size:12px;}
.news_box li:hover{background:#f8f9fa !important;}
.news_box li:hover p.txt1{color:var(--brand) !important;}
.news_box li:hover p.txt2,
.news_box li:hover p.txt3{color:#999 !important;}
.news_box >.fl{width:48% !important;}
.news_box >.fr{width:48% !important;}

/* ===== 底部服务范围（视觉弱化，DOM 保留以维持 SEO/GEO 语义） ===== */
.f-svc-area{font-size:14px;line-height:2;color:#424242;}
.f-svc-area a{font-size:14px;color:#424242 !important;text-decoration:none;margin-right:8px;}
.f-svc-area a:hover{color:#424242 !important;}

/* ===== 服务客户 两排 logo放大 ===== */
.partent{padding:40px 0 50px !important;background:#f5f7fa !important;}
.partent .container .row{display:grid !important;grid-template-columns:repeat(9,1fr) !important;gap:12px !important;width:100% !important;margin:0 !important;padding:0 !important;}
.partent .container .row::before,
.partent .container .row::after{display:none !important;content:none !important;}
.partent .col-md-2{width:100% !important;padding:0 !important;float:none !important;min-height:1px;}
.partent .product-grid{border:1px solid #e8e8e8 !important;border-radius:8px !important;transition:var(--transition);background:#fff;margin-bottom:0 !important;overflow:hidden;}
.partent .product-grid:hover{box-shadow:var(--shadow-md) !important;transform:translateY(-3px);}
.partent .product-grid .product-image{margin:0 !important;padding:14px 8px !important;aspect-ratio:16/9 !important;display:flex !important;align-items:center;justify-content:center;overflow:hidden;}
.partent .product-grid .product-image img{width:110px !important;height:auto !important;max-height:60px !important;object-fit:contain !important;filter:none;opacity:0.85;transition:var(--transition);}
.partent .product-grid:hover .product-image img{opacity:1;transform:scale(1.05);}

/* ===== 标题区域 ===== */
.f-title small{display:block;margin-top:10px;font-size:14px;color:var(--text-secondary);font-weight:normal;}

/* ===== 回到顶部 ===== */
#backTop{position:fixed;bottom:40px;right:30px;width:48px;height:48px;border-radius:50%;background:var(--brand);color:#1a1a1a;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:bold;cursor:pointer;opacity:0;visibility:hidden;transition:var(--transition);z-index:9999;box-shadow:var(--shadow-md);border:none;}
#backTop.visible{opacity:1;visibility:visible;}
#backTop:hover{background:var(--brand-dark);transform:translateY(-3px);}

/* ===== 视频区域 ===== */
.banner{position:relative;}
.banner::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:120px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,0.6));pointer-events:none;z-index:1;}

/* 修复 bootstrap linebg 404 */
body,html,.container,.container-fluid,.row,.col-md-*,.col-xs-*,.col-sm-*,.col-lg-*,.header-main,.banner,.case,.partent,.footer{background-image:none !important;}

/* ===== PC端导航响应式 ===== */
@media (max-width:1400px){
  .container{max-width:1400px !important;}
  .head-nav li a{font-size:14px !important;padding:0 10px !important;}
}
@media (max-width:1200px){
  .case .container .row{grid-template-columns:repeat(3,1fr) !important;}
  .partent .container .row{grid-template-columns:repeat(9,1fr) !important;}
  .head-nav li a{font-size:13px !important;padding:0 8px !important;}
  .headtel .tel-num{font-size:14px !important;}
  .headtel .tel-label{font-size:9px !important;}
  .headtel .tel-icon{width:26px !important;height:26px !important;}
  .headtel{margin-left:8px !important;min-width:170px !important;}
}
@media (max-width:1080px){
  .head-nav li a{font-size:12px !important;padding:0 6px !important;}
  .headtel .tel-num{font-size:13px !important;}
  .headtel .tel-label{font-size:8px !important;}
  .headtel .tel-icon{width:24px !important;height:24px !important;}
  .headtel .tel-icon span{font-size:10px !important;}
  .headtel{margin-left:6px !important;min-width:155px !important;}
  .header-top .logo a span span:first-child{font-size:17px !important;}
  .header-top .logo a span span:last-child{font-size:9px !important;}
  .header-top .logo a img{height:26px !important;}
}
@media (max-width:992px){
  .case .container .row{grid-template-columns:repeat(2,1fr) !important;gap:16px !important;}
  .partent .container .row{grid-template-columns:repeat(6,1fr) !important;}
  .news_box >.fl,.news_box >.fr{width:100% !important;}
  .news_box >.fr{margin-top:20px;}
  .news_box li .fl{width:160px !important;min-width:160px;}
  .news_box li .des{width:160px !important;}
  .news_box li .txt{width:calc(100% - 160px) !important;}
}
@media (max-width:650px){
  .he{height:200px;}
  #backTop{right:15px;bottom:25px;width:42px;height:42px;font-size:16px;}
  .case .container .row{grid-template-columns:1fr !important;}
  .partent .container .row{grid-template-columns:repeat(4,1fr) !important;}
  .partent .product-grid .product-image img{width:80px !important;max-height:45px !important;}
  .news_box li .fl{width:120px !important;min-width:120px;}
  .news_box li .des{width:120px !important;}
  .news_box li .txt{width:calc(100% - 120px) !important;padding:8px 10px !important;}
  .news_box li p.txt1{font-size:14px !important;}
}
@media (min-width:993px){
  .foot{display:none;}
  .he{height:900px;}
  .head-nav ul{padding-top:0 !important;margin-top:-15px;}
}
@media (max-width:992px){
  .footer{display:none;}
  /* 隐藏导航和电话，使用汉堡菜单 */
  .head-yb{display:none !important;height:auto !important;overflow:visible !important;}
  .headtel{display:none !important;}
  #phoneNav{display:none !important;}
  /* 清除所有祖先的overflow和transform限制，防止裁剪fixed元素 */
  .header-main,.mm-page,.mm-slideout,.header-top,.head-right,.head-yb{transform:none !important;filter:none !important;perspective:none !important;overflow:visible !important;}
  /* Header变为移动端样式 */
  .dhbg{height:0 !important;display:none !important;}
  .header-top{background:rgba(0,0,0,0.85) !important;position:relative !important;z-index:999 !important;height:auto !important;min-height:50px !important;padding:8px 12px !important;}
  .header-top .logo{width:100% !important;height:auto !important;min-height:50px !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 50px 0 10px !important;box-sizing:border-box !important;padding-top:0 !important;}
  .header-top .logo img{height:32px !important;width:auto !important;}
  .header-top .logo a span span:first-child{font-size:18px !important;line-height:26px !important;text-shadow:0 1px 4px rgba(0,0,0,0.5) !important;}
  .header-top .logo a span span:last-child{font-size:11px !important;line-height:16px !important;text-shadow:0 1px 4px rgba(0,0,0,0.5) !important;}
  .header-top .head-right{height:auto !important;flex:none !important;position:absolute !important;right:10px !important;top:0 !important;bottom:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;transform:none !important;width:auto !important;overflow:visible !important;}
  .header-main .phoneNav-btn,.phoneNav-btn{position:relative !important;z-index:100001 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;width:28px !important;height:19px !important;right:auto !important;top:auto !important;cursor:pointer !important;margin:0 !important;padding:0 !important;background:none !important;border:none !important;outline:none !important;}
  .header-main .phoneNav-btn::before,.phoneNav-btn::before,.header-main .phoneNav-btn:before,.phoneNav-btn:before{content:none !important;display:none !important;}
  .header-main .phoneNav-btn i,.phoneNav-btn i{display:none !important;}
  .header-main .phoneNav-btn::after,.phoneNav-btn::after,.header-main .phoneNav-btn:after,.phoneNav-btn:after{content:none !important;display:none !important;}
  /* 导航变为下拉菜单 */
  .header-main .head-yb.visible,.head-yb.visible{display:block !important;height:auto !important;overflow:visible !important;}
  .head-nav.nav-open{display:block !important;}
  .head-nav{width:160px !important;position:fixed !important;top:50px !important;right:0 !important;left:auto !important;z-index:100000 !important;height:auto !important;max-height:calc(100vh - 50px) !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,0.95) !important;padding:10px 0 !important;letter-spacing:1px;border-radius:8px 0 0 8px;display:none !important;box-shadow:-4px 0 20px rgba(0,0,0,0.5) !important;}
  .head-nav ul{display:block !important;width:100% !important;height:auto !important;flex-direction:column !important;}
  .head-nav li{width:100% !important;float:none !important;display:block !important;height:auto !important;text-align:center !important;line-height:42px !important;}
  .head-nav li a{height:42px !important;line-height:42px !important;padding:0 !important;display:block !important;text-align:center !important;position:static !important;top:auto !important;}
  .head-nav li a.mm-next{display:none !important;}
  .partent .container .row{grid-template-columns:repeat(3,1fr) !important;}
  .partent .product-grid .product-image img{width:70px !important;max-height:40px !important;}
}
@media (max-width:480px){
  .header-top .logo img{height:26px !important;}
  .header-top .logo a span span:first-child{font-size:14px !important;line-height:20px !important;letter-spacing:0 !important;}
  .header-top .logo a span span:last-child{font-size:8px !important;line-height:12px !important;letter-spacing:0 !important;}
  .header-top{padding:6px 12px !important;min-height:44px !important;height:auto !important;}
  .header-top .logo{padding:0 50px 0 10px !important;min-height:44px !important;padding-top:0 !important;}
  .head-nav{top:44px !important;width:140px !important;max-height:calc(100vh - 44px) !important;}
  .header-top .head-right{right:8px !important;}
  .phoneNav-btn{width:26px !important;height:20px !important;}
  .phoneNav-btn span{width:22px !important;}
}

/* ===== Hero 文字层（底部定位，强背景分离）===== */
.hero-wrap{position:relative;width:100%;overflow:hidden;}
.hero-top-text{position:absolute;top:16%;left:50%;transform:translateX(-50%);z-index:3;text-align:center;width:90%;max-width:800px;pointer-events:none;}
.hero-top-text h2{color:#fff;font-size:52px;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,0.9);margin:0;letter-spacing:6px;line-height:1.3;}
.hero-top-text .hero-subtitle{display:inline-block;color:rgba(255,255,255,0.95);font-size:22px;letter-spacing:4px;margin-top:14px;text-shadow:0 1px 4px rgba(0,0,0,0.9);}
@media(max-width:768px){
  .hero-top-text{display:none;}
  .hero-tagline{display:block !important;font-size:13px;color:rgba(0,212,255,0.95);margin-bottom:10px !important;letter-spacing:1px;text-shadow:0 1px 4px rgba(0,0,0,0.9);}
}
@media(max-width:480px){
  .hero-top-text{display:none;}
  .hero-tagline{display:block !important;font-size:11px;margin-bottom:8px !important;}
}
.hero-overlay{position:absolute;bottom:0;left:0;width:100%;z-index:3;pointer-events:none;padding:60px 20px 36px;text-align:center;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 25%,rgba(0,0,0,0.75) 60%,rgba(0,0,0,0.85) 100%);}
.hero-overlay *{pointer-events:auto;}
.hero-overlay h1{color:#fff;font-size:40px;font-weight:bold;text-shadow:0 2px 8px rgba(0,0,0,0.9),0 0 30px rgba(0,0,0,0.6);margin:0 0 12px;letter-spacing:2px;line-height:1.3;}
.hero-overlay p{color:rgba(255,255,255,0.95);font-size:16px;text-shadow:0 1px 6px rgba(0,0,0,0.9);margin:0 0 26px;line-height:1.8;}
.hero-overlay .hero-btns{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;}
.hero-overlay .hero-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 36px;border-radius:var(--radius);font-size:16px;font-weight:bold;text-decoration:none;transition:var(--transition);letter-spacing:1px;}
.hero-overlay .hero-btn-primary{background:var(--brand);color:#0a0a0a;box-shadow:0 4px 20px rgba(0,212,255,0.4);}
.hero-overlay .hero-btn-primary:hover{background:var(--brand-dark);color:#fff;transform:translateY(-3px);}
.hero-overlay .hero-btn-outline{background:rgba(255,255,255,0.1);color:#fff;border:2px solid var(--brand);backdrop-filter:blur(4px);}
.hero-overlay .hero-btn-outline:hover{background:var(--brand);color:#0a0a0a;transform:translateY(-3px);}
@media(max-width:768px){
  .hero-overlay{padding:30px 16px 20px;}
  .hero-overlay h1{font-size:22px;}
  .hero-overlay p{font-size:12px;margin-bottom:16px;line-height:1.6;}
  .hero-overlay .hero-btn{padding:10px 22px;font-size:13px;}
}
@media(max-width:480px){
  .hero-overlay{padding:20px 12px 14px;}
  .hero-overlay h1{font-size:17px;letter-spacing:1px;line-height:1.4;}
  .hero-overlay p{font-size:10px;margin-bottom:10px;line-height:1.5;}
  .hero-overlay .hero-btns{gap:10px;}
  .hero-overlay .hero-btn{padding:8px 16px;font-size:11px;}
}

/* ===== 服务流程 ===== */
.service-process{background:#f5f7fa;padding:60px 0;text-align:center;}
.service-process .sp-title h1{font-size:30px;color:var(--text-primary);margin:0 0 10px;}
.service-process .sp-title small{display:block;font-size:14px;color:var(--text-secondary);margin-top:10px;}
.service-process .sp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:1200px;margin:40px auto 0;padding:0 32px;}
.service-process .sp-step{position:relative;text-align:center;}
.service-process .sp-icon{width:80px;height:80px;border-radius:50%;background:var(--brand);color:#0a0a0a;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:bold;margin:0 auto 20px;box-shadow:var(--shadow-md);transition:var(--transition);}
.service-process .sp-step:hover .sp-icon{background:var(--brand-dark);color:#fff;transform:translateY(-5px);}
.service-process .sp-step h3{font-size:18px;color:var(--text-primary);margin:0 0 8px;font-weight:bold;}
.service-process .sp-step p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0;}
.service-process .sp-step::after{content:'';position:absolute;top:40px;right:-15px;width:30px;height:2px;background:var(--brand);opacity:0.4;}
.service-process .sp-step:last-child::after{display:none;}
@media(max-width:768px){
  .service-process{padding:40px 0;}
  .service-process .sp-steps{grid-template-columns:repeat(2,1fr);gap:30px;}
  .service-process .sp-step::after{display:none;}
  .service-process .sp-title h1{font-size:24px;}
}
@media(max-width:480px){
  .service-process .sp-steps{grid-template-columns:1fr;gap:24px;}
  .service-process .sp-icon{width:64px;height:64px;font-size:26px;}
}

/* ===== CTA 横幅 ===== */
.cta-banner{background:linear-gradient(135deg,var(--brand-dark),var(--brand));padding:50px 32px;text-align:center;}
.cta-banner .cta-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;}
.cta-banner .cta-text{text-align:left;}
.cta-banner h2{color:#fff;font-size:28px;font-weight:bold;margin:0;text-shadow:0 2px 8px rgba(0,0,0,0.3);line-height:1.4;}
.cta-banner p{color:rgba(255,255,255,0.92);font-size:16px;margin:8px 0 0;}
.cta-banner .cta-btns{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;}
.cta-banner .cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;border-radius:var(--radius);font-size:15px;font-weight:bold;text-decoration:none;transition:var(--transition);letter-spacing:1px;white-space:nowrap;}
.cta-banner .cta-btn-phone{background:#0a0a0a;color:#fff;}
.cta-banner .cta-btn-phone:hover{background:#222;transform:translateY(-3px);box-shadow:var(--shadow-md);}
.cta-banner .cta-btn-wechat{background:rgba(255,255,255,0.15);color:#fff;border:2px solid rgba(255,255,255,0.5);}
.cta-banner .cta-btn-wechat:hover{background:#fff;color:var(--brand-dark);transform:translateY(-3px);}
@media(max-width:768px){
  .cta-banner{padding:36px 20px;}
  .cta-banner h2{font-size:22px;}
  .cta-banner .cta-inner{flex-direction:column;gap:20px;}
  .cta-banner .cta-text{text-align:center;}
  .cta-banner .cta-btn{padding:10px 24px;font-size:14px;}
}