.layer-outer {
    max-width: 1920px;
    margin: 0 auto;
    min-width: 1280px;
    width: 100%;
}

.layer-content {
    width: 1280px;
    margin: 0 auto;
}

.layer-news {
    background: url("/statics/ynxcwv2/topic/images/qlcyn/bg1.jpg") no-repeat top left;
    background-size: 100% 100%;
    margin-top: -2px;
    padding-bottom: 130px;
}

.news-title {
    padding-top: 50px;
    width: 375px;
    margin: 0 auto;
    padding-bottom: 50px;
}
.layer-header {
    width: 100%;
}

.layer-header img {
    width: 100%;
    height: auto;
}

.news-cont {
    background-color: #fff;
    border-radius: 20px;
}

.news-left {
    float: left;
    width: 47%;
}

.news-l-c {
    margin: 90px 0px 80px 50px;
    position: relative;
}

.news-t-desc {
    position: absolute;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    padding-left: 20px;
}
.news-left img {
    width: 100%;
    height: auto;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    right: 40px;
    left: auto;
    width: auto;
}

.swiper-pagination-bullet {
    background: #fff;
}

.news-right {
    float: left;
    width: 47.2%;
    margin-top: 90px;
    margin-left: 30px;
}

.news-f-title a {
    font-size: 25px;
    color: #1d1d1d;
    font-weight: bold;
    text-decoration: none;
}
.news-f-desc {
    font-size: 14px;
    color: #1d1d1d;
    text-indent: 2em;
    line-height: 25px;
    padding: 20px 0px;
}
.news-r-list li:nth-child(1) {
    border-bottom: 1px solid #dcdcdc;
}

.news-r-list li:not(:nth-child(1)) {
    padding: 15px 0px;
}

.news-r-list li:not(:nth-child(1)) span:nth-child(1) {
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #5b5b5b;
    border-radius: 50%;
    vertical-align: middle;
    margin-top: -5px;
}

.news-r-list li:not(:nth-child(1)) span:nth-child(2) {
    display: inline-block;
    width: 90%;
    margin-left: 20px;
}

.news-r-list li:not(:nth-child(1)) span:nth-child(2) a {
    font-size: 16px;
    color: #1d1d1d;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.news-more {
    float: right;
    margin-right: 20px;
    margin-top: 5px;
}
.news-more a {
    color: #f89d72;
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #eaeaea;
    text-decoration: none;
    border-radius: 20px;
}

.layer-yjcg {
    background: url("/statics/ynxcwv2/topic/images/qlcyn/bg2.jpg") no-repeat left top;
    background-size: 100% 100%;
    padding-bottom: 70px;
}
.yjcg-title {
    padding: 50px 0px;
    width: 517px;
    margin: 0 auto;
}

.yjcg-list li {
    float: left;
    width: 31.25%;
    margin-right: 3%;
    background-color: #fff;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5);
    padding: 15px 15px 25px 15px;
}

.yjcg-list li:last-child {
    margin-right: 0px;
}
.yjcg-artic {
    margin: 20px 0px;
}

.yjcg-artic span:nth-child(1) {
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 50%;
    vertical-align: middle;
}

.yjcg-artic span:nth-child(2) {
    width: 90%;
    margin-left: 10px;
}

.yjcg-artic span:nth-child(2) a {
    width: 90%;
    font-size: 14px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1d1d1d;
}

.layer-wyzpzb {
    background: url("/statics/ynxcwv2/topic/images/qlcyn/bg3.jpg") no-repeat left top;
    background-size: 100% 100%;
    padding-bottom: 30px;
}

.wyzp-title {
    width: 378px;
    margin: 0 auto;
    padding: 65px 0px 50px 0px;
}
.wyzp-cont-left {
    float: left;
    width: 60.9%;
}

.wyzp-cont-right {
    float: left;
    width: 30.5%;
    margin-left: 105px;
}

.wyzp-l-t {
    float: left;
    width: 38.6%;
}

.wyzp-l-r {
    float: left;
    width: 57.7%;
    margin-left: 3%;
}

.wyzp-list li {
    margin-bottom: 40px;
}
.wyzp-list li:not(:nth-child(1)) a {
    font-size: 25px;
    color: #1d1d1d;
    text-decoration: none;
}

.wyzp-l-r-t a {
    font-size: 25px;
    color: #1d1d1d;
}

.wyzb-more {
    float: right;
    margin-right: 30px;
}

.wyzb-more a {
    font-size: 20px;
    color: #f89d72;
}

.wyzp-l-r-d {
    font-size: 14px;
    color: #1d1d1d;
    margin-top: 10px;
    line-height: 30px;
}

.layer-ljwh {
    background: url("/statics/ynxcwv2/topic/images/qlcyn/bg4.jpg") no-repeat left top;
    background-size: 100% 100%;
    padding-bottom: 70px;
}

.ljwh-title {
    width: 537px;
    margin: 0 auto;
    padding: 80px 0px 65px 0px;
}

.ljwh-left {
    float: left;
    width: 34.3%;
    background-color: #4d70f1;
    padding: 90px 55px 70px 68px;
    height: 473px;
}

