﻿.header {
    background-image: url(../images/yjtc_lzy_yhyshj_header_bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position: relative;
    z-index: 999;
}

.fisrt-list {
    width: 100%;
    margin-top: 3rem;
}

.list-head {
    width: 100%;
    height: 2.625rem;
    border-bottom: 1px solid #90b6e7;
}

.list-head .list-title {
    float: left;
    width: 263px;
    height: 100%;
    background-image: url('../images/yjtc_lzy_news_list_title.png');
}

.list-head .list-title span {
    margin-left: 3.75rem;
    font-size: 1.5rem;
    line-height: 2.625rem;
    color: white;
}

.list-head .more {
    float: right;
}

.list-head .more span {
    color: #666;
    text-align: right;
    font-size: 1.125rem;
    line-height: 2.625rem;
    cursor: pointer;
}

.list-head .more span:hover {
    color: #90b6e7;
}

.fisrt-list .list-head .list-title span:nth-child(1) {
    display: block;
    margin-left: 0;
    padding-right: 10%;
    width: 30%;
    float: left;
    color: black;
    text-align: right;
    background-color: #c7e5f8;
}

.fisrt-list .list-head .list-title span:nth-child(2) {
    display: block;
    float: left;
    margin-left: 10%;
    width: 40%;
}


.news-list {
    display: inline-block;
    width: 100%;
    margin-top:1.5rem;
    max-height: 22.5rem;
}

.news-list li {
    width: 100%;
}

.news-list li span {
    line-height: 2.8125rem;
    font-size: 1.125rem;
}

.news-list li span:nth-child(1) {
    float: left;
    display: block;
    width: calc(100% - 8.875rem);
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.news-list li span:nth-child(2) {
    float: right;
    display: block;
    width: 6.875rem;
    text-align: right;
    color: #999;
}

.news-list li span:hover {
    color: #90b6e7;
    cursor: pointer;
}


.main-banner {
    width: 100%;
    height: 7.5rem;
    margin:2rem 0  3rem;
    cursor: pointer;
}

.main-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.second {
    width: 100%;
    display: inline-block;
}

.second .second-list {
    float: left;
    width: calc(50% - 3.125rem);
}

.second .three-list {
    float: right;
    width: calc(50% - 3.125rem);
}


.bz {
    width: 100%;
    margin-top:3rem;
    display: inline-block;
}

.bz>a {
    display: block;
    float: left;
    height:12rem;
    width: calc((100% - 3.75rem) / 4);
    margin-right: 1.25rem;
    object-fit: cover;
    cursor: pointer;
}

.bz>a:nth-last-child(1) {
    margin-right: 0;
}

.bz>a img:nth-last-child(1) {
    display: block;
    width: 100%;
    height: 100%;
}