#banner{ width:100%; position:relative; overflow:hidden; height:100%; z-index:11; background:#fff;  }
.flex-viewport{ width:100%; height:100%; vertical-align:middle;}
#banner .slides{ width:100%; height:100%; vertical-align:middle;}
#banner .slides li{ width:100%; height:100%; vertical-align:middle; background-size:cover; position:relative;}
#banner .slides li .bg{ width:100%; height:100%; position:relative;}
#banner .slides li a{ display:block; width:100%; height:100%}
#banner .slides li img{ width:100%; vertical-align:middle;}
#banner .flex-control-nav{ position:absolute; left:0; bottom:40px; text-align:center; width:100%; z-index:22 }
.flex-control-nav li{ display:inline-block; width:10px; height:10px; margin:0 10px;}
.flex-control-nav li A{ display:block; width:100%; height:100%; border:1px solid #000; cursor:pointer; text-indent:-999em;background:#000; border-radius:50%; opacity:0.8}
.flex-control-nav li A.flex-active{ background:#97282c; border:1px solid #97282c;}
.flex-direction-nav a{ display:block; width:50px; height:50px; position:absolute; top:50%; margin-top:-20px; z-index:33; text-indent:-999em;}
.flex-prev{ background:url(../images/left.png) center no-repeat; left:3%;}
.flex-next{ background:url(../images/right.png) center no-repeat; right:3%;}