@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: "microsoft yahei", Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 13px;
}
.banner {
	width: 100%;
	height: 336px;
	overflow: hidden;
}
@media (min-width: 1440px) {
	.banner {
		height: 403px;
	}
}
@media (min-width: 1680px) {
	.banner {
		height: 470px;
	}
}
@media (min-width: 1920px) {
	.banner {
		height: 537px;
	}
}
.banner .swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-button-prev,.swiper-button-next{
	width: 15%;
	height: 100%;
	top:0;
	background:none;
	}
.swiper-button-prev{
	left:0;}	
.swiper-button-next{
	right:0;}	
.swiper-button-prev span,.swiper-button-next span{
	display:block;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top:-32px;
	border-radius: 100%;
	background: rgba(180,180,180,0.25) url(img/arrows.png) no-repeat center 17px;
	background-position: 20px 17px;
	background-size: 20px 118px;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.swiper-button-next span{
	background: rgba(180,180,180,0.25) url(img/arrows.png) no-repeat center -71px;
	left:auto;
	right:20px;
	}
.swiper-button-prev:hover span,.swiper-button-next:hover span{
	opacity: .9;
}

.swiper-slide img{
	width: 100%;
	height: 100%;
}
@media (max-width: 720px){
	.banner{
		height: 170px;
		margin-top: 40px;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		bottom: 0;
		margin-bottom: 5px;
	}
	.swiper-button-prev,.swiper-button-next{
		display: none;
	}
}