@charset "UTF-8"; /* 悬停图片放大 IE9+*/
.teach-name { 
    margin: 0 -.15rem;
    font-size: 0; 
}
.teach-name li { 
    display: inline-block; 
    vertical-align: top; 
    width: 20%;
    padding: 0 0.15rem;
    margin: .1rem 0 .2rem;
}
.teach-name li a { 
    display: block;
    font-size: .17rem;
    line-height: .5rem;
    color: #333;
    background: #f4f6f6;
    text-align: center;
    border-radius: 3px;
    font-family: Arial; transition: all .26s;
}
.teach-name li .img{
    position: relative;
    width: 100%;
    padding: 120% 0 0;
}
.teach-name li .img p{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
}
.teach-name li a:hover { background: #015198; color: #fff; }
    
@media screen and (max-width: 1450px) {
    .teach-name { margin: 0 -.1rem; }
    .teach-name li { width: 25%; padding: 0 0.1rem; margin: .1rem 0; }
}
@media screen and (max-width: 768px) {
    .teach-name li { width: 33.33%;  }
}
@media screen and (max-width: 520px) {
    .teach-name { margin: 0 -.06rem; }
    .teach-name li { width: 50%; padding: 0 0.06rem; margin: .07rem 0; }
}