@CHARSET "UTF-8";
.banner{ width:100%; margin:auto; height:500px; overflow:hidden;}
.flexslider {position: relative; zoom: 1; width:100%; overflow:hidden;margin: 0; padding: 0;}
.flexslider .slides { zoom: 1; }
.flexslider .slides li {width: 100%; height:500px; display: block; background-position:center center; background-size:auto 100%; background-repeat:no-repeat;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav li { width:59px; height:115px; overflow:hidden; position: absolute; top: 50%; margin-top:-57.5px;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 59px; height: 115px;position: absolute;  z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; background-image:url(../images/arrow.png); padding-top:120px;}
.flex-direction-nav .flex-prev { background-repeat: no-repeat; background-position: left center; }
.flex-direction-nav .flex-next { background-repeat: no-repeat; background-position: right center; }
.prevleft{left: 40px;}
.nextright{right: 40px;}
.flexslider:hover .flex-prev { opacity: 0.7; }
.flexslider:hover .flex-next { opacity: 0.7; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }

.slider_more a:hover{ text-decoration:none;}
.flex-control-nav {width: 100%; position: absolute; bottom: 20px; text-align: center; padding:0px; margin:0px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li a { width: 22px; height: 22px; display: block; cursor: pointer; text-indent: -9999px; background-image: url(../images/x.png); background-repeat: no-repeat; background-position: center top; }
.flex-control-nav li a:hover { background-position: center bottom; }
.flex-control-nav li a.flex-active {  cursor: default; background-position: center bottom; }
@media screen and (max-width:1200px){
.banner,.flexslider .slides li{height:400px;}
}
@media screen and (max-width:950px){
.banner,.flexslider .slides li{height:300px;}
}
@media screen and (max-width:840px){
.banner{ display:none;}
}