.ny_procenter ul li{ width:23.5%; margin-right:2%; margin-bottom:25px; border:1px solid #e6e6e6; border-radius:8px; background:#fff; float:left; overflow:hidden;}
.ny_procenter ul li:nth-child(4n){ margin-right:0;}
.ny_procenter ul li .pic{ display:block; position:relative; width:100%; height:300px; overflow:hidden;}
.ny_procenter ul li .pic:after{ content:''; display:block; width:100%; height:0; background:rgba(0,0,0,.5); position:absolute; left:0; bottom:0;transition: all .2s;-webkit-transition: all .2s;}
.ny_procenter ul li .pic img{ max-width:100%; max-height:100%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;}
.ny_procenter ul li .text{ width:100%; height:60px; background:#e6e6e6; position:relative;}
.ny_procenter ul li .text .name{ font-size:18px; padding:0 32px; line-height:60px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;text-transform: capitalize;}
.ny_procenter ul li .text em{ display:block; width:40px; height:40px; border-radius:50%; background:#18cfcf; border:1px solid #fff; position:absolute; right:24px; top:-20px;display:flex; display: -webkit-flex;  justify-content:center;align-items:center;}
.ny_procenter ul li .text em svg{ fill:#fff; width:18px; height:18px;}

.ny_procenter ul li:hover .pic:after{ height:100%;}
.ny_procenter ul li:hover .pic img{ -webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.ny_procenter ul li:hover .text{ background:#18cfcf;}
.ny_procenter ul li:hover .text .name{ color:#fff;}
@media screen and (max-width:1400px){
	.ny_procenter ul li .pic{ height:260px;}
	.ny_procenter ul li .text .name{ font-size:16px; padding: 0 25px}
	.ny_procenter ul li .text em{ width:34px; height:34px; top:-17px; right:20px;}
}
@media screen and (max-width:1199px){
	.ny_procenter ul li{ margin-bottom:20px;}
	.ny_procenter ul li .pic{ height:230px;}
}
@media screen and (max-width:1080px){
	.ny_procenter ul li{ width:32%;}
	.ny_procenter ul li:nth-child(4n){ margin-right:2%;}
	.ny_procenter ul li:nth-child(3n){ margin-right:0;}
	.ny_procenter ul li .pic{ height:240px;}
	.ny_procenter ul li .text .name{padding: 0 20px}
}
@media screen and (max-width:767px){
	.ny_procenter ul li{ width:48.5%; margin-right:3%;}
	.ny_procenter ul li:nth-child(4n){ margin-right:3%;}
	.ny_procenter ul li:nth-child(3n){ margin-right:3%;}
	.ny_procenter ul li:nth-child(2n){ margin-right:0;}
}
@media screen and (max-width:500px){
	.ny_procenter ul li{ margin-bottom:15px;}
	.ny_procenter ul li .pic{ height:180px;}
	.ny_procenter ul li .text{height:50px;}
	.ny_procenter ul li .text .name{ padding:0 15px; font-size:14px;line-height:50px;}
}