.news_box {
    width: 63%;
    margin: 0 auto;

}

.news_header {
    width: 100%;
    height: 12rem;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.news_header p {
    width: 100%;
    font-size: 1.8rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #ccc;
    line-height: 4rem;
    /* border-bottom: .3rem solid #8FE638; */
}

.news_header p span {
    margin-right: 1rem;
}

.news_header p span:last-of-type {
    color: #8FE638;
}

.news_list {
    width: 100%;
    padding: 2.1rem 0;
    border-bottom: .1rem solid #cccccc;
}

.news_list img {
    width: 29.16%;
}

.news_center {
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 1rem 2rem;
}

.news_center p {
    font-family: Microsoft YaHei;
}

.news_center p:first-of-type {
    width: 100%;
    color: #333333;
    font-size: 2.8rem;
    letter-spacing: .25rem;
    overflow: hidden;
-o-text-overflow: ellipsis;
   text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
}

.news_center p:last-of-type {
    width: 100%;
    color: #666666;
    font-size: 1.8rem;
    margin-top: 2.5rem;
    overflow: hidden;
-o-text-overflow: ellipsis;
   text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
}


.news_right {
    width: 15%;
    position: relative;
}

.news_right p {
    color: #999999;
    font-size: 1.8rem;
    position: absolute;
    right: 0;
    top: 2rem;
}

.news_right .more {
    width: 100%;
    height: 4.7rem;
    line-height: 4.7rem;
    text-align: center;
    font-size: 1.8rem;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #cccccc;
    border: 1px solid #cccccc;
}

.news_right .more:hover{
    color: #ffffff;
    background-color: #8FE638;
    border: 1px solid #8FE638;
}
.news_box .case_box  img{
    width: 530px;
    height: 300px;
}
.case_box button {
    bottom: 30px;
    border:1px solid rgba(153,153,153,1);
    color:rgba(153,153,153,1);
    border-radius:4px;
}
.page_number{
    width: 100%;
    height: 13rem;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.page_number>div{
    width: 3.8rem;
    height: 3.8rem;
    font-size: 2.2rem;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: .1rem solid #cccccc;
    margin-right: 1rem;
}

.bot_active{
    color: #ffffff;
    background-color: #8FE638;
    border: .1rem solid #8FE638;
}

.more a{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}