@charset "utf-8";
/* CSS Document */
.banners  .pic {
	width: 100%;
	position: relative;
}
.banners  .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover
}
.banners .pic .texxt {
	position: absolute;
	top: 25%;
	left: 50%;
	width: fit-content;
	transform: translate(-50%, -50%);
	text-align: center;
	color: var(--white);
	font-weight:400;
}
/* ============ 通用区块标题 ============ */
  .section{margin: 0.8rem 1.3rem 0.8rem 1.3rem}
  .section-head{text-align:center;margin-bottom:clamp(28px,4vw,48px)}
  .section-head h2{font-weight:400;}
  .section-head .sub{margin-top:10px;color:var(--text-light);font-weight:300;}

  /* ============ 解决方案 ============ */
  .sol-grid{
    display:grid;gap:16px;
    grid-template-columns:repeat(6,1fr);
  }
  .sol-card{
    position:relative;border-radius:var(--radius);overflow:hidden;cursor:pointer;
    min-height:4.2rem;display:flex;align-items:flex-end;
    box-shadow:var(--shadow);isolation:isolate;
  }
  .sol-card:nth-child(1),.sol-card:nth-child(2){grid-column:span 3;}
  .sol-card:nth-child(n+3){grid-column:span 2;}
  .sol-card .bg{position:absolute;inset:0;z-index:-1;transition:transform .5s ease}
  .sol-card:hover .bg{transform:scale(1.06)}
  .sol-card .label{
    width:100%;padding:16px 18px;color:var(--white);
  }
  .sol-card .label h3{font-weight:400; color: var(--white)}
  .sol-card .label span{font-weight:300;opacity:.85;color: var(--white)}

  /* 场景 SVG 背景配色 */
  .bg-1{ background-image:url(../images/slo1.webp); background-repeat: no-repeat; background-size: 100% 100%;}
  .bg-2{background-image:url(../images/slo2.webp); background-repeat: no-repeat; background-size: 100% 100%;}
  .bg-3{background-image:url(../images/slo3.webp); background-repeat: no-repeat; background-size: 100% 100%;}
  .bg-4{background-image:url(../images/slo4.webp); background-repeat: no-repeat; background-size: 100% 100%;}
  .bg-5{background-image:url(../images/slo5.webp); background-repeat: no-repeat; background-size: 100% 100%;}

  /* ============ 相关产品 ============ */
  .products{background:var(--bg-soft)}
  .tabs{
    display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:clamp(24px,3.5vw,40px);
  }
  .tabs button{
    border:1px solid var(--gray-light);background:#fff;color:var(--text);
    padding:0.15rem 0.3rem;border-radius:var(--radius);cursor:pointer;transition:.2s;
    user-select:none;-webkit-user-select:none;white-space:nowrap;
  }
  .tabs button:hover{border-color:var(--primary);color:var(--primary-dark)}
  .tabs button.active{
    background:var(--primary);border-color:var(--primary);color:#fff;font-weight:300;
  }
  /* 切换分类时隐藏非当前分类的静态卡片 */
  .prod-card.is-hidden{display:none}
  .prod-grid{
    display:grid;gap:20px;
    grid-template-columns:repeat(5,1fr);
  }
  .prod-card{
    background:#fff;border-radius:var(--radius);overflow:hidden;text-align:center;
    padding:0.2rem 0.18rem 0.22rem;position:relative;transition:transform .25s,box-shadow .25s;
    border:1px solid #eee;
  }
  .prod-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
  .prod-card .badge{
    position:absolute;top:0.12rem;left:0.12rem;background:red;color:#fff;
    padding:2px 8px;border-radius:4px;letter-spacing:1px;
  }
  .prod-card .icon{
    display:flex;align-items:center;justify-content:center;margin-bottom:0.18rem;
  }
  .prod-card h4{font-weight:300}

  /* ============ 更多服务 ============ */
  .svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
  .svc-card{
    background:#F9F9F9;border:1px solid #eee;border-radius:var(--radius);
    padding:0.46rem 0 0.52rem 0;text-align:center;transition:.25s;
  }
  .svc-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}
  .svc-card .ic{
    width:64px;height:64px;margin:0 auto 18px;border-radius:50%;
    background:#fff6e3;display:flex;align-items:center;justify-content:center;
  }
  .svc-card .ic svg{width:30px;height:30px;stroke:var(--primary)}
  .svc-card h4{margin-bottom:8px;font-weight:400;}
  .svc-card p{color:var(--gray)}
  .svc-card .more{
    display:inline-block;margin-top:18px;color:var(--primary);letter-spacing:1px;
  }