.banner-item{

    float:left;

    box-sizing: border-box;

}

.banner-child{

    float:left;

    box-sizing: border-box;

    margin:0;

    padding: 0;

}

.banner-nav-bottom{

    position: absolute;

    left:50%;

    z-index: 2000;



}

.banner-nav-bottom > li{

    width:10px;

    height:10px;

    float:left;

    border:1px solid gray;

    border-radius: 50%;

    list-style: none;

    margin:5px;

    padding:3px;

    background-color: #fff;

    cursor: pointer;

}

.banner-nav-bottom > li.crnt{

    background-color: #f00;

}



.banner-nav-arrow{

    position: absolute;

    top:50%;

    margin-top: -20px;

    height:40px;

    width:40px;

    border-radius: 50%;

    cursor: pointer;

    z-index: 2001;

    background-size: auto 100%;

    background-position: 50% 50%;

    background-repeat: no-repeat;

}



.banner-nav-arrow-left{

    left:20px;

    background-image: url(../images/arrow_l.png);

}



.banner-nav-arrow-right{

    right:20px;

    background-image: url(../images/arrow_r.png);

}

.banner-clear{

    clear: both;

}