/* 本例子css */
    .slideBox {
        width: 100vw;
		height: 25vh;
        overflow: hidden;
        position: relative;
        border: 1px solid #ddd;
        margin: 0 auto;
    }

    .slideBox .hd {
        height: 15px;
        overflow: hidden;
        position: absolute;
        right: 5px;
        bottom: 1px;
        z-index: 1;
        left:44%;
    }

    .slideBox .hd ul {
        overflow: hidden;
        zoom: 1;
        float: left;
    }

    .slideBox .hd ul li {
        width: 5px;
        height: 5px;
        background-color: #ccc;
        border-radius: 50%;
        margin-right: 5px;
        float: left;
        cursor: pointer;
    }

    .slideBox .hd ul li.on {
		width: 20px;
		border-radius: 10px;
        background: white;
        color: #fff;
    }

    .slideBox .bd {
        position: relative;
        height: 100%;
        z-index: 0;
    }

    .slideBox .bd li {
        zoom: 1;
        vertical-align: middle;
    }

    .slideBox .bd img {
        display: block;
		width: 100%;
		height: 25vh;
    }