.swiper-container {
      width: 100%;
      height: 100%;
    }

.swiper-slide {
      text-align: center;
      margin:10px auto ;
      font-size: 18px;
      background: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
.swiper-slide .img-center {overflow: hidden;border: 1px solid #eee;border-bottom: none;}
.swiper-slide .img-center img {-webkit-transition: all 0.5s;transition: all 0.5s;}
.swiper-slide .text {-webkit-transition: all 0.5s;transition: all 0.5s;padding: 6% 4% 6%;text-align: center;border: 1px solid #eee;border-top: none;background-color: #fff;}
.swiper-slide .text h4 {margin: 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 18px;}
.swiper-slide .text p {margin: 8px 0 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: #aaa;}
.swiper-slide a:hover .img-center img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.swiper-slide a:hover .text {background-color: #113c98;}
.swiper-slide a:hover .text h4 {color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.swiper-slide a:hover .text p {color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}