.pro-tit {border-bottom:1px solid #efefef;height:54px;line-height:54px;margin-bottom:30px}
.pro-tit h2 {font-size:17px;color:#212121;font-weight:700;text-transform:uppercase}

.prolist ul {margin:-20px -20px 0;overflow:hidden;display:flex;flex-wrap:wrap;}
.prolist ul li {width:33.333333%;position:relative;padding:20px;text-align:center}
.prolist ul li .pic {display:block;overflow:hidden;width:100%;}
.prolist ul li .pic img {width:100%;display:block;transition:all 0.3s ease 0s}
.prolist ul li h6 {margin-top:15px;padding:0 10px;text-align:center}
.prolist ul li h6 a {color:#181818;font-size:17px;line-height:26px;height:52px;overflow:hidden;display:block;font-weight:600;}
.prolist ul li h6 a:hover {color:#7490c4;}

.prolist ul li:hover .pic img {transform:scale(1.05);-webkit-transform:scale(1.05)}



@media screen and (max-width:1300px) {

}

@media screen and (max-width:768px) {

.prolist ul li {width:50%;}
.prolist ul li h6 a {font-size:16px;line-height:22px;height:44px}

}
             
@media screen and (max-width:576px) {
.prolist ul {margin:-15px -15px 0;}
.prolist ul li {padding:15px;}
} 
 
@media screen and (max-width:480px) {

.prolist ul {margin:-10px 0 0;}
.prolist ul li {width:100%;padding:10px 0;}
.prolist ul li h6 {padding:0;height:auto}
}