xiangcunwang_web/assets/css/index.less

.topNewsPart {
    width: 100%;
    padding-top: 15px;
    box-sizing: border-box;

    .inner {
        width: 1200px;
        overflow: hidden;

        .toutiao {
            .xwtt {
                width: 1200px;
                height: 41px;
                line-height: 41px;

                .ttlogo {
                    margin-left: 110px;
                    display: inline-block;
                    width: 94px;
                    height: 41px;
                    line-height: 41px;
                    text-align: center;
                    color: #fff;
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: bold;
                    font-size: 16px;
                    background-color: #a01c0e;
                    margin-right: 135px;
                }

                .tttitle {
                    display: inline-block;
                    width: 561px;
                    height: 41px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: bold;
                    font-size: 30px;
                    color: #333333;
                    line-height: 35px;
                    text-align: left;
                    vertical-align: middle;
                }

            }

            .toutiao1 {
                width: 1200px;
                text-align: center;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-family: Microsoft YaHei, Microsoft YaHei;
                font-weight: 400;
                font-size: 18px;
                color: #333333;
                line-height: 21px;
                margin-top: 20px;
                padding: 0 100px;
                box-sizing: border-box;

                a {
                    color: #333333;
                }
            }
        }

        .vibrant {
            width: 1200px;
            display: flex;
            justify-content: space-between;
            margin: 30px 0;

            li {
                width: 390px;
                height: 5px;
                background-color: #ecd2cf;
            }

            li:hover {
                background-color: #a01c0e;
            }

            .active {
                background-color: #a01c0e;
            }
        }

        .messageLeft {
            float: left;
            width: 456px;

            .leftTitle {
                display: flex;
                justify-content: space-between;
                align-items: center;
                // margin-bottom: 20px;

                .leftnav {
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: 400;
                    font-size: 20px;
                    color: #333333;
                    line-height: 23px;
                    position: relative;

                    a {
                        color: #333333;
                    }

                    em {
                        display: inline-block;
                        width: 8px;
                        height: 8px;
                        background-color: #a01c0e;
                        position: absolute;
                        top: 0px;
                        right: -10px;
                        border-radius: 4px;
                    }
                }

                .rightnav {
                    width: 337px;
                    // display: flex;
                    // justify-content: space-between;
                    // align-items: center;

                    li {
                        float: left;
                        margin-right: 10px;
                        color: #999999;
                        font-family: 14px;

                        a {
                            margin-right: 10px;
                            color: #999999;
                            font-size: 16px;
                        }
                    }

                    li:hover {
                        a {
                            color: #a01c0e;
                        }
                    }
                }

            }



            .leftContent {
                width: 456px;
                margin-top: 30px;
                background-color: #fafafa;
                background-color: #fff;

                li:nth-child(1) {
                    width: 445px;
                    margin-bottom: 20px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: bold;
                    font-size: 18px;
                    color: #333333;

                    a {
                        width: 456px;
                        color: #333333;
                    }
                }

                li:nth-child(1):hover a {
                    color: #a01c0e;
                }

                .context {
                    width: 445px;
                    margin-bottom: 22px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: 400;
                    font-size: 18px;
                    color: #333333;

                    a {
                        width: 456px;
                        color: #333333;
                    }
                }

                .context:nth-child(5n+1) {
                    font-weight: bold;
                }


                .context:last-child {
                    margin-bottom: 10px;
                }

                .context:hover a {
                    color: #a01c0e;
                }
            }

            .leftContent1 {
                margin-top: 20px;
            }

        }

        .messageRight {
            float: right;
            width: 720px;

            .lunbo {
                width: 720px;
                height: 405px;
            }

            .mid {
                width: 720px;
                height: 250px;
                margin-top: 20px;

                .nav1,
                .nav2 {
                    float: left;
                    width: 355px;
                    background-color: #f8f8f8;


                    .navtitle {
                        width: 355px;
                        height: 60px;
                        line-height: 60px;
                        background-color: #f4f4f4;
                        padding-left: 20px;
                        box-sizing: border-box;
                        font-family: DingTalk JinBuTi, DingTalk JinBuTi;
                        font-weight: 400;
                        font-size: 24px;
                        color: #333333;

                        img {
                            width: 24px;
                            height: 24px;
                            vertical-align: -2px;
                            margin-right: 8px;
                        }

                        a {
                            color: #333333;
                        }

                        a:hover {
                            color: #a01c0e;
                        }
                    }

                    .navContext {
                        width: 360px;
                        padding: 20px 20px;
                        box-sizing: border-box;
                        font-family: Microsoft YaHei, Microsoft YaHei;
                        font-weight: 400;
                        font-size: 18px;
                        color: #333333;

                        .Contextlist {
                            width: 330px;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            margin-bottom: 20px;

                            a {
                                color: #333333;
                            }
                        }

                        .Contextlist:last-child {
                            margin-bottom: 0;
                        }

                        .Contextlist:hover a {
                            color: #a01c0e;
                        }

                    }
                }

                .nav1 {
                    margin-right: 10px;
                }
            }

            .foot {
                width: 720px;
                background-color: #f8f8f8;
                margin-top: 20px;
                padding: 20px 20px;
                box-sizing: border-box;

                .head_nav {
                    width: 680px;
                    height: 140px;
                    padding: 30px 40px;
                    box-sizing: border-box;
                    background-color: #fff;
                    border: 1px solid #E9E9E9;
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
                    align-items: center;

                    .nav_list {
                        float: left;
                        font-family: Microsoft YaHei, Microsoft YaHei;
                        font-weight: bold;
                        font-size: 18px;
                        color: #333333;
                        height: 40px;
                        line-height: 40px;
                        margin-right: 45px;

                        img {
                            width: 24px;
                            height: 24px;
                            vertical-align: -6px;
                            margin-right: 8px;
                        }

                        a {
                            color: #333333;
                        }
                    }
                }

                .foot_nav {
                    width: 680px;
                    height: 68px;
                    line-height: 68px;
                    background-color: #fff;
                    margin-top: 15px;
                    text-align: center;
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: bold;
                    font-size: 20px;
                    color: #333333;
                    border: 1px solid #E9E9E9;

                    a {
                        color: #333333;
                    }
                }
            }
        }
    }
}

