.container{

    width: 100%;

    margin: 0 auto;

}

.container .banner{

    width: 100%;

    height: 500px;

}

.container .banner img{

    width: 100%;

    height: 100%;

}



/* 新闻动态 */

.news{

    width: 1200px;

    margin: 40px auto;

}

.news .news-nav{

    width: 100%;

    display: flex;

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 20px;

}

.news .news-nav button{

    width: 140px;

    height: 40px;

    text-align: center;

    border-radius: 20px;

    background-color: initial;

    border: 0;

    font-weight: 500;

    font-size: 16px;

    color: #434343;

    cursor: pointer;

    margin-right: 20px;

}

.news .news-nav button:hover,.news .news-nav button.active{

    background-color: #4c84f7;

    color: #ffffff;

}

.news .news-list{

    width: 100%;

    margin-top: 40px;

}

.news .news-list .item{

    width: 100%;

    margin-bottom: 20px;

}

.news .news-list .item a{

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 20px 0;

    transition: all 0.3s;

}

.news .news-list .item a:hover{

    padding: 20px;

    background-color: #f7f7f7;

    border-radius: 10px;

    transition: all 0.3s;

}

.news .news-list .item a .left{

    display: flex;

    width: 90%;

}

.news .news-list .item a .left img{

    width: 324px;

    height: 190px;

    margin-right: 20px;

    border-radius: 20px;

    flex-shrink: 0;

    object-fit: cover;

}

.news .news-list .item a .left div h4{

    font-weight: bold;

    font-size: 20px;

    color: #000000;

    margin-bottom: 20px;

}

.news .news-list .item a .left div span{

    font-weight: 500;

    font-size: 16px;

    color: #3C3C3C;

}

.news .news-list .item a .left div p{

    font-weight: 500;

    font-size: 14px;

    color: #3C3C3C;

    margin-top: 20px;

}

.news .news-list .item a .right{

    width: 62px;

    height: 62px;

    border-radius: 50%;

    color: #888888;

    background-color: #eeeeee;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: 500;

    font-size: 30px;

}

.news .news-list .item a:hover .right{

    background-color: #4c84f7;

    color: #ffffff;

}



/* 分页 */

.news .news-page{

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 50px 0;

}

.news .news-page button{

    width: 38px;

    height: 38px;

    margin: 0 2px;

    border: 1px solid #EEEEEE;

    background-color: #F6F7FB;

    cursor: pointer;

}

.news .news-page button svg{

    width: 90%;

    height: 90%;

    fill: #cdcdcd;

}

.news .news-page button.active{

    background-color: #4c84f7;

    color: #fff;

}

.news .news-page button.active svg{

    fill: #fff;

}

.news .news-page button:hover{

    background-color: #4c84f7;

    color: #fff;

}

.news .news-page button:hover svg{

    fill: #fff;

}



/* 新闻详情 */

.news-detail{

    width: 1200px;

    margin: 40px auto;

}

.news-detail .title h1{

    font-weight: 700;

    font-size: 28px;

    color: #555;

    margin-bottom: 20px;

}

.news-detail .title p{

    font-weight: 500;

    font-size: 14px;

    color: #888;

}

@media screen and (min-width: 1200px) { 

.news-detail .content{

    padding: 30px 10px;

}

} 



.news-detail .content p{

    font-weight: 500;

    font-size: 16px;

    color: #3C3C3C;

    line-height: 27px;

}

.news-detail .content img{

    width: 100%;

    margin: 40px 0;

}



/* 移动端 */

@media screen and (max-width: 768px) {

    .banner{

        width: 100%;

        height: 150px;

        background-image: url(../images/news/move-banner.jpg);

        background-repeat: no-repeat;

        background-size: 100% 100%;

        margin-bottom: 10px;

    }



    /* 新闻内容 */

    .news-move{

        width: 90%;

        margin: 30px auto;

    }

    .news-move .news-move-nav{

        width: 100%;

        display: flex;

        border-bottom: 1px solid #e5e5e5;

        padding-bottom: 20px;

    }

    .news-move .news-move-nav button{

        width: 90px;

        height: 32px;

        text-align: center;

        border-radius: 20px;

        background-color: initial;

        border: 0;

        font-weight: 500;

        font-size: 16px;

        color: #434343;

        cursor: pointer;

        margin-right: 10px;

    }

    .news-move .news-move-nav button.active{

        background-color: #4c84f7;

        color: #ffffff;

    }

    .news-move .news-move-list{

        width: 100%;

    }

    .news-move .news-move-list .item{

        width: 100%;

        margin: 10px 0;

    }

    .news-move .news-move-list .item a{

        display: flex;

        width: 95%;

        padding: 10px;

        background-color: #f7f7f7;

        border-radius: 5px;

    }

    .news-move .news-move-list .item a img{

        width: 90px;

        height: 77px;

        border-radius: 5px;

        margin-right: 10px;

        flex-shrink: 0; 

        object-fit: cover;

    }

    .news-move .news-move-list .item a>div .title{

        display: flex;

        justify-content: space-between;

        align-items: center;

    }

    .news-move .news-move-list .item a>div .title p{

        font-size: 14px;

        font-weight: 700;

        color: #000000;

    }

    .news-move .news-move-list .item a>div .title span{

        font-size: 14px;

        color: #3D3D3D;

    }

    .news-move .news-move-list .item a>div .text p{

        font-size: 12px;

        color: #3D3D3D; 

        margin-top: 10px;  

    }

    .news-move .news-move-list .item a:hover .title p{

        color: #4c84f7;

    }



    /* 新闻详情 */

    .news-detail{

        width: 90%;

        margin: 20px auto;

    }

    .news-detail .title h1{

        font-weight: 500;

        font-size: 20px;

        color: #000000;

        margin-bottom: 20px;

    }

    .news-detail .title p{

        font-weight: 500;

        font-size: 14px;

        color: #3C3C3C;

    }

    .news-detail .content{

        margin-top: 20px;

    }

    .news-detail .content p{

        font-weight: 500;

        font-size: 12px;

        color: #3C3C3C;

        line-height: 27px;

    }

    .news-detail .content img{

        max-width: 100%;

        height: auto !important;

        margin: 40px 0;

    }

}



.news-detail .title{padding: 0px 0px 10px;

    border-bottom: 1px solid #ececec;}


@media (min-width: 769px) {

.pagebar .pagination{display:flex;justify-content:center;padding: 50px 0;}
.pagination a{border-radius: 2px; background: #fff;color: #444;line-height: 40px;padding: 0 15px;display: block;font-size: 16px;border: 1px solid #d9d9d9;margin-left: -1px;margin-right: 6px;}
.pagination a:hover{color:#4c84f7;border:1px solid #4c84f7;background: #f9f9f9;}
.pagination a.page-num-current{color: #fff;border-color: #4c84f7;background: #4c84f7;}

}

@media (max-width: 768px) {

.pagebar .pagination{display:flex;justify-content:center;margin-top:10px}
.pagination a{background:#fff;border:1px solid #ccc;color:#333;font-size:14px;padding:6px 8px;margin:0 2px;border-radius:3px}
.pagination a:hover{color:#4fc08d;border:1px solid #4fc08d}
.pagination a.page-num-current{color:#fff;background:#4fc08d;border:1px solid #4fc08d}

}