/*banner*/
.banner{
	clear: both;
	height: 400px;
	overflow-x: hidden;
    overflow-y: hidden;
}
.banner-item{
	position: absolute;
	left: 100%;
	height: 400px;
	width: 100%;
	background-position: center 0px;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.banner-item:first-child{
	left: 0px;
}

.banner-arrow{
	position: absolute;
	top: 305px;
	width: 28px;
	height: 46px;
	cursor: pointer;
	background-image: url(template/img/arrow.png);
	background-repeat: no-repeat;
}
.banner-arrow_left{
	left: 50%;
	margin-left: -500px;
	background-position: 0px 0px;
}
.banner-arrow_right{
	right: 50%;
	margin-right: -500px;
	background-position: -32px 0px;
}