.news .news-top {
    border-bottom: 1px solid #E6E6E6;
    margin-top: 5%;
    height: 320px;
    display: flex;
}
.news-top-img {
    width: 46%;
    height: 300px;
}
.news-top-content {
    width: 48%;
    height: 300px;
    margin-left: 2%;
}
.news .news-top img {
    height: 100%;
    width: 100%;
}
.news .news-top .new-top-title {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 628px;
    height: 78px;
    font-size: 30px;
    font-weight: 400;
    color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news .news-top .new-top-info {
    margin-top: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 639px;
    height: 88px;
    font-size: 20px;
    font-weight: 300;
    color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.news .news-two {
    padding: 0px;
}
.news .news-two .col-md-6 {
    border-bottom: 1px solid #E6E6E6;
    margin-top: 50px;
}
.news .news-two .new-two-p {
    padding: 30px 30px 30px 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 485px;
    height: 59px;
    font-size: 24px;
    font-weight: 400;
    color: #333333;
}
.news .news-two .new-two-right-p {
    padding: 0px 30px 30px 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 488px;
    height: 46px;
    font-size: 16px;
    font-weight: 300;
    color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news .news-two img {
    height: 300px;
    width: 520px;
}
.news .news-two .img-right-news img {
    float: right;
    margin-bottom: 30px;
}
.news .news-nav {
    margin-bottom: 100px;
}
.news .news-nav article, .news .news-nav aside, .news .news-nav details, .news .news-nav figcaption, .news .news-nav figure, .news .news-nav footer, .news .news-nav header, .news .news-nav hgroup, .news .news-nav main, .news .news-nav menu, .news .news-nav nav, .news .news-nav section, .news .news-nav summary {
    text-align: center !important;
}
.news .news-nav a {
    margin: 0 10px;
    color: #B3B3B3;
    background: #FFFFFF;
    border-color:#B3B3B3;
    box-shadow: 0px 3px 6px 0px rgba(219, 221, 221, 0.5);
    border-radius: 4px;
}
.news .news-nav .pagination > li > a:focus, .news .news-nav .pagination > li > a:hover, .news .news-nav .pagination > li > span:focus, .news .news-nav .pagination > li > span:hover {
    color: #ffffff;
    background-color: #00BB8C;
    border-color: #00BB8C;
}
@media screen and (max-width: 800px) {
    .news .news-two img {
        width: 90%;
        height: initial;
        margin: 0 auto;
    }
    .news .news-top img {
        margin: 0 auto;
        width: 90%;
        height: initial;
    }
    .news .news-top {
        padding: 20px 0px;
    }
    .news .news-top .new-top-title {
        font-size: 18px;
        margin-top: 20px;
    }
    .news .news-two {
        padding: 20px 0px;
    }
    .news .news-two .new-two-p {
        font-size: 18px;
        padding: 10px 10px 10px 10px;
    }
    .news .news-two .img-right-news img {
        float: initial;
        margin-bottom: 0px;
    }
    .pagination > li > a, .pagination > li > span {
        padding: 5px;
    }
}
.news_title, .news_title:hover {
    text-decoration: none;
    color: #333333;
}
.news-time {
    display: block;
    margin-top: 10%;
    width: 174px;
    height: 15px;
    font-size: 20px;
    font-weight: 300;
    color: #878E8E;
    line-height: 30px;
    margin-left: 75%;
}
.news-time-two {
    display: block;
    margin-top: 4%;
    width: 174px;
    height: 30px;
    font-size: 20px;
    font-weight: 300;
    color: #878E8E;
    line-height: 30px;
    margin-left: 65%;
}
@media screen and (min-width: 601px) and (max-width: 1299px) {
    .news .news-top .new-top-title {
        width: 100%;
    }
    .news .news-top .new-top-info {
        width: 100%;
    }
    .news .news-two img {
        width: 90%;
    }
    .news .news-two .new-two-p {
        width: 100%;
    }
    .news .news-two .new-two-right-p {
        width: 100%;
    }
    .news-time {
        margin-left: 55%;
        width: 260px;
    }
    .news-time-two {
        margin-left: 60%;
        width: 260px;
        height: 50px;
    }
}
@media (max-width: 600px) {
    .news .news-top .new-top-title {
        width: 100%;
    }
    .news .news-top .new-top-info {
        width: 100%;
    }
    .news .news-two img {
        width: 90%;
    }
    .news .news-two .new-two-p {
        width: 100%;
    }
    .news .news-two .new-two-right-p {
        width: 100%;
    }
    .news-time-two {
        margin-left: 60%;
        font-size: 14px;
    }
    .news .news-top {
        display: block;
        height: auto;
    }
    .news-top-img {
        width: 100%;
        height: 100%;
    }
    .news-top-content {
        height: auto;
    }
    .news-top-content {
        width: 100%;
    }
    .news .news-top .new-top-title {
        height: 50px;
    }
    .news .news-top .new-top-info {
        height: 30px;
    }
    .news-time {
        margin-top: 0;
        margin-left: 60%;
        font-size: 14px;
    }
    .new-two-right-p {
        padding: 0 !important;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 42px !important;
    }
    .new-top-info {
        margin-top: 20px !important;
        height: 42px !important;
        font-size: 14px !important;
        font-weight: 300;
        color: #333333;
        display: -webkit-box;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical;
    }
}
@media screen and (min-width: 1300px) and (max-width: 1600px){
    .container{
        width: 75%!important;
    }
    .news .news-top{
        height: 280px;
    }
    .news-top-img{
        height: 280px;
    }
    .news .news-top img{
        width: 85%;
        height: auto;
    }
    .news .news-top .new-top-title{
        font-size: 22px;
        width: 100%;
    }
    .news .news-top .new-top-info{
        font-size: 16px;
        width: 100%;
    }
    .news-time{
        font-size: 14px;
        margin-top: 5%;
        margin-left: 64%;
    }
    .news .news-two img{
        width: 80%;
        height: 280px;
    }
    .news .news-two .new-two-p{
        font-size: 22px;
        width: 100%;
    }
    .news .news-two .new-two-right-p{
        width: 100%;
        font-size: 14px;
        height: 38px;
    }
    .news-time-two{
        font-size: 16px;
        margin-left: 58%;
    }
}