.bang-hero{
  position:relative;
  min-height:360px;
  background:#eef4fb url("/uploads/from-bang/hero-10year.jpg") left center / cover no-repeat;
  overflow:hidden;
}
.bang-hero-mask{
  max-width:1200px;
  margin:0 auto;
  min-height:360px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding:36px 24px;
}
.bang-hero-copy{
  width:520px;
  max-width:100%;
  background:linear-gradient(90deg,rgba(238,244,251,.92),#eef4fb 18%);
  padding:18px 8px 18px 28px;
}
.bang-hero-copy .sub{margin:0 0 10px;color:#2b6cb0;font-size:16px;}
.bang-hero-copy h2{margin:0 0 16px;color:#1d4f91;font-size:36px;line-height:1.2;}
.bang-hero-tags{
  display:inline-block;
  background:#1d4f91;
  color:#fff;
  border-radius:6px;
  padding:8px 16px;
  font-size:15px;
  letter-spacing:1px;
}
.bang-hero-contact{
  margin-top:18px;
  background:#fff;
  border:1px solid #d7e3f2;
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px 14px;
  max-width:420px;
}
.bang-hero-contact img{width:72px;height:72px;object-fit:contain;flex-shrink:0;}
.bang-hero-contact p{margin:0;color:#334155;font-size:13px;line-height:1.6;}
.bang-hero-contact .js-phone{color:#1d4f91;font-size:18px;font-weight:700;cursor:pointer;}

.gz-adv{
  background:
    radial-gradient(circle at 50% 62%, rgba(47,143,78,.10) 0 90px, transparent 160px),
    radial-gradient(circle at 50% 62%, rgba(47,143,78,.07) 0 170px, transparent 240px),
    linear-gradient(180deg,#f4fbf5 0%,#e6f4ea 100%);
  padding:56px 20px 64px;
}
.gz-adv h2{
  margin:0 0 8px;
  text-align:center;
  color:#1f6b38;
  font-size:36px;
  letter-spacing:2px;
  font-weight:700;
}
.gz-adv .sub{
  margin:0 0 40px;
  text-align:center;
  color:#4b5563;
  font-size:15px;
}
.gz-adv-grid{
  max-width:1100px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 260px 1fr;
  gap:8px 36px;
  align-items:center;
}
.gz-adv-col article{padding:22px 6px;}
.gz-adv-col article + article{border-top:1px solid #86c79d;}
.gz-adv-col.left{text-align:right;}
.gz-adv-col.right{text-align:left;}
.gz-adv-col h3{margin:0 0 10px;color:#1f6b38;font-size:18px;}
.gz-adv-col p{margin:0;color:#374151;font-size:14px;line-height:1.85;}
.gz-adv-boat{text-align:center;}
.gz-adv-boat img{width:230px;max-width:100%;height:auto;}

.bang-process{
  background:#0b1a22 url("/uploads/from-bang/process-bg.jpg") center / cover no-repeat;
  color:#fff;
  padding:48px 16px 56px;
}
.bang-process h2{text-align:center;margin:0 0 8px;font-size:28px;letter-spacing:2px;}
.bang-process .en{text-align:center;opacity:.8;margin:0 0 28px;letter-spacing:3px;font-size:13px;}
.bang-process-img{display:block;width:min(1100px,94%);margin:0 auto;height:auto;}

.bang-one{
  background:#1f6b38;
  color:#fff;
  min-height:78px;
}
.bang-one-inner{
  max-width:1200px;
  margin:0 auto;
  min-height:78px;
  padding:14px 20px;
  display:flex;
  align-items:center;
  gap:22px;
}
.bang-one-copy{flex:1;min-width:220px;}
.bang-one-copy strong{
  display:block;
  font-size:24px;
  font-style:italic;
  letter-spacing:1px;
  line-height:1.35;
  font-weight:700;
}
.bang-one-copy em{
  display:block;
  margin-top:4px;
  font-style:italic;
  opacity:.92;
  font-size:13px;
}
.bang-one-phone{
  display:inline-block;
  background:#f5c524;
  color:#111;
  text-decoration:none;
  padding:9px 26px;
  transform:skewX(-18deg);
  box-shadow:2px 3px 0 rgba(0,0,0,.15);
  flex-shrink:0;
}
.bang-one-phone-inner{
  display:inline-flex;
  align-items:center;
  gap:8px;
  transform:skewX(18deg);
  color:#111;
  font-size:22px;
  font-weight:800;
  letter-spacing:.5px;
}
.bang-one-phone-icon{width:20px;height:20px;fill:#111;}
.bang-one-chat{
  display:inline-block;
  background:#fff;
  color:#334155;
  text-decoration:none;
  font-size:15px;
  padding:8px 18px;
  border-radius:2px;
  font-weight:600;
  flex-shrink:0;
  margin-left:auto;
}

.home-top-banner{width:100%;}
.home-swiper img{width:100%;height:auto;display:block;}
.bang-stamp{line-height:0;}
.bang-stamp img{width:100%;height:auto;display:block;}

.consult-wrap{
  background:linear-gradient(180deg,#f0f6fc 0%,#f8fafc 100%);
  padding:0 0 72px;
}
.consult-page{
  max-width:1040px;
  margin:0 auto;
  padding:48px 24px 0;
}
.consult-head{
  text-align:center;
  margin-bottom:36px;
}
.consult-head h1{
  margin:0 0 10px;
  font-size:34px;
  color:#0f508f;
  font-weight:700;
  letter-spacing:2px;
}
.consult-head h1:after{
  content:"";
  display:block;
  width:56px;
  height:4px;
  margin:14px auto 0;
  background:linear-gradient(90deg,#267bcc,#4a9fe8);
  border-radius:2px;
}
.consult-head p{margin:14px 0 0;color:#64748b;font-size:15px;line-height:1.7;}
.consult-panel{
  display:grid;
  grid-template-columns:1fr 1fr;
  background:#fff;
  border-radius:12px;
  box-shadow:0 8px 40px rgba(15,80,143,.08);
  overflow:hidden;
}
.consult-side{
  padding:40px 36px;
  background:#fff;
  border-right:1px solid #eef2f6;
}
.consult-form-wrap{padding:40px 36px;background:#fff;}
.consult-side h2,
.consult-form-wrap h2{
  margin:0 0 8px;
  font-size:22px;
  color:#0f508f;
  font-weight:700;
}
.consult-form-tip{
  margin:0 0 24px;
  color:#94a3b8;
  font-size:13px;
}
.consult-list{list-style:none;margin:0;padding:0;}
.consult-item{
  display:grid;
  grid-template-columns:40px 1fr;
  column-gap:14px;
  align-items:start;
  margin:0 0 22px;
}
.consult-item i{
  width:40px;
  height:40px;
  border-radius:10px;
  background-color:#e8f2fb;
  background-repeat:no-repeat;
  background-position:center;
  background-size:20px;
}
.consult-item.email i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23267bcc'%3E%3Cpath d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");}
.consult-item.wechat i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23267bcc'%3E%3Cpath d='M8.5 4C4.91 4 2 6.24 2 9c0 1.55.84 2.95 2.17 3.89L3.5 15l2.45-1.22c.77.22 1.58.34 2.42.34.22 0 .44-.01.65-.03C8.08 16.37 8 17.17 8 18c0 3.31 3.13 6 7 6 .89 0 1.74-.15 2.53-.42L20 24l-1.2-2.4C20.93 20.55 22 19.36 22 18c0-3.31-3.13-6-7-6-.34 0-.67.02-1 .06C13.67 5.13 11.28 4 8.5 4zm-3 4.5c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm5 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm8.5 1.5c-2.67 0-5 1.57-5 3.5s2.33 3.5 5 3.5c.67 0 1.31-.11 1.89-.31L22 18.5l-1.36-.68c.84-.72 1.36-1.72 1.36-2.82 0-1.93-2.33-3.5-5-3.5zm-2.5 2c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5zm4 0c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5z'/%3E%3C/svg%3E");}
.consult-item.addr i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23267bcc'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E");}
.consult-item > div{min-width:0;padding-top:2px;}
.consult-item span{display:block;color:#94a3b8;font-size:13px;margin-bottom:4px;line-height:1.4;}
.consult-item b,.consult-item a{
  font-size:15px;
  color:#1e2937;
  text-decoration:none;
  font-weight:600;
  line-height:1.6;
  word-break:break-all;
}
.consult-item.wechat a{
  color:#0f508f;
  font-size:24px;
  letter-spacing:.5px;
}
.consult-qr{
  margin-top:28px;
  padding-top:24px;
  border-top:1px dashed #d1dbe8;
  text-align:center;
}
.consult-qr img{
  width:120px;
  height:auto;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:8px;
  padding:6px;
}
.consult-qr p{margin:10px 0 0;color:#64748b;font-size:13px;}
.consult-form label{display:block;margin:0 0 18px;color:#334155;font-size:14px;font-weight:500;}
.consult-form input,.consult-form textarea{
  display:block;
  width:100%;
  margin-top:8px;
  padding:12px 14px;
  border:1px solid #dce3ec;
  border-radius:8px;
  font-size:15px;
  box-sizing:border-box;
  background:#f8fafc;
  outline:none;
  transition:border-color .2s,box-shadow .2s;
}
.consult-form input:focus,.consult-form textarea:focus{
  border-color:#267bcc;
  background:#fff;
  box-shadow:0 0 0 3px rgba(38,123,204,.12);
}
.consult-form textarea{min-height:110px;resize:vertical;}
.consult-form button{
  width:100%;
  height:48px;
  margin-top:4px;
  border:0;
  border-radius:8px;
  background:linear-gradient(90deg,#267bcc,#1d6bb3);
  color:#fff;
  font-size:16px;
  font-weight:600;
  cursor:pointer;
  letter-spacing:1px;
  transition:opacity .2s,transform .15s;
}
.consult-form button:hover{opacity:.92;transform:translateY(-1px);}

.site-foot-links{
  background:#267bcc;
  color:#fff;
  font-size:14px;
  line-height:1.6;
}
.site-foot-links .container{
  width:1200px;
  max-width:94%;
  margin:0 auto;
  padding:16px 0;
}
.site-foot-links span{margin-right:8px;opacity:.9;}
.site-foot-links a{
  color:#fff;
  text-decoration:none;
  margin-right:16px;
  opacity:.9;
}
.site-foot-links a:hover{opacity:1;}
.site-foot-main{
  background:#0f508f;
  color:#fff;
}
.site-foot-cols{
  width:1200px;
  max-width:94%;
  margin:0 auto;
  padding:42px 0 36px;
  display:flex;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
}
.site-foot-col{min-width:140px;flex:1;}
.site-foot-col h2{
  margin:0 0 16px;
  font-size:16px;
  font-weight:700;
  color:#fff;
}
.site-foot-col p,
.site-foot-col a{
  margin:0 0 8px;
  font-size:13px;
  line-height:1.7;
  color:rgba(255,255,255,.86);
  text-decoration:none;
}
.site-foot-col a:hover{color:#fff;}
.site-foot-col.contact p{max-width:220px;}
.site-foot-qr{flex:0 0 150px;text-align:center;}
.site-foot-qr img{
  width:118px;
  height:118px;
  object-fit:contain;
  background:#fff;
  padding:4px;
  box-sizing:border-box;
}
.site-foot-qr p{margin:10px 0 0;font-size:13px;color:#fff;}
.site-foot-copy{
  background:#043d73;
  color:rgba(255,255,255,.7);
  text-align:center;
  height:50px;
  line-height:50px;
  font-size:14px;
}

@media (max-width:768px){
  .bang-hero{min-height:0;background-position:18% center;}
  .bang-hero-mask{justify-content:center;padding:180px 12px 20px;}
  .bang-hero-copy{
    width:100%;
    background:rgba(238,244,251,.96);
    padding:16px;
    border-radius:10px;
  }
  .bang-hero-copy h2{font-size:26px;}
  .bang-hero-tags{font-size:13px;letter-spacing:0;}
  .bang-one-inner{flex-direction:column;min-height:0;gap:12px;text-align:center;}
  .bang-one-copy strong{font-size:17px;}
  .bang-one-phone{transform:none;}
  .bang-one-phone-inner{transform:none;font-size:20px;}
  .bang-one-chat{margin-left:0;}
  .gz-adv{padding:36px 16px 40px;}
  .gz-adv h2{font-size:26px;}
  .gz-adv-grid{grid-template-columns:1fr;gap:8px;}
  .gz-adv-col.left,.gz-adv-col.right{text-align:left;}
  .gz-adv-boat{order:-1;margin:4px 0 8px;}
  .gz-adv-boat img{width:180px;}
  .gz-adv-col article{padding:16px 0;}
  .consult-wrap{padding-bottom:48px;}
  .consult-panel{grid-template-columns:1fr;}
  .consult-side{border-right:0;border-bottom:1px solid #eef2f6;padding:28px 20px;}
  .consult-form-wrap{padding:28px 20px;}
  .consult-head h1{font-size:26px;}
  .consult-item.wechat a{font-size:22px;}
  .site-foot-cols{flex-direction:column;gap:28px;}
  .site-foot-qr{text-align:left;}
}

.h5-site-foot{background:#0f508f;padding:0 16px 7rem;color:#fff;}
.h5-foot-links{
  padding:16px 0;
  border-bottom:1px solid rgba(255,255,255,.18);
  font-size:13px;
  color:rgba(255,255,255,.9);
}
.h5-foot-links a{color:#fff;margin-left:8px;text-decoration:none;}
.h5-foot-cols{display:flex;justify-content:space-between;gap:16px;padding:22px 0 8px;}
.h5-foot-col{flex:1;}
.h5-foot-col h2{margin:0 0 10px;font-size:16px;color:#fff;}
.h5-foot-col p,.h5-foot-col a{margin:0 0 8px;font-size:13px;line-height:1.6;color:rgba(255,255,255,.88);text-decoration:none;}
.h5-foot-qr{flex:0 0 110px;text-align:center;}
.h5-foot-qr img{width:96px;height:96px;object-fit:contain;background:#fff;padding:3px;box-sizing:border-box;}
.h5-foot-qr p{margin:8px 0 0;font-size:12px;color:#fff;}
.h5-site-foot .cop{border:0;color:rgba(255,255,255,.7);padding:12px 0 8px;}