﻿@charset "utf-8";

/* CSS Document */


#certify {
	position: relative;
	width: 100%;
	margin: 0.5rem auto 0; overflow: hidden;
}



#certify .swiper-slide {
	width: 3.8rem;
	height:auto;
	/* background: #fff; */
	/* box-shadow: 0 8px 30px #ddd; */
	text-align: center;
}

#certify .swiper-slide img {
	display: block;width:100%;
}

#certify .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}

#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-button-next, #certify  .swiper-button-prev{     left: auto; width: 76px;
	height: 76px;  background: #103472cc;  border-radius: 50%;}
	#certify .swiper-button-next:after,  #certify .swiper-button-prev:after{ color: #fff;}
	#certify  .swiper-button-next{  right: 0.45rem}
	#certify .swiper-button-prev{  left: 0.45rem}
  

	@media only screen and (max-width: 980px) {
		#certify{ margin-top: 10%;}
		#certify .swiper-slide{ width: 240px;}
		#certify .swiper-slide img{ width: 100%;}
	
	
	}	