/* 服务案例 */





/*$$





{"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: #980000;





	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: #980000;





}





#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: #980000; 





	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: #980000;





	box-shadow: 0 0 10px #980000 ;





}





#case_149 .caseItem:hover .title,





#case_149 .caseItem:hover .intrs{





	color: #ffffff;





}



#case_149 .caseItem .pic{
    width: 100%;
    height: 120px;
    display: block;
    margin: 10px auto;
    background: antiquewhite;
	overflow: hidden;
}

#case_149 .caseItem .pic img{
    width: 100%;
    height: 120px;
    object-fit: cover;
}

#case_149 .caseItem .pic img:hover{
    transition: 1s;
	transform: scale(1.2);
}

#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: #980000;





	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: #980000;





	background: #ffffff;





}





@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;





	}





}