.lqPro_list{ padding:80px 0; overflow:hidden;}
.nqPro_list{ padding:0 !important;}
.lqPro_list ul{ min-height:300px;}
.lqPro_list ul li{ width:23.5%; float:left; margin:0 2% 28px 0; border:1px solid #e6e6e6; position:relative; height:370px; border-radius:8px;}
.nqPro_list ul li{ margin-bottom:0;}
.lqPro_list ul li:nth-child(4n+4){ margin-right:0;}
.lqPro_list ul li .lqPro_Img{ display:block; width:100%; height:240px; position:relative; margin:20px 0; overflow:hidden;}
.lqPro_list ul li .lqPro_Img img{transition: all .5s ease;}
.lqPro_list ul li .lqPro_text{ padding:15px 20px; border-top:1px solid #e6e6e6; position:absolute; bottom:0; left:0;width:100%; border-radius:0 0 8px 8px;}
.lqPro_list ul li .lqPro_text .lqProT_top{ overflow:hidden;}
.lqPro_list ul li .lqPro_text .lqPro_Btn{ display:block; width:44px; height:44px; background:#f8f8f8; padding:10px; border-radius:50px; float:right;}
.lqPro_list ul li .lqPro_text .lqProT{width: calc(100% - 70px); float:left;display: flex;align-items: center; height:48px;}
.lqPro_list ul li .lqPro_text .lqPro_Name{ display:block; font-size:15px; line-height:24px;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; max-height:48px;}
.lqPro_list ul li .lqPro_text p{font-size:16px; color:rgba(255,255,255,0.5); line-height:24px;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; height:0; }
.lqPro_list ul li:hover .lqPro_text{ background:rgba(22,90,198,.95);}
.lqPro_list ul li:hover .lqPro_text .lqPro_Name{ color:#fff; font-weight:bold;}
.lqPro_list ul li:hover .lqPro_text p{ display:block;margin-top:15px; height:48px;}
.lqPro_list ul li:hover .lqPro_Img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.lqPro_list ul li:hover .lqPro_Btn{ background:#fff;}
.lqPro_list ul li:hover .lqPro_Btn svg{transform: rotate(45deg)}
.lqPro_list ul li:hover .lqPro_Btn svg path { fill: #165ac6; }
@media (max-width:1680px) {
  .lqPro_list{ padding:70px 0;}
  .lqPro_list ul li{ height:340px;}
  .lqPro_list ul li .lqPro_Img{ height:220px; margin:15px 0;}
  .lqPro_list ul li .lqPro_text .lqPro_Btn{ width:42px; height:42px;}
}
@media (max-width:1440px) {
	.lqPro_list{ padding:60px 0;}
	.lqPro_list ul li{ height:320px;margin: 0 2% 25px 0;}
	.nqPro_list ul li{ margin-bottom:0;}
	.lqPro_list ul li .lqPro_Img{ height:220px; margin:10px 0;}
	.lqPro_list ul li .lqPro_text{ padding:15px;}
	.lqPro_list ul li .lqPro_text .lqPro_Name{ font-size:15px;}
	.lqPro_list ul li .lqPro_text .lqPro_Btn{ width:39px; height:39px; padding:9px;}
	.lqPro_list ul li .lqPro_text p{ font-size:15px;}
}
@media (max-width:1200px) {
  .lqPro_list{ padding:50px 0;}
  .lqPro_list ul li{ height:300px; width:32%;}
  .lqPro_list ul li:nth-child(3n+3){ margin-right:0;}
  .lqPro_list ul li:nth-child(4n+4){ margin-right:2%;}
  .lqPro_list ul li:nth-child(6n+6){ margin-right:0;}
  .nqPro_list ul li{ width:48.5%; margin:0 3% 20px 0;}
  .nqPro_list ul li:nth-child(2n+2){ margin-right:0;}
  .nqPro_list ul li:nth-child(3n+3){ margin-right:3%;}
  .nqPro_list ul li:nth-child(4n+4){ margin-right:0;}
  .nqPro_list ul li:nth-child(6n+6){ margin-right:0;}
  .lqPro_list ul li .lqPro_text{ padding:10px;}
  .lqPro_list ul li .lqPro_text .lqPro_Name{ font-size:14px; line-height:24px; height:48px;}
  .lqPro_list ul li .lqPro_text .lqPro_Btn{ width:36px; height:36px; padding:8px;}
  .lqPro_list ul li .lqPro_text p{ font-size:14px; line-height:24px;}
  .lqPro_list ul li:hover .lqPro_text p{ height:48px; margin-top:10px;}
  .lqPro_list ul li .lqPro_Img{ height:210px;}
}
@media (max-width:920px) {
  .lqPro_list{ padding:40px 0;}
}
@media (max-width:820px) {
  .lqPro_list ul li{ width:48.5%; margin:0 3% 20px 0; height:280px;}
  .lqPro_list ul li:nth-child(2n+2){ margin-right:0;}
  .lqPro_list ul li:nth-child(3n+3){ margin-right:3%;}
  .lqPro_list ul li:nth-child(4n+4){ margin-right:0;}
  .lqPro_list ul li:nth-child(6n+6){ margin-right:0;}
  .lqPro_list ul li .lqPro_Img{ height:190px;}
  .lqPro_list ul li:hover .lqPro_text p{ margin-top:5px;}
}
@media (max-width:550px) {
.lqPro_list ul li { height:250px;}
.lqPro_list ul li .lqPro_text .lqPro_Btn{ display:none;}
.lqPro_list ul li .lqPro_text .lqProT{ width:100%;}
.lqPro_list ul li .lqPro_Img{ height:160px;}
}

@media (max-width:375px) {
  .lqPro_list ul li{ width:100%; margin:0 0 20px;}
}