//第一部分
.part1 {
    width: 100%;
    overflow: hidden;

    .inner {
        width: 1200px;
        margin: 0 auto;

        .part1_left {
            float: left;
            width: 720px;

            .part1_title {
                width: 720px;
                height: 50px;
                line-height: 50px;

                .nav_part1_left {
                    float: left;
                    width: 100px;
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: 400;
                    font-size: 20px;
                    color: #333333;
                    position: relative;

                    a {
                        color: #333333;
                    }

                    em {
                        display: inline-block;
                        width: 8px;
                        height: 8px;
                        background-color: #a01c0e;
                        border-radius: 4px;
                        position: absolute;
                        top: 9px;
                        right: 6px;
                    }
                }

                .nav_part1_right {
                    float: right;

                    .nav_part1_right_title {
                        float: left;
                        margin-left: 10px;
                        font-family: Microsoft YaHei, Microsoft YaHei;
                        font-weight: 400;
                        font-size: 16px;
                        color: #999999;

                        a {
                            color: #999999;
                        }

                        span {
                            margin-left: 10px;
                        }
                    }

                    .nav_part1_right_title:hover {
                        a {
                            color: #a01c0e;
                        }
                    }
                }
            }

            .part1_content {
                width: 720px;
                margin-top: 10px;

                .context_left {
                    float: left;
                    width: 350px;

                    .top {
                        width: 350px;

                        .bottom_left_img {
                            width: 165px;
                            height: 96px;
                        }

                        a img {
                            width: 350px;
                            height: 230px;
                        }

                        a .title1 {
                            margin-top: 5px;
                            width: 350px;
                            height: 48px;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 2;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            word-break: break-all;
                            font-family: Microsoft YaHei, Microsoft YaHei;
                            font-weight: bold;
                            font-size: 18px;
                            color: #333333;
                        }

                        // a {
                        //     color: #333333;
                        // }

                    }

                    .top:hover a .title1 {
                        color: #a01c0e;
                    }

                    .bottom_context {
                        width: 350px;
                        margin-top: 20px;

                        .bottom_left {
                            float: left;
                            width: 165px;

                            .bottom_left_img {
                                width: 165px;
                                height: 96px;
                            }

                            a img {
                                width: 165px;
                                height: 96px;
                            }

                            a .title2 {
                                margin-top: 5px;
                                width: 165px;
                                height: 48px;
                                display: -webkit-box;
                                -webkit-box-orient: vertical;
                                -webkit-line-clamp: 2;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                word-break: break-all;
                                font-family: Microsoft YaHei, Microsoft YaHei;
                                font-weight: 400;
                                font-size: 18px;
                                color: #333333;
                            }

                            a {
                                color: #333333;
                            }
                        }

                        .bottom_left:hover a .title2 {
                            color: #a01c0e;
                        }

                        .bottom_left:first-child {
                            margin-right: 20px;
                        }

                    }


                }

                .context_right {
                    float: right;
                    width: 350px;

                    .rightContent {
                        width: 350px;

                        li:nth-child(5n+1) {
                            margin-bottom: 24px;
                            width: 345px;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            font-family: Microsoft YaHei, Microsoft YaHei;
                            font-weight: bold;
                            font-size: 18px;
                            color: #333333;

                            a {
                                color: #333333;
                            }
                        }

                        .li:nth-child(5n+1):hover a {
                            color: #a01c0e;
                        }

                        .context1 {
                            margin-bottom: 24px;
                            width: 345px;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            font-family: Microsoft YaHei, Microsoft YaHei;
                            font-weight: 400;
                            font-size: 18px;
                            color: #333333;

                            a {
                                color: #333333;
                            }
                        }

                        .context1:hover a {
                            color: #a01c0e;
                        }

                    }

                    // .rightContent:first-child {
                    //     margin-bottom: 25px;
                    // }
                }
            }
        }

        .part1_right {
            float: right;
            width: 450px;
            // height: 1000px;

            .part1_right_title {
                width: 450px;
                height: 50px;
                line-height: 50px;

                .part1_right_title1_active {
                    float: left;
                    margin-right: 40px;
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: 400;
                    font-size: 20px;
                    color: #333333;
                    position: relative;

                    a.active {
                        color: #333333;
                    }

                    .active_bg {
                        display: inline-block;
                        width: 8px;
                        height: 8px;
                        background-color: #a01c0e;
                        border-radius: 4px;
                        position: absolute;
                        top: 7px;
                        right: -5px;
                    }
                }

                .part1_right_title1 {
                    float: left;
                    margin-right: 40px;
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: 400;
                    font-size: 20px;
                    color: #999999;
                    position: relative;

                    a {
                        color: #999999;
                    }

                    // .active_bg {
                    //     display: inline-block;
                    //     width: 8px;
                    //     height: 8px;
                    //     background-color: #a01c0e;
                    //     border-radius: 4px;
                    //     position: absolute;
                    //     top: 7px;
                    //     right: -5px;
                    // }
                }

            }

            .part1_right_content {
                width: 450px;
                margin-top: 10px;

                .part1_right_content_top {
                    float: left;
                    width: 220px;

                    a img {
                        width: 220px;
                        height: 130px;
                    }

                    a .content_top_title2 {
                        display: inline-block;
                        width: 220px;
                        padding: 0 10px;
                        box-sizing: border-box;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        font-family: Microsoft YaHei, Microsoft YaHei;
                        font-weight: 400;
                        font-size: 18px;
                        color: #333333;
                        margin-top: 5px;
                    }
                }

                .part1_right_content_top:hover a .content_top_title2 {
                    color: #a01c0e;
                }

                .part1_right_content_top:nth-child(2) {
                    margin-left: 10px;
                }

                .part1_right_content_bottom {
                    width: 450px;
                    overflow: hidden;

                    .content_bottom_list {
                        width: 450px;
                        margin-top: 24px;

                        a {
                            color: #333333;
                        }

                        a .sec_title {
                            font-family: Microsoft YaHei, Microsoft YaHei;
                            font-weight: 400;
                            font-size: 18px;
                            color: #A01C0E;
                            line-height: 21px;
                            margin-right: 15px;
                        }

                        a .sec_content {
                            display: inline-block;
                            width: 355px;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            font-family: Microsoft YaHei, Microsoft YaHei;
                            font-weight: 400;
                            font-size: 18px;
                            color: #333333;
                            line-height: 21px;
                            padding-left: 15px;
                            border-left: 1px solid #666;
                            box-sizing: border-box;
                            vertical-align: -1px;
                        }
                    }

                    a .sec_content:hover {
                        color: #a01c0e;
                    }
                }
            }
        }
    }
}

