.demo-cont {
	width: 100%;
	height: auto;
	padding-top: 61px;
	margin: 0px auto;
	text-align: center;
	background: #EEEEEE;
}
.cont-list {
	width: 100%;
	height: auto;
	margin: 0px auto;
	text-align: center;
}
.Width1200 {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0px auto;
	text-align: center;
}
.class-demo {
	width: 100%;
	text-align: left;
	height: auto;
	display: inline-block;
	margin-top: 30px;
}
.class-demo span{
	float: left;
	margin-right: 10px;
	display: block;
}
.class-demo span a {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	background: #fff;
	display: block;
	font-size:14px ;
}
.class-demo span a.cur {
	background: #00a2ca;
	color:#fff;
}
.list-box {
	width:100%;
	height: auto;
}
.list-ul {
	width:100%;
	height: auto;
	display: inline-block;
}
.list-li {
	width: 23%;
	height: auto;
	margin: 1%;
	float: left;
}
.list-li .list-a{
	width: 90%;
	height: 100%;
	display: block;
	text-decoration:none;
	cursor: pointer;
	padding: 5%;
	background: #FFF;
}
.list-li .list-a .pic {width: 100%;}
.list-li .list-a .pic img{width: 100%;}
.list-li .list-a .txt{font-size:14px;}
.pages {
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	text-align: center;
	margin: 30px 0px;
}
.pages .page-pre {
	margin-left: 45%;
}
.pages .page-pre,.pages .page-next {
	float: left;
	margin-right: 20px;
}
.pages .page-pre a,.pages .page-next a{
	background: #fff;
	padding: 0px 30px;
	line-height: 30px;
	display: block;
	text-decoration: none;
	cursor: pointer;
	font-size:14px ;
}
.pages .page-pre a:hover,.pages .page-next a:hover {
	background: #00a2ca;
	color: #fff;
}
.pages .page-next{
	background: #;
}