<style>
ul,li{
list-style:none;
margin:0;
padding:0;
}
ul li{
width: 31%;
margin-right: 3%;
float: left;
margin-bottom: 20px;
text-align: center;
position: relative;
}
ul li a{
position: absolute;
z-index: 10;
bottom: 0;
width: 100%;
background-color: rgba(0,0,0,0.6);
color: #fff;
left: 0;
font-size: 14px;
height: 50px;
}
ul li div{
position: relative;
padding-bottom: 62%;
overflow: hidden;
z-index: 1;
}
ul li div img{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
}
</style>
<ul>
<li>
<a href="">
<p>新乡市公安局</p>
</a>
<div>
<img src="img/64.png">
</div>
</li>
<li>
<a href="">
<p>新乡市公安局</p>
</a>
<div>
<img src="img/64.png">
</div>
</li>
<li>
<a href="">
<p>新乡市公安局</p>
</a>
<div>
<img src="img/64.png">
</div>
</li>
<li>
<a href="">
<p>新乡市公安局</p>
</a>
<div>
<img src="img/64.png">
</div>
</li>
<li>
<a href="">
<p>新乡市公安局</p>
</a>
<div>
<img src="img/64.png">
</div>
</li>
</ul>