/*
*组件样式
*/
.leader{padding: 30px 50px;}
.leader li{width: 47%;float: left;margin-left: 3%;margin-bottom: 50px;min-height: 273px;}
.leader li .fl{width: 26%;height: 240px;}
.leader li .fl a{
    display: block;
    height: 100%;}
.leader li .fl a img{/* width: 100%; */height: 100%;}
.leader li .fr{width: 70%;}
.leader li .fr a,.leader li .fr p{font-size: 16px;color: #333333;line-height: 37px;}
.leader li .fr a.title{font-size: 18px;font-weight: 600;}
.leader li .fr p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.leader li:hover .fr a{color: #004895;}.fix {
    *zoom: 1;
    display: block;}
.fl {
    float: left;}
.fr {
    float: right;}
@media screen and (max-width: 970px){
.leader {
    padding: 30px 5px;}
    .leader li .fr a.title{
        display:block;
        text-align: center;
        margin: 10px 0 0;}
    .leader li .fl{
        height:auto;
        max-height: 260px;
        float: none;
        width: 100%;}
    .leader li .fl a img{
        object-fit:cover;
        max-height: 260px;
        width: 60%;
        margin: 0 auto;
        display: block;}
    .leader li .fr{
        float:none;
        width: 72%;
        margin: 0 auto;}
}
@media screen and (max-width: 760px){
    .leader li .fr a.title{
        font-size:17px;
        line-height:30px;}
    .leader li .fr p{
        line-height:28px;
        font-size:15px;}
}
@media screen and (max-width: 600px){
.leader li .fr p {
    display: none;}
  .leader {
   
    width: 100%;}
}
@media screen and (max-width: 420px){
.leader li .fl a img{
        width: 80%;}
    .leader li .fr a.title{
        font-size:15px;}
    .leader {
    padding: 0;
    padding-top: 29px;
    /* padding-left: 0; */
    margin-left: 0;
    width: 100%;}
}

@media screen and (max-width: 1200px){
.leader li .fr {
    width: 55%;}}