.banner { position: relative; overflow: auto; height:600px; }
.banner ul li { float: left; -o-background-size: 100% 100%; -ms-background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; box-shadow: inset 0 -3px 6px rgba(0,0,0,.1); min-height:10em; }
.banner .btn { display: inline-block; margin: 25px 0 0; padding: 9px 22px 7px; clear: both; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; border: 2px solid rgba(255,255,255,.4);border-radius: 5px; }
.banner .btn:hover { background: rgba(255,255,255,.05);}
.banner .btn:active { -webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); }
.banner .btn, .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: 0; width: 100%; text-align:center; padding:20px 0; background: url(../images/hm.png) repeat-x center top;}
.banner .dots li { display: inline-block; *display: inline; zoom: 1; width: 8px; height: 8px;
    border: 2px #fff solid;
    border-radius: 8px;margin: 0 5px; text-indent: -999em; *text-indent: 0;  cursor: pointer;}
.banner .dots li.active { background: #00ac4d; opacity: 1; }