u {
  text-underline-offset: 0.3rem;
}
#mainNav .navbar-brand span {
  font-family: "Zhuque Fangsong (technical preview)", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
#mainNav .nav-link {
  font-weight: bold;
}
.masthead {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 35rem;
  padding: 15rem 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.5) 75%, #000000 100%), url("../assets/img/bg-masthead.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}
.masthead h1,
.masthead h2 {
  font-family: "Zhuque Fangsong (technical preview)", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.masthead h1 {
  font-weight: 800;
  font-size: 2.6rem;
  line-height: 3.5rem;
  letter-spacing: 0.5rem;
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.masthead h2 {
  max-width: 20rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media (min-width: 768px) {
  .masthead h1 {
    font-size: 3.5rem;
    line-height: 3.5rem;
  }
  .masthead h2 {
    max-width: 40rem;
    font-size: 1.25rem;
    line-height: 2rem;
  }
}
@media (min-width: 992px) {
  .masthead {
    height: 100vh;
    padding: 0;
  }
  .masthead h1 {
    font-size: 4.5rem;
    line-height: 7rem;
    letter-spacing: 0.8rem;
  }
  .masthead h2 {
    max-width: 30rem;
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}
.services-section {
  position: relative;
  width: 100%;
  height: auto;
}
.services-section h2 {
  max-width: 18rem;
}
.services-section p {
  max-width: 30rem;
}
@media (min-width: 768px) {
  .services-section h2 {
    max-width: 40rem;
  }
  .services-section p {
    max-width: 50rem;
  }
}
@media (min-width: 992px) {
  .services-section h2 {
    max-width: 40rem;
  }
  .services-section p {
    max-width: 50rem;
  }
}

.services-item .card {
  min-height: 400px;
  height: 100%;
}

.blogs-section .card {
  min-height: 520px;
  height: 100%;
}

@media (max-width: 576px) {
  .honors-section .honors-cycle .cycle-list-item--content li:after {
    content: "、";
  }
}
.honors-section .other-list-item--content li:after {
  content: "、";
}
.honors-section .honors-item-title {
  color: #fff;
  font-size: 1.25rem;
}

.contact-section .font-heading {
  font-family: "Zhuque Fangsong (technical preview)", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.footer a {
  text-decoration: none;
  font-size: 0.9rem;
}

.footer .sf-beian {
  background: url(/assets/img/beian.png) no-repeat left;
  background-size: contain;
  padding-left: 20px;
  background-size: 16px 16px;
}