xiangcunwang_web/assets/css/class.less

// 一级标题
.nav1 {
    width: 100%;
    height: 214px;
    background: #fff;

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

        .nav1_title {
            width: 1120px;
            height: 214px;
            margin-left: 40px;
            line-height: 217px;
            text-align: center;
            font-family: DingTalk JinBuTi, DingTalk JinBuTi;
            font-weight: 400;
            font-size: 50px;
            color: #6D2512;
            background: url(/_nuxt/public/index/title_bg.png) no-repeat 0;
        }

    }
}

.nav2top {
    width: 1250px;
    height: 3px;
    margin: 0 auto;
    background-color: #a01c0e;
}

.nav2btm {
    width: 1200px;
    height: 3px;
    margin: 0 auto;
    background-color: #a01c0e;
}

.nav2 {
    width: 100%;
    height: 48px;
    background-color: #a01c0e;

    .inner {
        width: 1250px;
        height: 48px;
        line-height: 48px;
        padding: 0 45px;
        margin: 0 auto;
        box-sizing: border-box;
        display: flex;
        // justify-content: space-between;

        .titleList {
            font-family: Microsoft YaHei, Microsoft YaHei;
            font-weight: bold;
            font-size: 14px;
            color: #FFFFFF;

            .nav2_title {
                display: inline-block;
                font-family: Microsoft YaHei, Microsoft YaHei;
                font-weight: bold;
                font-size: 14px;
                color: #FFFFFF;
            }

            a {
                padding: 0 38px;
                color: #FFFFFF;
                border-left: 1px solid #7E1C11;
            }

            //鼠标点击后的样式
            .nav2_title_active {
                display: inline-block;
                font-family: Microsoft YaHei, Microsoft YaHei;
                font-weight: bold;
                font-size: 14px;
                color: #FFFFFF;
                border-bottom: 1px solid #FFFFFF;
            }
        }

        .titleList:hover {
            a {
                color: #a01c0e;

                .nav2_title {
                    border-bottom: 1px solid #FFFFFF;
                }
            }
        }

        .home {
            width: 100px;
            font-family: Microsoft YaHei, Microsoft YaHei;
            font-weight: bold;
            font-size: 14px;
            color: #F8ECD2;
        }
    }
}

//第一部分
.part1 {
    width: 100%;
    height: 585px;
    margin-top: 35px;

    .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;
                    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: 5px;
                    }
                }

            }

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

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

                    .top {
                        width: 350px;

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

                        a .title1 {
                            margin-top: 15px;
                            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;
                        }

                    }

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

                    .bottom {
                        width: 350px;
                        margin-top: 25px;

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

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

                            a .title2 {
                                margin-top: 10px;
                                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;
                            }
                        }

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

                    }

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

                    }
                }

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

                    .rightContent {
                        width: 350px;
                        height: 230px;

                        .context1:nth-child(5n+1) {
                            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;
                            }
                        }

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

                        .context1 {
                            margin-bottom: 27px;
                            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;
                        }

                    }
                }
            }
        }

        .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 {
                        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;
                    }


                }

            }

            .part1_right_content {
                width: 450px;
                // height: 940px;
                margin-top: 20px;

                .part1_right_top11 {
                    width: 450px;
                    height: 180px;
                    position: relative;

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

                        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: 10px;
                        }
                    }

                    .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;
                    height: 300px;
                    margin-top: 15px;
                    overflow: hidden;

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


                        a {
                            color: #333333;
                        }
                    }

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

