@charset "utf-8";
/* CSS Document */

#certify {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

#certify .swiper-slide {
  width: 677px;
  height: 415px;
  background: #fff;
  position: relative;
}
#certify .swiper-slide:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  top: 0;
}
.swiper-slide-active:before {
  display: none !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;
}


#certify .swiper-slide img,
#certify1 .swiper-slide img {
  width: 100%!important;
  height: 100% !important;
}

@media screen and (max-width: 1500px) {
  #certify .swiper-slide {
    width: 568px;
    height: 339px;
  }
}
@media screen and (max-width: 1280px) {
  #certify .swiper-slide {
    width: 468px;
    height: 339px;
  }
}
@media screen and (max-width: 1203px) {

  #certify .swiper-button-prev,
  #certify .swiper-button-next {
    width: 20px;
    height: 38px;
    margin-top: -19px;
  }
}@media only screen and (max-width: 760px) {
  #certify .swiper-slide {
    width: 100%;
    height: auto;
  }
}

#certify1
 {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
#certify1 .swiper-container{
  padding: 30px 0;
 
}
#certify1 .swiper-slide {
  width: 100%;
  height: 22vw;
  background: #fff;
  position: relative;
}
#certify1 .swiper-slide:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  top: 0;
}

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

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

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

#certify1 .swiper-button-prev {
  left: 10px;
  width: 19px;
  height: 34px;
  background: url(../images/jt02-l.png) no-repeat;
  background-position: 0 0;
  background-size: 100%;
}
#certify1 .swiper-button-prev:after{
  display: none;
}
#certify1 .swiper-button-next {
  right: 10px;
  width: 19px;
  height: 34px;
  background: url(../images/jt02-r.png) no-repeat;
  background-size: 100%;
}
#certify1 .swiper-button-next:after  {
  display: none;
}


@media screen and (max-width: 1203px) {

  #certify1 .swiper-button-prev,
  #certify1 .swiper-button-next {
    width: 20px;
    height: 38px;
    margin-top: -19px;
  }
}


.shrk-contenter .swiper-slide-next {

  transform: scale(1.2);
  
  z-index: 100;
}

@media screen and (max-width: 760px) {


  .shrk-contenter .swiper-slide-next {

    transform: scale(1);
    
  }
  #certify1 .swiper-slide {
    width: 100%;
    height: auto;

  }
}