.banner {	position: relative;	width: 100%;	overflow: auto;	font-size: 18px;	line-height: 24px;	text-align: center;	color: rgba(255, 255, 255, .6);	text-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .3);}.banner ul,.dots {	list-style: none;	margin: 0;	padding: 0;}.banner ul li {	display: block;	float: left;	/*width: 480px;*/	height: 260px;	-o-background-size: 100% 100%;	-ms-background-size: 100% 100%;	-moz-background-size: 100% 100%;	-webkit-background-size: 100% 100%;	background-size: 100% 100%;}.banner .inner {	padding: 100px 0 0;}.banner h1,.banner h2 {	font-size: 40px;	line-height: 52px;	color: #f90;}.banner .btn {	display: block;	margin: 0;	padding: 0;	text-decoration: none;	position: relative;	width: 100%;	height: 100%;}.banner .dot {	-webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));	-moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));	-ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));	-o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));}.banner .dots {	position: absolute;	left: 0;	right: 0;	bottom: 0px;}.banner .dots li {	display: inline-block;	width: 12px;	height: 12px;	margin: 0 4px;	text-indent: -999em;	border: 2px solid #fff;	border-radius: 12px;	cursor: pointer;	opacity: 1;	-webkit-transition: background .5s, opacity .5s;	-moz-transition: background .5s, opacity .5s;	transition: background .5s, opacity .5s;}.banner .dots li.active {	background: #f40;	opacity: 1;}.banner .arrows {	position: absolute;	bottom: 20px;	right: 20px;	color: #fff;}.banner .arrow {	display: inline;	padding-left: 10px;	cursor: pointer;}