#main .serviceUl {
	background: url(../image/service_ul_bg.gif) no-repeat center center;
	overflow: hidden;
}
#main .serviceUl .serviceLi {
	float: left;
	width: 552px;
}

#main .serviceUl .serviceLi .serviceBg {
	background-color: #F3F3F3;
	position: relative;
}
#main .serviceUl .serviceLi .serviceBg .more {
	position: absolute;
	right: 0;
	bottom: 15px;
	display: block;
	width: 74px;
	height: 26px;
}
#main .serviceUl .serviceLi .photo {
	overflow: hidden;
}
#main .serviceUl .serviceLi .photo img {
	width: 100%;
}
#main .serviceUl .serviceLi .text {
	padding: 5px 30px 10px;
	line-height: 1.75;
	color: #585858;
}
#main .serviceUl .serviceLi .text a {
	color: #585858;
}
#main .serviceUl .serviceLi .text h2 {
	color: #565656;
	font-size: 21px;
	font-family: "微软雅黑";
	font-weight: normal;
	margin-bottom: 5px;
}
#main .serviceUl .serviceLi .text h2 a {
	display: none;
}
#main .serviceUl .serviceLi .text li {
	font-size: 16px;
	line-height: 2.15;
}
#main .serviceUl .serviceLi .text li a {
	background: url(../image/icon02.gif) no-repeat left 16px;
	padding-left: 10px;
	display: block;
	overflow: hidden;
	width: 340px;
	word-break: keep-all;
	white-space: nowrap;
	text-overflow: ellipsis;
}

	@media all and (min-width: 961px) and (max-width: 1178px) {
		#main .serviceUl .leftCase {
			margin-right: 20px;
			padding-right: 20px;
		}
		#main .serviceUl .serviceLi {
			width: 459px;
		}
	}
	
	
	@media all and (min-width: 0) and (max-width: 960px) {
		#main .serviceUl {
			width: auto;
			margin-right: 0;
		}
		#main .serviceUl .serviceLi {
			float: none;
			width: 100%;
			height: auto;
			padding: 0 0 10px;
		}
		#main .serviceUl .serviceLi .serviceBg {
			height: auto !important;
		}
		#main .serviceUl .serviceLi .photo {
			width: 100%;
			float: none;
		}
		#main .serviceUl .serviceLi .photo img {
			width: 100%;
		}
		#main .serviceUl .serviceLi .text {
			float: none;
			line-height: 1.5;
			width: auto;
			padding: 5px 10px 10px;
		}
		#main .serviceUl .serviceLi .text h2 {
			position: relative;
			padding-right: 70px;
		}
		#main .serviceUl .serviceLi .text h2 a {
			position: absolute;
			right: 0;
			top: 5px;
			display: block;
			width: 60px;
			height: 20px;
		}
		#main .serviceUl .serviceLi .text h2 a img {
			width: 100%;
		}
		#main .serviceUl .serviceLi .serviceBg .more {
			display: none;
		}
	}