/*内页行业应用*/
.ny_case {min-height: 500px; padding: 100px 0; overflow:hidden;}
.ny_case ul li { width: 31.4667%; margin: 0 2.8% 40px 0; padding: 40px 30px; background: #fff; color: #777; float: left; }
.ny_case ul li:nth-child(3n+3) { margin-right: 0; }
.ny_case ul li span { display: block; font-size: 22px; line-height: 18px; }
.ny_case ul li .case_name { display: block; font-size: 20px; font-weight: bold; color: #333; height: 55px; line-height: 30px; margin-top: 10px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; }
.ny_case ul li i { display: block; width: 100%; height: 1px; background: #eee; margin: 20px 0; }
.ny_case ul li .case_m { height: 195px; overflow: hidden; }
.ny_case ul li .case_m .case_img { display: block; width: 100%; height: 195px; vertical-align: middle; text-align: center; overflow: hidden; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .25s; transition: all .5s; }
.ny_case ul li .case_m .case_img img { width: 100%; height: 100%; object-fit: cover; }
.ny_case ul li .case_m p { font-size: 14px; line-height: 25px; height: 100px; margin: 10px 0 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; }
.ny_case ul li .case_m .more3 { display: block; width: 50px; height: 50px; line-height: 50px; background: #0058a8; border-radius: 50%; margin: 0 auto; text-align: center; font-size: 20px; color: #fff; transition: all .65s; }
.ny_case ul li:hover { background: #fff; -webkit-box-shadow: #ccc 0px 4px 17px; -moz-box-shadow: #ccc 0px 4px 17px; ; box-shadow: #ccc 0px 4px 17px; }
.ny_case ul li:hover .case_name { color: #0058a8; }
.ny_case ul li:hover .case_m .case_img { margin-top: -195px; }
.ny_case ul li:hover .case_m .more3 { transform: rotate(720deg); }
@media screen and (max-width:1680px) {
	.ny_case {padding: 80px 0;}
.ny_case ul li span { font-size: 20px; }	
}
@media screen and (max-width:1440px) {
	.ny_case {padding: 70px 0;}
}
@media screen and (max-width:1200px) {
	.ny_case {padding: 60px 0;}
}
 @media screen and (max-width:1399px) and (min-width:1200px) {
.ny_case ul li { padding: 35px 30px; }
.ny_case ul li span { font-size: 18px; }
.ny_case ul li .case_name { font-size: 18px; }
}
@media screen and (max-width:1199px) and (min-width:1080px) {
.ny_case ul li { padding: 30px; }
.ny_case ul li .case_name { font-size: 18px; }
.ny_case ul li span { font-size: 18px; }
.ny_case ul li .case_m .more3 { font-size: 18px; }
}
@media screen and (max-width:1079px) and (min-width:768px) {
.ny_case ul li { width: 48.6%; padding: 25px; margin-bottom: 30px; }
.ny_case ul li:nth-child(2n+2) { margin-right: 0; }
.ny_case ul li:nth-child(3n+3) { margin-right: 2.8%; }
.ny_case ul li:nth-child(6n+6) { margin-right: 0; }
.ny_case ul li span { font-size: 16px; }
.ny_case ul li .case_name { font-size: 18px; }
.ny_case ul li .case_m .more3 { font-size: 16px; width: 45px; height: 45px; line-height: 45px; }
}
@media screen and (max-width:1024px) {
	.ny_case {padding: 50px 0;}
}
@media screen and (max-width:820px) {
	.ny_case {padding: 40px 0;}
}
@media screen and (max-width:767px) {
	.ny_case {padding: 30px 0;}
.ny_case ul li { width: 100%; padding: 20px; margin-bottom: 20px; }
.ny_case ul li span { font-size: 14px; }
.ny_case ul li .case_name { font-size: 16px; }
.ny_case ul li .case_m { height: 180px; }
.ny_case ul li .case_m .case_img { height: 180px; }
.ny_case ul li:hover .case_m .case_img { margin-top: -180px; }
.ny_case ul li .case_m .more3 { font-size: 15px; width: 40px; line-height: 40px; height: 40px; }
}
/*内页行业应用*/