/* 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; position:relative;}
.nqPro_right ul li:nth-child(3n+3){ margin-right:0;}
.Pro_Cont{overflow: hidden; position: relative; padding:25px;background:#fff; border:1px solid #fff;border-radius:4px;}
.Pro_Img{width: 100%; height: 200px;  margin: 0 auto;}
.Pro_Img a{display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.Pro_Img a img{ max-width: 100%; max-height: 100%; margin: auto; }
.Pro_Text{ margin:20px auto 0;}
.Pro_Text .Pro_Name{ text-align:center;}
.Pro_Text .Pro_Name a{ display: inline-block; width:100%; height: 32px;overflow: hidden; line-height: 32px; font-size: 24px; font-weight: bold;white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; margin: 0 auto;}
.Pro_Text p{ text-align:center; color:#999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; margin:5px 0;}
.Pro_Text .btn a{ color:#999;height: 50px; line-height: 50px; text-align: center; display:block;}
.Pro_Text .btn a i{display: inline-block;width: 23px;height: 23px; margin: 0 0 -5px 10px;}
.Pro_Text .btn a i path{fill:#999;}
.nqPro_right ul li:hover .Pro_Cont{ border:1px solid #008c58;}
.nqPro_right ul li:hover .Pro_Text .Pro_Name a,.nqPro_right ul li:hover .Pro_Text .btn a{ color:#008c58;}
.nqPro_right ul li:hover .Pro_Text .btn a i path{fill:#008c58;}

.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:#008c58; 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:#008c58;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 #008c58;}
.nqProlst_right ul li:hover a.nqProlist_Name{ color:#008c58;}


@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;}
}
@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%;}

}
@media screen and (max-width:1080px){
	.nqPro .nqPro_left{ width:100%;}
	.nqPro_right,.nqProlst_right{ width:100%; margin-top:30px;}
	.Pro_Text .Pro_Name a{ font-size:16px;}
.Pro_Text p,.Pro_Text .btn a{ font-size:14px;}
.Pro_Text .btn a i{ width:20px; height:20px;}
	.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;}
}
 @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%;}
	
}
@media (max-width:450px) {
.nqPro_right ul li{ width:100%; margin:0 0 20px;}	 
}