body,h1,h2,h3,h4,h5,h6,form,input,ul,ol,li,h2,p,b,a,dl,dd,span{
  margin:0;
  padding:0;
  list-style:none;}
a{text-decoration:none;}
img{border:none;}

#demo{
	width: 100%;
    margin: 0 auto;
    /* overflow: hidden; */
    position: relative;
}
.bannerout{
    width: 100%;
  }
.bannerbox .boxli li{
	cursor: pointer;
}
.bannerbox{
 	width:100%;
  	margin: 0 auto;
  	/*  overflow: hidden;  */
  	position: relative;
}
.bannerbox a{
	display: block;
}
.bannerbox a,.bannerbox img{
	display: block;
	width: 100%;
}
.bannerbox img{
	position: absolute;
	top:0;
}

.bannerbox .btn{
  position: absolute;
  width: 100%;
  height: 0px;
  top:50%;
  margin-top:-30px;
  opacity: 0;
}
.bannerbox .btn li{
  width:30px;
  height: 60px;
  font-size:30px;
  text-align: center;
  line-height: 60px;
  color:#fff;
  cursor: pointer;
  font: 700 50px/60px arial;
  -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
    opacity: 0.8;
}
.bannerbox .btn .btnleft{
  float: left;
}
.bannerbox .btn .btnright{
  float: right;
}
.bannerbox .btn a:hover{
  background: #777;
}
.bannerbox .boxli{
  position: absolute;
  bottom:15px;
  left:30%;
  margin-left:-44px;
  line-height: 30px;
}
.bannerbox .boxli li{
  text-align: center;
  float: left;
  width:13px;
  height:13px;
  margin-right:5px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 2px 2px 5px #000;
  opacity: 0.6;
}
.bannerbox .boxli .active{
  background:red;
}