.pro_slide{
    width: 6rem;
    margin:.6rem auto;
  }
    .swiper-container {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      width: 6.13rem;
      height:4.13rem;
    }
    .gallery-top {
      height: 80%;
      width: 100%;
    }
.gallery-top .swiper-slide .pic-box{
  width: 6.13rem;
  height:4.13rem;
  overflow: hidden;
  margin:0 auto;
  text-align: center;
}

    .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }
    .gallery-thumbs .swiper-slide {
      width: .82rem;
      height: .52rem;
      opacity: 0.4;
      background-size: cover;
      background-position: center;
    }

    .gallery-thumbs .swiper-slide .pic-box{
      width: .82rem;
      height: .82rem;
      overflow: hidden;
      margin:0 auto;
      text-align: center;
    }
    .gallery-thumbs .swiper-slide-thumb-active {
      border:1px solid #000;
    }