.leaderlist{
    margin-top: 20px;
}
.leaderlist li{
    width: 20%;
    float: left;   
    margin:20px 2.5% 0;
}
.leaderlist li div img{
    width: 100%;
}
.leaderlist .text{
    background-color: #f5f5f5;
    text-align: center;
    padding:10px;
}
.leaderlist .text h3{
    font-size: 18px;
    font-weight: bold;
}
.leaderlist .text p{
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
}
.leaderlist .text:hover,.leaderlist .text:hover h3{
    color:#00358d;
}

@media (max-width:1320px) { 
    .leaderlist .text h3{
        font-size: 16px;
    }
    .leaderlist .text p{
        font-size: 14px;
    }
}
@media (max-width:768px) {
    .leaderlist li{
        width: 30%;
        margin:20px 1.5%;
    }
}
@media (max-width:1199px) { 
    .leaderlist .text h3{
        font-size: 15px;
    }
}