*{-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.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);background:#ffffff;margin:0px;padding:0px;}
.banner ul {list-style: none;width: 300%;margin:0px;padding:0px;}
.banner ul li {display: block;float: left;width: 33%;/*padding: 160px 0 110px;*//*-webkit-background-size: 100% 100%;*/-moz-background-size: 100% 100%;-o-background-size: 100% 100%;-ms-background-size: 100% 100%;/*background-size: 100% 100%;*/box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);}
.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: 20px;}
.banner .dots li{display:inline-block;width:10px;height:10px;margin:0 4px;text-indent:-999em;border:2px solid #ffffff;background:#ffffff;border-radius:6px;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: #003664;border:2px solid #003664;opacity: 1;}
@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 {padding-top: 100px;padding-bottom: 50px;height: 240px;}
	.banner p {font-size: 15px;width: 80%;margin: 0 auto;}
}