.Ny_Case{ background:#eff4f9; padding:80px 0; overflow:hidden; }
.Ny_Case ul{min-height:300px;}
.Ny_Case ul li{ width:47.85%; margin-right:4.3%; margin-bottom:60px; float:left; background:#fff; padding:35px;}
.Ny_Case ul li:nth-child(2n){ margin-right:0;}
.Ny_Case ul li .name{display:flex; display: -webkit-flex; justify-content:space-between; align-items:center; border-bottom:1px solid #e6e6e6; padding-bottom:20px; margin-bottom:24px;}
.Ny_Case ul li .name p{width: calc(100% - 110px); font-size:18px; color:#222;font-weight:bold; text-transform: capitalize;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; font-weight:bold;}
.Ny_Case ul li .name i{ font-size:16px; color:#999; font-style:normal;}
.Ny_Case ul li .bottom{display:flex; display: -webkit-flex; justify-content:space-between; align-items:center;}
.Ny_Case ul li .bottom .pic{ width:160px; height:110px;overflow:hidden; float:left; position:relative;}
.Ny_Case ul li .bottom p{width: calc(100% - 185px); height:96px; float:right; font-size:16px; color:#555; line-height:24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.Ny_Case ul li:hover{ background:#025cb0;}
.Ny_Case ul li:hover .name{border-bottom:1px solid rgba(255,255,255,0.1);}
.Ny_Case ul li:hover .name p,.Ny_Case ul li:hover .name i{ color:#fff;}
.Ny_Case ul li:hover .bottom p{ color:rgba(255,255,255,0.5);}
@media screen and (max-width:1680px){
	.Ny_Case{ padding:70px 0;}
}
@media screen and (max-width:1440px){
	.Ny_Case{ padding:60px 0;}
	.Ny_Case ul li{ width:48.5%; margin-right:3%; margin-bottom:40px; padding:30px;}
	.Ny_Case ul li .bottom p{ font-size:15px;}
}
@media screen and (max-width:1200px){
	.Ny_Case{ padding:50px 0;}
}
@media screen and (max-width:1080px){
	.Ny_Case ul li{ margin-bottom:30px; padding:30px 25px;}
	.Ny_Case ul li .bottom .pic{ width:150px;}
	.Ny_Case ul li .bottom p{width: calc(100% - 160px);}
}
@media screen and (max-width:1024px){
	.Ny_Case{ padding:40px 0;}
}
@media screen and (max-width:820px){
	.Ny_Case{ padding:30px 0;}
	.Ny_Case ul li{ width:100%; margin-right:0;padding:30px;}
}
@media screen and (max-width:500px){
	.Ny_Case ul li{padding:20px 15px; margin-bottom:20px;}
	.Ny_Case ul li .name{padding-bottom: 10px; margin-bottom:15px;}
	.Ny_Case ul li .name p{width:100%; font-size:16px;}
	.Ny_Case ul li .name i{ display:none;}
	.Ny_Case ul li .bottom .pic{ width:140px; height:80px;}
	.Ny_Case ul li .bottom p{width: calc(100% - 150px); font-size:14px; line-height:20px; height:60px;-webkit-line-clamp: 3;}
}