@charset "UTF-8";
/*解决浏览器不兼容Html5的问题*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

@media screen and (max-width: 767px) {
    .newsList > div {
        margin-bottom: 10px;
    }

    .media-left {
        display: block;
        width: 20%;
        padding: 4px 0;
        float: left;
    }

    .media-left img {
        width: 90%;
        height: auto;
    }

    .media-left img {
        margin: 2.5% 0;
    }

    .media-body {
        display: block;
        width: 80%;
        height: 100%;
        float: left;
    }

    .media-body h4 {
        margin-top: 2.5%;
        color: #262626;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .media-body p {
        color: #262626;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    #company-img {
        /*max-width: 90%;*/
        /*max-height: 550px;*/
        background-image: url("../../img/city.jpg");
        background-size: cover;
        margin: 0 auto;
    }

    #company-img .city h1 {
        font-size: 25px;
    }

}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .newsList > div {
        margin-bottom: 10px;
    }

    .media-left {
        display: block;
        width: 20%;
        padding: 4px 0;
        float: left;
    }

    .media-left img {
        width: 90%;
        height: auto;
    }

    .media-left img {
        margin: 2.5% 0;
    }

    .media-body {
        display: block;
        width: 80%;
        height: 100%;
        float: left;
    }

    .media-body h4 {
        margin-top: 2.5%;
        color: #262626;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .media-body p {
        color: #262626;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    #company-img {
        /*max-width: 90%;*/
        max-height: 450px;
        background-image: url("../../img/city.jpg");
        background-size: cover;
        margin: 0 auto;
    }

    #company-img .city h1 {
        font-size: 30px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .media-left {
        display: block;
        width: 20%;
        padding: 4px 0;
        float: left;
    }

    .media-left img {
        width: 90%;
        height: auto;
    }

    .media-left img {
        margin: 2.5% 0;
    }

    .media-body {
        display: block;
        width: 80%;
        height: 100%;
        float: left;
    }

    .media-body h4 {
        margin-top: 2.5%;
        color: #262626;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .media-body p {
        color: #262626;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    #company-img {
        max-width: 90%;
        max-height: 550px;
        background-image: url("../../img/city.jpg");
        background-size: cover;
        margin: 0 auto;
    }

    #company-img .city h1 {
        font-size: 40px;
    }
}

/*!* 大屏幕（大桌面显示器，大于等于 1200px） *!*/
@media (min-width: 1200px) {
    .media-left {
        display: block;
        width: 20%;
        padding: 4px 0;
        float: left;
    }

    .media-left img {
        width: 90%;
        height: auto;
    }

    .media-left img {
        margin: 2.5% 0;
    }

    .media-body {
        display: block;
        width: 80%;
        height: 100%;
        float: left;
    }

    .media-body h4 {
        margin-top: 2.5%;
        color: #262626;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .media-body p {
        color: #262626;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    #company-img {
        max-width: 90%;
        height: 550px;
        background-image: url("../../img/city.jpg");
        background-size: cover;
        margin: 0 auto;
    }
}