//第二部分
.part2 {
    width: 100%;
    height: 540px;
    overflow: hidden;

    .inner {
        width: 1200px;
        margin: 0 auto;

        .part2_left {
            float: left;
            width: 720px;
            // overflow: hidden;

            .part2_title {
                width: 720px;
                height: 50px;
                line-height: 50px;

                .nav_part2_left {
                    float: left;
                    width: 100px;
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: 400;
                    font-size: 20px;
                    color: #333333;
                    position: relative;

                    a {
                        color: #333333;
                    }

                    em {
                        display: inline-block;
                        width: 8px;
                        height: 8px;
                        background-color: #a01c0e;
                        border-radius: 4px;
                        position: absolute;
                        top: 9px;
                        right: 6px;
                    }
                }

                .nav_part2_right {
                    float: right;

                    .nav_part2_right_title {
                        float: left;
                        margin-left: 10px;
                        font-family: Microsoft YaHei, Microsoft YaHei;
                        font-weight: 400;
                        font-size: 16px;
                        color: #999999;

                        a {
                            color: #999999;
                        }

                        span {
                            margin-left: 10px;
                        }
                    }

                    .nav_part2_right_title:hover {
                        a {
                            color: #a01c0e;
                        }
                    }
                }
            }

            .part2_content {
                width: 720px;
                margin-top: 20px;

                .part2_content_left {
                    float: left;
                    width: 350px;

                    .content_a {
                        width: 350px;

                        li:nth-child(5n+1) {
                            margin-bottom: 24px;
                            width: 345px;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            font-family: Microsoft YaHei, Microsoft YaHei;
                            font-weight: bold;
                            font-size: 18px;
                            color: #333333;

                            a {
                                color: #333333;
                            }
                        }

                        li:nth-child(5n+1):hover a {
                            color: #a01c0e;
                        }

                        .context111 {
                            margin-bottom: 24px;
                            width: 345px;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            font-family: Microsoft YaHei, Microsoft YaHei;
                            font-weight: 400;
                            font-size: 18px;
                            color: #333333;

                            a {
                                color: #333333;
                            }
                        }

                        .context111:hover a {
                            color: #a01c0e;
                        }

                    }
                }

                .part2_content_right {
                    float: right;
                    width: 350px;
                    height: 440px;

                    .right_top {
                        width: 350px;

                        a img {
                            width: 350px;
                            height: 230px;
                        }

                        a .title11 {
                            margin-top: 5px;
                            width: 350px;
                            height: 48px;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 2;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            word-break: break-all;
                            font-family: Microsoft YaHei, Microsoft YaHei;
                            font-weight: bold;
                            font-size: 18px;
                            color: #333333;
                        }
                    }

                    .right_top:hover a .title11 {
                        color: #a01c0e;
                    }

                    .right_bottom {
                        width: 350px;
                        margin-top: 20px;

                        .bottom_left {
                            float: left;
                            width: 165px;

                            a img {
                                width: 165px;
                                height: 96px;
                            }

                            a .title22 {
                                margin-top: 5px;
                                width: 165px;
                                // height: 48px;
                                display: -webkit-box;
                                -webkit-box-orient: vertical;
                                -webkit-line-clamp: 2;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                word-break: break-all;
                                font-family: Microsoft YaHei, Microsoft YaHei;
                                font-weight: 400;
                                font-size: 18px;
                                color: #333333;
                            }
                            a{
                                color: #333333;
                            }

                        }

                        .bottom_left:hover a .title22 {
                            color: #a01c0e;
                        }

                        .bottom_left:first-child {
                            margin-right: 20px;
                        }
                    }


                }
            }
        }

        .part2_right {
            float: right;
            width: 450px;
            // height: 1000px;

            .part2_right_title {
                width: 450px;
                height: 50px;
                line-height: 50px;

                .part2_right_title1_active {
                    float: left;
                    margin-right: 40px;
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: 400;
                    font-size: 20px;
                    color: #333333;
                    position: relative;

                    a.active {
                        color: #333333;
                    }

                    .active_bg11 {
                        display: inline-block;
                        width: 8px;
                        height: 8px;
                        background-color: #a01c0e;
                        border-radius: 4px;
                        position: absolute;
                        top: 7px;
                        right: -5px;
                    }
                }

                .part2_right_title1 {
                    float: left;
                    margin-right: 40px;
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: 400;
                    font-size: 20px;
                    color: #999999;
                    position: relative;

                    a {
                        color: #999999;
                    }
                }

            }

            .part2_right_content {
                width: 450px;
                margin-top: 20px;

                .part2_right_content_top {
                    float: left;
                    width: 220px;

                    a img {
                        width: 220px;
                        height: 130px;
                    }

                    a .content_top_title22 {
                        display: inline-block;
                        width: 220px;
                        padding: 0 10px;
                        box-sizing: border-box;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        font-family: Microsoft YaHei, Microsoft YaHei;
                        font-weight: 400;
                        font-size: 18px;
                        color: #333333;
                        margin-top: 5px;
                    }
                }

                .part2_right_content_top:hover a .content_top_title22 {
                    color: #a01c0e;
                }

                .part2_right_content_top:nth-child(2) {
                    margin-left: 10px;
                }

                .part2_right_content_bottom {
                    width: 450px;
                    // height: 300px;
                    margin-top: 20px;
                    overflow: hidden;

                    .content_bottom_list {
                        width: 450px;
                        margin-top: 24px;

                        a {
                            color: #333333;
                        }

                        a .sec_title_part2 {
                            font-family: Microsoft YaHei, Microsoft YaHei;
                            font-weight: 400;
                            font-size: 18px;
                            color: #A01C0E;
                            line-height: 21px;
                            margin-right: 15px;
                        }

                        a .sec_content_part2 {
                            display: inline-block;
                            width: 355px;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            font-family: Microsoft YaHei, Microsoft YaHei;
                            font-weight: 400;
                            font-size: 18px;
                            color: #333333;
                            line-height: 21px;
                            padding-left: 15px;
                            border-left: 1px solid #666;
                            box-sizing: border-box;
                            vertical-align: -1px;
                        }
                    }

                    a .sec_content_part2:hover {
                        color: #a01c0e;
                    }
                }
            }
        }
    }
}

