.flex-c-c{
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-clumn{
  flex-direction: column;
}
.top-banner{
  height: 560px;
  background-size: cover;
}
.bannerItem{
  margin-top: 70px;
}
.top-banner img{
  width: 351px;
  height: 356px;
}
.member{
  padding-bottom: 80px;
  padding-top: 0;
}
.member img{
  width: 500px;
}
.member-tit{
  font-size: 22px;
  font-weight: bold;
  padding-bottom: 40px;
}
.member-subtit{
  font-size: 18px;
  line-height: 32px;
  color: #7D88A2;
}
.member-right{
  padding-left: 157px;
}
.title h3{
  font-weight: 600;
  font-size: 30px;
}
.moments-function{
  background: #F7FAFF;
}
.moments-function .swiper-container {
  width: 100%;
  height: 750px;
  padding-bottom: 80px;
}

.moments-function .swiper-container .swiper-slide {
  left: 612px;
}

.moments-function .swiper-container .moments-page-item > img {
  width: 342px;
  height: 744px;
}

.moments-function .swiper-container .swiper-pagination-bullet {
  width: 226px;
  height: 52px;
  border-radius: 52px;
  font-size: 20px;
  line-height: 52px;
  text-align: center;
  color: #3B426B;
  background: #fff;
  opacity: 1;
  border: 1px solid #167EFA;
}

.moments-function .swiper-container .swiper-pagination-bullet:hover {
  background: #167EFA;
  color: #fff;
}

.moments-function .swiper-container-vertical > .swiper-pagination-bullets {
  left: 182px;
  width: 226px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.moments-function .swiper-container .swiper-pagination-bullet-active {
  background: #167EFA;
  color: #fff;
}

.moments-function .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0 70px 0;
}