.pro-box {
	width: 1100px;
	margin: 0 auto;
	clear: both;
	height: auto;
	padding-top:30px;
}
.pro-box h2 {
	width: 1100px;
	height: 58px;
	background: url(../img/pro-nav.png);
	margin: 0 auto
}
.product {
	width: 1100px;
	overflow: hidden;
	padding-top: 24px
}
.pro-left {
	float: left;
	width: 200px;
	height: 540px;
	background: url(../img/pro-di.png) no-repeat bottom center
}
.pro-left dl {
	border: 1px solid #bfbfbf;
	width: 198px;
	height: auto;
}
.pro-left dl dt {
	width: 198px;
/* 	height: 100px */
}
.pro-left dl dt h3 {
	background: url(../img/pro-b.png);
	width: 198px;
	height: 100px
}
.pro-left dl dd {
	background: url(../img/zx_h3.gif);
	width: 198px;
	height: 39px;
}
.pro-left dl dd a {
	font-size: 14px;
	color: #333333;
	line-height: 39px;
	padding-left: 24px;
	width: 174px;
	display: block
}
.pro-right {
	width: 870px;
	float: right
}
.pro-right ul {
	width: 870px;
	overflow: hidden
}
.pro-right ul li {
	width: 278px;
	border: 1px solid #bfbfbf;
	float: left;
	margin: 0 5px;
	margin-bottom: 40px
}
.pro-right ul li a {
	width: 278px;
	display: block
}
.pro-right ul li a img {
	display: block;
	height:170px;
	width:100%;
	margin:0 auto;
}
.pro-right ul li a span {
	width: 278px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	display: block;
	background:#30ae93;
}

.pro-right ul li p{
	background:#009c7b;
	color:#fff;
	padding:15px;
}ing:15px;
}