/*服务栏目*/





/*$$





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





{"val":"#980000","title":"团队内容默认数字颜色"},





{"val":"#333333","title":"团队内容默认文字颜色"},





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





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





{"val":"#666666","title":"服务项目列表简介默认颜色"}],





"background":[{"val":"#980000","title":"栏目标题前边框线背景颜色/服务项目列表鼠标/按钮 滑过背景颜色"},





{"val":"#999999","title":"栏目标题下边框线背景颜色"},





{"val":"#ffffff","title":"服务项目列表默认背景颜色"}],





"border":[{"val":"#dddddd","title":"团队内容边框"},





{"val":"#980000","title":"服务项目列表处标题边框线"},





{"val":"#e9e9e9","title":"服务项目列表默认边框"}]}





$$*/





#service_155{





	width: 100%;





	color: #2d2d2d;





	padding-bottom: 60px;





	position: relative;





	height: auto;





	overflow-y: auto;





	zoom: 1;





	overflow-x: hidden;





}





#service_155::after{





	content: '';





	position: absolute;





	top:180px;





	left: 40%;





	width: 1102px;





	height: 755px;





	background: url(./../../../static/images/NP00023_05.jpg) no-repeat right center;





	background-size:auto 100%;





}





#service_155 .serve_top{





	width: 100%;





	height: 180px;





	border-bottom: #dddddd solid 1px;





}





#service_155 .seveList{





	width: 1200px;





	margin: 0 auto;





	display: flex;





	justify-content: space-between;





	height: 100%;





}





#service_155 .seveItem{





	flex: 1;





	height: 100%;





	display: flex;





	align-items: center;





}





#service_155 .seveItem .imgL{





	width: auto;





	height: 100%;





	float: left;





	padding-right: 20px;





	display: flex;





	align-items: center;





}





#service_155 .seveItem .conR{





	width: auto;





	display: flex;





	flex-direction: column;





}





#service_155 .seveItem .year{





	color: #980000;





	font-size: 28px;





	line-height: 40px;





}





#service_155 .seveItem .tit{





	line-height: 32px;





	color: #333333;





	font-size: 18px;





}





#service_155 .serve_Group{





	width: 1200px;





	margin: 0 auto;





	height: 750px;





	padding: 100px 0;





	position: relative;





	z-index: 1;





}





#service_155 .serveClass{





	width: 30%;





	padding-right: 50px;





	height: 100%;





	position: relative;





	float: left;





}





#service_155 .serveClass .column{





	position: relative;





	width: 100%;





}





#service_155 .serveClass .titC{





	padding-left: 15px;





	position: relative;





	font-size: 24px;





	line-height: 45px;





}





#service_155 .serveClass .titC i{





	position: absolute;





	left:0;





	width: 4px;





	height: 27px;





	top:50%;





	transform: translateY(-50%);





	background: #980000;





}





#service_155 .serveClass .titE{





	font-size: 16px;





	color: #2d2d2d;





	line-height: 30px;





}





#service_155 .serveClass .title{





	font-size: 24px;





	line-height: 36px;





	margin-top: 40px;





	position: relative;





	padding-bottom: 25px;





	overflow:hidden; 





	text-overflow:ellipsis;





	display:-webkit-box; 





	-webkit-box-orient:vertical;





	-webkit-line-clamp:3; 





	max-height: 108px;





}





#service_155 .serveClass .title::after{





	position: absolute;





	background: #999999;





	left:0;





	width: 75px;





	height: 2px;





	content: '';





	bottom: 0;





}





#service_155 .serveClass .content{





	font-size: 14px;





	line-height: 30px;





	margin-top: 25px;





	overflow:hidden; 





	text-overflow:ellipsis;





	display:-webkit-box; 





	-webkit-box-orient:vertical;





	-webkit-line-clamp:8; 





	max-height: 240px;





}





#service_155 .serveClass .btnMore{





	position: absolute;





	bottom: 0;





	left: 0;





	width: 145px;





	height: 35px;





	border:#980000 solid 1px;





	border-radius: 20px;





	text-align: center;





	line-height: 35px;





	font-size: 14px;





	display: inline-block;





	margin: 0 15px;





	cursor: pointer;





	transition: all 0.6s;





	overflow: hidden;





}





#service_155 .btnMore:hover{





	color: #ffffff;





	background: #980000;





}





#service_155 .btnMore .btnbg-x{  





	position:absolute; 





	background: #980000; 





	left:50%; 





	width:0; 





	top:0px; 





	bottom:0px; 





	transition: all 0.8s;





}





#service_155 .btnMore:hover .btnbg-x{ 





	width:100%; 





	left:0px; 





}





#service_155 .btnMore i{ 





	position:relative; 





	z-index:1;





	background:url(./../../../static/images/NP00023_06.png) no-repeat right center;





	background-size: 13px 9px;





	padding-right: 20px;





	color: #980000;





}





#service_155 .btnMore:hover i{





	color: #ffffff;





	background:url(./../../../static/images/NP00023_07.png) no-repeat right center;





	background-size: 13px 9px;





}





#service_155 .serveUl{





	width: 70%;





	background:#ffffff;





	height: 550px;





	float: left;





	border: #e9e9e9 solid 1px;





	border-bottom: none;





	border-right: none;





}





