@charset "utf-8";
/* CSS Document */
body{
	margin:0;}
#certify {
	position: relative;
	width: 1140px; max-width: 78vw;
	margin: 0 auto
}
#certify  .swiper-slide {
	width: 840px; max-width: 71vw;
}
#certify .swiper-container {
	padding-bottom: 2.625rem;
}
#certify  .swiper-slide a{ display: block; position: relative;}

#certify  .swiper-slide .img{ border-radius: .625rem; }
#certify  .swiper-slide .img:after{ padding-top: 56.54%; opacity: .3; background: #000;}
#certify  .swiper-slide img{
	display:block;  
}
#certify  .swiper-slide h5{ position: absolute; left: 0; bottom: 0; opacity: 0; visibility: hidden;transform: translateY(0);transition: .3s; background: #af1e28; color: #fff; text-align: center; height: 3rem; z-index: 9; width: 100%; line-height: 3rem; font-size: 1rem; }
#certify  .swiper-slide.swiper-slide-active .img:after{ opacity: 0;}
#certify  .swiper-slide.swiper-slide-active h5{ opacity: 1; visibility: visible; transform: translateY(0);  }
#certify .swiper-pagination{ bottom: 0 !important; left: 50%; transform: translateX(-50%);}
#certify .swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px; margin: 0 6px !important; border-radius: 50%; border-radius: 50%; border: 1px solid #757575; background: none; opacity: 1;}
#certify .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{  border: 1px solid #af1e28; background: #af1e28;}

#certify .swiper-button-prev{ left:-6.875rem;}
#certify .swiper-button-next{ right:-6.875rem;} 
#certify .swiper-button-white{ width: 3.75rem; height: 3.75rem; display: flex; align-items: center; justify-content: center;}
#certify .swiper-button-white .arr{ width: 1.5rem; height: 1.5rem;}
#certify .swiper-button-white .border{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;transition: 0s; }
#certify .swiper-button-white:hover .border{ transform: rotate(360deg);transition: 2s;}


@media (max-width: 1360px)
{
    #certify { max-width: 76vw; }
    #certify  .swiper-slide {  max-width: 61vw;}
}



@media (max-width: 480px)
{
	#certify .swiper-pagination .swiper-pagination-bullet{ width: 8px; height: 8px;}
	#certify .swiper-button-prev{ left:-3rem;}
	#certify .swiper-button-next{ right:-3rem;} 
	#certify .swiper-button-white{ width: 2.5rem; height: 2.5rem;}
	#certify .swiper-button-white .arr{ width: 1.25rem; height: 1.25rem;}
	#certify  .swiper-slide {  max-width: 73vw;}
}