body,ul {
	margin: 0;
	padding: 0
}

body,html {
	height: 100%;
	-webkit-tap-highlight-color: transparent
}

ul li {
	list-style-type: none
}

.slides-box {
	width: 100%;
	height: 550px;
	margin: auto;
	overflow: hidden;
	position: relative;
}

.slides {
	position: relative;
	height: 550px;
	width: 100%;
	margin: auto;
	float: left
}

.slides li {
	position: absolute;
	width: 100%;
	height: 550px;
}

.slides li img {
	display: block;
	width: 100%;
	height:550px;
	margin: auto
}

.prev,.next {
	position: absolute;
	z-index: 99;
	top: 46%; 
	left: 0;
	height: 70px;
	width: 30px;
	color: #fff;
	cursor: pointer;
	background-color: #000;
	opacity: .5
}

.prev:hover,.next:hover {
	opacity: .7
}

.prev {
	background-image: url(../images/pre.gif);
}

.next {
	left: auto;
	right: 0;
	background-image: url(../images/next.gif);;
}

.pagination {
	position: absolute;
	bottom: 5px;
	z-index: 99
}

.pagination li {
	padding: 5px 3px;
	float: left
}

.pagination li a {
	display: block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	border-radius: 25px;
	background: #000;
	color: #fff;
	text-align: center;
	font-family: Arial;
	text-decoration: none
}

.pagination .active {
	background: red
}