.header_nav ul li:nth-child(3){
	background-color: red;
}

#service .zlist{display:flex;flex-wrap: wrap;}
#service .zlist .item{width:32%;margin-right:2%;margin-left:0;border: 1px solid #ddd;box-sizing: border-box;margin-bottom: 30px;}
#service .zlist .item:nth-child(3n){margin-right:0;}
#service .zlist .item .img{overflow:hidden;height: 240px;}
#service .zlist .item .img img{width:100%;height:100%;object-fit: cover;transition: all linear 0.4s;}
#service .zlist .item .info{padding:20px;}
#service .zlist .item h5{color:#37474f;font-size:18px;font-weight: normal;text-align: left;margin-bottom: 10px;}
#service .zlist .item p{color:#868686;font-size: 14px;text-align: justify;text-indent: 0;line-height: 2;height:8em;overflow: hidden;}

#service .zlist .item:hover h5{color:red;}
#service .zlist .item:hover .img img{transform: scale(1.2);}

.dis h5{
	font-size: 14px;
	line-height: 2em;
	font-weight: normal;
	text-align: justify;
	color: red;
    margin-bottom: 10px;
}
.dis .demo_show{
	width:380px;
    margin-right:30px;
	float: left;
    box-sizing: border-box;
    margin-top:15px;
    margin-bottom: 15px;
}
.dis .demo_show:nth-child(3n){margin-right:0;}

.dis .demo_show a{
	display: block;font-size: 0;
}
.dis .demo_show a .img{
	width:380px;
	height:253px;
}
.dis .demo_show a .img img{
    width:100%;height:100%;object-fit: cover;
}
.dis .demo_show a p{
	height:50px;
	line-height: 50px;
	font-size: 14px;
	color:#333;
    padding:0 1em;
	overflow: hidden;
	text-overflow: ellipsis;
	text-indent: 0;
	text-align: center;
	 white-space: nowrap;
    background-color:#f5f5f5;
    margin-top:10px;
    transition: background-color linear 0.4s;

}
.dis .demo_show a:hover p{
	background-color:red;color:#fff;
}