.news_list {min-height: 30vh;}

.news_list li a{display: block;}
.news_list li .img{width: 100%;overflow: hidden;}
.news_list li img{display:block;width: 100%;transition: all 0.6s;}
.news_list li .box{padding: 1rem;}
.news_list li .txt1{
    line-height: 2.4rem;height: 4.8rem;  display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 2;
    overflow: hidden;margin-bottom: 1rem;font-size: 1.2rem;
    /*font-weight: 600;*/
}
.news_list li .txt2{
    font-size: 1rem;
    line-height: 2rem;height: 6rem;  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;margin-bottom: 1rem;
}
.news_list li .txt3{color: #999999;}
.news_list li:hover .txt1{color: #00a29a; }
.news_list li:hover img{transform: scale(1.05);transition: all 0.6s;}






.news{width: 100%;padding: 2rem 0;}
.news .title{font-size: 1.5rem;}
.news .time{color: #999999;margin: 1rem 0;}
.news .content{padding: 2rem 0;}
.news .content {color: #555555;line-height: 30px;border-top: 1px solid #e1e3e6;border-bottom: 1px solid #e1e3e6;}
.news .link .box a{display: block;color: #666666;}
.news .link .box a:first-child{margin-bottom: 1rem;}
.news .link a:hover{color: #00a29a;}



@media  screen and (min-width: 1000px){
    .news_list {display: flex;flex-wrap: wrap;padding-top: 1rem;}
    .news_list li{margin-right: 1%;width: 24.25%;margin-bottom: 2rem;border: 1px solid #f5f5f5;}
    .news_list li:nth-child(4n){margin-right: 0;}
    .news .link{display: flex;justify-content: space-between;margin-top: 2rem;}
    .news .link .box{width: calc(100% - 200px);}
}

@media  screen and (min-width: 500px) and (max-width: 1000px){
    .news_list {display: flex;flex-wrap: wrap;padding-top: 1rem;}
    .news_list li{margin-right: 2%;width: 49%;margin-bottom: 2rem;border: 1px solid #f5f5f5;}
    .news_list li:nth-child(2n){margin-right: 0;}
    .news .link{display: flex;justify-content: space-between;margin-top: 2rem;}
    .news .link .box{width: calc(100% - 200px);}
}


@media  screen and (max-width: 500px){
    .news_list li{margin-top: 1rem;border: 1px solid #f5f5f5;}

    .news_list li a {display: flex;align-items: center;}
    .news_list li a .img {width:40%;}
    .news_list li a .box {width:60%;padding:0.5rem;}
    .news_list li .txt1 {
        font-size: 1rem;
        height: 2rem;
        margin-bottom: 0.5rem;
    }
    .news_list li .txt2{
        font-size: 0.8rem;
        line-height: 1.6rem;
        height: 3.2rem;
        margin-bottom: 0.5rem;
    }
    .news_list li .txt3{color: #999999;font-size: 0.8rem;}

    .news .link{margin-top: 1rem;}
    .news .return {margin-top: 1rem;display: inline-block;background: #00a29a;padding:0.4rem 1rem;color:#fff;}
}