#persons {
  position: relative;
  width: 1200px;
  margin: 50px auto 0
}



#persons .swiper-slide {
  width: 540px;
  height: 250px;
  
}

#persons .swiper-slide .text {
  position: absolute;
  left: 15%;
  border-radius: 10px;

}

#persons .swiper-slide .text img {
  width: 350px;
  height: 220px;
 display: block;

}
#persons .swiper-slide .text::after{ content: ''; width:100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.2);}
#persons .swiper-slide-active .text::after{
  background: none;
  z-index: -1;
  box-shadow:none
}


#persons .swiper-slide h4 {
  margin: 0;
  width: 350px;
  font-size: 14px;
  text-align: center;
  background: #eee;
  font-weight: normal;
  line-height: 34px;
 height: 34px;
 white-space: nowrap;
 overflow: hidden;  
 text-overflow: ellipsis; 
 padding: 0 20px;
}

#persons .swiper-pagination {
  width: 100%;
  bottom: 20px;
}

#persons .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
  border: 3px solid #fff;
  background-color: #d5d5d5;
  width: 10px;
  height: 10px;
  opacity: 1;
}

#persons .swiper-pagination-bullets .swiper-pagination-bullet-active {
  border: 3px solid #00aadc;
  background-color: #fff;
}

#persons .swiper-button-prev {
  left: 0;
  top: 30%;
  width: 45px;
  height: 45px;
  color: #fff;
  background: rgba(05, 0, 0, 0.5);
  border-radius: 100%;
}

#persons .swiper-button-prev:hover {
  background-position: 0 -46px;
  background-size: 100%
}

#persons .swiper-button-next {
  right: 0;
  top: 30%;
  width: 45px;
  height: 45px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 100%;
}
#persons .swiper-button-next:after, .swiper-button-prev:after{ font-size: 18px;}


@media  screen and (max-width:1000px) {
  #persons {
    width: 7.5rem;
  }
  #persons .swiper-slide .text img{
    width: 4rem;
    height: 3.5rem;
  }
}