@charset "utf-8";
/* CSS Document */

/* ============ Hero ============ */
  .hero{
    position:relative;min-height:min(52vw,480px);display:flex;align-items:center;
    color:#fff;overflow:hidden;
    background:linear-gradient(120deg,#0d3a63 0%,#1a5f9e 55%,#2f7fb8 100%);
  }
  .hero svg.scene{position:absolute;inset:0;width:100%;height:100%}
  .hero .hero-inner{position:relative;z-index:1;padding:72px 6%;max-width:1200px}
  .hero h1{font-size:clamp(26px,4.2vw,46px);font-weight:400;letter-spacing:4px;text-shadow:0 2px 16px rgba(0,0,0,.35);line-height:1.35; color: var(--white)}
  .hero .slogan{margin-top:14px;font-size:clamp(15px,2vw,22px);color:var(--primary);font-weight:400;letter-spacing:3px}
  .hero-actions{margin-top:36px;display:flex;gap:16px;flex-wrap:wrap}
  .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:var(--radius);font-weight:400;font-size:15px;transition:.2s;cursor:pointer}
.btn-primary{background:var(--primary);color:#fff}
  .btn-primary:hover{background:var(--primary);box-shadow:0 10px 26px rgba(255,162,0,.4)}
/* ============ 区块标题 ============ */
  .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;color: var(--text-t)}
  .section-head .sub{margin-top:10px;color:var(--text-light);}
  .section-head .bar{width:44px;height:3px;background:var(--primary);margin:16px auto 0;border-radius:2px}

  /* ============ 业务场景 ============ */
  .scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .scene-card{
    background:#fff;border:1px solid #eee;border-radius:var(--radius);overflow:hidden;
    transition:transform .25s,box-shadow .25s;cursor:pointer;
  }
  .scene-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
  .scene-card .pic{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
  .scene-card .pic img{width:100%;height:auto;}
  .scene-card .txt{padding:20px 22px 24px}
  .scene-card h3{margin-bottom:6px;font-weight:300;}
  .scene-card p{color:var(--text-light);font-weight:300;}
  .scene-card .go{display:inline-block;margin-top:12px;font-size:13px;color:var(--primary);letter-spacing:1px}

.scene-grid-1{grid-template-columns:repeat(1,1fr);}
.scene-grid-1 img{width: 100%;}


/* ============ 核心优势 ============ */
  .adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .adv-col{background:var(--gray-light);border-radius:var(--radius);padding:0.67rem 0.3rem 0.2rem 0.3rem;/*border-top:3px solid var(--primary)*/}
  .adv-col h3{margin-bottom:0.16rem;text-align:left; font-weight: 400;line-height:1.8;color: var(--text-t)}
  .adv-col li{display:flex;gap:10px;font-weight: 400;line-height:0.4rem;padding:10px 0;border-bottom:1px dashed #e3e5e9;color: var(--text-t)}
  .adv-col li:last-child{border-bottom:none}
  .adv-col li b{color:var(--primary);font-size:20px;font-weight:400;flex-shrink:0;line-height:1.3}

  /* ============ 应用案例 ============ */
  .cases{}
  .case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
  .case-card{
    position:relative;border-radius:var(--radius);overflow:hidden;
    display:flex;align-items:flex-end;cursor:pointer;box-shadow:var(--shadow);height:5.2rem;
  }
  .case-card .bg{position:absolute;inset:0;z-index:0;transition:transform .5s ease}
  .case-card:hover .bg{transform:scale(1.06)}
  .case-card .info{
    width: 100%;bottom: 0.2rem;background: rgba(255, 255, 255, 0.10);backdrop-filter: blur(28px); -webkit-backdrop-filter: blur(28px);padding: 0.37rem 0.48rem;color: #ffffff;transition: all 0.5s;
  }
  .case-card h3{font-weight:400;line-height:1.8; color: var(--white)}
  /*.case-card .meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px;font-size:12px;opacity:.9}
  .case-card .meta span{display:inline-flex;align-items:center;gap:5px}*/
  .case-more{text-align:center;margin-top:34px}
  .case-more a{
    display:inline-block;padding:0.1rem 0.48rem;border:1px solid var(--primary);color:var(--primary-dark);
    border-radius:var(--radius);transition:.25s;
  }
  .case-more a:hover{background:var(--primary);color:#fff}
  .bg-c1{background:linear-gradient(160deg,#3b5b78,#16283a)}
  .bg-c2{background:linear-gradient(160deg,#5a6b4f,#23301c)}
  .bg-c3{background:linear-gradient(160deg,#44586e,#1a2433)}
  .bg-c4{background:linear-gradient(160deg,#6b5a3e,#2e2415)}
  .bg-c5{background:linear-gradient(160deg,#54636e,#202a33)}
  .bg-c6{background:linear-gradient(160deg,#70543e,#2e2115)}

  /* ============ 更多服务 ============ */
  .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;
  }