*{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
	
body{
	background:#f9f9f9;
	}

.filterinput{
	background-color:rgba(249, 244, 244, 0);
	border-radius:15px;
	width:90%;
	height:30px;
	border:thin solid #FFF;
	text-indent:0.5em;
	font-weight:bold;
	color:#FFF;
}
#demo-list a{
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	white-space:nowrap;
	width:100%;
}


	
	.top{
		margin: auto;
		width: 1170px;
		height: 110px;
		z-index: 100;
		
		}
	.banner{
		margin: 0px auto 0px;
		width: 1170px;
		height: 250px;
		background-color: aqua;
	}
	.banner img{
		width: 1170px;
		height: 250px;
	}
	.guide{
		width: 100%;
		height: 50px;
		background-color:#fbfafa;
		border-bottom: solid 1px #d3d3d3;
		box-shadow: 0 5px 10px #e8e8e8;
	}
	.guide span{
		font-family: "microsoft yahei";
		line-height:50px ;
		font-size: 14px;
		color: #333;
		margin-left: 40px;
		
	}
	.art{
		width: 1100px;
		margin: auto;
		border-bottom: 1px #CCCCCC dotted;
		
	
	}
	
	.art_infor{
		padding: 0 20px;
		overflow: hidden;
		width: 1100px;
		margin: auto;
	}
	.art_infor p{
		color: #000;
		font-size: 12px;;
		text-align: center;
	}
	.content{
		width: 900px;
		margin: auto;
		margin-top: 20px;
		line-height: 33px;
	}
	.content span{
		font-size: 14px;
	}
	.footer{
		margin: 10px auto;
		width: 1170px;
		height: 120px;
		text-align: center;
		background-color: #515662;
		font-size: 14px;
		color: #DBDBDB;
		
	}
	.footer span{
		margin-top: 25px;
		line-height:35px;
	}
	.infor_tit {
		width:1100px;
	}
	.infor_tit ul {
		margin-top:20px;
		height: 1200px;
		
	}
	.infor_tit ul li{
		line-height: 50px;
		height: 50px;
		font-size: 16px;
		color: #484848;
		font-family: "microsoft yahei";
		border-bottom: #d3d3d3 1px dashed;
	}
	a:link {
	    text-decoration: none;
	}
	.infor_tit ul li a{
		
		padding-left: 10px;
		float:left;
	}
	
	.infor_tit ul span{
		padding-left: 20px;
		float:right;
	}