body{color:#2853b2;background:#fff}.contact-redesign{margin-top:var(--site-nav-height,78px);font-family:inherit}.contact-redesign *{box-sizing:border-box}.contact-redesign .container{width:min(1180px,92%)!important;max-width:1440px!important}.contact-redesign+.gw,.contact-redesign+.gw~.c-crumbs,.contact-redesign+.gw~.x-contact1:not(.custPop){display:none!important}
#contact-info,#contact-form{scroll-margin-top:calc(var(--site-nav-height,88px) + 16px)}
.contact-hero{position:relative;width:100%;height:auto;aspect-ratio:1920/560;background:#f7faff url(../images/contact-redesign/contact-hero.png) center/contain no-repeat;overflow:hidden}
.contact-hero-copy{position:absolute;top:20.5%;left:5.42%;color:#083b78;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1}
.contact-hero-copy h1{margin:0;color:#083b78;font-size:min(3.333vw,64px);font-weight:700;line-height:1.05;letter-spacing:0}
.contact-hero-copy p{margin:12px 0 0;color:#175ee7;font-size:min(1.667vw,32px);font-weight:400;line-height:1.15;letter-spacing:.055em}
.contact-hero-copy i{display:block;width:min(5.21vw,100px);height:max(3px,min(.313vw,6px));margin-top:20px;border-radius:4px;background:#1763f0}
.contact-main{padding:88px 0 105px!important}.contact-heading{text-align:center}.contact-heading h2,.contact-heading p{margin:0;color:#2853b2;font-size:clamp(32px,2.7vw,46px);font-weight:700;line-height:1.35}.contact-heading p{color:#2853B2}.contact-heading:after{content:"";display:block;width:60px;height:3px;margin:25px auto 0;background:#2853B2}
.contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:52px}.contact-card{min-width:0;min-height:350px;padding:43px 34px 35px;border:1px solid #dbe5f4;border-radius:5px;background:#fff;text-align:center;box-shadow:0 14px 42px rgba(26,68,139,.045)}.contact-card img{display:block;width:64px;height:64px;margin:0 auto 24px}.contact-card h3{margin:0 0 22px;color:#2853b2;font-size:22px}.contact-card p{margin:0;color:#465b78;font-size:16px;line-height:2;overflow-wrap:anywhere}
.contact-inquiry{width:100%;margin:52px 0 0;border:1px solid #dbe5f4;border-radius:10px;background:#fff;box-shadow:0 24px 64px rgba(25,65,128,.08);overflow:hidden}.contact-form-card{padding:0}.contact-form-head{padding:40px 48px 32px;background:linear-gradient(135deg,#f7faff 0%,#fff 100%);border-bottom:1px solid #e8eef7}.contact-form-card h3{margin:0;color:#2853b2;font-size:clamp(28px,2.4vw,36px);font-weight:700}.contact-form-card h3:after{content:"";display:block;width:48px;height:4px;margin-top:16px;background:#2853b2;border-radius:2px}.contact-form-lead{margin:16px 0 0;color:#65758c;font-size:15px;line-height:1.7}.contact-form-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;padding:36px 48px 44px}.contact-form-body>input[type=hidden]{display:none}.contact-field{margin:0!important}.contact-field--full{grid-column:1/-1}.contact-form-body label>span{display:block;margin-bottom:8px;color:#2853b2;font-size:14px;font-weight:600}.contact-form-body label i{color:#d73a36;font-style:normal}.contact-form-body input[type=text],.contact-form-body input[type=email],.contact-form-body input[type=tel],.contact-form-body select,.contact-form-body textarea{display:block;width:100%;height:50px;padding:0 16px;border:1px solid #d6e0ee;border-radius:6px;background:#f9fbff;color:#263e5d;font:inherit;outline:0;transition:border-color .2s,box-shadow .2s,background .2s}.contact-form-body select{appearance:auto}.contact-form-body textarea{height:128px;padding-top:14px;resize:vertical}.contact-form-body input:focus,.contact-form-body select:focus,.contact-form-body textarea:focus{border-color:#2853B2;background:#fff;box-shadow:0 0 0 3px rgba(40,83,178,.1)}.contact-consent{display:flex!important;align-items:center;margin:4px 0 0!important;padding-top:4px;color:#66768c;font-size:13px}.contact-consent input[type=checkbox]{-webkit-appearance:checkbox!important;appearance:auto!important;width:16px;height:16px;margin:0 9px 0 0;flex-shrink:0;border:1px solid #c5d2e6;border-radius:2px;background:#fff;accent-color:#2853B2;cursor:pointer;vertical-align:middle}.contact-consent input[type=checkbox]:checked{accent-color:#2853B2}.contact-consent span{display:inline!important;margin:0!important;font-weight:400!important}.contact-consent a{color:#2853B2}.contact-actions{display:flex;align-items:center;gap:16px;margin-top:6px;padding-top:8px;border-top:1px solid #edf2f9}.contact-actions button{min-width:180px;height:50px;padding:0 32px;border:1px solid #2853b2;border-radius:6px;background:#2853b2;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,transform .15s}.contact-actions button:hover{background:#1f4599}.contact-actions button+button{background:#fff;color:#2853b2}.contact-actions button+button:hover{background:#f7faff}
.contact-location{display:grid;grid-template-columns:1fr 1fr;margin-top:48px;min-height:365px;border:1px solid #dbe5f4;border-radius:8px;background:#fff;box-shadow:0 20px 60px rgba(25,65,128,.06);overflow:hidden}.contact-map{background:url(../images/contact-redesign/contact-map.png) center/cover no-repeat}.contact-location-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px;text-align:center}.contact-location-copy>img{width:34px;height:34px;margin-bottom:10px}.contact-location-copy h2{margin:0;color:#2853b2;font-size:34px}.contact-location-copy h2:after{content:"";display:block;width:42px;height:3px;margin:18px auto 25px;background:#2853B2}.contact-location-copy p{margin:0;color:#263e5d;font-size:15px;line-height:1.8}.contact-location-copy>span{margin:24px 0;color:#687990;font-size:14px;line-height:1.8}.contact-location-copy>a{display:flex;align-items:center;justify-content:center;width:190px;height:45px;border:1px solid #2853B2;border-radius:3px;color:#2853B2;font-weight:600}.contact-location-copy>a img{width:22px;height:22px;margin-right:9px}
@media(max-width:1000px){
  .contact-hero{height:auto}
  .contact-main{padding-top:75px!important}
  .contact-cards{grid-template-columns:1fr}
  .contact-card{min-height:0}
  .contact-inquiry{margin-top:36px}
  .contact-form-head{padding:32px 34px 26px}
  .contact-form-body{padding:28px 34px 36px}
  .contact-location{grid-template-columns:1fr}
  .contact-map{min-height:350px}
}

@media (max-width: 767px) {
  .h_b_xt { display: none !important; }

  .contact-redesign {
    margin-top: 68px;
  }
  .contact-redesign .container {
    width: 100% !important;
    max-width: none !important;
  }

  /* Keep the complete 1920×560 banner and its HTML title in the same proportions. */
  .contact-hero {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1920 / 560;
    background-size: contain !important;
    background-position: center !important;
  }

  .contact-main.container,
  .contact-main {
    padding: 48px 20px 56px !important;
  }
  .contact-heading { text-align: left; }
  .contact-heading h2,
  .contact-heading p { font-size: 26px !important; }
  .contact-heading:after { margin: 16px 0 0; }

  .contact-cards {
    margin-top: 28px;
    gap: 12px;
  }
  .contact-card {
    min-height: 0;
    padding: 22px 18px 20px;
    text-align: left;
  }
  .contact-card img {
    width: 44px;
    height: 44px;
    margin: 0 0 14px;
  }
  .contact-card h3 {
    margin-bottom: 10px;
    font-size: 17px;
  }
  .contact-card p {
    font-size: 14px;
    line-height: 1.75;
  }

  .contact-inquiry { margin-top: 22px; border-radius: 8px; }
  .contact-form-head { padding: 22px 18px 18px; }
  .contact-form-card h3 { font-size: 24px !important; }
  .contact-form-card h3:after { width: 36px; height: 3px; margin-top: 12px; }
  .contact-form-lead { font-size: 14px; margin-top: 10px; }
  .contact-form-body {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 20px 18px 24px;
  }
  .contact-field--half { grid-column: 1 / -1; }
  .contact-form-body input[type=text],
  .contact-form-body input[type=email],
  .contact-form-body input[type=tel],
  .contact-form-body select,
  .contact-form-body textarea {
    height: 46px;
    font-size: 15px;
  }
  .contact-form-body textarea { height: 110px; }
  .contact-consent {
    align-items: flex-start;
    font-size: 12px;
    line-height: 1.55;
  }
  .contact-consent input { margin-top: 3px; }
  .contact-actions {
    flex-direction: column;
    gap: 10px;
  }
  .contact-actions button {
    width: 100%;
    min-width: 0;
    height: 46px;
    font-size: 15px;
  }

  .contact-location { margin-top: 22px; min-height: 0; }
  .contact-map { min-height: 200px !important; }
  .contact-location-copy { padding: 28px 18px 32px; }
  .contact-location-copy h2 { font-size: 24px; }
  .contact-location-copy h2:after { margin: 14px auto 18px; }
  .contact-location-copy p { font-size: 14px; }
  .contact-location-copy > span { margin: 16px 0; font-size: 13px; }
  .contact-location-copy > a {
    width: 100%;
    max-width: 220px;
    height: 44px;
  }
}