.banner {position: relative;}
.slides{position: relative;z-index:11;}
.slides li{float: left;max-width:1920px;min-width:1024px; width: 100%;text-align: center;}
.slides li a{display: block;width: 100%;height: 100%;}
.dot{width:100%;position:absolute;bottom: 0;}
.dot ul{position:absolute;left:50%;top:-30px;margin:0 0 0 -40px;z-index: 11;}
.dot ul li{display: inline-block; width: 15px;height: 15px;border-radius:50%; overflow: hidden;background: #fff;margin:0 5px;text-indent:-99999px;}
.dot ul li.on{background: #632290;}
.dot>a{width:88px;height:88px;position:absolute;top:-330px;cursor:pointer;z-index:999;/* display: none; */}
.dot a.prev{left:10%;background:url(/img/prev.png) center no-repeat;}
.dot a.next{right:10%;background:url(/img/next.png) center no-repeat;}
.dot a.prev:hover { background: url(/img/prev_1.png) no-repeat center; }
.dot a.next:hover { background: url(/img/next_1.png) no-repeat center; }
.banner:hover .dot a{display: block;}