/* CSS Document */
.nqPro{ width:100%; background:#f4f4f4; padding:90px 0; overflow:hidden;}
.nqPro_right,.nqProlst_right{ width:72.5%; float:right;}
.nqPro_right ul,.nqProlst_right ul{ min-height:300px;}

.nqPro_right ul li{ width:31.333%; float:left; margin:0 3% 30px 0; background:#fff; padding:20px; position:relative;}
.nqPro_right ul li:nth-child(3n+3){ margin-right:0;}
.nqPro_right ul li a.lqPro_Img{ display:block; width:100%; height:250px; position:relative;}
.nqPro_right ul li a.lqPro_Name{ display:block; font-size:18px; color:#222;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; font-weight:bold; text-align:center; margin:10px 0;} 
.nqPro_right ul li p{ font-size:16px; color:#999;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; text-align:center; height:30px;}
.nqPro_right ul li:after{ content:""; display:block; width:100%; height:0; background:rgba(0,0,0,0.35); position:absolute; left:0; bottom:0;transition: all .4s ease; z-index:1;}
.nqPro_right ul li a.lqPro_More {display: none;width: 100%;height: 100%;position: absolute;left: 50%;top: 200%;z-index: 2;transform: translate(-50%, -50%);}
.nqPro_right ul li a.lqPro_More img{position:absolute;left: 50%;top:50%;transform: translate(-50%, -50%);}
.nqPro_right ul li:hover a.lqPro_More { top: 50%; display:block; }
.nqPro_right ul li:hover:after{ height:100%;}

.nqProlst_right ul li{ width:100%; padding:30px; border:1px solid #fff; margin-bottom:25px; overflow:hidden; background:#fff;}
.nqProlst_right ul li .nqProlist_Img{ width:290px; height:200px; float:left; position:relative; overflow:hidden;}
.nqProlst_right ul li .nqProlist_Text{width: calc(100% - 290px); float:right; padding-left:40px;}
.nqProlst_right ul li .nqProlist_Text a.nqProlist_Name{ display:block; font-size:18px; font-weight:bold; color:#222; position:relative;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.nqProlst_right ul li .nqProlist_Text a.nqProlist_Name:before{ content:""; display:inline-block; width:4px; height:4px; background:#0058a8; border:4px solid #e5eef6; border-radius:50px; margin:0 12px 0 0;}
.nqProlst_right ul li .nqProlist_Text p{ font-size:16px; color:#999; line-height:28px;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; height:56px; margin:10px 0 20px;}
.nqProlst_right ul li .nqProlist_Text dl dd{ width:25%; float:left; padding-right:20px;}
.nqProlst_right ul li .nqProlist_Text dl dd span{ display:block; font-size:16px; color:#222; margin-bottom:5px;}
.nqProlst_right ul li .nqProlist_Text dl dd p{ width:100%; height:24px; line-height:24px; background:#f4f4f4; text-align:center; font-size:15px; position:relative; padding:0 10px;}
.nqProlst_right ul li .nqProlist_Text dl dd p:before{ content:""; display:block; width:2px; height:100%; position:absolute; left:0; top:0; background:#0058a8;transition: all .4s ease; z-index:1;}
.nqProlst_right ul li .nqProlist_Text dl dd p:after{ content:""; display:block;width: 0;height: 0;border-left: 10px solid transparent;border-top: 10px solid #fff; position:absolute; right:0; top:0;}
.nqProlst_right ul li .nqProlist_Text dl dd p i{ display:block; position:relative; z-index:2;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.nqProlst_right ul li .nqProlist_Text dl dd:hover p:before{ width:100%;}
.nqProlst_right ul li .nqProlist_Text dl dd:hover p i{ color:#fff;}
.nqProlst_right ul li:hover{ border:1px solid #0058a8;}
.nqProlst_right ul li:hover a.nqProlist_Name{ color:#0058a8;}


@media screen and (max-width:1680px){
  .nqPro{ padding:80px 0;}
  .nqProlst_right ul li .nqProlist_Img{ width:265px;}
  .nqProlst_right ul li .nqProlist_Text {width: calc(100% - 265px);}
  .nqPro_right ul li p{ font-size:15px;}
}
@media screen and (max-width:1440px){
  .nqPro{ padding:70px 0;}
  .nqPro_right, .nqProlst_right{ width:71.5%;}
  .nqProlst_right ul li .nqProlist_Text a.nqProlist_Name{ font-size:16px;}
  .nqProlst_right ul li .nqProlist_Text dl dd span{ font-size:15px;}
  .nqProlst_right ul li .nqProlist_Img{ width:230px; height:180px;}
  .nqProlst_right ul li .nqProlist_Text {width: calc(100% - 230px); padding-left:35px;}
  .nqProlst_right ul li .nqProlist_Text p{ font-size:15px; margin:8px 0 18px;}
  .nqPro_right ul li a.lqPro_Name{ font-size:16px; margin:5px 0;}
  .nqPro_right ul li p{ font-size:14px;}
  .nqPro_right ul li{margin:0 3% 35px 0;}
  .nqPro_right ul li a.lqPro_Img{ height:220px;}
}
@media screen and (max-width:1200px){
	.nqPro{ padding:60px 0;}
	.nqPro_right{ width:72.5%;}
	.nqProlst_right ul li .nqProlist_Text p{ font-size:14px; line-height:26px; height:52px; margin:5px 0 15px;}
	.nqProlst_right ul li .nqProlist_Text dl dd span,.nqProlst_right ul li .nqProlist_Text dl dd p{ font-size:14px;}
	.nqProlst_right ul li .nqProlist_Img{ width:200px; height:170px;}
	.nqProlst_right ul li .nqProlist_Text {width: calc(100% - 200px); padding-left:30px;}
	.nqProlst_right ul li .nqProlist_Text dl dd{ width:50%;}
	.nqPro_right ul li a.lqPro_Img{ height:200px;}

}
@media screen and (max-width:1080px){
	.nqPro .nqPro_left{ width:100%;}
	.nqPro_right,.nqProlst_right{ width:100%; margin-top:30px;}
	.nqProlst_right ul li .nqProlist_Text {padding-top:20px;}
	.nqProlst_right ul li .nqProlist_Text a.nqProlist_Name{ font-size:15px;}
	.nqProlst_right ul li{ padding:20px;}
	.nqProlst_right ul li .nqProlist_Text dl dd{ width:25%;}
		
}
@media screen and (max-width:1024px){
.nqPro{ padding:50px 0;}
.nqPro_right ul li a.lqPro_Name{ font-size:15px;}
.nqPro_right ul li a.lqPro_Img{ height:180px;}
}
 @media (max-width:920px) {
.nqPro_right ul li{ width:48.5%; margin:0 3% 30px 0;}
.nqPro_right ul li:nth-child(2n+2){ margin-right:0;}
.nqPro_right ul li:nth-child(3n+3){ margin-right:3%;}
.nqPro_right ul li:nth-child(4n+4){ margin-right:0;}
.nqPro_right ul li:nth-child(6n+6){ margin-right:0;}
}
@media screen and (max-width:820px) {
  .nqPro{ padding:40px 0;}
  .nqProlst_right ul li .nqProlist_Img{ width:100%;}
  .nqProlst_right ul li .nqProlist_Text{ width:100%; margin-top:20px; padding:0;}

}
@media screen and (max-width:767px) {
.nqPro_right ul li{ margin:0 3% 20px 0;}
}
@media screen and (max-width:550px) {
.nqPro{ padding:30px 0;}
.nqProlst_right ul li .nqProlist_Text dl dd{ width:50%;}
.nqPro_right ul li a.lqPro_Img{ height:160px;}
	
}
@media (max-width:450px) {
.nqPro_right ul li{ width:100%; margin:0 0 20px;}	 
}