@charset "utf-8";
/* CSS Document */
body{
	margin:0;}
#certify {
	position: relative;
	width:90%;
	margin: 0 auto;
	top: 50%; /*偏移*/
    transform: translateY(-50%);
}

#certify .swiper-container {
/*	padding-bottom: 60px;*/
}

#certify  .swiper-slide {
	width: 60%;
	height: 60%;
	background: #fff;
	overflow: hidden;
}
#certify  .swiper-slide img{
	display:block;
	max-width: 100%;
	margin:0 auto;

}

#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 {
	left: 10%;
	width: 60px;
	height:80px;
	background: url(../images/btn_next_prev.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	background-position: 0 -243px;
	background-size: 100%
}

#certify .swiper-button-next {
	right: 10%;
	width: 60px;
	height: 80px;
	background: url(../images/btn_next_prev.png) no-repeat;
	background-position: 0 -81px;
	background-size: 100%;
}

#certify .swiper-button-next:hover {
	background-position: 0 -162px;
	background-size: 100%
}
#certify .closebtn{ width:34px; height: 34px; position: absolute; top:-15px; right:8%; z-index: 668; cursor: pointer;}
#certify .closebtn img{max-width: 100%;}
#swiperBox{width:100%;
	height: 100%; display: none;}
.layer{
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	z-index: 666;
}
.opacity {  
      filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5;  
}