#service_155 .serveUl .serveLi{





	border-right: #e9e9e9 solid 1px;





	border-bottom: #e9e9e9 solid 1px;





	width: 33.3%;





	height: 50%;





	padding: 35px 15px 0 35px;





	float: left;





	transition: all 0.6s;





	position: relative;





	cursor: pointer;





}





#service_155 .serveUl .serveLi:hover{





	border: none;





}





#service_155 .serveUl .serLiBox{





	position: relative;





	z-index: 1;





}





#service_155 .serveUl .serveLi .btnbg-x{  





	position:absolute; 





	background: #980000; 





	top:0; 





	height:0; 





	width: 100%;





	left:0px; 





	bottom:0px; 





	transition: all 0.8s;





}





#service_155 .serveUl .serveLi:hover .btnbg-x{ 





	height:100%; 





	top:0px; 





}





#service_155 .serveUl .serveLi:hover{





	background: #980000;





	box-shadow: 0 0 10px #980000 ;





}





#service_155 .serveUl .icon{





	width: 100%;





	height: 50px;





	display: flex;





	align-items: center;





}





#service_155 .serveLi:hover .i1,





#service_155 .serveLi .i2{





	display: none;





}





#service_155 .serveLi .i1,





#service_155 .serveLi:hover .i2{





	display: block;





}





#service_155 .serveUl .title{





	color: #000000;





	line-height: 38px;





	font-size: 12px;





}





#service_155 .serveUl .serveLi:hover .title,





#service_155 .serveUl .serveLi:hover .intrs{





	color: #ffffff;





}





#service_155 .serveUl .title i{





	font-size: 18px;





	margin-right: 12px;





	position: relative;





	display: inline-block;





	width: auto;





}





#service_155 .serveUl .title i::after{





	position:absolute;





	bottom: 0;





	width: 55%;





	height: 2px;





	background: #980000;





	content: '';





	left: 0;





}





#service_155 .serveUl .intrs{





	margin-top: 20px;





	font-size: 14px;





	color: #666666;





	line-height: 30px;





}





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





	#service_155{





		padding-bottom: 0;





	}





	#service_155 .seveList{





		width: 100%;





		padding: 0 20px;





	}





	#service_155 .serve_Group{





		width: 100%;





		padding:30px 20px;





		height: auto;





	}





	#service_155 .serveUl .serveLi{





		padding: 20px 20px 0 20px;





	}





	#service_155 .serveUl .intrs{





		margin-top: 0;





	}





	#service_155 .serveUl .title i{





		width: 100%;





	}





	#service_155 .serveClass{





		padding-bottom: 60px;





	}





}





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





	#service_155{





		background: none;





		padding-bottom: 0;





	}





	#service_155 .serve_top{





		height: 160px;





		border-bottom: none;





	}





	#service_155 .seveList{





		display: block;





	}





	#service_155 .seveItem{





		width: 50%;





		float: left;





		border-bottom:#dddddd solid 1px;





		height: 50%;





		padding-left: 20px;





	}





	#service_155 .seveItem .year{





		font-size: 20px;





		line-height: 30px;





	}





	





	#service_155 .seveItem .tit{





		font-size: 14px;





		line-height: 20px;





	}





	#service_155 .seveItem .imgL img{





		height: 40%;





	}





	#service_155 .serve_Group{





		padding: 10px;





		height: auto;





	}





	#service_155 .serveClass{





		position: relative;





		width: 100%;





		padding: 0 15px 50px 15px;





	}





	#service_155 .serveClass .titC{





		font-size: 18px;





		line-height: 32px;





	}





	#service_155 .serveClass .titC::after{





		height: 20px;





	}





	#service_155 .serveClass .titE{





		font-size: 12px;





		line-height: 24px;





	}





	#service_155 .serveClass .title{





		font-size: 18px;





		line-height: 30px;





		margin-top: 20px;





		padding-bottom: 20px;





		max-height: 90px;





	}





	#service_155 .serveClass .content{





		line-height: 24px;





		max-height: 72px;





		-webkit-line-clamp:3; 





	}





	#service_155 .serveClass .btnMore{





		width: 120px;





		height: 30px;





		line-height: 30px;





	}





	#service_155 .serveUl{





		width: 100%;





		height: 690px;





		padding: 0;





		margin: 20px 0;





	}





	#service_155 .serveUl .serveLi{





		padding: 20px 15px 0 15px;





		width: 50%;





		height: 230px;





	}





	#service_155 .serveUl .title{





		line-height: 30px;





	}





	#service_155 .serveUl .title i{





		font-size: 16px;





		width: 100%;





	}





	#service_155 .serveUl .serveLi:last-child{





		border-bottom: #e9e9e9 solid 1px;





	}





	#service_155 .serveUl .intrs{





		margin-top: 10px;





		line-height: 24px;





		height: 72px;





		overflow: hidden;





		overflow:hidden; 





		text-overflow:ellipsis;





		display:-webkit-box; 





		-webkit-box-orient:vertical;





		-webkit-line-clamp:3; 





	}





	#service_155::after{





		top: 460px;





	}





}