//第二部分
.part2 {
    width: 100%;
    overflow: hidden;
    // margin-bottom: 40px;

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

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

            .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;
                    }
                }
            }

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

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

                    .content_a {
                        width: 350px;
                        height: 230px;

                        // margin-bottom: 25px;
                        .context111:nth-child(5n+1) {
                            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;
                            }
                        }

                        .context111 {
                            margin-bottom: 27px;
                            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: 480px;

                    .right_top {
                        width: 350px;
                        height: 300px;

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

                        a .title11 {
                            margin-top: 15px;
                            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 {
                        color: #a01c0e;

                        a .title11 {
                            color: #a01c0e;
                        }
                    }

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

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

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

                            a .title22 {
                                margin-top: 10px;
                                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;
                            }

                        }

                        .bottom_left:hover {
                            color: #a01c0e;

                            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 {
                        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_top11 {
                    width: 450px;
                    height: 170px;
                    position: relative;

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

                        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: 10px;
                        }
                    }

                    .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;
                        height: 22px;
                        line-height: 21px;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        margin-bottom: 28px;
                        font-family: Microsoft YaHei, Microsoft YaHei;
                        font-weight: 400;
                        font-size: 18px;
                        color: #333333;


                        a {
                            color: #333333;
                        }
                    }

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

//第三部分
.part3 {
    width: 100%;
    overflow: hidden;
    // height: 1200px;
    margin-top: 35px;
    margin-bottom: 40px;

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

        .part3_left {
            float: left;

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

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

                    .part3_left_title:first-child {
                        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 {
                            color: #333333;
                        }

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

                    .part3_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;
                        // }
                    }
                }

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

                    .part3_left_content_top {
                        .content_top_left {
                            float: left;
                            width: 350px;
                            height: 484px;

                            .part3_photo_text {
                                width: 350px;
                                height: 280px;
                                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;
                                }

                                .part3_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;
                                }
                            }

                            .part3_photo_text:hover {
                                .part3_text {
                                    color: #a01c0e;
                                }
                            }

                            .part3_content {
                                width: 350px;

                                .part3_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: 35px;

                                    a {
                                        color: #333333;
                                    }
                                }

                                .part3_content_list:first-child:hover {
                                    a {
                                        color: #a01c0e;
                                    }
                                }

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

                                .part3_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: 27px;

                                    a {
                                        color: #333333;
                                    }
                                }

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

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

                            .content_right_list {
                                height: 62px;
                                line-height: 62px;

                                .part3_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: 295px;
                                    height: 32px;
                                    white-space: nowrap;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    line-height: 22px;
                                    padding-top: 12px;
                                    box-sizing: border-box;
                                    font-family: Microsoft YaHei, Microsoft YaHei;
                                    font-weight: 400;
                                    font-size: 18px;
                                    color: #333333;
                                    padding-left: 5px;

                                    a {
                                        color: #333333;
                                    }

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

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

                            .content_right_list:nth-child(4n+1) {
                                a {
                                    font-weight: bold;
                                }
                            }

                            &:nth-child(1),
                            &:nth-child(5) {
                                a {
                                    color: #333;
                                    font-weight: bold;
                                }
                            }
                        }
                    }
                }
            }

            .part3_left_bottom {
                width: 720px;
                margin-top: 25px;

                .part3_leftTitle1 {
                    width: 720px;
                    height: 50px;
                    line-height: 50px;
                    margin-bottom: 25px;

                    .part3_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;
                        }
                    }

                    .part3_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;
                        // }
                    }
                }

                .part3_left_content1 {
                    width: 720px;

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

                        // height: 350px;
                        .content_top {
                            width: 350px;

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

                            .part3_text {
                                display: inline-block;
                                width: 350px;
                                height: 50px;
                                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: 15px;
                                font-family: Microsoft YaHei, Microsoft YaHei;
                                font-weight: bold;
                                font-size: 18px;
                                color: #333333
                            }

                        }

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

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

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

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

                                .part3_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: 10px;
                                }
                            }

                            .content_bottom_1:hover {
                                .part3_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: 25px;

                                a {
                                    color: #333333;
                                }
                            }

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

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

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

        }

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

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

                .part3_right_title:first-child {
                    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 {
                        color: #333333;
                    }

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

                .part3_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;
                    }

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

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

                    a {
                        color: #999999;
                    }

                }
            }

            .part3_right_content_top {
                width: 451px;
                height: 325px;
                position: relative;
                margin-top: 20px;

                .part3_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;
                    }
                }

                .part3_right_contentlist_top:hover {
                    color: #a01c0e;

                    a {
                        color: #a01c0e;
                    }
                }

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

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

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

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

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


                .part3_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;
                }
            }

            .part3_photo_text_right:hover {
                color: #a01c0e;

                .part3_text11 {
                    color: #a01c0e;
                }
            }

            .part3_right_content_11 {
                width: 451px;
                height: 70px;
                position: relative;

                .part3_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;
                    }
                }

                .part3_right_contentlist_11:hover {
                    color: #a01c0e;

                    a {
                        color: #a01c0e;
                    }
                }

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