.mBanner {}

.newsBanner {}

.newsBanner img {
    width: 100%;
}

.environmentNewsCont {
    border-bottom: 1px solid #D0D0D0;
}

.environmentNewsHeader {
    width: 1200px;
    margin: 0 auto;
}

.environmentNewsHeaderCont {
    display: flex;
    align-items: center;
    width: 1200px;
    margin: 0 auto;
}

.backIndexBtn {
    margin-right: 16px;
}

.backIndexBtn a {
    display: block;
    background: #F5F5F8;
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.backIndexBtn a img {}

.backIndexLink {
    display: flex;
    align-items: center;
}

.backIndexLink li {
    display: flex;
    margin-right: 16px;
}

.backIndexLink li a {
    font-size: 16px;
    color: #333333;
}

.backIndexLink li:last-child a {
    color: #014099;
}

.environmentNewsList {
    width: 1200px;
    margin: 40px auto;
}

.environmentNewsList li {
    margin-bottom: 20px;
}

.environmentNewsList li a {
    display: flex;
    align-items: center;
}

.environmentNewsTime {
    padding: 31.5px 45px;
    background: #F8F8F8;
    margin-right: 20px;
    border-radius: 5px;
}

.environmentNewsTime:hover {
    background: url('../images/news/timeBg.png') no-repeat center;
    background-size: 100%;
}

.environmentNewsTime:hover .environmentNewsMonth,
.environmentNewsTime:hover .environmentNewsYear {
    color: #FFFFFF;
}

.environmentNewsMonth {
    font-size: 32px;
    color: #ADB3BC;
}

.environmentNewsYear {
    font-size: 22px;
    color: #ADB3BC;
    margin-top: 8px;
}

.environmentNewsInfo {
    padding: 32px 32px 22px;
    background: #F8F8F8;
    width: 100%;
    height: 88px;
    border-radius: 5px;
}

.environmentNewsInfo:hover {
    background: #FFFFFF;
    box-shadow: 0px 0px 44px 0px rgba(0, 0, 0, 0.14);
}

.environmentNewsTitle {
    font-size: 20px;
    color: #333333;
    font-weight: 600;
    /* 超出一行显示省略号 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.environmentNewsDesc {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-top: 14px;
    text-align: justify;
    /* 超出两行显示省略号 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.mEnvironmentNewsList {
    width: 1200px;
    margin: 20px auto;
}

.mEnvironmentNewsList div {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
}

.mEnvironmentNewsList div a {
    font-size: 16px;
    color: #666666;
}

.mEnvironmentNewsList div a:hover {
    color: #014099;
}

.mEnvironmentNewsList div span {
    font-size: 14px;
}

.publicPagination {
    width: 1200px;
    margin: 10px auto 30px;
    text-align: center;
}


/* 手机端适配 */

@media (max-width: 768px) {
    .mBanner {}
    .newsBanner {}
    .newsBanner img {
        width: 100%;
    }
    /* 新闻 */
    .environmentNewsCont {}
    .mEnvironmentNewsHeader {
        width: 100%;
        border-bottom: 1px solid #cccccc;
    }
    .environmentNewsHeaderCont {
        width: 100%;
    }
    .mobileEnvironmentNewsList {
        padding: 15px 10px;
        background: #fcfcfc;
    }
    .mobileEnvironmentNewsList li {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #ccc;
    }
    .mobileEnvironmentNewsList li:last-child {
        /* border: none; */
        margin-bottom: 0;
    }
    .mEnvironmentNewsListItem {
        width: 100%;
    }
    .mEnvironmentNewsListItem li {
        padding-bottom: 15px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 15px;
    }
    .mEnvironmentNewsListItem li a {}
    .mEnvironmentNewsTitle {
        font-size: 14px;
        color: #333333;
        font-weight: 600;
        text-align: justify;
        line-height: 22px;
    }
    .mEnvironmentNewsTime {
        font-size: 14px;
        color: #666666;
        text-align: right;
        margin-top: 5px;
    }
    .mEnvironmentNewsListItem div {
        padding: 15px;
        border-bottom: 1px solid #fcfcfc;
    }
    .mEnvironmentNewsListItem div a {
        font-size: 14px;
        color: #333333;
        font-weight: 600;
        text-align: justify;
    }
    .mEnvironmentNewsListItem div span {
        font-size: 12px;
        color: #666666;
        text-align: right;
        display: block;
    }
    .mPublicPagination {
        margin: 15px 0;
        text-align: center;
    }
}