@charset "utf-8";
img{border:0;}
*{padding:0;margin:0;list-style:none;}

/*banner*/ 
.focus{ display:none;}
.slides{width:100%;height:600px;position:relative;overflow:hidden;}
.slides .slideInner{height:600px;position:relative;left:0;margin-left:0; margin:0 auto;}
.slides .slideInner a{display:block; width:100%;height:600px;background-size:cover;background-position:center center;position:relative;text-align:center;z-index:1;}
.slides .nav{width:96%;position:relative;left:50%;margin-left:-48%;display:none;}
.slides .nav a{display:block;width:41px;height:119px;opacity:.2;z-index:9;}
.slides .nav a.prev{position:absolute;left:0;top:-330px;margin-top:0px;background:url(../image/ban_pre.png) no-repeat;}
.slides .nav a.next{position:absolute;right:0;top:-330px;margin-top:0px;background:url(../image/ban_next.png) no-repeat;}
.slides .navListBox{position:absolute;left:50%;top:567px;z-index:99;}
.slides .navListBox li{width:15px;height:15px;float:left;margin-left:10px;border-radius:50%;overflow:hidden;}
.slides .navListBox li:first-child{margin-left:0;}
.slides .navListBox li a{display:block;width:100%;height:100%;border-radius:50%;background-color:#fff;}
.slides .navListBox li a.active{background-color:#ccc;}
 
@media screen and (max-width:640px){
.focus{ display:none;}
.slides{width:100%;height:500px;position:relative;overflow:hidden;}
.slides .slideInner{height:500px;position:relative;left:0;margin-left:0; margin:0 auto;}
.slides .slideInner a{display:block; width:100%;height:500px;background-size:cover;background-position:center center;position:relative;text-align:center;z-index:1;}
.slides .nav{width:96%;position:relative;left:50%;margin-left:-48%;display:none;}
.slides .nav a{display:block;width:41px;height:119px;opacity:.2;z-index:9;}
.slides .nav a.prev{position:absolute;left:0;top:-280px;margin-top:0px;background:url(../image/ban_pre.png) no-repeat;}
.slides .nav a.next{position:absolute;right:0;top:-280px;margin-top:0px;background:url(../image/ban_next.png) no-repeat;}
.slides .navListBox{position:absolute;left:50%;top:467px;z-index:99;}
.slides .navListBox li{width:15px;height:15px;float:left;margin-left:10px;border-radius:50%;overflow:hidden;}
.slides .navListBox li:first-child{margin-left:0;}
.slides .navListBox li a{display:block;width:100%;height:100%;border-radius:50%;background-color:#fff;}
.slides .navListBox li a.active{background-color:#ccc;}
}
@media screen and (max-width:1100px){
.slides{ display:none;}
.focus{ display:block;}
.focus{ width:100%; height:100%;margin:0 auto; position:relative;overflow:hidden;}
.focus .hd{ width:100%; height:12px;position:absolute;z-index:1;bottom:12px; text-align:center;}
.focus .hd ul{ display:inline-block; height:12px; padding:3px 5px; background-color:rgba(255,255,255,0); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; margin:0 5px;  vertical-align:top; overflow:hidden;}
.focus .hd ul .on{ background:#ccc;}
.focus .bd{ position:relative;z-index:0; padding-top:50px;}
.focus .bd li img{ width:100%;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */}
}