/* product-service-lists style */
.case-lists{
	margin-top: 2.8rem;
	margin-bottom: 2.5rem;
}
.case-lists li{
	float: left;
	width: 31.8%;
	margin-right: 2.3%;
	margin-bottom: 3.5rem;
}
.case-lists li:nth-of-type(3n){
	margin-right: 0;
}
.case-lists li .pic{
	width: 100%;
	height: 11rem;
	margin-bottom: 1.1rem;
	overflow: hidden;
}
.case-lists li .pic img{
	width: 100%;
	height: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.case-lists li .pic:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.case-lists li h1{
	height: 1.8rem;
	line-height: 1.8rem;
	font-size: 1rem;
	color: #272727;
	text-align: center;
	margin-bottom: 0.6rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.case-lists li .con{
	height: 3.6rem;
	line-height: 1.2rem;
	font-size: 0.7rem;
	color: #272727;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

@media (max-width:1200px) {
	.case-lists{
		margin-top: 4.75vw;
		margin-bottom: 4.25vw;
	}
	.case-lists li{
		margin-bottom: 5.75vw;
	}
	.case-lists li .pic{
		height: 18.25vw;
		margin-bottom: 1.75vw;
	}
	.case-lists li h1{
		height: 3vw;
		line-height: 3vw;
		font-size: 1.75vw;
		margin-bottom: 1vw;
	}
	.case-lists li .con{
		height: 6vw;
		line-height: 2vw;
		font-size: 1.25vw;
	}
}
@media (max-width:1024px) {
	.case-lists li{
		float: left;
		width: 48.4%;
		margin-right: 0%;
	}
	.case-lists li:nth-of-type(2n){
		float: right;
	}
	.case-lists li .pic{
		height: 23.16vw;
	}
	.case-lists li h1{
		height: 3.5vw;
		line-height: 3.5vw;
		font-size: 2vw;
		margin-bottom: 1vw;
	}
	.case-lists li .con{
		height: 7.5vw;
		line-height: 2.5vw;
		font-size: 1.5vw;
	}
}
@media (max-width:768px) {
	.case-lists{
		margin-top: 7.6vw;
		margin-bottom: 6.8vw;
	}
	.case-lists li{
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 9.2vw;
		box-shadow: 0.4vw 0.4vw 1.6vw rgba(0, 0, 0, 0.14);
		padding: 2.8vw;
	}
	.case-lists li:nth-of-type(2n){
		float: none;
	}
	.case-lists li .pic{
		height: 44vw;
		margin-bottom: 2.8vw;
	}
	.case-lists li h1{
		height: auto;
		line-height: 6.4vw;
		font-size: 4.4vw;
		margin-bottom: 1.6vw;
		overflow: auto;
		text-overflow: unset;
		white-space: unset;
	}
	.case-lists li .con{
		height: auto;
		line-height: 175%;
		font-size: 3.6vw;
		overflow: auto;
		text-overflow: unset;
		display: unset;
		-webkit-line-clamp: unset;
		-webkit-box-orient: unset;
	}
}