#certify {
  position: relative;
  width: 766px;/*判断宽度设置响应式效果*/
  margin: 0px auto 
}

#certify .swiper-container {
  padding-bottom: 60px;
  height: 520px;
}

#certify  .swiper-slide {
    width: 240px;
    height: 360px;
    background: #F5F5F5;
    padding-top: 10px;
    position: relative;
}
#certify  .swiper-slide .imgs{
    width: 240px;
    height: 340px;
    overflow: hidden;
    display: flex;
    text-align: center; justify-content: center; align-items: center;
}
#certify  .swiper-slide .imgs img.imgW100{ width: 100%!important; height: auto!important; }
#certify  .swiper-slide .imgs img.imgH100{ width: auto!important; height: 100%!important; }

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

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

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
    display: none;
}
#certify .swiper-button-prev {
    left: -54px;
    width: 32px;
    height: 64px;
    top:230px;
    background: url(../image/hc_qiehuan2.png) no-repeat;
    background-size: 100%;
}

#certify .swiper-button-prev:hover {
    background-image: url(../image/hc_qiehuan4.png)
}

#certify .swiper-button-next {
    right: -54px;
    width: 32px;
    height: 64px;
    top:230px;
    background: url("../image/hc_qiehuan1.png") no-repeat;
    background-size: 100%;
}

#certify .swiper-button-next:hover {
    background-image: url(../image/hc_qiehuan3.png)
}
.hcSwiperTxt{ width: 240px; height: 158px; background:#fff; padding-top: 20px; text-align: center; overflow:hidden;
   bottom: -158px; left: 0; visibility: hidden; opacity: 0;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);
} 
.hcSwiperTxt .title,.hcSwiperTxt .name,.hcSwiperTxt .year{ font-size:12px; text-align: center; line-height: 20px; }
.hcSwiperTxt .title{ padding-top: 10px; }
.hcSwiperTxt .name{ padding-top: 6px; }
.hcSwiperTxt .biaozhi{ line-height: 16px;background: #f99c34; padding:6px 12px;
    color: #fff; font-size:12px; margin: 8px 10px 0; border-radius: 12px;
}
#certify .swiper-slide-active .hcSwiperTxt{ visibility: visible; opacity: 1; }