.all{

    background: url(../img/bg_02.jpg);

    background-size: cover;

    background-position: bottom;

}

.tit{

    margin: 0 0 30px;

    transition: 0.5s;

    color: #333333;

}

.sum{

    transition: 0.5s;

    color: #999999;

    margin-bottom: 10px;

}

.time{

    color: #666666;

    transition: 0.5s;



}

.year{

    margin-left: 20px;

}

.sum{

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    line-height: 20px;

    height: 40px;

}

.hov{

    display: none;

}

.content{

    margin-top: 40px;

}

.content li{

    position: relative;

    padding: 35px 30px;

    border-bottom: 1px solid rgba(0,0,0,0.1);

}

.content li a{

    display: block;

}

.content li:hover .hov{

    display: block;

}

.content li:hover .pc{

    display: none;

}



.content li:hover .time{

    color: white;

    transition: 0.5s;

}

.content li:hover .tit{

    color: white;

    transition: 0.5s;

}

.content li:hover .sum{

    color: white;

    transition: 0.5s;

}

.content li:hover{

    transition: 0.5s;

    background: url(../img/hov_03.jpg);

    background-size: cover;

}

.content li .jian{

    width: 24px;

    height: 24px;

}



.page{

    padding: 85px 70px;

    text-align: center;

}

.page span{

    border: 1px solid rgba(0,0,0,0.2);

    margin: 0 4px;

    width: 38px;

    height: 38px;

    text-align: center;

    line-height: 38px;

    display: inline-block;

    border-radius: 38px;

    color: #000;

    transition: 0.5s;

}

.page .prev{

    width: 70px;

}

.page .next{

    width: 70px;

}

.page .page_act{

    color: white;

    background-color: #375ba4;

    border: 1px solid #375ba4;

}

.page span:hover{

    color: white;

    background-color: #375ba4;

    border: 1px solid #375ba4;

    transition: 0.5s;

}
.top_flx{
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 1440px) {

    .page {

        padding: 55px 45px;

    }

    .tit {

        margin: 0 0 15px;

    }

    .content li{

        padding: 25px 20px;

    }

}

@media screen and (max-width: 768px) {
.top_flx{
    display: block;
}
    .page {

        padding: 25px 0px;

    }
.time{
    margin-bottom: 10px;
}
.year{
    margin-left: 10px;
}
}