@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:10rem;
}

.banner{
	height:10rem;
}


.banner{
     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: 9rem;
    left: 45%;
}

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


.banner .hd ul li{
	float:left;
	width: 0.5rem;         /* 修改 切换按钮 大小*/
	height: 0.5rem;
	cursor:pointer;
	margin-right: 0.3rem;
	background: #fff;
	border-radius:1rem;
}

.banner .hd ul li.on{
	background: #0261c3;
}