/*工程案例*/

/*$$

{"color":[{"val":"#2b2b2c","title":"标题中文"},

{"val":"#555555","title":"标题英文+查看更多+正文"},

{"val":"#1e73ff","title":"鼠标滑过标题文字颜色"}],

"background":[{"val":"#f6f9ff","title":"查看更多底色"},

{"val":"#e5efff","title":"图片底色"}],"border":[]}

$$*/

#case_149 {

	width: 1200px;

	margin: 0 auto;

	padding: 60px 0;

}



#case_149 .indexTitle {

	width: 100%;

}



#case_149 .indexLeft {

	width: 16.7%;

	float: left;

}



#case_149 .indexLeftA {

	font-size: 28px;

	line-height: 33.34px;

	font-weight: bold;

	color: #2b2b2c;

}



#case_149 .indexLeftB {

	text-transform: uppercase;

	font-family: arial;

	font-size: 14px;

	line-height: 33.34px;

	color: #555555;

}



#case_149 .indexRight {

	width: 16.7%;

	background: #f6f9ff;

	float: right;

	position: relative;

	height: 34px;

}



#case_149 .indexRight::before{

	content: "";

	position: absolute;

	z-index:0;

	left:0;

	top:0;

	width: 0;

	height: 100%;

	background:#1e73ff;

	transition: width .5s ease;

}

#case_149 .indexRight:hover::before{
	width: 100%;
}

#case_149 .indexRight a {

	width: 100%;

	height: 100%;

	display: block;

	cursor: pointer;

	font-size: 18px;

	line-height: 34px;

	color:#555555;

	text-align: center;

	position: absolute;

	left: 0;

	top:0;

	z-index: 10;

}

#case_149 .indexRight:hover a{

	color: #ffffff;

}

#case_149 .caseBody {

	width: 100%;

	margin-top: 40px;

}



#case_149 .caseImg {

	width: 37.8%;

	float: left;

	box-sizing: border-box;

	position: relative;

	padding: 0 40px 20px 0;

	box-sizing: border-box;

}



#case_149 .caseImgBody {

	background: #e5efff;

	width: 100%;

	height: 345px;

}



#case_149 .caseImg .itemImg{

	width: 94%;

	position: absolute;

	left: 30px;

	top:30px;

	overflow: hidden;

}

#case_149 .caseImg .itemImg img{

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition:transform .3s ease;

}

#case_149 .caseImg:hover img{

	transform: scale(1.05);

}

#case_149 .caseChar {

	width: 54%;

	float: right;

}



#case_149 .caseChar p {

	font-family: "思源黑体CN";

	font-size: 16px;

	line-height: 36px;

	color: #555555;

	margin-top: 20px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	max-height: 108px;

}



#case_149 .caseChar ul {

	width: 100%;

	display:grid;
	
	grid-template-columns: repeat(3,1fr);

	align-items: center;

	margin-top: 40px;

}



#case_149 .caseChar ul li {

	padding: 0 5px;

}



#case_149 .caseChar ul li .imgItem{

	width: 100%;

	margin: 0 auto;

	display: block;

	overflow: hidden;

	

}



#case_149 .caseChar ul li .imgItem img{

	transition: transform .3s ease;

	width: 100%;

	height: 100%;

	object-fit: cover;

}

#case_149 .caseChar ul li:hover img{

	transform: scale(1.1);

}

#case_149 .caseChar ul li p {

	font-family: "思源黑体CN";

	font-size: 18px;

	line-height: 34px;

	color: #555555;

	text-align: center;

	margin-top: 10px;

	height: 34px;

	padding: 0 5px;

	width: 100%;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

}

#case_149 .caseChar ul li:hover p{

	color: #1e73ff;

}

@media screen and (max-width:1200px) {

	#case_149{

		width: 96%;

	}

	#case_149 .indexLeft{

		width: 45%;

	}

	#case_149 .indexRight{

		width: 20%;

	}

	#case_149 .caseImgBody{

		height: 270px;

	}

}

/* ipad */

@media screen and (max-width:992px){

	#case_149{

		width: 96%;

	}

	#case_149 .indexLeft{

		width: 45%;

	}

	#case_149 .indexRight{

		width: 20%;

	}

	#case_149 .caseImgBody{

		height: 205px;

	}

}

/* 手机 */

@media screen and (max-width: 767px) {

	#case_149{

		width: 96%;

		padding: 20px 0;

	}

	#case_149 .indexLeft{

		width: 45%;

	}

	#case_149 .indexRight{

		width: 30%;

	}

	#case_149 .caseImg{

		width: 100%;

		float: none;

		height: 265px;

	}

	#case_149 .caseImg .itemImg{

		height: 240px;

		left: 25px;

		top:25px;

	}

	#case_149 .caseChar{

		width: 100%;

		float: none;

	}

	#case_149 .caseImgBody{

		height: 250px;

	}

	#case_149 .caseChar p{

		line-height: 24px;

		font-size: 14px;

		max-height: 72px;

		margin-top: 10px;

		width: 100%;

		padding: 0 5px;

	}

	#case_149 .caseChar ul{

		margin-top: 10px;

	}

	#case_149 .caseChar ul li p{

		margin-top: 0;

	}

	#case_149 .caseChar ul li p{

		font-size: 14px;

		line-height: 24px;

		height: 24px;

	}

	#case_149 .indexLeftA{

		font-size: 24px;

	}

	#case_149 .caseBody{

		margin-top: 20px;

	}

	#case_149 .indexRight a{

		font-size: 14px;

	}

}