.hero h1,.page-hero h1 {

  color: #fff !important;

}

.hero h1 .gold,.page-hero h1 .gold {

  color: #e8c97e !important;

}

.hero p,.page-hero p {

  color: #d6e2f2 !important;

}

.page-hero {

  background: linear-gradient(135deg,#0d2244 0%,#12386e 60%,#1a4a8f 100%);
  color: #fff;
  padding: 72px 0 64px;
  position: relative;
  overflow: hidden;

}

.page-hero::after {

  content: "";
  position: absolute;
  right: -80px;
  top: -80px;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: rgba(217,180,92,.12);

}

.page-hero .wrap {

  position: relative;
  z-index: 2;

}

.crumb {

  font-size: 13px;
  color: #9db4d6;
  margin-bottom: 18px;

}

.crumb a {

  color: #9db4d6;
  text-decoration: none;

}

.crumb a:hover {

  color: #d9b45c;

}

.page-hero h1 {

  font-size: 36px;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 14px;

}

.page-hero h1 .gold {

  color: #d9b45c;

}

.page-hero p {

  font-size: 16px;
  color: #c8d4e8;
  line-height: 1.9;
  max-width: 680px;

}

.page-hero .hero-cta {

  margin-top: 26px;
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;

}

.page-hero .btn-tel {

  background: #d9b45c;
  color: #0d2244;
  font-size: 20px;
  font-weight: 800;
  padding: 14px 34px;
  border-radius: 8px;
  text-decoration: none;
  display: inline-block;

}

.page-hero .btn-sub {

  color: #c8d4e8;
  font-size: 14px;

}

.info-grid {

  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 8px;

}

.info-card {

  background: #fff;
  border-radius: 12px;
  padding: 28px;
  box-shadow: 0 4px 20px rgba(13,34,68,.07);
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(33.333% - 14.667px);
  flex: 0 0 calc(33.333% - 14.667px);
  min-width: 0;
  box-sizing: border-box;

}

.info-card h3 {

  font-size: 18px;
  color: #0d2244;
  margin-bottom: 14px;
  padding-left: 12px;
  border-left: 4px solid #d9b45c;

}

.info-card ul {

  list-style: none;

}

.info-card li {

  font-size: 14px;
  color: #42536b;
  line-height: 2.1;
  padding-left: 20px;
  position: relative;

}

.info-card li::before {

  content: "✓";
  position: absolute;
  left: 0;
  color: #1a7a4a;
  font-weight: bold;

}

.flow-strip {

  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 10px;

}

.flow-step {

  background: #fff;
  border-radius: 10px;
  padding: 18px 10px;
  text-align: center;
  box-shadow: 0 3px 14px rgba(13,34,68,.06);
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(16.666% - 10px);
  flex: 0 0 calc(16.666% - 10px);
  min-width: 0;
  box-sizing: border-box;

}

.flow-step .n {

  width: 34px;
  height: 34px;
  margin: 0 auto 10px;
  background: linear-gradient(135deg,#12386e,#0d2244);
  color: #d9b45c;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 15px;

}

.flow-step .t {

  font-size: 14px;
  font-weight: 700;
  color: #0d2244;

}

.flow-step .d {

  font-size: 12px;
  color: #8a97a8;
  margin-top: 5px;

}

.contact-cards {

  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 22px;

}

.contact-card {

  background: #fff;
  border-radius: 12px;
  padding: 30px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(13,34,68,.07);
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(33.333% - 14.667px);
  flex: 0 0 calc(33.333% - 14.667px);
  min-width: 0;
  box-sizing: border-box;

}

.contact-card .ic {

  font-size: 34px;
  margin-bottom: 12px;

}

.contact-card h3 {

  font-size: 17px;
  color: #0d2244;
  margin-bottom: 8px;

}

.contact-card p {

  font-size: 14px;
  color: #42536b;
  line-height: 1.9;

}

/* ===== 人才市场 ===== */
.talent-duo {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 8px;
}

.talent-duo .tcard {
  background: #fff;
  border-radius: 12px;
  padding: 30px 28px;
  box-shadow: 0 4px 20px rgba(13,34,68,.07);
  border-top: 4px solid #12386e;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(50% - 11px);
  flex: 0 0 calc(50% - 11px);
  min-width: 0;
  box-sizing: border-box;
}

.talent-duo .tcard.gold-top {
  border-top-color: #d9b45c;
}

.talent-duo .tcard h3 {
  font-size: 19px;
  color: #0d2244;
  margin-bottom: 10px;
}

.talent-duo .tcard p {
  font-size: 14px;
  color: #42536b;
  line-height: 2;
}

.talent-duo .tcard ul {
  list-style: none;
  margin-top: 10px;
}

.talent-duo .tcard li {
  font-size: 14px;
  color: #42536b;
  line-height: 2.1;
  padding-left: 20px;
  position: relative;
}

.talent-duo .tcard li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #1a7a4a;
  font-weight: bold;
}

.talent-cats {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 8px;
}

.talent-cat {
  background: #fff;
  border: 1px solid #e6ebf2;
  border-radius: 10px;
  padding: 24px 20px;
  text-align: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(25% - 16.5px);
  flex: 0 0 calc(25% - 16.5px);
  min-width: 0;
  box-sizing: border-box;
}

.talent-cat .ic {
  font-size: 30px;
  margin-bottom: 10px;
}

.talent-cat h3 {
  font-size: 16px;
  color: #0d2244;
  margin-bottom: 8px;
}

.talent-cat p {
  font-size: 13px;
  color: #8a97a8;
  line-height: 1.8;
}

.talent-list {
  margin-top: 8px;
}

.talent-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  border: 1px solid #e6ebf2;
  border-radius: 8px;
  padding: 14px 20px;
  margin-bottom: 10px;
}

