.prolist ul{display:flex;flex-wrap:wrap;margin:-15px -15px 0;}
.prolist ul li {width:33.333333333%;text-align:center;cursor:pointer;padding:15px;}
.prolist ul li .pic {display:block;width:100%;overflow:hidden;border:1px solid #c9c9c9;padding:5px;display:inline-flex;justify-content:center;align-items:center}
.prolist ul li .pic img {width:305px;height:390px;object-fit:cover;display:block;transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s}
.prolist ul li .t {background:#455164;text-align: left;padding: 10px 10px;}
.prolist ul li .t h6 {font-size:16px;font-weight:300;color:#fff;height: 40px;display:flex;align-items:center;text-align: left;}
.prolist ul li .t  {color:#fff}
.prolist ul li:hover .pic {border:1px solid #dedede;box-shadow:5px 5px 40px rgba(0,0,0,.2)}
.prolist ul li:hover .pic img {transform:scale(1.06);-webkit-transform:scale(1.06);}
.prolist ul li:hover .t {background:var(--bg-color);}
.prolist li a:hover {color:white;}

@media screen and (max-width:768px) {
.prolist {margin-top:20px;}
.prolist ul {margin:0 -10px;}
.prolist ul li {width:50%;padding:10px;margin:0;}
.prolist ul li h6 a {font-size:18px;line-height:22px;overflow:hidden;}
}

@media screen and (max-width:576px) {
.prolist ul li h6 a {font-size:16px;}
.prolist ul li {width:100%;margin:0;}
.prolist ul li h6 a {overflow:hidden;}
}
@media only screen and (max-width: 1280px) {
.prolist ul li .t h6 {
    height: 60px;

}
  }