.banner{ position: relative; overflow: auto; width: 100%;}
.ss{ position: relative; left:-40px; overflow: hidden; margin-right: 0px;}
.banner li { list-style: none;  height: 480px;}
.banner ul li { float: left; }

.banner h1{font-size: 2em;margin:40px 0 0px 40px ; text-shadow: 1px 1px 1px #888, -1px -1px 2px #888; color: #fff; font-family: 'Aller_Rg'}
.banner p{font-size: 1em;margin:0px 45px ; text-shadow: 1px 1px 1px #191919, -1px -1px 2px #191919; color: #fff; }
.banner a{font-size:2em margin: 10px 45px; text-shadow: 1px 1px #fff, -0px -0px 1px #fff; color: #d70035; text-align:left;}
.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));
}
	
.dots {
position: absolute;
left: 0;
right: 0;
bottom: 20px;
	}
.dots li {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 4px;
			
text-indent: -999em;
			
border: 2px solid #fff;
border-radius: 6px;
			
cursor: pointer;
opacity: .4;
			
-webkit-transition: background .5s, opacity .5s;
-moz-transition: background .5s, opacity .5s;
transition: background .5s, opacity .5s;
		}
.dots li.active {
background: #fff;
opacity: .9;
}