@charset "utf-8";
/* flexslider */
.banners { z-index: 1; position: relative;}
.flexslider{position:relative;height:550px;overflow:hidden;transition:all 0.5s;}
.slides{position:relative;z-index:1;}
.slides li{height:550px; color:#fff; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center 0;transition:all 0.5s;}
.flex-control-nav{position:absolute; bottom:35px; padding:8px 0 12px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:10px;height:10px;*display:inline;zoom:1; margin:0 3px}
.flex-control-nav a{display:inline-block;width:10px;height:10px;overflow:hidden;background:url(../images/dt1.png)  center center no-repeat;cursor:pointer; text-indent:-9999em}
.flex-control-nav .flex-active{background:url(../images/dt2.png)  center center no-repeat;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background: url(../images/arrow5.png) center center no-repeat; border-radius:50px}
.flex-direction-nav li a.flex-next{right:40px;background: url(../images/arrow6.png) center center no-repeat;border-radius:50px}


.index_wmore{ background:#fff; padding:12px 24px; margin:0 12px; font-size:18px; border-radius:5px;  display:inline-block}
.index_rmore{ background:#fbc217;  padding:12px 24px; margin:0 12px; font-size:18px; border-radius:5px; display:inline-block}

.banner_b{ position:absolute; bottom:-1px; margin:0 auto; text-align:center; width:100%; z-index:99}
.banner_b img { max-width:100%; max-height:100%}


@media screen and (max-width: 679px) {	
.flexslider{height:350px;}
.slides li{height:350px; }	
}

@media screen and (min-width:680px) and (max-width: 1079px) {
.flexslider{height:420px;}
.slides li{height:420px; }		
}

@media screen and (min-width:1080px) {
.flexslider{height:490px;}
.slides li{height:490px; }		
}
@media screen and (min-width:1200px) {
.flexslider{height:550px;}
.slides li{height:550px; }	

}