.news ul {
    display: flex;
    justify-content: space-between;
}
.news ul li{
    width: 32%;
    background: #fff;
    border-radius:10px;
    overflow: hidden;
}

.news ul li:hover{
   
    background: #0382da;
    
}
.news ul li a{ display: flex;

flex-direction: column;


}

.news ul li a .imgs1{
    padding-top:61.57%;
    margin-bottom: 4%;
}
.xxy{
    padding: 30px;
    color: #333;
    padding-top:0;
}

@media (max-width: 1000px) {
    .news ul {
       flex-direction: column;

    }
    .news ul li{
        width: 100%;
    }
    .news ul li a{ display: flex;
    
    
    width: 100%;
    margin-bottom: 4%;
    flex-direction: row;
   
    
    }
    
    .news ul li a .imgs1{
        padding-top: 24%;
        margin-right: 2%;
        width: 36%;

    }
    .news ul li a .xxy{
       width: 62%;

    }
  }

  @media (max-width: 700px) {
    
    .news ul li a .imgs1{
        padding-top: 30%;
        margin-right: 2%;
        width: 36%;

    }
    .news ul li a .xxy{
       width: 62%;

    }
  }