#main .caseUl {
	width: 1239x;
	overflow: hidden;
}

#main .caseUl .caseLi {
	float: left;
	width: 350Px;
	padding: 0 0 32px 32px;
}

#main .caseUl .caseLi:last-child {
	padding-bottom: 0;
}

#main .caseUl .caseLi .caseBg {
	background-color: #F3F3F3;
}

#main .caseUl .caseLi .photo img {
	width: 100%;
}

#main .caseUl .caseLi .text {
	padding: 15px;
	line-height: 1.75;
	font-size: 16px;
	color: #585858;
}

#main .caseUl .caseLi .text a {
	color: #585858;
}

#main .caseUl .caseLi .text h2 {
	color: #545454;
	font-size: 20px;
	font-family: "微软雅黑";
	font-weight: normal;
	margin-bottom: 5px;
}

#main .caseUl .caseLi .text li a {
	background: url(../image/icon01.gif) no-repeat left 10px;
	padding-left: 10px;
	display: block;
	overflow:hidden;
	word-break:keep-all;
	white-space:nowrap;
	text-overflow:ellipsis;
}

	@media all and (min-width: 960px) and (max-width: 1174px)  {
		
		#main .caseUl .caseLi {
			width: 280px;
		}
	}
	
	@media all and (min-width: 0) and (max-width: 960px) {
		#main .caseUl {
				width: auto;
				margin-right: 0;
			}
			
			#main .caseUl .caseLi {
				float: none;
				width: 100%;
				height: auto !important;
				padding: 0 0 10px;
			}
			
			#main .caseUl .caseLi .caseBg {
				height: auto !important;
			}
			
			#main .caseUl .caseLi .photo {
				width: 100%;
				float: none;
			}
			
			#main .caseUl .caseLi .photo img {
				width: 100%;
			}
			
			#main .caseUl .caseLi .text {
				float: none;
				line-height: 1.5;
				width: auto;
			}
			
			#main .caseUl .caseLi .text p {
				font-size: 12px;
				margin: 0;
			}
	
	}