/* 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;}