.img-zoom { position: relative; display: block; overflow: hidden;}
.img-zoom img { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; -webkit-transition: transform 0.8s ease-out 0s; -moz-transition: transform 0.8s ease-out 0s; -ms-transition: transform 0.8s ease-out 0s; -o-transition: transform 0.8s ease-out 0s; transition: transform 0.8s ease-out 0s;}
.img-zoom .img-frame { position: relative; overflow: hidden;}
.img-zoom .img { height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; -webkit-transition: transform 0.8s ease-out 0s; -moz-transition: transform 0.8s ease-out 0s; -ms-transition: transform 0.8s ease-out 0s; -o-transition: transform 0.8s ease-out 0s; transition: transform 0.8s ease-out 0s;}
.img-zoom .img img { display: none; min-height: 100%;}
.img-zoom:hover img { min-height: 100%; -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08);}
.img-zoom:hover .img { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08);}

.teach-list { display: flex;
  flex-wrap: wrap;}
.teach-list > li{display:inline-block;vertical-align:top;width: 20%;padding:0 15px;box-sizing:border-box;}
.teach-list li{margin:30px 0 0;}
.teach-list .img-frame .img {
  padding: 120% 0 0;}
.teach-list .img-zoom{padding:10px 10px 5px;background:#f8f8f8;transition:all 0.3s ease-out 0s;border-radius:4px;border:1px solid #eee;}
.teach-list .img-zoom:hover{background:#094ba3;box-shadow:0px 4px 12px 0px rgba(9, 75, 163, 0.3);border-color:#094ba3;}
.teach-list .img-zoom:hover .title, 
.teach-list .img-zoom:hover .subtitle{color:#fff;}
.teach-list .img-frame .img{padding:120% 0 0;background-size:cover;background-position:center;}
.teach-list .title{line-height:40px;text-align:center;color:#333;font-size:18px;font-weight:600;margin-top:5px;}
.teach-list .subtitle{line-height:24px;text-align:center;color:#094ba3;font-size:14px;}

@media only screen and (max-width: 1199px) {
    .teach-list > li { width: 50%;} 
    .teacher_name { margin-top: 0;}
    .teach-list .title { font-size: 16px;}
    .teach-list .img-zoom { padding: 0;}
}