//第三部分
.part3 {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;

    .inner {
        width: 1200px;
        overflow: hidden;
        margin: 0 auto;
        background-color: #fff;

        .part3_left {
            float: left;
            width: 720px;
            overflow: hidden;
            background-color: #fff;

            .part3_left_1 {
                width: 350px;
                overflow: hidden;
                float: left;
                background-color: #fff;

                .part3_title1 {
                    width: 100px;
                    height: 50px;
                    line-height: 50px;
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: 400;
                    font-size: 20px;
                    color: #333333;
                    position: relative;

                    a {
                        color: #333333;
                    }

                    em {
                        display: inline-block;
                        width: 8px;
                        height: 8px;
                        background-color: #a01c0e;
                        border-radius: 4px;
                        position: absolute;
                        top: 9px;
                        right: 6px;
                    }
                }


                .part3_photo_text {
                    width: 350px;
                    height: 96px;
                    margin-top: 20px;

                    img {
                        width: 165px;
                        height: 96px;
                        float: left;
                    }

                    .part3_text {
                        width: 175px;
                        height: 75px;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        word-break: break-all;
                        float: right;
                        font-family: Microsoft YaHei, Microsoft YaHei;
                        font-weight: 400;
                        font-size: 18px;
                        color: #333333;
                        line-height: 25px;
                        padding: 24px 10px;
                        box-sizing: border-box;
                    }
                }

                .part3_photo_text:hover {
                    color: #a01c0e;

                    a span {
                        color: #a01c0e;
                    }
                }

                .part3_content {
                    width: 350px;

                    .part3_contentList {
                        width: 350px;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        font-family: Microsoft YaHei, Microsoft YaHei;
                        font-weight: 400;
                        font-size: 18px;
                        color: #333333;
                        line-height: 21px;
                        margin-top: 22px;

                        a {
                            color: #333333;
                        }
                    }

                    .part3_contentList:hover {
                        color: #a01c0e;

                        a {
                            color: #a01c0e;
                        }
                    }

                    .part3_contentList:nth-child(1) {
                        font-weight: bold;
                    }
                }
            }

            .part3_left_1:first-child {
                margin-right: 10px;
            }
        }

        .part3_right {
            float: right;
            width: 450px;
            // height: 420px;
            background-color: #f8f8f8;

            .part3_right_title {
                width: 450px;
                height: 60px;
                line-height: 60px;
                font-family: DingTalk JinBuTi, DingTalk JinBuTi;
                font-weight: 400;
                font-size: 22px;
                color: #333333;
                background-color: #f4f4f4;

                a {
                    color: #333333;
                }

                a:hover {
                    color: #a01c0e;
                }

                img {
                    width: 24px;
                    height: 24px;
                    vertical-align: -3px;
                    margin-right: 12px;
                    margin-left: 20px;
                }
            }

            .part3_right_content {
                width: 450px;
                height: 320px;
                padding: 16px 20px;
                box-sizing: border-box;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                align-content: space-between;

                .content_list {
                    float: left;
                    width: 200px;
                    height: 133px;
                    background-color: #fff;
                    border: 1px solid #E9E9E9;
                    text-align: center;
                    padding: 20px auto;

                    .part3_right_content_list {
                        display: block;
                        font-family: Microsoft YaHei, Microsoft YaHei;
                        font-weight: bold;
                        font-size: 20px;
                        color: #333333;
                    }

                    .photo {
                        width: 90px;
                        height: 68px;
                        text-align: center;
                        margin: 10px auto 10px;

                        //     img{
                        //     width: 47px;
                        //     height: 47px;
                        // }
                    }

                }

                .content_list:hover {
                    color: #a01c0e;

                    a span {
                        color: #a01c0e;
                    }
                }
            }
        }
    }
}

