.as-banner{background:linear-gradient(90deg,#f3f7fb,#e9f1f8)}
.as-banner .pb-img:before{background:linear-gradient(90deg,#f3f7fb,rgba(243,247,251,0))}
.as-banner h1{color:#123a5a;font-size:46px}
.as-banner p{color:#34495c}
.as-logo{width:214px;height:auto;margin:6px 0 10px}
.as-sec{padding:64px 0}
.as-blue{background:#eef5fb}
.as-blue2{background:#f6f9fc}
.as-sec .sec-h h2{color:#123a5a}
.dh-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.dh-card{background:#fff;border:1px solid #d9e4ee;border-radius:10px;padding:12px 12px 18px;text-align:center}
.dh-card img{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:6px;margin-bottom:14px}
.dh-card h3{font-size:19px;font-weight:600;color:#123a5a;line-height:1.3}
.as-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.as-steps li{text-align:center;position:relative}
.as-steps li:not(:last-child):after{content:"→";position:absolute;right:-14px;top:68px;color:var(--bronze);font-size:26px}
.as-steps .n{width:38px;height:38px;border-radius:50%;background:var(--bronze);color:#fff;font:600 18px/38px var(--serif);margin:0 auto -14px;position:relative;z-index:1}
.as-steps .st-ic{width:110px;height:110px;border-radius:50%;background:#fff;border:1px solid #d9e4ee;display:grid;place-items:center;margin:0 auto 14px;color:#1d5e96}
.as-steps .st-ic svg{width:58px;height:58px}
.as-steps b{font-weight:500;font-size:16.5px;color:#1e2b22}
.who-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.who-grid figure{margin:0;text-align:center}
.who-grid img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:10px}
.who-grid h3{font-size:28px;font-weight:600;color:#123a5a;margin:16px 0 6px}
.who-grid p{margin:0;color:#34495c;font-size:16.5px}
.who-link{display:inline-block;margin-top:12px;color:var(--green);font-weight:600;text-decoration:none;border-bottom:1px solid var(--bronze)}.who-link:hover{color:var(--bronze-d)}
.pt-card{background:#fff;border:1px solid var(--bronze);border-radius:12px;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pt{display:flex;align-items:center;gap:16px;text-decoration:none;justify-content:center}
.pt img{width:88px;height:88px;border-radius:50%;object-fit:cover;flex-shrink:0}
.pt b{display:block;font:600 22px/1.2 var(--serif);color:#123a5a}
.pt small{display:block;font-size:15px;color:#34495c;margin-top:4px}
.pt+.pt{border-left:1px solid #d9e4ee}
.as-fb{padding:52px 0;text-align:center}
.as-fb .sec-h{margin-bottom:22px}
.fb-link{display:inline-flex;align-items:center;gap:14px;text-decoration:none;font-weight:600;font-size:18px;color:#123a5a}
.fb-link i{width:50px;height:50px;border-radius:50%;background:#1877f2;color:#fff;display:grid;place-items:center}
.fb-link i svg{width:28px;height:28px}
@media (max-width:900px){
  .dh-grid{grid-template-columns:1fr 1fr}
  .as-steps{grid-template-columns:1fr 1fr;gap:26px 10px}.as-steps li:after{display:none}
  .who-grid{grid-template-columns:1fr}
  .pt-card{grid-template-columns:1fr}.pt+.pt{border-left:0;border-top:1px solid #d9e4ee;padding-top:18px}
  .pt{justify-content:flex-start}
}
@media (max-width:560px){
  .as-banner h1{font-size:32px}.as-logo{width:170px}
  .as-sec{padding:48px 0}
  .dh-grid{gap:12px}.dh-card h3{font-size:16px}
  .who-grid h3{font-size:24px}
}