.leader-list {
    margin: 0 0 .5rem;}

.leader-list li {
    margin: .25rem 0 0;}

.leader-list .img-zoom {
    display: flex; align-items: center;
    justify-content: space-between; background: #f6f6f5;transition: all .3s;}
.leader-list .img-zoom:hover { box-shadow: 0 0 .23rem 0 rgba(0, 0, 0, .2);}
.leader-list .img-frame {
    width: 2rem;}
.leader-list a { display: block;}
.leader-list .img {
    padding: 130% 0 0;
    background-position-y: 10%;}

.leader-list .text {
    background: #f6f6f6;
    padding: .3rem .4rem;}

.leader-list .title {
    color: #165595; font-size:.19rem;}

.leader-list .title span {
    font-weight: 700;
    margin: 0 .3rem 0 0 ;
    color: #333;}

.leader-list .info { font-size: .15rem;
    margin: .16rem 0 0;   max-height:.48rem;}
.leader-list .address { display: flex;}
.leader-list .address > span { display: block; width: 33.33%;}
.leader-list .address > span span { color: #165595;} 
@media screen and (max-width: 1024px) {
.leader-list .text { padding:.2rem .3rme;}

}
@media screen and (max-width: 768px) {
    .leader-list .img-zoom { flex-direction: column;
    box-shadow: none !important;
    padding: .2rem;} 
    .leader-list .text {  padding: .12rem .2rem;}
    .leader-list .title span { margin: 0 .15rem 0 0;}
    .leader-list .address { flex-wrap: wrap;} 
    .leader-list .address > span { width: 50%;}
}