//第四部分
.part4 {
    width: 100%;
    height: 405px;
    // margin-bottom: 40px;

    .inner {
        width: 1200px;
        height: 425px;
        background-color: #fff;

        .part4_title {
            width: 1200px;
            height: 50px;
            line-height: 50px;

            .part4_title_left {
                float: left;
                width: 100px;
                position: relative;
                font-family: Microsoft YaHei, Microsoft YaHei;
                font-weight: 400;
                font-size: 20px;
                color: #333333;

                a {
                    color: #333333;
                }

                em {
                    display: inline-block;
                    width: 8px;
                    height: 8px;
                    background-color: #a01c0e;
                    border-radius: 4px;
                    position: absolute;
                    top: 9px;
                    right: 6px;
                }
            }


            .part4_title_right {
                float: right;

                .right_titleList {
                    float: left;
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: 400;
                    font-size: 16px;
                    color: #999999;
                    margin-right: 10px;

                    a {
                        color: #999999;
                    }

                    span {
                        margin-left: 10px;
                    }
                }

                .right_titleList:hover {
                    color: #a01c0e;

                    a {
                        color: #a01c0e;
                    }

                    span {
                        color: #999999;
                    }
                }

                .more {
                    float: right;
                    height: 50px;
                    line-height: 50px;
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: 400;
                    font-size: 14px;
                    color: #999999;

                    a {
                        color: #999999;
                    }
                }

                .more:hover {
                    color: #a01c0e;

                    a {
                        color: #a01c0e;
                    }
                }
            }
        }

        .part4_left {
            float: left;
            width: 720px;
            // height: 400px;

            .part4_left_top {
                width: 700px;
                text-align: center;
                padding: 20px 35px 15px;
                box-sizing: border-box;
                border-bottom: 1px solid #d9d9d9;
                margin: 0 20px;

                .left_top_newsList:first-child {
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: bold;
                    font-size: 18px;
                    color: #333333;
                    line-height: 21px;

                    a {
                        color: #333333;
                    }
                }

                .left_top_newsList {
                    width: 600px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: 400;
                    font-size: 18px;
                    color: #999999;
                    margin-bottom: 15px;

                    a {
                        color: #999999;
                    }
                }

                .left_top_newsList:last-child {
                    margin-bottom: 0;
                }

                .left_top_newsList:hover {
                    color: #a01c0e;

                    a {
                        color: #a01c0e;
                    }
                }
            }

            .part4_left_bottom {
                width: 720px;
                // height: 178px;
                margin-top: 20px;

                .left_btm_newsList {
                    float: left;
                    width: 350px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: 400;
                    font-size: 18px;
                    color: #333333;
                    line-height: 21px;
                    margin-bottom: 20px;

                    a {
                        color: #333333;
                    }
                }

                .left_btm_newsList:nth-child(2n) {
                    margin-left: 20px;
                }

                .left_btm_newsList:hover {
                    color: #a01c0e;

                    a {
                        color: #a01c0e;
                    }
                }
            }

        }

        .part4_right {
            float: right;
            width: 450px;
            // height: 345px;
            margin-top: 20px;

            a img {
                width: 450px;
                height: 267px;
            }


            .part4_right_title {
                display: inline-block;
                width: 450px;
                height: 50px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                text-overflow: ellipsis;
                word-break: break-all;
                font-family: Microsoft YaHei, Microsoft YaHei;
                font-weight: bold;
                font-size: 18px;
                color: #333333;
                line-height: 25px;
                margin-top: 5px;
            }
        }

        .part4_right:hover {
            color: #a01c0e;

            .part4_right_title {
                color: #a01c0e;
            }
        }
    }
}

