.slideBox{ width:100%; height:auto; overflow:hidden; position:relative; border:1px solid #ddd;}
       .slideBox .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    bottom: 5px;
    z-index: 1;
    transform: translate(-50%);}
        .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
        .slideBox .hd ul li{ border-radius: 50%;float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer;}
        .slideBox .hd ul li.on{ background:#0083c6; color:#fff;}
        .slideBox .bd{ position:relative; height:100%; z-index:0;}
        .slideBox .bd li{ zoom:1; vertical-align:middle;}
        .slideBox .bd img{  width:100%; height:auto; display:block;}