@charset "utf-8";
/* css 重置 */
.banner *{
     margin:0;
     padding:0;
     list-style:none;
}

body {
margin:0;
padding:0;
}

.banner img{
     border:0;
}
 .banner a{
     text-decoration:none;
     color:#333;
}
/* 本例子css */
.banner ,
.banner .bd a{
    width:100%;
    max-width:100%;
    height:9rem;
}

.banner{
	height:9rem;
	overflow:hidden;
	position:relative;
}

.banner .bd a{
display:block;
text-align:center;
text-decoration:none;
font-size:1rem;
}


.banner .bd{
     position:relative;
     height:100%;
     z-index:0;
}
 .banner .bd li{
     zoom:1;
     vertical-align:middle;
}


.banner .hd {
    position: absolute;
    top: 8rem;
    left: 45.5%;
}

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


.banner .hd ul li{
    float: left;
    width: 0.6rem;
    height: 0.6rem;
    cursor: pointer;
    margin-right: 0.3rem;
    background: #ccc;
    border-radius: 1rem;
}

.banner .hd ul li.on{
	background: #2c5ec3;
}