.case_title{
	margin-bottom: .4rem;
}
.solution_box{
	padding: .5rem 0 1.2rem;
	background: #f9f9f9;
}
.page{
	margin-top: .3rem;
}

.solution_ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.solution_ul li{
	width: 30%;
	margin-bottom: .5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: strench;
	    -ms-flex-pack: strench;
	        justify-content: strench;
	border: 1px solid #F0F0F0;
	background: #fff;
}
.solution_ul li .img{
	padding: .03rem;
	overflow: hidden;
}
.solution_ul li img{
	display: block;
	width: 100%;
	-webkit-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear;
}
.solution_ul li h3{
	color: #4b4b4b;
	font-size: .24rem;
	font-weight: bold;
	text-align: center;
	margin: .4rem 0 0;
	padding-bottom: .2rem;
	border-bottom: 1px solid #E9E9E9;
}
.solution_ul li .box{
	padding: .2rem .25rem .3rem;
}
.solution_ul li .box p{
	color: #4b4b4b;
	font-size: .16rem;
	overflow : hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	word-break: break-all;
}
.solution_ul li:hover .img img{
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
}


.solution_detail{
	padding-bottom: .5rem;
}
.solution_detail p{
	color: #434343;
}


@media(max-width: 768px){
	.solution_box{
		padding: 0 0 1rem;
	}
	.solution_ul li{
		width: 100%;
	}
	.solution_ul li h3{
		font-size: .3rem;
	}
	.solution_ul li .box p,.solution_detail p{
		font-size: .22rem;
	}

	.solution_detail h4{
		color: #2f8cb4;
		font-size: .3rem;
		margin: 0 0 .1rem;
	}
}