/* 服务案例 */


/*$$


{"color":[{"val":"#2d2d2d","title":"默认栏目文字颜色"},


{"val":"#ffffff","title":"列表鼠标滑过文字颜色"},


{"val":"#000000","title":"列表标题默认颜色"},


{"val":"#666666","title":"列表简介默认颜色"},


{"val":"#980000","title":"列表鼠标滑过按钮文字颜色"}],


"background":[{"val":"#980000","title":"列表鼠标滑过背景颜色、按钮默认背景颜色"},


{"val":"#ffffff","title":"列表默认背景颜色、按钮鼠标滑过背景颜色"}],


"border":[]}


$$*/


#case_149{


	width: 100%;


	margin: 60px 0;


	background: url(./../../../static/images/NP00024_01.jpg) no-repeat;


	background-position: cover;


	background-attachment: fixed;


	height: 657px;


}


#case_149 .content{


	width: 1200px;


	margin: 0 auto;


	padding: 50px 0;


}


#case_149 .column{


	width: 100%;


	color: #2d2d2d;


	position: relative;


}


#case_149 .column .tit-cn{


	font-size: 28px;


	padding-left: 16px;


	position: relative;


	line-height: 60px;


} 


#case_149 .column .tit-cn i{


	position: absolute;


	left:0;


	width: 4px;


	height: 27px;


	background: rgba(1, 146, 211, 1);


	top:50%;


	transform: translateY(-50%);


}


#case_149 .column .tit-en{


	font-size: 16px;


	margin-bottom: 25px;


	line-height: 36px;


}


#case_149 .caseSwiper{


	width: 100%;


	height: 100%;


	overflow: hidden;


}


#case_149 .caseCont{


	width: 100%;


	padding: 0 40px 0 60px;


	height: 440px;


	position: relative;


}


#case_149 .btnNext,


#case_149 .btnPrev{


	position: absolute;


	top:50%;


	transform: translateY(-50%);


	width: 30px;


	height: 30px;


}


#case_149 .btnNext::after,


#case_149 .btnPrev::after{


	background:none;


	content: '';


}


#case_149 .btnPrev{


	left:0;


	background: url(./../../../static/images/NP00024_03.png) no-repeat;


	background-size: 100% 100%;


}


#case_149 .btnNext{


	right: 0;


	background: url(./../../../static/images/NP00024_02.png) no-repeat;


	background-size: 100% 100%;


}


#case_149 .swiper-pagination-bullet{


	width: 11px;


	height: 11px;


}


#case_149 .swiper-pagination-bullet-active{


	background: rgba(1, 146, 211, 1);


}


#case_149 .caseItem{


	height: 360px;


	width: 255px;


	border-radius: 20px;


	background: #ffffff;


	float: left;


	cursor: pointer;


	position: relative;


	overflow: hidden;


	transition: all 0.6s;


}


#case_149 .caseItem .cont{


	position: absolute;


	top:50%;


	transform: translateY(-50%);


	width: 100%;


	padding: 0 30px;


	z-index: 1;


}


#case_149 .caseItem .btnbg-x{  


	position:absolute; 


	background: rgba(1, 146, 211, 1); 


	top:0; 


	height:0; 


	width: 100%;


	left:0px; 


	bottom:0px; 


	transition: all 1s;


}


#case_149 .caseItem:hover .btnbg-x{ 


	height:100%; 


	top:0px; 


}


#case_149 .caseItem:hover{


	background: rgba(1, 146, 211, 1);


	box-shadow: 0 0 10px #980000 ;


}


#case_149 .caseItem:hover .title,


#case_149 .caseItem:hover .intrs{


	color: #ffffff;


}


#case_149 .caseItem .title{


	font-size: 18px;


	line-height: 56px;


	text-align: center;


	color: #000000;


	overflow: hidden;


	text-overflow:ellipsis;


	white-space: nowrap;


	height: 56px;


}


#case_149 .caseItem .intrs{


	font-size: 14px;


	color: #666666;


	line-height: 30px;


	text-align: center;


	margin: 10px 0;


	overflow:hidden; 


	text-overflow:ellipsis;


	display:-webkit-box; 


	-webkit-box-orient:vertical;


	-webkit-line-clamp:5; 


	max-height: 150px;


	


}


#case_149 .caseItem .btnserve{


	width: 130px;


	height: 30px;


	background: rgba(1, 146, 211, 1);


	color: #ffffff;


	border-radius: 20px;


	text-align: center;


	line-height: 30px;


	font-size: 16px;


	margin: 20px auto;


	cursor: pointer;


}


#case_149 .caseItem:hover .btnserve{


	color: rgba(1, 146, 211, 1);


	background: #ffffff;


}
#case_149 .caseItem .img{
    display: block;
    width: 100%;
    height: 146px;
    object-fit: cover;
}


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


	#case_149{


		width: 100%;


		margin: 20px 0;


		padding:0 20px;


	}


	#case_149 .content{


		width: 100%;


	}


	#case_149 .caseItem{


		width: calc(100% - 20px);


		margin: 0 10px;


	}


	#case_149 .caseCont{


		padding: 0 35px 0 35px;


		height: 410px;


	}


}


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


	#case_149{


		margin:0;


		height: auto;


		background: url(./../../../static/images/NP00024_4.jpg) no-repeat;


	}


	#case_149 .content{


		padding: 20px 0;


	}


	#case_149 .column{


		padding: 0 15px;


	}


	#case_149 .column .tit-cn{


		font-size: 18px;


		line-height: 32px;


	}


	#case_149 .column .tit-cn::after{


		height: 20px;


	}


	#case_149 .column .tit-en{


		font-size: 12px;


		line-height: 24px;


		margin-bottom: 20px;


	}


	#case_149 .caseCont{


		padding: 0 35px 0 35px;


		height: 330px;


	}


	#case_149 .btnNext, #case_149 .btnPrev{


		width: 25px;


		height: 25px;


	}


	#case_149 .caseItem{


		width: calc(100% - 20px);


		margin: 0 10px;


		height: 280px;


	}


	#case_149 .caseItem .intrs{


		line-height: 24px;


		max-height: 120px;


	}


	#case_149 .caseItem .title{


		line-height: 40px;


		height: 40px;


	}


	#case_149 .caseItem .cont{


		padding: 0 20px;


	}


}