@charset "utf-8";

/* flexslider */
.flexslider{ clear:both; position:relative;height:380px;overflow:hidden;background:url(../images/loading.gif) center no-repeat;}
.slides{position:relative; z-index:1;overflow:hidden;}
.slides li{height:380px; background-position: center 0px; background-repeat: no-repeat;overflow:hidden;}
.slides li img{ display: block; width:100%;}
.slides li img.mb{ display:none;}

.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:50px;height:3px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:50px;height:3px; line-height:100px; overflow:hidden;background: #fff;cursor:pointer;}
.flex-control-nav .flex-active{background:#0F2089;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:35%;}
.flex-direction-nav li a{display:block;width:40px;height:100px; text-indent:-999em;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=50); -moz-opacity:0.5;opacity:0.5;}
.flex-direction-nav li a.flex-prev{left:10px;background: url(../images/arrow-l.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:10px;background: url(../images/arrow-r.png) center center no-repeat;}
.flex-direction-nav li a:hover{filter:alpha(opacity=90); -moz-opacity:0.9;opacity:0.9;}

@media(max-width:640px){
.flexslider{height: auto;}
.slides li{height: auto; }
.slides li img{ display:none;}
.slides li img.mb{ display: block;}
.flex-control-nav{bottom:6px;}
.flex-control-nav li{width:30px;}
.flex-control-nav a{width:30px;}
.flex-direction-nav{ display:none;}
}