.main {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.banner {
  width: 100%;
  margin: 0 auto;
  height: 510px;
  background: url(/static/img/about/banner.png) no-repeat center top;
  position: relative;
}
.banner h2 {
  display: inline-block;
  position: absolute;
  top: 211px;
  left: 50%;
  color: #fff;
  font-size: 40px;
  margin-left: -440px;
}

.about-txt-wrap {
  height: 495px;
}
.about-txt-wrap .about-txt {
  height: 100%;
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 47px;
  text-align: center;
}
.about-txt-wrap .about-txt img {
  vertical-align: top;
}
.about-txt-wrap .about-txt-main {
  text-align: left;
  display: inline-block;
  vertical-align: top;
  margin-left: 94px;
  box-sizing: border-box;
  padding-top: 72px;
}
.about-txt-wrap .about-txt-main h2 {
  font-size: 30px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #43626e;
  line-height: 42px;
}
.about-txt-wrap .about-txt-main span {
  font-size: 20px;
  font-family: SourceHanSansCN-Normal;
  font-weight: 400;
  color: #999999;
  line-height: 29px;
  letter-spacing: 1px;
}
.about-txt-wrap .about-txt-main p {
  width: 588px;
  font-size: 15px;
  font-family: SourceHanSansCN-Normal;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
  margin-top: 20px;
}

.photo-wall-wrap {
  height: 919px;
  background: #F6F8F9;
}
.photo-wall-wrap .photo-wall {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 73px;
}
.photo-wall-wrap .photo-wall h2 {
  color: #43626E;
  font-size: 32px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  line-height: 45px;
  text-align: center;
}
.photo-wall-wrap .photo-wall .photo-wrap {
  margin: 79px auto 0;
  text-align: center;
  font-size: 0;
}
.photo-wall-wrap .photo-wall .photo-wrap img {
  vertical-align: top;
  margin: 0 8px 15px;
  opacity: 0;
}
.photo-wall-wrap .photo-wall .photo-wrap .bottom-img {
  margin-top: -54px;
}
.photo-wall-wrap .photo-wall .show-ani img {
  animation-name: show;
  animation-fill-mode: forwards;
}
.photo-wall-wrap .photo-wall .show-ani img:nth-child(1) {
  animation-duration: .8s;
}
.photo-wall-wrap .photo-wall .show-ani img:nth-child(2) {
  animation-duration: 1.8s;
}
.photo-wall-wrap .photo-wall .show-ani img:nth-child(3) {
  animation-duration: 1.6s;
}
.photo-wall-wrap .photo-wall .show-ani img:nth-child(4) {
  animation-duration: 1.2s;
}
.photo-wall-wrap .photo-wall .show-ani img:nth-child(5) {
  animation-duration: 1.8s;
}
.photo-wall-wrap .photo-wall .show-ani img:nth-child(6) {
  animation-duration: 2.2s;
}

@keyframes show {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}