.banner{ width:100%; overflow:hidden; position:relative;}
.banner ul{ position:relative; width:10000%;}
.banner ul li{ float:left; width:1%; overflow:hidden;}
.banner ul li img{display:block; width:1920px;position: relative;left: 50%;margin-left: -960px;}
.bandd{ position:absolute; left:0; bottom:3%; width:100%; text-align:center; z-index:5;}
.bandd span{z-index:2;cursor:pointer;margin-right:5px;display:inline-block;width:14px;height:14px;zoom:1;border-radius:100%;border:2px solid #fff;position:relative;transition:all .3s}
.bandd span:after{content:"";position:absolute;width:6px;height:6px;background:#fff;top:2px;left:2px;border-radius:100%}
.bandd span.on,.bandd span:hover{border:2px solid #ed6c00;transform:scale(1.1)}
.bandd span.on:after{background:#ed6c00}
.banz,.bany{ position:absolute; top:50%; margin-top:-25px;width:50px; height:50px; opacity:0; -webkit-transition:0.5s;transition:0.5s; cursor:pointer; z-index:5;font-size: 50px;line-height: 50px;text-align: center;color: #fff;}
.banz{ left:5%;}
.bany{ right:5%;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.banner:hover .banz,.banner:hover .bany{ opacity:1;}