.body{
	background: #fff;
	font-size:16px; 
}
a:hover{
	color:#333;
}
.type{
	height: 68px;
	border-bottom: solid #dcdcdc 1px;
	position: relative;
}
.type .green-border-bottom{
	width: 160px;
	height: 1px;
	position: absolute;
	top: 67px;
	left: 3px;
	border-bottom: solid #98cb00 1px;
}
.type ul{
	height: 36px;
	padding: 7px 0 0 3px;
}
.type li{
	width: 90px;
	height: 100%;
	margin-right: 15px;
}
.type li>a{
	width: 100%;
	height: 100%;
	border-radius: 5px;
	line-height: 36px;
}
.green-button{
	border:solid #dcdcdc 1px;
	border-radius: 2px;
}
.green-button:hover{
	background: #98cb00;
	border:solid #98cb00 1px;
	border-radius: 2px;
}
.list{
	margin-top: 28px;
	min-height: 880px;
}
.list li{
	width: 274px;
	height: 246px;
	border: solid #dcdcdc 1px;
	background: #fafafa;
	margin:0 0 38px 20px;
	box-shadow: 0 0 5px #F0F0F0;
}
.list .list-img{
	text-align: center;
	padding-top: 12px;
	position: relative;
	width: 100%;
	height: 164px;
}
.list-img>img{
	width: 252px;
	min-height: 137px;
	max-height: 163px;
	margin:0 auto; 
}
.list-img>div{
	position: absolute;
	bottom: 0;
	left: 11px;
	width: 252px;
	font-size:14px; 
	font-weight: bold;
	height: 27px;
	line-height: 27px;
	/* background: #626262; */
	color: #fff;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	z-index: 2;
}
.type li.active a{
	background: #98cb00;
	border:solid #98cb00 1px;
	border-radius: 2px;
}
.list-bottom{
	width: 248px;
	height: 43px;
	margin:13px; 
	overflow: hidden;
	font-size:14px; 
}
.list-bottom>span a{
	color:#98cb00;
}
.main .page{
	margin: 0 auto;
	/* padding-bottom: 20px; */
	height: 50px;
	text-align: center;
}

.zhezhao {
	width: 252px;
	height: 27px;
	position: absolute;
	display: block;
	opacity: .7;
	filter: alpha(opacity=70);
	background-color: #1f272b;
	left: 11px;
	bottom: 0;
	z-index: 1;
}

.list-img:hover .zhezhao {
	opacity: 1;
	filter: alpha(opacity=100);
}