:root{--c:#0e6b74;--c2:#0a4d55;--bg:#f6f9fa;--txt:#2b3a3d;--line:#dde7ea}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--txt);background:var(--bg);line-height:1.8}
a{color:var(--c);text-decoration:none}
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.nav{max-width:1080px;margin:0 auto;display:flex;align-items:center;gap:28px;padding:14px 20px;flex-wrap:wrap}
.logo{font-weight:700;font-size:18px;color:var(--c2);margin-right:auto}
.nav a{color:var(--txt);font-size:15px;padding:4px 2px;border-bottom:2px solid transparent}
.nav a:hover{color:var(--c);border-bottom-color:var(--c)}
main{max-width:1080px;margin:0 auto;padding:36px 20px 60px}
.hero{background:linear-gradient(135deg,var(--c),var(--c2));color:#fff;border-radius:14px;padding:56px 40px;margin-bottom:36px}
.hero h1{font-size:32px;margin-bottom:14px}
.hero p{opacity:.94;max-width:760px}
h1{font-size:26px;color:var(--c2);margin-bottom:8px}
h2{font-size:20px;color:var(--c2);margin:34px 0 12px}
h3{font-size:16px;margin:18px 0 8px}
.sub{color:#67848a;font-size:14px;margin-bottom:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:18px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.grid .card{margin:0;transition:transform .15s}
.grid .card:hover{transform:translateY(-3px)}
.grid .card img{width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:10px}
.partners{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.partners img{height:56px;width:auto;border:1px solid var(--line);border-radius:8px;background:#fff;padding:4px}
.imgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:14px 0}
.imgs img{width:100%;border-radius:8px;border:1px solid var(--line);background:#fff}
.cases{columns:3;column-gap:24px}
.cases li{list-style:none;margin-bottom:8px;break-inside:avoid;font-size:14px}
@media(max-width:760px){.cases{columns:2}.hero{padding:36px 22px}}
.faq .q{font-weight:600;color:var(--c2);margin-top:14px}
.faq .a{color:#4a6166;font-size:14px;margin-top:4px}
footer{background:#fff;border-top:1px solid var(--line);padding:26px 20px;text-align:center;color:#7a9196;font-size:13px}
.breadcrumb{font-size:13px;color:#8aa2a8;margin-bottom:14px}
.tag{display:inline-block;background:#e6f2f4;color:var(--c);border-radius:20px;padding:2px 12px;font-size:12px;margin:0 6px 6px 0}