.banner {
  height: 16.7vw;
  width: 100%;
  min-width: var(--min-width);
  min-height: 184px;
}
.banner img,
.news-card .cover-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
h2 {
  font-family: Microsoft YaHei;
  font-size: .3rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-feature-settings: "kern" on;
  color: #3D3D3D;
  text-align: center;
  margin: 0;
}
.introduction-container {
  background: #F7F8FA;
  width: 100%;
  padding: 0.6rem 0 1rem 0;
}
.introduction {
  font-family: Microsoft YaHei;
  width: 69%;
  margin-inline: auto;
}
.introduction .content {
  display: flex;
  margin: .2rem 0 .4rem 0;
}
.introduction .video {
  width: 58%;
}
.introduction .video video {
  width: 100%;
  height: 100%;
}
.introduction .video video::-webkit-media-controls-overflow-button {
  display: none !important;
}
.introduction .text {
  width: 42%;
  font-size: .14rem;
  color: #666666;
  padding: .4rem 0 .4rem .4rem;
  box-sizing: border-box;
}
.introduction .text h3 {
  font-weight: 500;
  font-size: .22rem;
  color: #3D3D3D;
  margin: 0;
  margin-bottom: .2rem;
  letter-spacing: 0.04em;
}
.introduction .text p {
  letter-spacing: 0.1em;
  margin: 0.06rem 0;
}
.num {
  display: flex;
  gap: .2rem;
}
.num > div {
  flex-grow: 1;
  border-top: 1px solid #D8D8D8;
}
.num > div div:nth-child(1) {
  color: var(--main-color);
  font-weight: 500;
  font-size: .46rem;
  letter-spacing: 0.6px;
  font-feature-settings: "kern" on;
}
.num > div div:nth-child(2) {
  color: var(--main-color);
  font-size: .14rem;
  font-feature-settings: "kern" on;
  color: #666666;
}

.culture-container {
  padding: .4rem 0 1rem 0;
}
.culture {
  font-family: Microsoft YaHei;
  width: 69%;
  margin-inline: auto;
}
.culture > div {
  margin-top: .4rem;
  display: flex;
  justify-content: space-between;
}
.culture > div > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 2.8rem;
}
.culture > div > div > img {
  width: 1rem;
  height: 1rem;
}
.culture > div > div > div:nth-child(2) {
  font-size: .18rem;
  font-weight: 500;
  color: #3D3D3D;
  font-feature-settings: "kern" on;
  margin-top: .1rem;
  width: 100%;
  text-align: center;
}
.culture > div > div > div:nth-child(3) {
  margin-top: .15rem;
}
.culture > div > div > div:nth-child(3),
.culture > div > div > div:nth-child(4) {
  font-size: .14rem;
  font-weight: 500;
  font-feature-settings: "kern" on;
  color: #666666;
  width: 100%;
  text-align: center;
}