.banner {
	position: relative;
	width: 100%;
	min-width:1000px;
	overflow: hidden;

	background: #f6f6f6;
}
	.banner ul {
		list-style: none;
		width: 100%;
	}
	.banner ul li {
		display: block;
		float: left;
		width:100%;
		min-height: 300px;
		height:400px;
		background-repeat:no-repeat; 
		background-position:center center;
		cursor:pointer;
		border:0;	
	}

	.banner .dots {
		position: absolute;
		left:0;
		bottom: 5px;
		width: 100%;
	}
	.banner .dots li {
		display: inline-block;
		*display: inline;
		zoom: 1;
		font-size: 0;
		width: 12px;
		height: 12px;
		line-height: 12px;
		margin: 0 4px;
		color:#fff;
		text-indent: -999em;
		*text-indent: 0;
		background:url(/common/images/slider_nav_button.png) no-repeat;

		cursor: pointer;

		-webkit-transition: background .5s;
		-moz-transition: background .5s;
		transition: background .5s;
	}
		.banner .dots li.active {
			background:url(/common/images/slider_nav_button.png) 0 -12px no-repeat;

		}

	.banner .arrows {
		position: absolute;
		bottom: 20px;
		right: 20px;
		color: #fff;
	}
		.banner .arrow {
			display: inline;
			padding-left: 10px;
			cursor: pointer;
		}




@media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 900px) {


	.banner h1, .banner h2 {
		font-size: 24px;
		line-height: 30px;
	}
	.banner ul li {
		height: 240px;
	}
	.banner .inner {
		padding-top: 100px;
		padding-bottom: 50px;
	}
	.banner p {
		font-size: 15px;
		width: 80%;
		margin: 0 auto;
	}
	pre {
		overflow: auto;
	}
	
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.features li:before {
		background: url('img/icons@2x.png');
		background-size: 100%;
	}
}