.Ny_Pro{ padding:80px 0; overflow:hidden; min-height:400px;}
.NyPro_tit{ float:left; font-size:30px; font-weight:bold; position:relative; padding-left:20px; line-height:50px; margin-bottom:30px;}
.NyPro_tit:before{ content:""; display:block; width:6px; height:30px; background:#025cb0; position:absolute; left:0; top:50%; transform: translate(0, -50%);}
.NyPro_Search { float:right; width:34.5%; height:50px; overflow: hidden;}
.NyPro_Search .lyForm_ipt { float: left; width: calc(100% - 50px); height: 50px; overflow: hidden; line-height: 50px; color: #222; font-size: 15px; text-transform: capitalize; white-space: nowrap; text-overflow: ellipsis; padding: 0 20px; border:0; background:#eff4f9; outline: none; }
.NyPro_Search .lyForm_ipt::placeholder { color:#777;}
.NyPro_Search .lyForm_btn { float: right; width:50px; height:50px; overflow: hidden; font-size: 0; background: linear-gradient(to right, #1864af, #003d7a); border: 0; outline: none; cursor: pointer;}
.NyPro_Search .lyForm_btn i { display: block; width: 100%; height: 100%; overflow: hidden; padding: 15px;}
.lyNyPro_left { width: 26%; float: left; overflow: hidden; background: #c6c8cd; padding:30px; min-height: 150px; }
.lyNyPro_left .cp_type .hd { overflow: hidden; display: none; }
.lyNyPro_left .cp_type .hd.on { margin-bottom: 10px; }
.lyNyPro_left .cp_type .hd span { display: inline-block; width: 22px; height: 22px; margin: 0 0 -4px 20px; cursor: pointer; transform: rotate(-90deg); }
.lyNyPro_left .cp_type .hd span svg path { fill: #222; }
.lyNyPro_left .cp_type .hd.on span { transform: rotate(0deg); }
.lyNyPro_left .cp_type .hd p { display: inline-block; font-size: 20px; font-weight:bold; }
.lyNyPro_left .cp_type .bd ul li { position: relative; margin-bottom: 10px;}
.lyNyPro_left .cp_type .bd ul li:last-child { margin-bottom: 0;}
.lyNyPro_left .cp_type .bd ul li p { height: 40px; line-height: 40px; }
.lyNyPro_left .cp_type .bd ul li p a { display: inline-block; vertical-align: middle; max-width: calc(100% - 40px); overflow: hidden; line-height: 40px; color: #222; font-size:16px; white-space: nowrap; text-overflow: ellipsis; font-weight:bold; text-transform: capitalize;}
.lyNyPro_left .cp_type .bd ul li p span { display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin: -2px 0 0 8px; cursor: pointer; transform: rotate(0deg); }
.lyNyPro_left .cp_type .bd ul li p span svg path { fill: #222; }
.lyNyPro_left .cp_type .bd ul li p:hover span, .lyNyPro_left .cp_type .bd ul li.on p span { transform: rotate(90deg); }
.lyNyPro_left .cp_type .bd ul li div { clear: both; display: none; padding: 5px 0; }
.lyNyPro_left .cp_type .bd ul li div a { display: block; height: 30px; line-height: 30px; color: #555; font-size: 15px;margin-bottom:0; }
.lyNyPro_left .cp_type .bd ul li div a span{ display:inline-block; max-width:90%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;text-transform: capitalize;}
.lyNyPro_left .cp_type .bd ul li div a em { display: inline-block; width:10px; height: 10px; margin: 0 0 10px 10px; position: relative; }
.lyNyPro_left .cp_type .bd ul li div a:hover { color: #025cb0; text-decoration:underline; }
.lyNyPro_left .cp_type .bd ul li div a:hover em svg path { fill: #025cb0; }
.lyNyPro_left .cp_type .bd ul li.on div { display: block; }
.lyNyPro_Right{ width:69%; float:right;}
.lyNyPro_Right ul{ min-height:300px;}
.lyNyPro_Right ul li{ width:31%; float:left; margin:0 3.5% 35px 0; border:1px solid #025cb0;}
.lyNyPro_Right ul li:nth-child(3n+3){ margin-right:0;}
.lyNyPro_Right ul li .lyNyPro_Img{ display:block; height:250px; position:relative; overflow:hidden;}
.lyNyPro_Right ul li:hover .lyNyPro_Img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.lyNyPro_Right ul li .lyNyPro_text{ padding:30px 10px 50px; background:#eff4f9; text-align:center;}
.lyNyPro_Right ul li .lyNyPro_text .lyNyPro_Name{ color:#222;  font-size:18px; line-height:24px; text-transform: capitalize; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;height:48px;}
.lyNyPro_Right ul li .lyNyPro_text .lyNyPro_btn{ display:block; font-size:16px; color:#025cb0;  margin-top:20px;} 
.lyNyPro_Right ul li:hover .lyNyPro_text{background:#025cb0;}
.lyNyPro_Right ul li:hover .lyNyPro_text .lyNyPro_Name{color:#fff;}
.lyNyPro_Right ul li:hover .lyNyPro_text .lyNyPro_btn{color:#fff;}

@media screen and (max-width:1680px){
	.Ny_Pro{ padding:70px 0;}
	.lyNyPro_Right{ width:70%;}	
	.lyNyPro_Right ul li{ margin:0 3.5% 30px 0;}
	.lyNyPro_Right ul li .lyNyPro_Img{ height:240px;}
	.NyPro_tit{ font-size:26px;}
}
@media screen and (max-width:1440px){
	.Ny_Pro{ padding:60px 0;}
	.NyPro_tit{ font-size:24px;padding-left: 15px;}
	.NyPro_tit:before{ width:5px; height:25px;}
	.lyNyPro_left{ padding:20px;}
  .lyNyPro_Right ul li .lyNyPro_text .lyNyPro_Name{ font-size:16px;}
	.lyNyPro_Right ul li .lyNyPro_text .lyNyPro_btn{ font-size:14px;}
	.lyNyPro_Right ul li .lyNyPro_text{ padding:25px 10px 40px;}
	.lyNyPro_Right ul li .lyNyPro_Img{ height:220px;}
}
@media screen and (max-width:1280px){
	.lyNyPro_Right{ width:71%;}	
	.lyNyPro_Right ul li .lyNyPro_Img{ height:200px;}
}
@media screen and (max-width:1200px){
	.Ny_Pro{ padding:50px 0;}
	.NyPro_tit{ margin-bottom:20px; font-size:22px;}
	.NyPro_Search{ height:45px; width:45%;}
	.NyPro_Search .lyForm_ipt{height:45px; line-height:45px; width: calc(100% - 45px);}
	.NyPro_Search .lyForm_btn{ width:45px; height:45px; padding: 10px;}
	.lyNyPro_Right ul li .lyNyPro_text{ padding:20px 10px 30px;}
}
@media screen and (max-width:1080px){
}
@media screen and (max-width:1024px){
	.Ny_Pro{ padding:40px 0;}
	.NyPro_tit:before{ width:4px; height:20px;}
	.lyNyPro_left{ width:100%; padding:30px 25px; min-height:80px;}
	.lyNyPro_left .cp_type .hd { display: block; }
	.lyNyPro_left .cp_type .bd ul li{ margin-bottom:10px;}
	.lyNyPro_Right{ width:100%; margin-top:30px;}
}
@media screen and (max-width:820px){
	.Ny_Pro{ padding:30px 0;}
	.NyPro_tit{ font-size:20px;}
	.NyPro_Search{ width:50%;}
	.lyNyPro_Right ul li{ width:48%; margin:0 4% 20px 0;}
	.lyNyPro_Right ul li:nth-child(2n+2){ margin-right:0;}
	.lyNyPro_Right ul li:nth-child(3n+3){ margin-right:4%;}
	.lyNyPro_Right ul li:nth-child(6n+6){ margin-right:0;}
	.ly_fra .lyNyPro_left .cp_type .hd span{margin: 0 0 -4px 10px;}
	.ly_fra .lyNyPro_left .cp_type .hd p{ font-size:16px;}
}
@media screen and (max-width:450px){
.NyPro_tit{ margin-bottom:0;}
.NyPro_Search{ width:100%; margin-bottom:20px;}	
.lyNyPro_Right{margin-top:20px;}
.lyNyPro_Right ul li{ width:100%; margin:0 0 20px;}
.lyNyPro_Right ul li .lyNyPro_text .lyNyPro_Name{ height:inherit; max-height:48px;}
}