.talent-row .c1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 34%;
  flex: 0 0 34%;
  min-width: 0;
  box-sizing: border-box;
  font-size: 15px;
  font-weight: 700;
  color: #0d2244;
}

.talent-row .c2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30%;
  flex: 0 0 30%;
  min-width: 0;
  box-sizing: border-box;
  font-size: 14px;
  color: #42536b;
}

.talent-row .c3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  flex: 0 0 20%;
  min-width: 0;
  box-sizing: border-box;
  font-size: 14px;
  color: #42536b;
}

.talent-row .c4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16%;
  flex: 0 0 16%;
  min-width: 0;
  box-sizing: border-box;
  text-align: right;
}

.talent-tag {
  display: inline-block;
  font-size: 12px;
  color: #1a7a4a;
  background: #e8f5ee;
  border-radius: 10px;
  padding: 3px 12px;
}

.talent-tag.init {
  color: #1a4a8f;
  background: #e8effa;
}

.talent-note {
  font-size: 13px;
  color: #8a97a8;
  text-align: center;
  margin-top: 18px;
}

@media(max-width:900px) {
  .talent-duo .tcard {
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .talent-cat {
    -webkit-flex: 0 0 calc(50% - 11px);
    flex: 0 0 calc(50% - 11px);
  }
  .talent-row {
    padding: 12px 14px;
  }
  .talent-row .c1 {
    -webkit-flex: 0 0 55%;
    flex: 0 0 55%;
    margin-bottom: 4px;
  }
  .talent-row .c2 {
    -webkit-flex: 0 0 45%;
    flex: 0 0 45%;
    text-align: right;
    margin-bottom: 4px;
  }
  .talent-row .c3 {
    -webkit-flex: 0 0 55%;
    flex: 0 0 55%;
  }
  .talent-row .c4 {
    -webkit-flex: 0 0 45%;
    flex: 0 0 45%;
  }
}

@media(max-width:900px) {
.info-grid {

    flex-direction: column;
    gap: 18px;
  
}

.flow-strip {

    flex-wrap: wrap;
  
}

.flow-strip > .flow-step {

    -webkit-flex: 0 0 calc(33.333% - 8px);
    flex: 0 0 calc(33.333% - 8px);
  
}

.contact-cards {

    flex-direction: column;
    gap: 18px;
  
}

.page-hero h1 {

    font-size: 26px;
  
}

}