.index-banner {
  position: relative;
}
.index-banner .introduce {
  width: 100%;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.index-banner .introduce .name {
  font-size: 48px;
  margin-bottom: 35px;
  font-weight: bold;
}
.index-banner .introduce .info {
  font-size: 16px;
  line-height: 32px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.index-banner .introduce .info img {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
}
.majorteam {
  background-color: #f5f5f5;
}
.info-content .content .title {
  font-size: 24px;
  color: #eb3c00;
  text-align: left;
  padding-bottom: 40px;
}
.info-content .content .info p {
  font-size: 16px;
  line-height: 32px;
  color: #666;
  margin-bottom: 40px;
  text-indent: 3rem;
}
.info-content .content .team-member .membername {
  font-size: 18px;
  font-weight: bold;
}
.info-content .content .team-member .memberpost {
  font-size: 16px;
  color: #999;
  margin-bottom: 25px;
}
.info-content .content .team-member .memberinfo {
  padding: 40px;
  background-color: #f5f5f5;
  margin-bottom: 40px;
}
.info-content .content .team-member .memberinfo .field {
  font-size: 16px;
  line-height: 32px;
}
.info-content .content .team-member .memberinfo p {
  font-size: 16px;
  line-height: 32px;
  color: #999;
  text-indent: 4rem;
}
@media (max-width: 1330px) {
  .index-banner .introduce .name {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .index-banner .introduce .info {
    font-size: 14px;
    line-height: 28px;
  }
  .index-banner .introduce .info img {
    width: 14px;
    height: 14px;
  }
  .info-content .content .title {
    font-size: 20px;
    padding-bottom: 20px;
  }
  .info-content .content .info p {
    margin-bottom: 20px;
  }
  .info-content .content .team-member .memberinfo {
    padding: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1080px) {
  .sec-content {
    transform: translateY(-33px);
  }
}
@media (max-width: 991px) {
  .index-banner .introduce {
    transform: translateY(-40%);
  }
  .index-banner .introduce .name {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .index-banner .introduce .info {
    line-height: 20px;
  }
}
@media (max-width: 768px) {
  .index-banner .introduce .name {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .sec-content {
    transform: translateY(-30px);
  }
  .info-content .content .title {
    font-size: 18px;
  }
  .info-content .content .info p {
    font-size: 14px;
    line-height: 28px;
  }
  .info-content .content .team-member .membername {
    font-size: 16px;
  }
  .info-content .content .team-member .memberpost {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .info-content .content .team-member .memberinfo p {
    font-size: 14px;
    line-height: 28px;
  }
}
@media (max-width: 550px) {
  .index-banner .introduce .name {
    font-size: 14px;
    margin-bottom: 0;
  }
  .index-banner .introduce .info {
    font-size: 12px;
    line-height: 1;
  }
  .index-banner .introduce .info img {
    width: 12px;
    height: 12px;
  }
  .sec-content {
    transform: translateY(0);
  }
  .index-banner .introduce {
    transform: translateY(-15%);
  }
}