*{margin: 0;padding: 0;}
.banner{width:100%;position:relative;overflow:hidden;cursor:pointer}
.imgbox{width:100%;height:400px;position:relative;overflow:hidden;/* padding: 5px; */background: #fff;}
.img{position:absolute;display:none;}
.im{display:block}
.change{height:65px;width:50px;display:block;position:absolute;z-index:20;opacity:1;transition:.4s;top:50%;margin-top:-22px}
.change:hover{opacity:1}
.pre{left:1%}
.next{right:1%}
.cirbox{position:absolute;bottom:15px;z-index:10;left:50%;margin-left:-33px;cursor:pointer}
.cir{width:12px;height:12px;background-color:#fff;opacity:1;float:left;border-radius:6px;margin:0 5px;cursor:pointer}
/*.cir:hover{background-color:cyan;transition:.8s}*/
.cr{opacity:1;background-color: #0092CE;}
.cr:hover{background-color:#0092CE}