.banner {
    position: relative;
    overflow: auto;
}
.banner li {
    list-style: none;
}
.banner ul li {
    float: left;
}
.banner ul li>a>img{
    width: 566px;
    height: 340px;
}
.dots{
    width:100%;
    position:absolute;
    text-align:right;
    bottom:16px;
}
.dot{
    display:inline-block;
    width: 18px;
    height: 18px;
    font-size: 14px;
    text-align: center;
    margin-right: 12px;
    cursor: pointer;
    color : #ffffff;
    background-color: #131010;
}
.dot.active{
    background-color: #F11F00;
}