@charset "utf-8";
#certify {
	position: relative;
	width: 1200px;
	margin: 0 auto
}
#certify .swiper-container {
	padding-bottom:40px; margin-top:50px;
}
#certify .swiper-slide {
	width: 420px;
	height:420px;
	box-shadow: 0 8px 30px #ddd
}
#certify .swiper-slide img {
	display: block
}
#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-prev {
	opacity:0.8;
	left: 10%;
	top:45%;
	width: 45px;
	height: 45px;
	background:url(../images/index_div5_jt_left.png) center center no-repeat;
	background-size: 100%
}
#certify .swiper-button-prev:hover {  opacity:1;}
#certify .swiper-button-next {
	opacity:0.8;
	right:10%;
	top:45%;
	width: 45px;
	height: 45px;
	background:url(../images/index_div5_jt_right.png) center center no-repeat;
	background-size: 100%
}
#certify .swiper-button-next:hover {opacity:1;}



@media only screen and (max-width:1280px){
#certify {width:760px;}
#certify .swiper-container {padding-bottom:30px; margin-top:40px;}
#certify .swiper-slide {width: 360px;height:360px;}
	
}


@media only screen and (max-width:780px){
#certify {width:94%;}
#certify .swiper-container {padding-bottom:20px; margin-top:20px;}
#certify .swiper-slide {width: 300px;height:300px;box-shadow:none;}
#certify .swiper-button-prev { top:45%; left:20%;}
#certify .swiper-button-next { top:45%; right:20%;}	
}


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

#certify .swiper-container {padding-bottom:20px; margin-top:20px;}
#certify .swiper-slide {width:290px;height:290px;box-shadow:none;}
#certify .swiper-button-prev { top:50%; left:5%; background-size:30px 30px}
#certify .swiper-button-next { top:50%; right:5%;background-size:30px 30px}	
}

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

#certify .swiper-container {padding-bottom:20px; margin-top:20px;}
#certify .swiper-slide {width:240px;height:240px;box-shadow:none;}
#certify .swiper-button-prev { top:50%; left:5%; background-size:30px 30px;}
#certify .swiper-button-next { top:50%; right:5%;background-size:30px 30px;}	
}

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

#certify .swiper-container {padding-bottom:20px; margin-top:20px;}
#certify .swiper-slide {width:250px;height:250px;box-shadow:none;}
#certify .swiper-button-prev { top:50%; left:5%; background-size:30px 30px;}
#certify .swiper-button-next { top:50%; right:5%;background-size:30px 30px;}	
}