.ljwh-right {
    float: left;
    width: 65.7%;
}

.ljwh-left-t {
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
}
.ljwh-left-t a {
    font-size: 25px;
    color: #fff;
    line-height: 40px;
}

.ljwh-desc {
    font-size: 15px;
    color: #fff;
    line-height: 30px;
    margin-top: 31px;
}

#ljwhsw .swiper-button-prev {
    background-image: url("/statics/ynxcwv2/topic/images/qlcyn/s_left.png");
    width: 34px;
    height: 69px;
    left: 0px;
    background-size: 34px 69px;
}

#ljwhsw .swiper-button-next {
    background-image: url("/statics/ynxcwv2/topic/images/qlcyn/s_right.png");
    width: 34px;
    height: 69px;
    right: 0px;
    background-size: 34px 69px;
}

.yjcg2-left {
    float: left;
    width: 48.8%;
}

.yjcg2-list li {
    margin-top: 25px;
    margin-bottom: 15px;
}

.yjcg2-list li span:nth-child(1) {
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #1d1d1d;
    border-radius: 50%;
    vertical-align: middle;
    margin-top: -5px;
}

.yjcg2-list li span:nth-child(2) {
    display: inline-block;
    width: 95%;
}

.yjcg2-list li span:nth-child(2) a {
    display: inline-block;
    width: 100%;
    padding-left: 10px;
    font-size: 20px;
    color: #1d1d1d;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.yjcg2-right {
    float: right;
    width: 49.6%;
}

.yjcg2-right img {
    width: 100%;
    height: auto;
}

.yjcg2-more {
    margin-top: 30px;
    margin-left: 10px;
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 20px;
    width: 120px;
    height: 42px;

    text-align: center;
}

.yjcg2-more a {
    font-size: 20px;
    color: #f89d72;
    line-height: 42px;
    text-decoration: none;
}

.yjcg2-desc {
    margin-top: 15px;
    font-size: 20px;
    color: #1d1d1d;
    text-align: center;
    width: 100%;
}

@media screen and (max-width: 750px) {
    body {
        max-width: 750px;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        background: #fff;
        padding: 10px;
    }

    .layer-outer {
        max-width: inherit;
        margin: 0 auto;
        min-width: auto;
        width: 100%;
    }

    .layer-header img {
        width: 100%;
        height: auto;
    }

    .layer-content {
        width: 100%;
    }

    .news-title {
        padding-top: 10px;
        width: 100%;
        padding-bottom: 10px;
    }

    .news-title img {
        width: 100%;
        height: auto;
    }

    .news-left {
        width: 100%;
        float: none;
    }

    .news-l-c {
        margin: 0px;
    }

    .news-t-desc {
        padding-left: 0px;
    }

    .news-right {
        float: none;
        width: 100%;
        margin-top: 10px;
        margin-left: 0px;
    }

    .layer-news {
        padding-bottom: 50px;
    }

    .yjcg-title {
        width: 100%;
        padding: 20px 0px;
    }

    .yjcg-title img {
        width: 100%;
        height: auto;
    }

    .yjcg-list li {
        float: none;
        width: 100%;
        margin-right: 0px;
    }

    .yjcg-list li img {
        width: 100%;
        height: auto;
    }

    .layer-yjcg {
        padding-bottom: 20px;
    }

    .wyzp-title {
        width: 100%;
    }

    .wyzp-title img {
        width: 100%;
        height: auto;
    }

    .wyzp-cont-left {
        float: none;
        width: 100%;
    }

    .wyzp-l-t {
        float: none;
        width: 100%;
        text-align: center;
    }
    .wyzp-l-r {
        float: none;
        width: 100%;
        margin-left: 0;
    }
    .wyzp-l-r-t {
        margin-top: 10px;
    }

    .wyzp-l-r-t a {
        font-size: 18px;
        line-height: 20px;
        text-align: center;
    }

    .wyzp-list li:not(:nth-child(1)) a {
        font-size: 18px;
        line-height: 30px;
    }

    .wyzp-list li {
        margin-bottom: 20px;
    }

    .wyzp-cont-right {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .wyzp-cont-right img {
        width: 100%;
        height: auto;
    }

    .ljwh-title {
        width: 100%;
        padding: 20px 0px;
    }

    .ljwh-title img {
        width: 100%;
        height: auto;
    }

    .ljwh-left {
        float: none;
        width: 100%;
        padding: 20px;
        height: auto;
    }

    .ljwh-right {
        float: none;
        width: 100%;
    }

    .ljwh-right img {
        width: 100%;
        height: auto;
    }

    .yjcg2-left {
        float: none;
        width: 100%;
    }

    .yjcg2-right {
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .yjcg2-desc {
        line-height: 30px;
    }
    .wyzb-more {
        margin-bottom: 20px;
    }

    .news-more {
        margin-bottom: 10px;
    }

    .layer-ljwh {
        padding-bottom: 0px;
    }

    #ljwhsw .swiper-button-prev {
        top: 65%;
    }

    #ljwhsw .swiper-button-next {
        top: 65%;
    }

    #yjcgSwiper .swiper-button-next,
    #yjcgSwiper .swiper-button-prev {
        top: 35%;
    }
}