.banner{
    width: 100%;
}
.new_list_title{
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-top: 3%;
}




.new_list_brief{
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #dcad5b;
    margin-top: 0.5%;
}







.list_top{
    width: 100%;
    margin-top: 2%;
}
.list_top ul{
    width: 100%;
}
.list_top ul li{
    width: 23%;
    float: left;
    background: #f6f6f6;
    position: relative;
    margin-left: 2.33%;
}
.list_top ul li:nth-child(1){
    margin-left: 0;
}
.list_top ul li:after,.list_top ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    z-index:-2;
    transition:2s;
}
.list_top ul li:hover{
    z-index:10;
}
.list_top ul li:before {
    background: #dcad5b;
    z-index:-1;
}
.list_top ul li:hover:after,.list_top ul li:hover:before {
    width: 100%;
    transition: 2s;
}










.list_top ul li img{
    width: 100%;
}

.list_top ul li .title{
    width: 90%;
    margin:5% auto 0;


    line-height: 26px;
    height: 52px;


    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /*height: 57px;*/

}
.list_top ul li .title a{
    color: #555555;
    font-size: 16px;
    transition: 0.3s;
}
.list_top ul li:hover .title a{
    color: #fff;
}
.list_top ul li .time{
    width: 70px;
    height: 70px;
    background: #a0680e;
    color: #fff;
    text-align: center;
    border-top: 1px solid #a0680e;
    margin-top: 6%;
    margin-left: 5%;

}
.list_top ul li .time span:nth-child(1){
    display: block;
    text-align: center;
    font-size: 24px;
    margin-top: 14%;
}
.list_top ul li .time span:nth-child(2){
    display: block;
    text-align: center;
    font-size: 14px;
    margin-top: 1%;
}















/*列表竖排*/
.list_min{
    width: 100%;
    margin-top: 3%;
}

.list_min ul{
    width: 100%;
}
.list_min ul li{
    width: 100%;
    /*margin-top: 2%;*/
    padding: 30px 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}
.list_min ul li .time{
    width: 7%;
    float: left;
}

.list_min ul li .time .division{
    width: 100%;
    height: 2px;
    background: #dcad5b;
}

.list_min ul li .time .year{
    width: 100%;
    text-align: right;
    color: #4d4d4d;
    margin-top: 11%;
}

.list_min ul li .time .day{
    width: 100%;
    text-align: right;
    margin-top: 3%;
    color: #a0680e;
}
.list_min ul li .time .eay{
    content: url("http://images.asthmasystem.com/web_system_img/www_67137777_com/new_list_06.png");
    display: block;
    float: right;
    margin-top: 32%;
}
.list_min ul li .time .page_view{
    width: 100%;
    text-align: right;
    margin-top: 8%;
    color: #4d4d4d;
}




.list_min ul li .news_img{
    width: 20%;
    display: block;
    float: left;
    margin-left: 2%;
    transition: 0.3s;
}
.list_min ul li .news_img img{
    width: 100%;
}
.list_min ul li:hover .news_img{
    margin-left: 2.5%;
}


.list_min ul li .news_min{
    width: 69%;
    float: right;
}

.list_min ul li .news_min .title{
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    margin-top: 1%;
}
.list_min ul li .news_min .title a{
    transition: 0.3s;
}
.list_min ul li .news_min .brief{
    width: 100%;
    font-size: 14px;
    margin-top: 1.5%;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list_min ul li .news_min .brief a{
    transition: 0.3s;
}
.list_min ul li:hover .news_min .title a{
    color: #fff;
}
.list_min ul li:hover .news_min .brief a{
    color: #fff;
}






.list_min ul li:after,.list_min ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    z-index:-2;
    transition: 0.6s;
}
.list_min ul li:hover{
    /*z-index:10;*/
    color: #fff;
    border-color: #dcad5b;
}
.list_min ul li:before {
    background: #dcad5b;
    z-index:-1;
}
.list_min ul li:hover:after,.list_min ul li:hover:before {
    width: 100%;
}




.footer{
    margin-top: 40px;
}