#main .proUl {
	overflow: hidden;
}
#main .proUl .proLi {
	float: left;
	width: 547px;
	height: 229px;
	padding: 0 0 28px 28px;
}
#main .proUl .proLi:last-child {
	padding-bottom: 0;
}
#main .proUl .proLi .proBg {
	background-color: #F3F3F3;
	padding-right: 13px;
}
#main .proUl .proLi .photo {
	float: left;
	width: 229px;
}
#main .proUl .proLi .photo img {
	width: 100%;
}
#main .proUl .proLi .text {
	float: right;
	line-height: 1.75;
	margin-top: 45px;
	font-size: 16px;
	width: 290px;
	color: #585858;
}
#main .proUl .proLi .text a {
	color: #585858;
}
#main .proUl .proLi .text h2 {
	color: #545454;
	font-size: 20px;
	font-family: "微软雅黑";
	font-weight: normal;
	margin-bottom: 5px;
}

#main .proUl .proLi .text li a {
	background: url(../image/icon01.gif) no-repeat left 9px;
	padding-left: 10px;
	display: block;
	overflow: hidden;
	word-break: keep-all;
	white-space: nowrap;
	text-overflow: ellipsis;
}
	@media all and (min-width: 961px) and (max-width: 1178px) {
		#main .proUl .proLi {
			padding: 0 10px 20px;
			width: 460px;
		}
		#main .proUl .proLi .photo {
			width: 220px;
		}
		#main .proUl .proLi .text {
			width: 210px;
			font-size: 14px;
			margin-top: 35px;
		}
	}
		@media all and (min-width: 0) and (max-width: 960px) {
		#main .proUl {
			width: auto;
			margin-right: 0;
		}
		#main .proUl .proLi {
			float: none;
			width: 100%;
			height: auto;
			padding: 0 0 10px;
		}
		#main .proUl .proLi .photo {
			width: 130px;
		}
		#main .proUl .proLi .photo img {
			width: 100%;
		}
		#main .proUl .proLi .text {
			float: none;
			font-size: 14px;
			line-height: 1.5;
			width: auto;
			margin: 0 0 0 145px;
		}
		#main .proUl .proLi .text p {
			margin: 0;
		}
		#main .proUl .proLi .text h2 {
			font-size: 16px;
		}
	}