/*leader*/
.leader { padding: 3.5% 0;}
.leader .intro { padding-bottom: 5%;}
.leader li { float: left;  position: relative;transition: 0.3s;}
.leader li:after { transition: 0.3s;}
.leader li .pic { overflow: hidden;}
.leader li .pic figure {padding-bottom:75.15%;transition: 0.3s;}
.leader li h3 { margin: 0 0 8%; font-size: 30px;color:#000;text-align:center;}
.leader li h3 span { font-weight: normal;font-size: 18px; color: #666666;}
.leader li .word { height: 294px;padding: 8%;background: url("../images/leader_bg.jpg") no-repeat right bottom #f3f3f3; overflow: hidden;}
.leader li .intro { margin: 0; color:#666;line-height: 2.25; text-indent: inherit;}
.leader li:hover {box-shadow: 0 0 8px 2px #c7c7c7;}
.leader li:hover:after { position: absolute;content:'';height:2px; width: 0%;bottom:0;background-color: #be1b21;}
.leader li:hover .pic figure {transform: scale(1.08)}
@media(min-width:1025px) {
    .leader li {width: 20%; margin-bottom: 2.2%;}
    .leader li:not(:nth-child(4n)) { margin-right: 2.2%;}

}
@media(max-width:1024px) {
    .leader li {width: 20%; margin-bottom: 3%;}
    .leader li:not(:nth-child(2n)) { margin-right: 3%;}
    .leader li h3 {font-size: 20px;}
    .leader li h3 span { font-size: 16px;}
    .leader li .intro { line-height: 1.6; font-size: 15px; text-indent: 0;}
}