@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
ul,li,dl,ol{list-style:none;}

.slides {width: 100%;height: 468px;position: relative;overflow: hidden;}
.slideInner {height: 468px;position: relative;left: 0;margin-left: 0;}
.slideInner a {display: block;height: 468px;background-size: cover;background-position: center center; position: relative;text-align: center;z-index: 1;}

.slideInner .slide1 .img1 { position: absolute; top: 150px; left: 50%; margin-left:-480px;}
.slideInner .slide1 .img2{ width: 280px;height:210px; position: absolute;left: 50%; margin-left:230px; top: 100px;}

.slideInner .slide2 .img1 { position: absolute;left: 50%;  margin-left:-510px; top: 100px; }
.slideInner .slide2 .img2 { position: absolute;left: 50%;  margin-left:-510px; top: 260px;}
.slideInner .slide2 .img3 { position: absolute;left: 50%;  margin-left: 20px; top: 60px;}

.slideInner .slide3 .img1 { position: absolute;left: 50%;  margin-left:-450px; top: 60px; }
.slideInner .slide3 .img2 { position: absolute;left: 50%;  margin-left:-50px; top: 50px;}

.nav {width: 1200px;position: relative;left: 50%;margin-left: -600px;display: none;}
.nav a {display: block;width: 41px;height: 119px;opacity: .2;z-index: 9;}
.nav a.prev {position: absolute;left: 0;top: -350px;margin-top: -58px;background: url(../images/ban_pre.png) no-repeat;}
.nav a.next {position: absolute;right: 0;top: -350px;margin-top: -58px;background: url(../images/ban_next.png) no-repeat;}

.navListBox { position: absolute;left: 80%;top: 420px;z-index: 99;  }
.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;}