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

.leader-list li {
    margin: .4rem 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 .img {
    padding: 130% 0 0;
    background-position-y: 10%;}

.leader-list .text {
    width: calc(100% - 2.4rem);
    padding: 0 .5rem 0 0;}

.leader-list .title {
    font-size: .2rem
;}

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

.leader-list .info {
    margin: .16rem 0 0; font-size: .16rem;
    line-height: 220%;
    color: #777;}
.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-right: .3rem;}
.leader-list .info { margin: .1rem 0 0; line-height: 200%;}
}
@media screen and (max-width: 768px) {
    .leader-list .img-zoom { flex-direction: column;
    box-shadow: none !important;
    padding: .2rem;} 
    .leader-list .text {     width: 100%;
    padding: 0;}
    .leader-list .title { text-align: center; margin: .15rem 0 0;}
    .leader-list .title span { display: block; margin: 0;}
    .leader-list .address { flex-wrap: wrap;} 
    .leader-list .address > span { width: 50%;}
}