.teacher_t{margin:15px 0 0 0;padding:0 60px 0 30px;background:#0b3e8d;position:relative;z-index:5;height:42px;line-height:42px;display:inline-block;}
.teacher_t::after{position:absolute;right:0;top:0;content:"";background:url(images/ico031026.png) no-repeat center;background-size:100%;width:30px;height:42px;pointer-events:none;}
.teacher_t h5{font-size:20px;color:#fff;font-family:SourceHanSansbold;}
.teacher_name{margin: 0 auto 20px auto;}

.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;}
}