img{border:0;}

*{padding:0;margin:0;list-style:none;}

html,body{height:100%;}



.slides{width:100%;height:100%;position:relative;overflow:hidden;}

.slideInner{height:100%;position:relative;left:0;margin-left:0;}

.slideInner a{display:block;height:100%;background-size:cover;background-position:center center;position:relative;text-align:center;z-index:1;}

.slideInner a div.pic1{width:100%;height:100%;position:relative;}
.slideInner a div.pic1 img{position:absolute;right:0px;top:10%;}
.slideInner .slide3 .img2{width:100%;height:100%;}
.slideInner .slide3 .img2 img{left:25%;position:absolute;bottom:100px;}
.slideInner .slide3 .img4 img{left:25%;position:absolute;top:35%;}
.slideInner .slide3 .img3{width:431px;height:373px;position:absolute;left:50%;margin-left:150px;top:186px;}


.nav a{display:block;width:41px;height:119px;opacity:.2;z-index:9;}

.nav a.prev{position:absolute;left:30px;top:50%;margin-top:-58px;background:url(../img/ban_pre.png) no-repeat;}

.nav a.next{position:absolute;right:30px;top:50%;margin-top:-58px;background:url(../img/ban_next.png) no-repeat;}

.navListBox{position:absolute;left:50%;top:675px;z-index:99;display:none;}

.navListBox li{width:12px;height:12px;float:left;margin-left:5px;border-radius:50%;overflow:hidden;}

.navListBox li:first-child{margin-left:0;}

.navListBox li a{display:block;width:100%;height:100%;border-radius:50%;background-color:#fff;box-shadow:0 0 5px #666 inset;}

.navListBox li a.active{background-color:#55ddff;}