/* 小屏幕（手机、平板）  大于768 */
@media (max-width:768px) {
    .top-art .big-con .title {
        font-size: 16px;
    }

    .top-art .big-img {
        margin-bottom: 20px;
        height: 50vw;
    }

    .top-art .banner-w {
        flex-direction: column;
    }

    .top-art .banner-w>div {
        width: 100%;
    }

    .top-art .big-con .time {
        margin: 20px 0;
    }

    .art-list .art-item {
        width: 100%;
        margin-bottom: 30px;
    }

    .art-list .art-item .img {
        height: 50vw;
    }

    .pageli {
        display: none;
    }

    .menu {
        align-items: center;
    }

    .menu .pageup {
        margin-right: 30px;
    }

    .art-list .art-item .title {
        font-size: 15px;
        margin: 10px 0;
    }
}

/* 中等屏幕  大于768 */
@media (min-width:769px) {
    .top-art .big-con .title {
        font-size: 20px;
    }

    .top-art .big-img {
        margin-right: 40px;
    }

    .top-art .banner-w {
        flex-direction: row;
        padding-bottom: 50px;
    }

    .top-art .banner-w>div {
        width: 50%;
    }

    .top-art .big-con .time {
        margin: 20px 0;
    }

    .art-list .art-item {
        width: 31%;
        margin-bottom: 40px;
    }

    .art-list .art-item .title {
        height: 50px;
    }

    .art-list .art-item .img {
        height: 20vw;
        max-height: 250px;
    }

    .pageli {
        display: inline-block;
    }

    .art-list .art-item .title {
        font-size: 17px;
        margin: 15px 0;
    }
}

/* 大屏幕 大于1200 */
@media (min-width:1200px) {
    .top-art .big-con .title {
        font-size: 24px;
    }

    .top-art .big-img {
        margin-right: 50px;
    }

    .art-list .art-item {
        margin-bottom: 50px;
    }

    .art-list .art-item .title {
        font-size: 18px;
        margin: 20px 0;
    }

}

/* 置顶新闻 */
.top-art {
    margin: 50px 0;
    display: block;
}

.top-art .banner-w {
    display: flex;
    border-bottom: 1px solid #dddcdc;
}

.top-art .big-img {
    overflow: hidden;
}

.top-art .big-img img {
    transition: all .3s linear;
}

.top-art .big-img img:hover {
    transform: scale(1.1);
}

.top-art .big-con {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.top-art .big-con .title {
    color: #333;
}

/* 新闻列表 */
.art-list .banner-w {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 30px;
}

.art-list .art-item .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.art-list .art-item .time {
    color: #666;
}

.art-list .art-item .img {
    overflow: hidden;
}

.art-list .art-item .img img {
    transition: all .3s linear;
}

.art-list .art-item:hover .img img {
    transform: scale(1.1);
}

.art-list .art-item:hover .title {
    color: #d43418;
}

/* 分页器 */
.page{ text-align:center; padding:40px 0 0 0;color:#666666;}
.page .pages *{ vertical-align:middle;}
.page .pages .p_cur,
.page .pages .p_count,
.page .pages .p_total{ display:none;}
.page .pages a{ display:inline-block; padding: 0 20px; line-height:48px; background-color: #eee; color:#353535; margin-left:7px;}
.page .pages a:hover,
.page .pages a.a_cur{color:#fff; background-color:#da3b14;}
.page .pages span.active{display:inline-block; padding: 0 20px; line-height:48px; background-color: #da3b14; color:#fff; margin-left:7px;}
.page .pages em{ font-style:normal; display:inline-block; vertical-align:middle;}
.page .pages .i_text{ width:47px; height:36px; line-height:36px;border:1px solid #ceced5;}
.page .pages .i_button{ cursor:pointer; background:none; width:47px; height:36px;border:1px solid #ceced5;}
.page .pages .p_jump b{font-weight:normal; margin:0 5px;}

@media(max-width:1000px){

    .page .pages em{ display:none;}

}

@media(max-width:640px){
    .page .pages a.a_first,
    .page .pages a.a_end{ display:none;}
    .page .pages a,.page .pages span.active{ padding:0 10px;}
}