@charset "utf-8";
/* MAIN CSS Document */

 .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix {
    zoom: 1;
}
*{ margin:0; padding:0;}
#wrapper{width:720px;height:200px;margin:0px auto; position:relative; border-radius:2px }
#carousel{width:720px;height:200px;}
#carousel img{ display:block; float:left; background:url(http://www.lanrenzhijia.com/demo/images/loading.gif) no-repeat center center; border-radius:3px}
#pager{margin-top:5px;width:130px; margin:0 auto; position: absolute; top:190px; z-index:3; right:0px }
#pager a, #pager span{display: inline-block;height:2px; }
#pager a{  width:50px; height:4px;margin-right:10px;float:left; opacity:0.6; background-color:rbga(0,0,0,.5); border:1px solid #fff; box-sizing:border-box; padding:0}
#pager a:hover{ opacity:1}
#pager span{background-color:#fff;width:0px; margin:0; padding:0}

.banner-box{
	list-style:none;
	display:block;
	margin:5px 0 20px 0;
	}
 .banner-box li{
	 width:20%;
	 float:left;
	 font-family:Arial, Helvetica, sans-serif;	 
	 padding:3px;
	 box-sizing:border-box;
	 font-size:12px;
 	 }
 .banner-box li div{
	 height:50px;
	 width:100%;
	 background-size:cover;
	 color:#fff;
	 background-repeat:no-repeat;
	 padding:6px 10px 10px 10px;
	 box-sizing:border-box;
	 position:relative

	 }
.banner-box li div b{
	font-size:20px;
	display:block;
	text-shadow:0 0 6px rgba(0,0,0,.5)}
	
.banner-box li .donload{
	width:30px; height:30px;
	background:url(../images/donload.png) center no-repeat;
	background-size:cover;
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-15px;
	opacity:0.7}
.banner-box li .donload:hover{
	opacity:1}