
@charset "UTF-8";

.banner {
    min-width: 1366px;
    height: 450px;
    margin-top: 12px;
    overflow: hidden;
    position: relative;}

    .banner .swiper-container {
        width: 1366px !important;
        height: 100%;
        margin-left: auto;
        margin-right: auto;}

        .banner .swiper-container .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            height: 450px;}

            .banner .swiper-container .swiper-slide .banner-item {
                width: 100%;
                height: 100%;}

.section {
    min-width: 1366px;}

    .section .container {
        position: relative;}

    .section .top-space {
        margin-top: 20px;}

    .section .section-box .box-title {
        font-size: 20px;
        color: #fff;
        line-height: 1.5;
        font-weight: bold;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;}

        .section .section-box .box-title .title {
            background: url(/cszl/jzjj/img/box-title.jpg) no-repeat;
            width: 197px;
            height: 47px;
            text-align: center;
            line-height: 47px;
            font-size: 24px;
            font-family: "ËÎÌå", Helvetica, Arial, "Hiragino Sans GB", "Microsoft Yahei", "Î¢ÈíÑÅºÚ", STHeiti, "»ªÎÄÏ¸ºÚ", sans-serif;}

        .section .section-box .box-title .arrow {
            background: #734C21;
            height: 1px;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            margin-left: 10px;
            margin-right: 24px;
            position: relative;}

            .section .section-box .box-title .arrow:after {
                content: " ";
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAJCAYAAAAPU20uAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdEMDFGOEQ4OENCMTExRTlBOUVFODYwMkI4RUQwNzVEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdEMDFGOEQ5OENCMTExRTlBOUVFODYwMkI4RUQwNzVEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0QwMUY4RDY4Q0IxMTFFOUE5RUU4NjAyQjhFRDA3NUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0QwMUY4RDc4Q0IxMTFFOUE5RUU4NjAyQjhFRDA3NUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6UeL6xAAAAfklEQVR42mIu9lE0tlIT/HH81ocfDFgAExCXA/E7oMIObAqYgbrPAmkbIA4FsvOB+D3QtLMwBYwwBsgqILUKiJWA+B4Qp/duub+HEd1IoEKQlTDrTFiQJFyA1EyoCe+BuAJowlkWLBIgo2fBNIJMSANiQXQJZDsFGfAAgAADAII7KRTPeTtYAAAAAElFTkSuQmCC) no-repeat;
                width: 8px;
                height: 9px;
                position: absolute;
                right: -8px;
                top: -4px;}

        .section .section-box .box-title a {
            color: #734C21;
            text-decoration: none;
            font-size: 16px;
            margin-left: auto;}

    .section .section-box .box-content {
        margin-top: 10px;
        min-height: 286px;}

        .section .section-box .box-content a {
            color: #734C21;
            text-decoration: none;
            font-size: 16px;}

        .section .section-box .box-content .box-list {
            list-style: none;}

            .section .section-box .box-content .box-list .list-item {
                border-bottom: solid 1px #f0f0f0;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                height: 48px;}

                .section .section-box .box-content .box-list .list-item:last-child {
                    border-bottom: none;}

                .section .section-box .box-content .box-list .list-item a {
                    color: #444;
                    font-size: 16px;
                    text-decoration: none;
                    line-height: 1.5;
                    text-align: left;
                    padding-right: 64px;
                    position: relative;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                    width: 100%;}

                    .section .section-box .box-content .box-list .list-item a:hover {
                        color: #780c0c;}

                    .section .section-box .box-content .box-list .list-item a .time {
                        position: absolute;
                        right: 0;
                        font-size: 14px;}

                    .section .section-box .box-content .box-list .list-item a .arrow {
                        position: absolute;
                        left: 0;
                        width: 18px;
                        height: 18px;
                        top: 2px;}

            .section .section-box .box-content .box-list .list-img {
                overflow: hidden;
                border-bottom: solid 1px #f0f0f0;
                padding-bottom: 20px;}

                .section .section-box .box-content .box-list .list-img .img {
                    float: left;
                    width: 95px;
                    height: 75px;
                    display: flex;
                    align-items: center;
                    background: #f0f0f0;}

                .section .section-box .box-content .box-list .list-img .txt {
                    float: left;
                    margin-left: 15px;
                    width: 430px;
                    line-height: 1.7;}

    .section .section-left {
        width: 790px;
        float: left;}

        .section .section-left .thumb-left {
            width: 310px;
            margin-left: 0;
            margin-right: 0;
            float: left;
            padding-left: 20px;}

            .section .section-left .thumb-left .thumb {
                width: 284px;
                height: 190px;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
                background: #f0f0f0;}

            .section .section-left .thumb-left .thumb-title {
                position: relative;
                margin-top: 10px;}

                .section .section-left .thumb-left .thumb-title a {
                    font-size: 16px;
                    display: block;
                    text-decoration: none;}

                .section .section-left .thumb-left .thumb-title span {
                    position: absolute;
                    right: 0;
                    bottom: 0;}


            .section .section-left .thumb-left .thumb-description {
                font-size: 14px;
                color: #666;
                line-height: 24px;
                height: 48px;
                overflow: hidden;}

        .section .section-left .thumb-right {
            float: right;
            width: 463px;}

            .section .section-left .thumb-right .more-title {
                font-size: 20px !important;}

                .section .section-left .thumb-right .more-title:hover {
                    color: #444;
                    cursor: default;}

    .section .section-right {
        width: 540px;
        float: right;}

.section-2 {
    margin-bottom: 60px;}

    .section-2 .links-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;}

        .section-2 .links-wrapper .link {
            width: 221px;
            height: 64px;
            box-sizing: border-box;
            font-size: 17px;
            color: #666;
            line-height: 64px;
            text-align: center;
            background: url(/cszl/jzjj/img/link_bg.jpg) no-repeat;
            margin: 0 3px;
            text-decoration: none;
            cursor: pointer;
            margin-top: 20px;}


.margin-12 {
    margin-top: 12px;}

.padding-20 {
    padding-top: 20px;}

.thumb img {
	max-height: 189px;}