.depName {
   width: 18%;
 float: left;
 text-align: center;
 border: 1px solid #999;
 margin-right: 2%;
 margin-bottom: 2%;
 height: 38px;
 line-height: 38px;
 font-size: 14px;
 border-radius: 4px;
 transition: all 0.3s;
}

.depName:nth-child(5n) {margin-right: 0;}
.depName a {
 font-size: 16px;
 display: block;
}

.depName:hover {
 background: #3e9098;
 border-color: #3e9098;
}

.depName:hover a {
 color: #fff;
}
@media only screen and (max-width: 768px){
   .depName {
 width: 100%;
}
}