/* CSS Document */

#header{ width:100%; height:120px; position:absolute; left:0; top:0; z-index:22;/* background:url(../images/bg1.png);*/}
#footer{color:#a5a5a5;/*background:url(../images/bg1.png);*/ position:absolute; left:5%; bottom:0; z-index:33;}
.foot{  border-top:none;color:#a5a5a5 !important}
.lan{ }

.menu li span a{ color:#fff; }
.submenu a{  color:#fff;}
.menu{opacity:0.6;}
.logo{opacity:0.8;}

#banner{ width:100%; position:relative; overflow:hidden;  }
.flex-viewport{ width:100%; height:100%; vertical-align:middle;}
#banner .slides{ width:100%; height:100%; vertical-align:middle;}
#banner .slides li a {
display: block; width: 100%;height: 100%;
}



#banner .slides li{ width:100%; height:100%; vertical-align:middle; background-size:cover;}
#banner .slides li img{ width:100%; vertical-align:middle;}
#banner .flex-control-nav{ position:absolute;opacity:0.6;  bottom:25px; width:90%; height:70px; left:5%; z-index:22; text-align: center;}
#banner .flex-control-nav li{ width:10px; height:10px; margin-top:10px; position:relative; display:inline-block; border:1px solid #fff; border-radius:50%; cursor:pointer; margin-left:10px; overflow:hidden;}
#banner  .flex-control-nav li a{ text-indent:-999em; width:10px; height:10px;position:relative; display:block;}
#banner  .flex-active{ background:#ac0611;}
#banner .flex-direction-nav{ display:none;}
#banner  .flex-control-nav li:hover a{ background:#ac0611;}

@media(max-width:1600px){
#header{  height:100px;}


}