//第五部分
.part5 {
    width: 100%;
    // height: 1200px;
    margin-top: 20px;
    margin-bottom: 10px;

    .inner {
        width: 1200px;
        height: 1080px;
        background-color: #fff;

        .part5_left {
            float: left;

            .part5_left_top {
                width: 720px;
                overflow: hidden;

                .part5_leftTitle {
                    width: 720px;
                    height: 50px;
                    line-height: 50px;

                    .part5_left_title_active {
                        float: left;
                        margin-right: 20px;
                        width: 100px;
                        height: 50px;
                        line-height: 50px;
                        position: relative;
                        font-family: Microsoft YaHei, Microsoft YaHei;
                        font-weight: 400;
                        font-size: 20px;
                        color: #333333;

                        a.active {
                            color: #333333;
                        }

                        em {
                            display: inline-block;
                            width: 8px;
                            height: 8px;
                            background-color: #a01c0e;
                            border-radius: 4px;
                            position: absolute;
                            top: 9px;
                            right: 6px;
                        }
                    }

                    .part5_left_title {
                        float: left;
                        margin-right: 20px;
                        width: 100px;
                        height: 50px;
                        line-height: 50px;
                        position: relative;
                        font-family: Microsoft YaHei, Microsoft YaHei;
                        font-weight: 400;
                        font-size: 20px;
                        color: #999999;

                        a {
                            color: #999999;
                        }

                        // em{
                        //     display: inline-block;
                        //     width: 8px;
                        //     height: 8px;
                        //     background-color: #a01c0e;
                        //     border-radius: 4px;
                        //     position: absolute;
                        //     top: 9px;
                        //     right: 6px;
                        // }
                    }
                }

                .part5_left_content {
                    width: 720px;
                    margin-top: 20px;

                    .part5_left_content_top {
                        .content_top_left {
                            float: left;
                            width: 350px;

                            .part5_photo_text {
                                width: 350px;
                                position: relative;

                                img {
                                    width: 350px;
                                    height: 230px;
                                }

                                .littleTips {
                                    display: inline-block;
                                    width: 50px;
                                    height: 26px;
                                    line-height: 26px;
                                    text-align: center;
                                    background-color: #a01c0e;
                                    font-family: Microsoft YaHei, Microsoft YaHei;
                                    font-weight: 400;
                                    font-size: 16px;
                                    color: #fff;
                                    position: absolute;
                                    top: 0;
                                    right: 10px;
                                }

                                .part5_text {
                                    display: inline-block;
                                    width: 350px;
                                    height: 26px;
                                    white-space: nowrap;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    font-family: Microsoft YaHei, Microsoft YaHei;
                                    font-weight: bold;
                                    font-size: 18px;
                                    color: #333333;
                                    margin-top: 15px;
                                }
                            }

                            .part5_photo_text:hover {

                                .part5_text {
                                    color: #a01c0e;
                                }
                            }

                            .part5_content {
                                width: 350px;

                                .part5_content_list:first-child {
                                    width: 350px;
                                    height: 25px;
                                    white-space: nowrap;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    font-family: Microsoft YaHei, Microsoft YaHei;
                                    font-weight: bold;
                                    font-size: 18px;
                                    color: #333333;
                                    line-height: 22px;
                                    margin-top: 15px;

                                    a {
                                        color: #333333;
                                    }
                                }

                                .part5_content_list:last-child {
                                    margin-bottom: 0;
                                }

                                .part5_content_list {
                                    width: 350px;
                                    height: 25px;
                                    white-space: nowrap;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    font-family: Microsoft YaHei, Microsoft YaHei;
                                    font-weight: 400;
                                    font-size: 18px;
                                    color: #333333;
                                    line-height: 22px;
                                    margin-bottom: 17px;

                                    a {
                                        color: #333333;
                                    }
                                }

                                .part5_content_list:hover {
                                    color: #a01c0e;

                                    a {
                                        color: #a01c0e;
                                    }
                                }
                            }
                        }

                        .content_top_right {
                            float: left;
                            width: 350px;
                            height: 484px;
                            border: 1px solid #D9D9D9;
                            margin-left: 20px;
                            padding: 30px 25px;
                            box-sizing: border-box;

                            .content_right_list {
                                width: 350px;
                                height: 58px;
                                line-height: 58px;
                                margin-bottom: 35px;

                                .part5_time {
                                    float: left;
                                    width: 77px;
                                    height: 58px;
                                    color: #a01c0e;

                                    .month {
                                        font-family: Microsoft YaHei, Microsoft YaHei;
                                        font-weight: 400;
                                        font-size: 26px;
                                        color: #A01C0E;
                                        line-height: 30px;
                                    }

                                    .xiegang {
                                        font-size: 22px;
                                        font-weight: 400;
                                    }

                                    .day {
                                        font-family: Microsoft YaHei, Microsoft YaHei;
                                        font-weight: 400;
                                        font-size: 16px;
                                        color: #A01C0E;
                                        line-height: 19px;
                                    }
                                }

                                .time_left_content {
                                    float: left;
                                    width: 231px;
                                    height: 58px;
                                    display: -webkit-box;
                                    -webkit-box-orient: vertical;
                                    -webkit-line-clamp: 2;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    word-break: break-all;
                                    line-height: 22px;
                                    padding-top: 12px;
                                    box-sizing: border-box;
                                    font-family: Microsoft YaHei, Microsoft YaHei;
                                    font-weight: 400;
                                    font-size: 18px;
                                    color: #333333;
                                    border-left: 1px solid #D9D9D9;
                                    padding-left: 22px;

                                    a {
                                        color: #333333;
                                    }
                                }

                                .time_left_content:hover {
                                    color: #a01c0e;
                                }
                            }
                        }
                    }
                }
            }

            .part5_left_bottom {
                width: 720px;
                margin-top: 15px;

                .part5_leftTitle1 {
                    width: 720px;
                    height: 50px;
                    line-height: 50px;

                    .part5_left_title_active {
                        float: left;
                        margin-right: 20px;
                        width: 100px;
                        height: 50px;
                        line-height: 50px;
                        position: relative;
                        font-family: Microsoft YaHei, Microsoft YaHei;
                        font-weight: 400;
                        font-size: 20px;
                        color: #333333;

                        a.active {
                            color: #333333;
                        }

                        em {
                            display: inline-block;
                            width: 8px;
                            height: 8px;
                            background-color: #a01c0e;
                            border-radius: 4px;
                            position: absolute;
                            top: 9px;
                            right: 6px;
                        }
                    }

                    .part5_left_title {
                        float: left;
                        margin-right: 20px;
                        width: 100px;
                        height: 50px;
                        line-height: 50px;
                        position: relative;
                        font-family: Microsoft YaHei, Microsoft YaHei;
                        font-weight: 400;
                        font-size: 20px;
                        color: #999999;

                        a {
                            color: #999999;
                        }
                    }
                }

                .part5_left_content1 {
                    width: 720px;

                    .content_bottom_left {
                        float: left;
                        width: 350px;

                        .content_top {
                            width: 350px;

                            img {
                                width: 350px;
                                height: 230px;
                            }

                            .part5_text {
                                display: inline-block;
                                width: 350px;
                                height: 47px;
                                line-height: 22px;
                                display: -webkit-box;
                                -webkit-box-orient: vertical;
                                -webkit-line-clamp: 2;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                word-break: break-all;
                                margin-top: 5px;
                                font-family: Microsoft YaHei, Microsoft YaHei;
                                font-weight: bold;
                                font-size: 18px;
                                color: #333333
                            }

                        }

                        .content_top:hover {
                            .part5_text {
                                color: #a01c0e;
                            }
                        }

                        .content_bottom {
                            width: 350px;
                            margin-top: 10px;

                            .content_bottom_1 {
                                float: left;
                                width: 165px;

                                img {
                                    width: 165px;
                                    height: 96px;
                                }

                                .part5_text {
                                    display: inline-block;
                                    width: 165px;
                                    height: 44px;
                                    line-height: 22px;
                                    display: -webkit-box;
                                    -webkit-box-orient: vertical;
                                    -webkit-line-clamp: 2;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    word-break: break-all;
                                    font-family: Microsoft YaHei, Microsoft YaHei;
                                    font-weight: 400;
                                    font-size: 18px;
                                    color: #333333;
                                    // margin-top: 5px;
                                }
                            }

                            .content_bottom_1:hover {
                                .part5_text {
                                    color: #a01c0e;
                                }
                            }

                            .content_bottom_1:first-child {
                                margin-right: 20px;
                            }

                        }
                    }

                    .content_bottom_right {
                        float: left;
                        margin-left: 20px;
                        width: 350px;

                        .bottom_content_1 {
                            width: 350px;

                            .bottom_content_list:nth-child(5n+1) {
                                font-weight: bold;
                            }

                            .bottom_content_list {
                                width: 350px;
                                height: 25px;
                                white-space: nowrap;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                font-family: Microsoft YaHei, Microsoft YaHei;
                                font-weight: 400;
                                font-size: 18px;
                                color: #333333;
                                line-height: 21px;
                                margin-bottom: 21px;

                                a {
                                    color: #333333;
                                }
                            }

                            .bottom_content_list:hover {
                                color: #a01c0e;

                                a {
                                    color: #a01c0e;
                                }
                            }
                        }

                        .bottom_content_1:first-child {
                            margin-bottom: 20px;
                        }

                        .bottom_content_1:last-child {
                            .bottom_content_list:last-child {
                                margin-bottom: 0;
                            }
                        }
                    }
                }
            }

        }

        .part5_right {
            float: right;
            width: 451px;

            .part5_rightTitle {
                width: 451px;
                height: 50px;
                line-height: 50px;

                .part5_right_title_active {
                    float: left;
                    margin-right: 20px;
                    width: 100px;
                    height: 50px;
                    line-height: 50px;
                    position: relative;
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: 400;
                    font-size: 20px;
                    color: #333333;

                    a.active {
                        color: #333333;
                    }

                    em {
                        display: inline-block;
                        width: 8px;
                        height: 8px;
                        background-color: #a01c0e;
                        border-radius: 4px;
                        position: absolute;
                        top: 9px;
                        right: 6px;
                    }
                }

                .part5_right_title {
                    float: left;
                    margin-right: 20px;
                    width: 100px;
                    height: 50px;
                    line-height: 50px;
                    position: relative;
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: 400;
                    font-size: 20px;
                    color: #999999;

                    a {
                        color: #999999;
                    }
                }

                .rightMore {
                    float: right;
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: 400;
                    font-size: 14px;
                    color: #999999;

                    a {
                        color: #999999;
                    }

                }
            }

            .part5_right_content_top {
                width: 451px;
                margin-top: 20px;

                .part5_right_contentlist_top {
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: 400;
                    font-size: 18px;
                    color: #333333;
                    width: 425px;
                    height: 25px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    margin-bottom: 25px;

                    a {
                        color: #333333;
                    }

                    .numStyle {
                        display: inline-block;
                        width: 22px;
                        height: 22px;
                        background-color: #f6f6f6;
                        text-align: center;
                        margin-right: 20px;
                        font-family: Protest Strike, Protest Strike;
                        font-weight: 400;
                        font-size: 16px;
                        color: #CCCCCC;
                        border-radius: 4px;
                    }
                }

                .part5_right_contentlist_top:hover {
                    color: #a01c0e;

                    a {
                        color: #a01c0e;
                    }
                }

                .part5_right_contentlist_top:nth-child(1) {
                    .numStyle {
                        background-color: #a01c0e;
                        color: #fff;
                    }
                }

                .part5_right_contentlist_top:nth-child(2) {
                    .numStyle {
                        background-color: #FFC62E;
                        color: #fff;
                    }
                }

                .part5_right_contentlist_top:nth-child(3) {
                    .numStyle {
                        background-color: #e98008;
                        color: #fff;
                    }
                }

                .part5_right_contentlist_top:last-child {
                    margin-bottom: 10px;
                }
            }

            .part5_photo_text_right {
                width: 451px;
                height: 120px;
                margin-top: 20px;
                margin-bottom: 20px;
                background-color: #f6f3f0;


                .part5_text11 {
                    float: left;
                    width: 271px;
                    height: 96px;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 3;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    word-break: break-all;
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: 400;
                    font-size: 18px;
                    color: #333333;
                    padding: 25px 20px;
                    box-sizing: border-box;
                }

                img {
                    float: left;
                    width: 180px;
                    height: 120px;
                }
            }

            .part5_photo_text_right:hover {
                .part5_text11 {
                    color: #a01c0e;
                }
            }

            .part5_right_content_11 {
                width: 451px;


                .part5_right_contentlist_11 {
                    width: 451px;
                    height: 25px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: 400;
                    font-size: 18px;
                    color: #333333;
                    line-height: 21px;

                    .erjibiaoti {
                        display: inline-block;
                        width: 87px;
                        height: 24px;
                        font-family: Microsoft YaHei, Microsoft YaHei;
                        font-weight: 400;
                        font-size: 18px;
                        color: #A01C0E;
                        border-right: #D3D5D8 1px solid;
                        margin-right: 10px;
                    }

                    a {
                        color: #333333;
                    }
                }

                a:hover {
                    color: #a01c0e;
                }

                .part5_right_contentlist_11:first-child {
                    margin-bottom: 12px;
                }
            }


        }
    }
}

//第六部分
.part6 {
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 10px;

    .inner {
        width: 1200px;

        .part6_left {
            float: left;
            width: 720px;

            .part6_left_content1 {
                float: left;
                width: 350px;
                background-color: #f8f8f8;

                .part6_left_content_title {
                    width: 350px;
                    height: 59px;
                    background-color: #f4f4f4;
                    line-height: 59px;
                    font-family: DingTalk JinBuTi, DingTalk JinBuTi;
                    font-weight: 400;
                    font-size: 24px;
                    color: #333333;

                    img {
                        margin-left: 20px;
                        margin-right: 10px;
                        vertical-align: -2px;
                    }
                }

                .selectMore {
                    float: right;
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: 400;
                    font-size: 16px;
                    color: #999999;
                    margin-right: 20px;
                }

                .part6_left_content111 {
                    padding-top: 20px;

                    .part6_left_content_list {
                        margin-bottom: 20px;

                        .jiantou {
                            display: inline-block;
                            font-size: 22px;
                            color: #a01c0e;
                            margin-left: 20px;
                            margin-right: 25px;
                        }

                        .fenlei {
                            display: inline-block;
                            width: 110px;
                            height: 36px;
                            line-height: 36px;
                            text-align: center;
                            background-color: #fff;
                            border: 1px solid #f8f8f8;
                            margin-right: 20px;
                            font-family: Microsoft YaHei, Microsoft YaHei;
                            font-weight: 400;
                            font-size: 18px;
                            color: #333333;
                        }
                    }

                }
            }

            .part6_left_content1:first-child {
                margin-right: 20px;
            }
        }

        .part6_right {
            float: right;
            width: 450px;
            background-color: #f8f8f8;

            .part6_right_title {
                width: 450px;
                height: 59px;
                line-height: 59px;
                background-color: #f4f4f4;
                font-family: DingTalk JinBuTi, DingTalk JinBuTi;
                font-weight: 400;
                font-size: 24px;
                color: #333333;
                padding-left: 20px;
                box-sizing: border-box;
            }

            .part6_right_content {
                width: 410px;
                height: 200px;
                background-color: #fff;
                margin: 25px 20px;

                .part6_right_content_list {
                    float: left;
                    width: 205px;
                    height: 160px;
                    margin-top: 20px;
                    padding-left: 40px;
                    box-sizing: border-box;
                    border-right: 1px solid #ececec;

                    .yslist {
                        font-family: Microsoft YaHei, Microsoft YaHei;
                        font-weight: bold;
                        font-size: 18px;
                        color: #333333;
                        line-height: 21px;
                        margin-bottom: 20px;

                        img {
                            margin-right: 10px;
                            vertical-align: middle;
                        }
                    }
                }

                .part6_right_content_list1 {
                    float: left;
                    width: 205px;
                    margin-top: 20px;
                    padding-left: 40px;
                    box-sizing: border-box;


                    .swlist {
                        font-family: Microsoft YaHei, Microsoft YaHei;
                        font-weight: bold;
                        font-size: 18px;
                        color: #333333;
                        line-height: 21px;
                        margin-bottom: 20px;

                        img {
                            margin-right: 10px;
                            vertical-align: middle;
                        }
                    }
                }
            }
        }
    }
}