<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">a{
	text-decoration: none;
}
.zry_banner {
    position: relative;
    display: block;
    width: 100%;
    height: 540px;
    overflow-x: hidden;
}

    .zry_banner .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .zry_banner .banner_center {
        position: relative;
        display: block;
        width: 1200px;
        height: 100%;
        margin: 0 auto;
    }

    .zry_banner .arrow-left,
    .zry_banner .arrow-right {
        z-index: 1;
        position: absolute;
        top: 230px;
        left: -114px;
        width: 54px;
        height: 54px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        background: rgba(69, 69, 69, .5);
        text-align: center;
        line-height: 62px;
        cursor: pointer;
    }

    .zry_banner .arrow-right {
        left: auto;
        right: -114px;
        transform: rotate(180deg);
    }

.swiper-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .swiper-container .swiper-slide {
        position: relative;
        display: inline-block;
        float: left;
        width: 100%;
        height: 100%;
    }

.pagination {
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 100%;
    text-align: center;
}

.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
}

.swiper-active-switch {
    width: 30px;
    transition: .3s;
}

.zry_banner .banner_center .subject_item {
    position: absolute;
    top: 70px;
    z-index: 10;
    height: 410px;
    transition: .3s;
}

    .zry_banner .banner_center .subject_item:hover .right_item {
        width: 420px;
    }

        .zry_banner .banner_center .subject_item:hover .right_item .item {
            opacity: 1;
            transition: 1s;
        }

    .zry_banner .banner_center .subject_item .left_nav {
        display: inline-block;
        float: left;
        width: 150px;
        height: 100%;
    }

        .zry_banner .banner_center .subject_item .left_nav .item {
            display: inline-block;
            width: 146px;
            height: 81px;
            border-left: 4px solid #ff8342;
            background: #ff8342;
            color: #fff;
            text-align: center;
            line-height: 81px;
            transition: .1s;
            border-bottom: 1px solid #ffa16c;
        }

            .zry_banner .banner_center .subject_item .left_nav .item:hover {
                color: #ff8342;
                background: #fff;
            }

            .zry_banner .banner_center .subject_item .left_nav .item i {
                display: inline-block;
                width: 30px;
                height: 100%;
                background: url(../img/icon_bg.png) no-repeat;
                background-position: -10px 6px;
                vertical-align: top;
            }

            .zry_banner .banner_center .subject_item .left_nav .item:first-child + .item i {
                background-position: -10px -70px;
            }

            .zry_banner .banner_center .subject_item .left_nav .item:first-child + .item + .item i {
                background-position: -10px -145px;
            }

            .zry_banner .banner_center .subject_item .left_nav .item:first-child + .item + .item + .item i {
                background-position: -10px -221px;
            }

            .zry_banner .banner_center .subject_item .left_nav .item:first-child + .item + .item + .item + .item i {
                background-position: -10px -296px;
            }

            .zry_banner .banner_center .subject_item .left_nav .item span {
                display: inline-block;
                font-size: 16px;
                line-height: 62px;
                vertical-align: top;
                cursor: pointer;
            }

    .zry_banner .banner_center .subject_item .right_item {
        position: relative;
        display: inline-block;
        float: left;
        z-index: 10;
        width: 0;
        height: 100%;
        background: #fff;
        overflow: hidden;
        transition: .3s;
    }

        .zry_banner .banner_center .subject_item .right_item .item {
            height: 100%;
            opacity: 0;
        }

        .zry_banner .banner_center .subject_item .right_item .hot_news {
            padding: 11px 10px 11px 15px;
            border-bottom: 1px solid #f0f0f0;
            font-size: 12px;
            color: #ff8342;
        }

            .zry_banner .banner_center .subject_item .right_item .hot_news a {
                margin-left: 18px;
                line-height: 26px;
                display: inline-block;
                color: #ff8342;
            }

        .zry_banner .banner_center .subject_item .right_item .s_item {
            position: relative;
            display: table;
        }

            .zry_banner .banner_center .subject_item .right_item .s_item .modal {
                position: absolute;
                top: 40px;
                left: 82px;
                z-index: 500;
                display: none;
                width: 307px;
                height: 160px;
                padding-left: 10px;
                border: 1px solid #f0f0f0;
                background: #fff;
            }

                .zry_banner .banner_center .subject_item .right_item .s_item .modal .head {
                    display: table;
                    width: 100%;
                    line-height: 33px;
                    border-bottom: 1px solid #f0f0f0;
                }

                .zry_banner .banner_center .subject_item .right_item .s_item .modal .content {
                    display: block;
                }

                    .zry_banner .banner_center .subject_item .right_item .s_item .modal .content span {
                        margin-right: 10px;
                        line-height: 34px;
                    }

                .zry_banner .banner_center .subject_item .right_item .s_item .modal .head span {
                    display: inline-block;
                    float: left;
                    padding: 0 4px;
                    border-bottom: 1px solid transparent;
                    line-height: 33px;
                    font-size: 12px;
                    cursor: pointer;
                }

                    .zry_banner .banner_center .subject_item .right_item .s_item .modal .head span:first-child {
                        color: #ff8342;
                        border-color: #ff8342;
                    }

            .zry_banner .banner_center .subject_item .right_item .s_item &gt; span {
                display: inline-block;
                float: left;
                width: 70px;
                height: 30px;
                margin-top: 11px;
                padding-left: 12px;
                color: #666;
                text-align: left;
                line-height: 30px;
                font-size: 14px;
            }

            .zry_banner .banner_center .subject_item .right_item .s_item input {
                display: inline-block;
                float: left;
                width: 307px;
                height: 28px;
                margin-top: 11px;
                padding-left: 10px;
                border: 1px solid #ddd;
                -webkit-border-radius: 1px;
                -moz-border-radius: 1px;
                border-radius: 2px;
                line-height: 28px;
            }

        .zry_banner .banner_center .subject_item .right_item input:focus {
            border-color: #ff8342;
        }

        .zry_banner .banner_center .subject_item .right_item .appointment_search {
            position: absolute;
            right: 20px;
            bottom: 10px;
            width: 100px;
            height: 30px;
            margin-top: 12px;
            padding: 0;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            background: #ff8342;
            font-size: 16px;
            color: #fff;
            line-height: 28px;
            cursor: pointer;
            border: none;
        }

.zry_banner .banner_center .banner_news {
    position: absolute;
    top: 70px;
    right: 0;
    z-index: 10;
    width: 200px;
    height: 177px;
}

    .zry_banner .banner_center .banner_news .swiper-pagination-switch {
        width: 7px;
        height: 7px;
    }

    .zry_banner .banner_center .banner_news .swiper-active-switch {
        background: #ff8432;
    }

    .zry_banner .banner_center .banner_news .shade,
    .zry_banner .banner_center .banner_message {
        position: absolute;
        right: 0px;
        bottom: 0;
        width: 100%;
        height: 30px;
        background: rgba(0, 0, 0, .4);
    }

.zry_banner .banner_center .banner_message {
    bottom: 70px;
    z-index: 10;
    width: 200px;
    height: 210px;
    background: #fff;
    overflow: hidden;
}

    .zry_banner .banner_center .banner_message .top_message {
        padding-left: 16px;
        border-bottom: 1px solid #f0f0f0;
        font-size: 12px;
        line-height: 26px;
    }

        .zry_banner .banner_center .banner_message .top_message .more {
            float: right;
            color: #ff8342;
            margin-right: 15px;
        }

        .zry_banner .banner_center .banner_message .top_message i img {
            vertical-align: sub;
        }

    .zry_banner .banner_center .banner_message .message_content .item {
        display: block;
        width: 100%;
        line-height: 24px;
    }

        .zry_banner .banner_center .banner_message .message_content .item:hover i {
            background: #ff8342;
        }

        .zry_banner .banner_center .banner_message .message_content .item:hover span {
            color: #ff8342;
        }

        .zry_banner .banner_center .banner_message .message_content .item i {
            display: inline-block;
            width: 4px;
            height: 4px;
            margin-left: 16px;
            margin-right: 5px;
            -webkit-border-radius: 100px;
            -moz-border-radius: 100px;
            border-radius: 100px;
            background: #d0d0d0;
            vertical-align: middle;
        }

        .zry_banner .banner_center .banner_message .message_content .item span {
            display: inline-block;
            width: 130px;
            color: #999;
            vertical-align: middle;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 12px;
        }

.swiper-slide-active {
    color: #ff8432;
}

/*body {
    background: #fff;
    font-family: Arial, "Microsoft YaHei", 茅禄鈥樏ぢ解€�, 氓庐鈥姑ぢ解€�, sans-serif;
}*/

.SP-content {
    padding-bottom: 48px;
}

.banner {
    width: 100%;
    height: 540px;
}

.SP-content {
    background: url("../images/bg.png") no-repeat top left;
    background-size: 100% 100%;
    min-width: 1200px;
    padding-top:10px
}

    .SP-content a {
        color: inherit;
        text-decoration: none;
    }

/*盲赂鈥溍ヅ捖好β犅访ヂ悸�*/
.SP-columns .column-items {
    position: relative;
}

    .SP-columns .column-items .title-logo {
        display: inline-block;
        width: 310px;
        height: 90px;
    }

        .SP-columns .column-items .title-logo.qjzs {
            background: url("../img/qjzs.png") no-repeat left center;
        }

        .SP-columns .column-items .title-logo.fyzs {
            background: url("../img/fyzs.png") no-repeat left center;
        }

        .SP-columns .column-items .title-logo.zpxs {
            background: url("../img/zpxs.png") no-repeat left center;
        }

    .SP-columns .column-items .enter {
        float: right;
        background: url(../img/look_more.png) no-repeat left center;
        height: 90px;
        line-height: 90px;
        text-indent: 30px;
        color: #ff8432;
        font-size: 14px;
    }

.SP-columns .column-content {
    font-size: 0;
    overflow: hidden;
}

.SP-columns .all-width-bg {
    width: 100%;
}

.SP-columns .column-content .column-img-wrapper {
    float: left;
}

    .SP-columns .column-content .column-img-wrapper img {
        width: 100%;
        height: 100%;
        border-radius: 8px;
    }

.fyzs_wrapper .left_wrapper {
    float: left;
    width: 820px;
    overflow: hidden;
    font-size: 0;
    margin-top: -10px;
}

    .fyzs_wrapper .left_wrapper .column-img-wrapper {
        float: left;
        margin-right: 10px;
        margin-top: 10px;
        position: relative;
    }

    .fyzs_wrapper .left_wrapper .one-width {
        width: 265px;
        height: 250px;
    }

    .fyzs_wrapper .left_wrapper .two-width {
        width: 535px;
        height: 250px;
    }

.fyzs_wrapper .right_wrapper {
    width: 375px;
    height: 510px;
    margin-left: 5px;
    float: left;
    background: #fff;
}

.fyzs_wrapper .recommendTitle {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #ff8432;
    padding-left: 15px;
    border-bottom: 1px solid #eee;
}

    .fyzs_wrapper .recommendTitle span {
        display: inline-block;
        height: 50px;
        width: 30px;
        background: url("../img/fydt_hot.png") no-repeat center center;
        margin-right: 10px;
        vertical-align: top;
    }

.fyzs_wrapper .newlistRightBtm_ba {
    padding: 17px 15px;
    border-bottom: 1px solid #eee;
}

    .fyzs_wrapper .newlistRightBtm_ba a {
        display: block;
        overflow: hidden;
        position: relative;
    }

    .fyzs_wrapper .newlistRightBtm_ba .newlistRightBtm_ba_img {
        float: left;
        width: 124px;
        height: 80px;
        margin-right: 10px;
    }

        .fyzs_wrapper .newlistRightBtm_ba .newlistRightBtm_ba_img img {
            width: 100%;
            min-height: 80px;
        }

.fyzs_wrapper .newlistRightBtm_ba_text .intro {
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    color: #666;
}

.fyzs_wrapper .newlistRightBtm_ba:hover .newlistRightBtm_ba_text .intro {
    color: #ff8432;
}

.fyzs_wrapper .newlistRightBtm_ba .time {
    float: right;
    margin-top: 20px;
    font-size: 12px;
    color: #999;
}

.zpxs_wrapper .column-content {
    overflow: hidden;
}

.zpxs_wrapper .tableCell_item_l {
    background: #fff;
    float: left;
    margin-right: 15px;
    margin-bottom: 20px;
}

    .zpxs_wrapper .tableCell_item_l:hover {
        -webkit-box-shadow: 0 0 5px 2px #e9e9e9;
        -webkit-box-shadow: 0 0 5px 2px #e9e9e9;
    }

    .zpxs_wrapper .tableCell_item_l a {
        display: block;
    }

.zpxs_wrapper .tablePic_l {
    height: 205px;
    overflow: hidden;
}

    .zpxs_wrapper .tablePic_l img {
        width: 100%;
        height: auto;
    }

.zpxs_wrapper .tableDetail_l {
    padding: 15px 12px 20px 12px;
}

    .zpxs_wrapper .tableDetail_l h1 {
        font-size: 16px;
        color: #222;
        font-weight: 500;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .zpxs_wrapper .tableDetail_l .lineEllipsis {
        margin-top: 3px;
        font-size: 14px;
        color: #666;
        line-height: 26px;
        height: 52px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        display: -moz-box;
        -webkit-box-orient: vertical;
        line-clamp: 2;
        -webkit-line-clamp: 2;
    }

    .zpxs_wrapper .tableDetail_l .clickBtn_l {
        margin-top: 10px;
        position: relative;
    }

        .zpxs_wrapper .tableDetail_l .clickBtn_l img {
            width: 30px;
            height: 30px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

        .zpxs_wrapper .tableDetail_l .clickBtn_l .nickname {
            display: inline-block;
            width: 130px;
            height: 30px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 14px;
            color: #999;
            vertical-align: top;
            line-height: 30px;
            margin-left: 8px;
        }

        .zpxs_wrapper .tableDetail_l .clickBtn_l .time {
            font-size: 14px;
            color: #999;
            line-height: 30px;
            vertical-align: top;
            position: absolute;
            top: 0;
            right: 0;
        }
/*茅聺啪茅聛鈥斆ヂ扁€⒚ぢ好ヂ扁€毭β犅访ヂ悸�*/
.column-content .img-layer {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: url("../img/optBg1.png") repeat;
    display: none;
}

.qjzs_wrapper .img-layer {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    background: none;
    display: block;
}

.SP-columns .column-content .column-img-wrapper .hover_wrapper {
    height: 0;
}

.SP-columns .column-content .column-img-wrapper .normal_wrapper {
    height: 100%;
}

.SP-columns .column-content .column-img-wrapper:hover .hover_wrapper {
    height: 100%;
    transition: .2s;
}

.SP-columns .column-content .column-img-wrapper:hover .normal_wrapper {
    height: 0;
}

.SP-columns .layer-wrapper {
    width: 100%;
    height: 100%;
    display: table;
}

    .SP-columns .layer-wrapper &gt; div {
        display: table-cell;
        vertical-align: middle;
        color: #fff;
        text-align: center;
    }

.SP-columns .layer-text-title {
    font-size: 16px;
    line-height: 20px;
}

.SP-columns .layer-text-sourth {
    font-size: 12px;
    line-height: 18px;
    margin-top: 7px;
}

.qjzs_wrapper .img-layer .roam {
    width: 130px;
    height: 33px;
    line-height: 33px;
    border: 1px solid #fff;
    color: #fff;
    display: block;
    margin: 0 auto;
    font-size: 16px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
}

.qjzs_wrapper .img-layer .img_desc {
    font-size: 18px;
    color: #fff;
    padding: 10px;
    line-height: 26px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-top: 95px;
    width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.qjzs_wrapper .img-layer .top_enter {
    width: 68px;
    height: 68px;
    display: block;
    margin: 0 auto;
    background: url("../img/top_enter.png") no-repeat center center;
    position: relative;
    animation: 'downTop' 3s ease 0s infinite normal;
    -webkit-animation: 'downTop' 3s ease 0s infinite normal;
}

.qjzs_wrapper .img-layer .title {
    font-size: 22px;
    line-height: 28px;
    padding: 0 10px;
    color: #fff;
    margin-top: 55px;
    width: 257px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qjzs_wrapper .img-layer .down_enter {
    width: 22px;
    height: 16px;
    display: block;
    margin: 15px auto 0 auto;
    background: url("../img/down_enter.png") no-repeat center center;
    position: relative;
    animation: 'topDown' 3s ease 0s infinite normal;
    -webkit-animation: 'topDown' 3s ease 0s infinite normal;
}

.qjzs_wrapper .img-layer .text {
    font-size: 18px;
    margin-top: 20px;
    padding: 0 10px;
    width: 257px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.banner .ft-carousel .carousel-indicators span {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

    .banner .ft-carousel .carousel-indicators span.active {
        width: 30px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background: #fff;
    }

.banner .ft-carousel .carousel-indicators {
    bottom: 30px;
}

/*氓鈥β︹劉炉氓卤鈥⒚ぢ好β德ヂ扁€毭β犅访ヂ悸�*/

.qjzs_wrapper .column-img-wrapper {
    height: 376px;
    margin-right: 30px;
    position: relative;
}
/*氓藛鈥斆÷β犅徝ぢ糕偓忙聽聫忙聽路氓录聫*/
.tab_items {
    display: none;
}

    .tab_items.for-train {
        display: block;
    }

    .tab_items ul {
        overflow: hidden;
    }

    .tab_items .list_item {
        float: left;
        margin-right: 40px;
        margin-top: 20px;
        background: #fff;
    }

        .tab_items .list_item:hover {
            -webkit-box-shadow: 0 0 5px 2px #ededed;
            -moz-box-shadow: 0 0 5px 2px #ededed;
            box-shadow: 0 0 5px 2px #ededed;
        }

    .tab_items .img_wrapper {
        width: 100%;
        height: 255px;
        overflow: hidden;
    }

        .tab_items .img_wrapper img {
            width: 100%;
            height: auto;
        }

    .tab_items .title {
        padding: 10px;
        line-height: 30px;
        position: relative;
    }

        .tab_items .title .title-text {
            font-size: 16px;
            color: #222;
            display: inline-block;
            width: 270px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .tab_items .title .status-button {
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 14px;
            width: 70px;
            height: 30px;
            background: #ff8432;
            color: #fff;
            border: none;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

            .tab_items .title .status-button.finish {
                background: #c8c8c8;
            }

            .tab_items .title .status-button.full {
                background: #cc0100;
            }

    .tab_items .operations {
        height: 60px;
        font-size: 0;
        margin: 0 10px;
        border-top: 1px solid #eee;
    }

    .tab_items .icon_wrapper {
        display: inline-block;
        width: 33.333%;
        text-align: center;
        position: relative;
    }

        .tab_items .icon_wrapper:after {
            position: absolute;
            top: 15px;
            right: 0;
            content: "";
            width: 1px;
            height: 30px;
            background: #dedede;
        }

        .tab_items .icon_wrapper:last-child:after {
            background: inherit;
        }

        .tab_items .icon_wrapper code {
            width: 20px;
            height: 20px;
            display: inline-block;
            margin-right: 8px;
            vertical-align: top;
            margin-top: 20px;
        }

        .tab_items .icon_wrapper.like code {
            background: url("../img/like.png") no-repeat top center;
        }

        .tab_items .icon_wrapper.like:hover code {
            background: url("../img/like_hover.png") no-repeat top center;
        }

        .tab_items .icon_wrapper.like.active code {
            background: url("../img/like-active.png") no-repeat top center;
        }

        .tab_items .icon_wrapper.collection code {
            background: url("../img/collection.png") no-repeat top center;
        }

        .tab_items .icon_wrapper.collection:hover code {
            background: url("../img/collection_hover.png") no-repeat top center;
        }

        .tab_items .icon_wrapper.collection.active code {
            background: url("../img/collection-active.png") no-repeat top center;
        }

        .tab_items .icon_wrapper.comment code {
            background: url("../img/comment.png") no-repeat top center;
        }

        .tab_items .icon_wrapper.comment:hover code {
            background: url("../img/comment_hover.png") no-repeat top center;
        }

        .tab_items .icon_wrapper span {
            font-size: 14px;
            color: #999;
            line-height: 60px;
        }

        .tab_items .icon_wrapper:hover span {
            color: #ff8432;
        }

.switch-option {
    font-size: 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    box-shadow: 0 2px 2px 0 #dedede;
    background: #fff;
    margin-top: 20px;
}

    .switch-option .option-items {
        width: 210px;
        display: inline-block;
        line-height: 40px;
        text-align: center;
        font-size: 14px;
        color: #999;
        position: relative;
        cursor: pointer;
    }

        .switch-option .option-items.active {
            border-bottom: 2px solid #ff8432;
            color: #ff8432;
        }

            .switch-option .option-items.active:before {
                content: "";
                width: 18px;
                height: 10px;
                position: absolute;
                bottom: -11px;
                left: 50%;
                margin-left: -5px;
                background: url("../img/triangle.png") no-repeat center center;
            }

        .switch-option .option-items:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            width: 1px;
            background: #dedede;
            content: '';
        }

    .switch-option .option-more {
        display: inline-block;
        text-align: center;
        width: 148px;
        background: #ff8432;
        line-height: 43px;
        font-size: 14px;
        color: #fff;
    }

        .switch-option .option-more code {
            display: inline-block;
            width: 23px;
            height: 40px;
            vertical-align: top;
            margin-right: 10px;
            background: url("../img/look_more_white.png") no-repeat center center;
        }

@keyframes topDown {
    0% {
        top: 0px;
    }

    50% {
        top: 5px;
    }

    100% {
        top: 0px;
    }
}

@-moz-keyframes topDown {
    0% {
        top: 0px;
    }

    50% {
        top: 5px;
    }

    100% {
        top: 0px;
    }
}

@-webkit-keyframes topDown {
    0% {
        top: 0px;
    }

    50% {
        top: 5px;
    }

    100% {
        top: 0px;
    }
}

@-o-keyframes topDown {
    0% {
        top: 0px;
    }

    50% {
        top: 5px;
    }

    100% {
        top: 0px;
    }
}


@keyframes downTop {
    0% {
        top: 0px;
    }

    50% {
        top: -5px;
    }

    100% {
        top: 0px;
    }
}

@-moz-keyframes downTop {
    0% {
        top: 0px;
    }

    50% {
        top: -5px;
    }

    100% {
        top: 0px;
    }
}

@-webkit-keyframes downTop {
    0% {
        top: 0px;
    }

    50% {
        top: -5px;
    }

    100% {
        top: 0px;
    }
}

@-o-keyframes downTop {
    0% {
        top: 0px;
    }

    50% {
        top: -5px;
    }

    100% {
        top: 0px;
    }
}

.form-control {
    display: inline-block;
    width: 320px;
    vertical-align: middle;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin-top: 10px;
}


/*忙炉鈥⒚ㄅ犫€毭β犅访ヂ悸�*/
.cg_title {
    text-align: center;
    font-size: 0;
}

    .cg_title .chinese {
        font-size: 18px;
        color: #ff8342;
        margin-top: 40px;
        font-weight: bold;
    }

    .cg_title .line {
        width: 30px;
        height: 3px;
        background: #ff8342;
        display: inline-block;
        margin-top: 10px;
    }

    .cg_title .english {
        font-size: 16px;
        margin-top: 10px;
        color: #ff8342;
    }

.option_switch {
    text-align: center;
    margin-top: 20px;
}

    .option_switch .switch_item {
        width: 120px;
        height: 30px;
        line-height: 30px;
        display: inline-block;
        color: #333;
        cursor: pointer;
        font-size: 16px;
        position: relative;
    }

        .option_switch .switch_item:hover {
            color: #ff8342;
        }

        .option_switch .switch_item.active {
            background: #ff8342;
            color: #fff;
            border-radius: 5px;
        }

            .option_switch .switch_item.active:after {
                content: "";
                width: 0;
                height: 0;
                position: absolute;
                bottom: -16px;
                left: 50%;
                margin-left: -6px;
                border-top: 8px solid #ff8342;
                border-right: 6px solid transparent;
                border-bottom: 8px solid transparent;
                border-left: 6px solid transparent;
            }

.SP-columns {
    width: 1200px;
    margin: 0 auto;
}

.main_content {
    overflow: hidden;
    width: 1200px;
    height: 410px;
    margin: 27px auto 0 auto;
}

    .main_content .left_banner {
        position: relative;
        float: left;
        width: 855px;
        height: 410px;
        float: left;
    }

        .main_content .left_banner .cg_img {
            width: 587px;
            height: 410px;
            float: right;
        }

            .main_content .left_banner .cg_img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 8px;
            }

.left_banner .switch-box {
    position: absolute;
    top: 10px;
    left: 0;
    width: 370px;
    height: 390px;
    background: #fff;
}

    .left_banner .switch-box .serial_num {
        font-size: 18px;
        color: #ff8342;
        margin-top: 28px;
        text-align: center;
    }

    .left_banner .switch-box .hd_name {
        font-size: 20px;
        padding: 10px 50px;
        overflow: hidden;
        color: #333;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: center;
    }

    .left_banner .switch-box .score {
        font-size: 0;
        text-align: center;
        margin-bottom: 45px;
    }

        .left_banner .switch-box .score .star {
            display: inline-block;
            width: 105px;
        }

        .left_banner .switch-box .score span {
            width: 20px;
            height: 20px;
            margin-right: 1px;
            display: inline-block;
            vertical-align: top;
        }

    .left_banner .switch-box p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .left_banner .switch-box .score .bright {
        background: url(../images/star.png) no-repeat center center;
        background-size: 20px 20px;
    }

    .left_banner .switch-box .score .dark {
        background: url(../images/star-1.png) no-repeat center center;
        background-size: 20px 20px;
    }

    .left_banner .switch-box .desc_item {
        margin-left: 50px;
        margin-top: 15px;
        font-size: 16px;
        color: #666;
        padding-right: 30px;
    }

        .left_banner .switch-box .desc_item code {
            margin-right: 5px;
            display: inline-block;
            vertical-align: middle;
            width: 25px;
            height: 25px;
        }

        .left_banner .switch-box .desc_item.shebei_item code {
            background: url(../images/icon1.png) no-repeat -57px -388px;
        }

        .left_banner .switch-box .desc_item.renshu_item code {
            background: url(../images/icon1.png) no-repeat -57px -416px;
        }

        .left_banner .switch-box .desc_item.shetuan_item code {
            background: url(../images/icon11.png) no-repeat -80px -353px;
        }

        .left_banner .switch-box .desc_item.shichang_item code {
            background: url(../images/icon1.png) no-repeat -57px -451px;
        }

        .left_banner .switch-box .desc_item.dizhi_item code {
            background: url(../images/icon1.png) no-repeat -57px -357px;
        }





    .left_banner .switch-box .enter_detail {
        display: block;
        width: 250px;
        height: 42px;
        color: #fff;
        background: #ff8342;
        line-height: 42px;
        text-align: center;
        border-radius: 40px;
        margin: 60px auto 0 auto;
    }

.left_banner .arrow-left {
    position: absolute;
    left: 23px;
    top: 55px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    background: url("../images/arrow-left.png") no-repeat center center;
    z-index: 1000;
}

.left_banner .arrow-right {
    position: absolute;
    left: 320px;
    top: 55px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    background: url("../images/arrow-right.png") no-repeat center center;
    z-index: 1000;
}


.main_content .right_img {
    width: 330px;
    margin-left: 870px;
}

    .main_content .right_img .img_list {
        position: relative;
        width: 100%;
        height: 197px;
        margin-bottom: 16px;
    }

        .main_content .right_img .img_list:hover .layer {
            display: block;
        }

        .main_content .right_img .img_list img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 8px;
        }

        .main_content .right_img .img_list .layer {
            position: absolute;
            width: 100%;
            height: 100%;
            display: none;
            top: 0;
            left: 0;
            padding: 13px;
            box-sizing: border-box;
        }

        .main_content .right_img .img_list p {
            padding-left: 10px;
            color: #fff;
            margin-bottom: 8px;
            font-size: 14px;
        }

        .main_content .right_img .img_list .project_name {
            position: absolute;
            width: 100%;
            bottom: 13px;
            font-size: 17px;
            padding: 0;
            left: 0;
            text-align: center;
        }

.common_title {
    position: relative;
    margin-top: 40px;
    font-size: 0;
    padding-bottom: 20px;
}

    .common_title:after {
        content: '';
        width: 100%;
        height: 8px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: url("../images/border.png") no-repeat left top;
        background-size: 100% 100%;
    }

    .common_title .column_name {
        display: inline-block;
        line-height: 30px;
        font-size: 18px;
        color: #ff8342;
        margin-right: 60px;
    }

        .common_title .column_name code {
            width: 30px;
            height: 30px;
            display: inline-block;
            margin-right: 8px;
            vertical-align: top;
        }

    .common_title.hot_cg_title .column_name code {
        background: url("../images/rmcg.png") no-repeat center center;
    }

    .common_title.fy_title .column_name code {
        background: url("../images/fybh.png") no-repeat center center;
    }

    .common_title.sj_title .column_name code {
        background: url("../images/sjty.png") no-repeat center center;
    }

    .common_title.zp_title .column_name code {
        background: url("../images/zpxs.png") no-repeat center center;
    }

    .common_title.resource_title .column_name code {
        width: 35px;
        background: url("../images/resource.png") no-repeat center center;
    }


    .common_title.hot_video_title .column_name code {
        position: relative;
        top: -2px;
        background: url("../images/video.png") no-repeat center center;
    }

    .common_title .title_item {
        position: relative;
        font-size: 16px;
        color: #666;
        display: inline-block;
        padding-right: 18px;
        margin-right: 15px;
        cursor: pointer;
    }

        .common_title .title_item:after {
            content: '/';
            position: absolute;
            right: 0;
            top: 2px;
            transform: scale(1.5,1.3);
            opacity: 0.6;
        }

        .common_title .title_item.last:after {
            content: ' ';
        }

        .common_title .title_item.active {
            color: #ff8342;
        }

    .common_title .more {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 15px;
        color: #ff8342;
        display: inline-block;
        line-height: 30px;
        cursor: pointer;
    }

        .common_title .more code {
            width: 30px;
            height: 30px;
            display: inline-block;
            vertical-align: top;
            background: url("../images/more.png") no-repeat center center;
        }

.BMapLabel {
    width: 200px;
    height: 200px;
}

    .BMapLabel &gt; img {
        width: 100%;
        height: 150px;
    }

.SP-columns .tab {
    margin-top: 10px;
    display: none;
}

.zp_list ul {
    overflow: hidden;
}

.zp_list .zp_item {
    font-size: 0;
    width: 400px;
    height: 300px;
    float: left;
    position: relative;
}

    .zp_list .zp_item img {
        width: 99%;
        height: 99%;
        object-fit: cover;
        border-radius: 8px;
    }

    .zp_list .zp_item .img_layer {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        overflow: hidden;
    }

        .zp_list .zp_item .img_layer .title {
            padding: 20px 20px 0 20px;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 16px;
            color: #fff;
        }

        .zp_list .zp_item .img_layer .line {
            width: 20px;
            height: 3px;
            margin: 10px 20px;
            background: #ffffff;
        }

        .zp_list .zp_item .img_layer .type {
            padding: 0 20px;
            color: #fff;
            font-size: 14px;
        }

        .zp_list .zp_item .img_layer .num {
            position: absolute;
            bottom: 20px;
            left: 20px;
            color: #fff;
            font-size: 14px;
        }

        .zp_list .zp_item .img_layer .play_button {
            width: 60px;
            height: 60px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -30px;
            margin-top: -30px;
            background: url("../images/play.png") no-repeat center center;
        }

.zp_list .video_item .img_layer {
    background: rgba(0,0,0,0.3);
    cursor: pointer;
}

.zp_list .zp_item:hover .img_layer {
    height: 100%;
    transition: .2s;
}

.all_list, .cg_content {
    overflow: hidden;
    font-size: 0;
}

    .all_list .left_side {
        float: left;
        width: 325px;
        height: 415px;
    }

        .all_list .left_side .left_item {
            position: relative;
            width: 100%;
            height: 49%;
        }

            .all_list .left_side .left_item img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 8px;
            }

            .all_list .left_side .left_item .img_layer {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                background: rgba(0,0,0,0.3);
                display: block;
                border-radius: 8px;
            }

            .all_list .left_side .left_item:hover .img_layer {
                opacity: 1;
                transition: 0.5s;
            }

            .all_list .left_side .left_item .img_layer p, .all_list .right_item .img_layer p {
                padding: 0 10px;
                color: #fff;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .all_list .left_side .left_item .img_layer .title {
                padding-top: 20px;
                text-align: right;
                font-size: 26px;
            }

            .all_list .left_side .left_item .img_layer .name {
                font-size: 20px;
                position: absolute;
                bottom: 43px;
            }

            .all_list .left_side .left_item .img_layer .type {
                font-size: 14px;
                position: absolute;
                bottom: 20px;
            }

    .all_list .right_side {
        float: left;
        margin-left: 14px;
    }

        .all_list .right_side .right_item {
            float: left;
            width: 277px;
            height: 415px;
            position: relative;
        }

            .all_list .right_side .right_item img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 8px;
            }


            .all_list .right_side .right_item .img_layer {
                position: absolute;
                display: block;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                background: rgba(0,0,0,0.3);
                opacity: 0;
                border-radius: 8px;
            }

            .all_list .right_side .right_item:hover .img_layer {
                opacity: 1;
                transition: 0.5s;
            }

    .all_list .right_item .img_layer .title {
        font-size: 24px;
        margin-top: 167px;
        text-align: center;
    }

    .all_list .right_item .img_layer .line {
        margin: 10px auto;
        width: 17px;
        padding: 0;
        height: 3px;
        background: #fff;
    }

    .all_list .right_item .img_layer .type {
        font-size: 16px;
        text-align: center;
    }

    .all_list .right_item .img_layer .enter {
        display: block;
        position: absolute;
        bottom: 40px;
        left: 50%;
        font-size: 14px;
        margin-left: -55px;
        width: 110px;
        height: 35px;
        text-align: center;
        color: #fff;
        line-height: 35px;
        border: 1px solid #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .cg_content .left_details {
        float: left;
        width: 750px;
        overflow: hidden;
        height: 430px;
        padding: 15px;
        background: #fff;
        margin-right: 20px;
    }

        .cg_content .left_details .left_img {
            width: 460px;
            height: 430px;
            float: left;
            position: relative;
            margin-right: 20px;
        }

            .cg_content .left_details .left_img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 10px;
            }

            .cg_content .left_details .left_img .heart_icon {
                cursor: pointer;
                position: absolute;
                right: 15px;
                bottom: 15px;
                width: 50px;
                height: 50px;
                display: block;
                border-radius: 50%;
                background: rgba(240,240,240,0.5);
            }

                .cg_content .left_details .left_img .heart_icon code {
                    position: absolute;
                    display: block;
                    width: 26px;
                    height: 26px;
                    top: 12px;
                    left: 12px;
                    background: url("../images/heart.png") no-repeat center center;
                }

                .cg_content .left_details .left_img .heart_icon.active code {
                    background: url("../images/heart_active.png") no-repeat center center;
                }

        .cg_content .left_details .right_intro {
            height: 100%;
            overflow: hidden;
        }

            .cg_content .left_details .right_intro .enter {
                font-size: 14px;
                color: #ff8342;
                display: inline-block;
                line-height: 30px;
                float: right;
                width: 120px;
                border: 1px solid #ff8342;
                text-align: center;
                border-radius: 30px;
                margin-top: 40px;
                padding-left: 10px;
            }

                .cg_content .left_details .right_intro .enter span {
                    width: 30px;
                    height: 30px;
                    display: inline-block;
                    vertical-align: top;
                    background: url(../images/more.png) no-repeat center center;
                }

            .cg_content .left_details .right_intro &gt; img {
                width: 270px;
                height: 135px;
                margin-top: 15px;
                border-radius: 10px;
            }

            .cg_content .left_details .right_intro &gt; p {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .cg_content .left_details .right_intro .venue_name {
                margin-top: 10px;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
            }

                .cg_content .left_details .right_intro .venue_name .name_text {
                    font-size: 20px;
                    line-height: 23px;
                    color: #333;
                    clear: left;
                    font-weight: 500;
                    margin-right: 20px;
                    display: inline-block;
                }

            .cg_content .left_details .right_intro .venue_intro {
                margin-top: 35px;
                height: 240px;
                text-overflow: ellipsis;
                overflow: hidden;
            }

                .cg_content .left_details .right_intro .venue_intro p {
                    font-size: 14px;
                    color: #999;
                    line-height: 26px;
                }

            .cg_content .left_details .right_intro .venue_name .star span {
                width: 20px;
                height: 20px;
                margin-right: 1px;
                display: inline-block;
                vertical-align: top;
            }

            .cg_content .left_details .right_intro .venue_name .star .bright {
                background: url("../images/star.png") no-repeat center center;
                background-size: 20px 20px;
            }

            .cg_content .left_details .right_intro .venue_name .star .dark {
                background: url("../images/star-1.png") no-repeat center center;
                background-size: 20px 20px;
            }

            .cg_content .left_details .right_intro .address, .cg_content .left_details .right_intro .phone {
                color: #999;
                font-size: 14px;
                margin-top: 8px;
            }

            .cg_content .left_details .right_intro .venue_activity {
                text-align: center;
                color: #999;
                font-size: 14px;
                margin-top: 20px;
            }


    .cg_content .recomedView {
        width: 386px;
        height: 462px;
        position: relative;
        border-radius: 8px;
        float: left;
    }

        .cg_content .recomedView .tag {
            display: block;
            padding: 8px 14px;
            font-size: 12px;
            position: absolute;
            top: 20px;
            left: 0;
            background: #ff8342;
            color: white;
            border-bottom-right-radius: 5px;
            border-top-right-radius: 5px;
        }

        .cg_content .recomedView img {
            width: 386px;
            height: 462px;
            object-fit: cover;
            border-radius: 8px;
        }

        .cg_content .recomedView .videoPlayer {
            width: 90px;
            height: 90px;
            position: absolute;
            left: 152px;
            top: 184px;
        }

        .cg_content .recomedView .floating_layer {
            position: absolute;
            left: 0;
            bottom: 0;
        }

        .cg_content .recomedView .floating_layer {
            width: 100%;
            height: 45px;
            background: rgba(0, 0, 0, 0.3);
            position: absolute;
            bottom: 0;
            left: 0;
            border-radius: 0 0 8px 8px;
        }

            .cg_content .recomedView .floating_layer .venue_name {
                font-size: 15px;
                color: #fff;
                line-height: 45px;
                display: inline-block;
                margin-left: 20px;
                max-width: 346px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

                .cg_content .recomedView .floating_layer .venue_name:hover {
                    color: #ff8342;
                }


    .cg_content .right_brief {
        width: 814px;
        height: 460px;
        float: right;
    }

        .cg_content .right_brief ul li {
            width: 386px;
            height: 220px;
            float: left;
            margin-left: 20px;
        }

            .cg_content .right_brief ul li:nth-of-type(1), .cg_content .right_brief ul li:nth-of-type(2) {
                margin-bottom: 20px;
            }

        .cg_content .right_brief .right_wrapper {
            width: 100%;
            height: 222px;
            margin-bottom: 16px;
            position: relative;
        }

            .cg_content .right_brief .right_wrapper img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 8px;
            }

            .cg_content .right_brief .right_wrapper .floating_layer {
                width: 100%;
                height: 45px;
                background: rgba(0, 0, 0, 0.3);
                position: absolute;
                bottom: 0;
                left: 0;
                border-radius: 0 0 8px 8px;
            }

            .cg_content .right_brief .right_wrapper .tag {
                display: block;
                padding: 8px 14px;
                font-size: 12px;
                position: absolute;
                top: 20px;
                left: 0;
                background: #ff8342;
                color: white;
                border-bottom-right-radius: 5px;
                border-top-right-radius: 5px;
            }

            .cg_content .right_brief .right_wrapper .floating_layer .venue_name {
                font-size: 15px;
                color: #fff;
                line-height: 45px;
                display: inline-block;
                margin-left: 20px;
                max-width: 346px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

                .cg_content .right_brief .right_wrapper .floating_layer .venue_name:hover {
                    color: #ff8342;
                }

            .cg_content .right_brief .right_wrapper .floating_layer .collection {
                display: inline-block;
                float: right;
                font-size: 14px;
                color: #fff;
                line-height: 45px;
                margin-right: 15px;
                cursor: pointer;
            }

                .cg_content .right_brief .right_wrapper .floating_layer .collection code {
                    display: inline-block;
                    width: 20px;
                    height: 20px;
                    background: url("../images/collection.png") no-repeat center center;
                    vertical-align: middle;
                    margin-right: 10px;
                }

                .cg_content .right_brief .right_wrapper .floating_layer .collection.active code {
                    background: url("../images/collection_hover.png") no-repeat center center;
                }

.SP-columns.cg_columns {
    overflow: hidden;
    height: 544px;
}

.cg_columns .tab {
    margin-top: 10px;
    display: block;
}

.cg_columns .pagination {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 370px;
    text-align: center;
}

.cg_columns .swiper-pagination-switch {
    background: #ddd;
    width: 8px;
    height: 8px;
}

.cg_columns .swiper-active-switch {
    width: 8px;
    background: #ff8342;
}

.resource_list ul {
    overflow: hidden;
}

.resource_list .resource_item {
    width: 183px;
    margin-right: 20px;
    float: left;
}

    .resource_list .resource_item img {
        /*width: 100%;*/
        height: 50px;
        margin-top: 20px;
    }

    .resource_list .resource_item a {
        display: block;
        text-align: center;
        padding-top: 10px;
        color: #666;
        font-size: 16px;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .resource_list .resource_item:hover a {
        color: #ff8342;
    }

/*氓聫鲁盲赂鈥姑р€櫭佲€澝陈幻λ嗏€樏ぢ宦モ€郝好ヂ∶β德ヂ扁€�*/
.window_nav {
    position: absolute;
    top: 700px;
    right: 40px;
    transition: 0.5s;
    z-index: 100;
}

    .window_nav.be-fixed {
        position: fixed;
        top: 150px;
        transition: 0.5s;
    }

    .window_nav a.nav {
        position: relative;
        display: block;
        text-decoration: none;
        width: 54px;
        height: 54px;
        margin-bottom: 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        z-index: 2;
        behavior: url(../css/common/ie-css3.htc);
        background: #fff;
        font-size: 12px;
        color: #ff8a00;
        text-align: center;
    }

        .window_nav a.nav .nav_icon + div {
            font-size: 12px;
            margin-top: 4px;
            position: absolute;
            left: 0;
            margin-left: 3px;
        }

        .window_nav a.nav .right_item {
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
        }

        .window_nav a.nav .tel {
            float: right;
            width: 0;
            height: 0;
            margin-right: 54px;
            -webkit-border-radius: 5px 0 0 5px;
            -moz-border-radius: 5px 0 0 5px;
            border-radius: 5px 0 0 5px;
            position: relative;
            z-index: 2;
            behavior: url(../css/common/ie-css3.htc);
            background: #fe8543;
            font-size: 14px;
            color: #fff;
            line-height: 54px;
            overflow: hidden;
            transition: .3s;
        }

            .window_nav a.nav .tel img {
                vertical-align: middle;
            }

        .window_nav a.nav .nav_icon {
            display: block;
            width: 54px;
            height: 32px;
            background: url(../img/SP-icon_bg_color.png) no-repeat;
            background-position: 2px -446px;
        }

        .window_nav a.nav:first-child .nav_icon {
            background-position: 2px -722px;
        }

        .window_nav a.nav:first-child + a.nav + a.nav .nav_icon {
            background-position: 2px -515px;
        }

        .window_nav a.nav:first-child + a.nav + a.nav + a.nav .nav_icon {
            background-position: 2px -584px;
        }

        .window_nav a.nav:first-child + a.nav + a.nav + a.nav + a.nav .nav_icon {
            background-position: 2px -310px;
        }
        .window_nav a.nav:first-child + a.nav + a.nav + a.nav + a.nav + a.nav .nav_icon {
            height: 100%;
            background-position: 2px -642px;
        }
        .window_nav a.nav:first-child:hover, .window_nav a.nav:first-child + a.nav:hover {
            border-radius: 0 4px 4px 0;
            -moz-border-radius: 0 4px 4px 0;
            position: relative;
            z-index: 2;
            behavior: url(../css/common/ie-css3.htc);
        }

        .window_nav a.nav:hover {
            background: #fe8543;
            color: #fff;
            transition: .2s;
        }

            .window_nav a.nav:hover i.nav_icon {
                background-image: url(../img/SP-icon_bg.png);
            }

.follow_us {
    padding-right: 10px;
    width: 0;
    height: 0;
    float: right;
    margin-right: 54px;
    transition: .3s;
    overflow: hidden;
    position: relative;
}

.code-wrapper {
    float: left;
    background-color: #fe8543;
    padding: 8px 0 10px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 33.333%;
    height: 100%;
    text-align: center;
}

    .code-wrapper:first-child {
        -webkit-border-radius: 5px 0 0 5px;
        -moz-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px;
        position: relative;
        z-index: 2;
        behavior: url(../css/common/ie-css3.htc);
    }

        .code-wrapper:first-child + .code-wrapper + .code-wrapper {
            -webkit-border-radius: 0 0 5px 0;
            -moz-border-radius: 0 0 5px 0;
            border-radius: 0 0 5px 0;
            position: relative;
            z-index: 2;
            behavior: url(../css/common/ie-css3.htc);
        }

.white-space {
    width: 10px;
    height: 54px;
    background: #fe8543;
    position: absolute;
    right: 0;
    top: 0;
}

.follow_us .code-wrapper img {
    width: 120px;
    height: 120px;
}

.attention-text {
    color: #fff;
    font-size: 12px;
    margin-top: 4px;
}

.top_recommend {
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
    overflow: hidden;
}

    .top_recommend .guss_like {
        width: 470px;
        float: left;
        background: #fff;
        margin-right: 15px;
    }

    .top_recommend .culture_square {
        float: right;
        width: 350px;
        background: #fff;
        margin-left: 15px;
    }

    .top_recommend .culture_calendar {
        margin-left: 485px;
        margin-right: 365px;
        background: #fff;
    }

    .top_recommend h5.title {
        padding: 0 20px;
        line-height: 55px;
        border-bottom: 1px solid #eee;
    }

h5.title .left_icon {
    color: #ff8342;
    font-size: 16px;
}

    h5.title .left_icon code {
        display: inline-block;
        margin-right: 8px;
        vertical-align: top;
    }

h5.title .like code {
    width: 28px;
    height: 24px;
    margin-top: 15px;
    background: url(../images/guess_l.png) no-repeat center center;
}

h5.title .square code {
    width: 28px;
    height: 28px;
    margin-top: 12px;
    background: url(../images/square.png) no-repeat center center;
}

h5.title .calendar code {
    width: 24px;
    height: 24px;
    margin-top: 10px;
    background: url(../images/calendar.png) no-repeat center center;
}

h5.title .right_icon {
    float: right;
    cursor: pointer;
}

h5.title .change {
    color: #ff8342;
}

    h5.title .change code {
        margin-right: 8px;
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(../images/change_hover.png) no-repeat;
        vertical-align: middle;
    }

h5.title .more {
    color: #ff8342;
    font-size: 14px;
}

h5.title .more code {
    margin-left: 8px;
    display: inline-block;
    width: 9px;
    height: 15px;
    background: url("../images/more.png") no-repeat center center;
    vertical-align: middle;
}

.recommend_list {
    height: 270px;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 20px;
    overflow: hidden;
}

    .recommend_list .recommend_item {
        float: left;
        width: 207px;
        height: 125px;
        margin-left: 15px;
        margin-top: 10px;
        position: relative;
    }

.recommend_item img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
}

.recommend_item p.name {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,0.4);
    text-align: center;
    color: #fff;
    width: 100%;
    padding: 8px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    letter-spacing: 2px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 0 0 4px 4px;
}

.str_wrap1 {
    overflow: hidden;
}

.calendar_content {
    position: relative;
    display: none;
    height: 300px;
    overflow: hidden;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .calendar_content.active {
        position: relative;
        display: block;
    }

    .calendar_content img {
        width: 100%;
        height: 190px;
        object-fit: cover;
        border-radius: 4px;
    }

    .calendar_content .name, .calendar_content .time {
        font-size: 16px;
        color: #222;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-top: 15px;
    }

    .calendar_content .time {
        margin-top: 8px;
        font-size: 14px;
        color: #999;
    }

    .calendar_content .tickets {
        font-size: 16px;
        color: #ff8342;
        text-align: right;
    }

.dynamic_list {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 300px;
    padding: 0 20px;
    overflow: hidden;
}

    .dynamic_list .dynamic_item {
        overflow: hidden;
        padding: 18px 0;
        border-bottom: 1px solid #eee;
    }

        .dynamic_list .dynamic_item .avatar {
            float: left;
            width: 65px;
            height: 65px;
            border-radius: 50%;
        }

        .dynamic_list .dynamic_item p {
            margin-left: 75px;
        }

        .dynamic_list .dynamic_item .nickname {
            font-size: 15px;
            color: #222;
            display: inline-block;
            max-width: 110px;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .dynamic_list .dynamic_item p {
            margin-top: 12px;
        }

        .dynamic_list .dynamic_item .time {
            float: right;
            color: #999;
            font-size: 13px;
        }

        .dynamic_list .dynamic_item .operation {
            color: #999;
            font-size: 14px;
            display: inline-block;
            max-width: 45%;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .dynamic_list .dynamic_item .name {
            float: right;
            color: #ff8342;
            font-size: 14px;
            display: inline-block;
            max-width: 50%;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.culture_square .str_vertical .str_move, .culture_square .str_down .str_move {
    width: 310px;
    !important;
}

.common_title.map_title .column_name code {
    background: url(../images/culture_map.png) no-repeat center center;
}

.anchorBL {
    display: none;
}

.mapWinfo .mapVName {
    font-size: 14px;
    line-height: 17px;
    color: #393939;
    font-family: 氓戮庐猫陆炉茅鈥衡€γ┞烩€�;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
}

.mapWinfo img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.mapWinfo .mapVAddress {
    font-size: 12px;
    color: #585858;
    font-family: 氓戮庐猫陆炉茅鈥衡€γ┞烩€�;
}

.mapSearchContainer {
    position: absolute;
    width: 240px;
    right: 20px;
    top: 20px;
    max-height: 470px;
}

#mapSeach input {
    width: 100%;
    height: 38px;
    font-size: 14px;
    color: #a7a7a7;
    border: none;
    outline: none;
    text-indent: 16px;
}

.selectCon {
    margin-top: 2px;
    padding: 0 5px;
    background: white;
    overflow: auto;
}

    .selectCon select {
        margin: 10px 5px;
        height: 30px;
        background: #f7f7f7;
        font-size: 14px;
        color: #393939;
        border: 1px solid #e1e1e1;
        outline: none;
        width: 105px;
        float: left;
    }

#ulVenue {
    background: white;
    padding: 0 8px 0 14px;
    max-height: 320px;
    overflow-y: scroll;
}


    #ulVenue::-webkit-scrollbar {
        width: 8px;
    }

    #ulVenue::-webkit-scrollbar-track {
        background-color: white;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius: 2em;
    }

    #ulVenue::-webkit-scrollbar-thumb {
        background-color: #d4d4d4;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius: 2em;
    }

    #ulVenue li {
        list-style: none;
        height: 40px;
        font-size: 14px;
        color: #393939;
        line-height: 40px;
        border-top: 1px solid #efefef;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
    }

        #ulVenue li i {
            display: inline-block;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #dedfdf;
            position: relative;
            top: -2px;
            margin-right: 8px;
        }

        #ulVenue li.active {
            color: #4b94ff;
        }

        #ulVenue li:hover {
            color: #4b94ff;
        }

            #ulVenue li:hover i {
                background: #4b94ff;
            }

        #ulVenue li.active i {
            background: #4b94ff;
        }
.information{
	width: 1168px;
	margin: 0 auto;
	background: white;
	padding: 16px 8px;
	height: 386px;
	position: relative;
}
.information_slide{
	width: 508px;
	height: 386px;
	margin: 0;
	top: 16px;
	left: 8px;
	
}
.swiper-slide-information&gt;img{
	width: 508px;
	height: 386px;
	object-fit: cover;
    border-radius: 8px;
	
}
.swiper-slide-information .bgMessage{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 78px;
	background: rgba(0,0,0,.5);
	z-index: 10;
    border-radius: 8px;
}
.swiper-slide-information .bgMessage&gt;h2{
	font-size: 20px;
	color: #f7f7f7;
	font-weight: normal;
    padding: 20px 10px 8px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.swiper-slide-information .bgMessage&gt;p{
	font-size: 14px;
    color: #f7f7f7;
    width: 380px;
    margin-left: 10px;
}
.swiper-slide-information .bgMessage&gt;p span{
	font-size: 12px;
    float: right;
    margin-top: 3px;
}
.information_item{
	float: right;
	width: 620px;
	height: 386px;
	margin-right: 8px;
}
.information_item .title{
	height: 44px;
	line-height: 42px;
	 font-size: 16px;
	 color: #222;
	 border-bottom: 2px solid #f7f7f7;
}
.information_item .title ul{
	float: left;
	width: 540px;
}
.information_item .title ul li{
	list-style: none;
	margin-right: 62px;
	float: left;
	cursor: pointer;

}
.information_item .title ul li.active{
	color: #ef6e2a;
	border-bottom: 3px solid #ef6e2a;
}
.information_item .title ul li:hover{
	color: #ef6e2a;
}
.information_item .title .more{
	float: right;
	font-size: 14px;
	padding-right: 10px;
	cursor: pointer;
}
.information_item .title .more a{
	color: #999;
	text-decoration: none;
}
    .information_item .title .more img {
        margin-left:10px
    }
    .information_item .listContainer {
        width: 100%;
    }
    .information_item .itemList &gt; ul &gt; li {
        list-style: none;
        border-bottom: 1px dashed #c6c6c6;
        cursor: pointer;
        clear: both;
        overflow: hidden;
    }
.information_item .itemList&gt;ul&gt;li:last-child{
	border-bottom:none
}
.information_item  .itemList&gt;ul&gt;li h3 {
	padding: 8px 0 4px 0;
}
.information_item  .itemList&gt;ul&gt;li h3 a{
	font-size: 16px;
	color: #404040;
}
        .information_item .itemList &gt; ul &gt; li p {
            padding-bottom: 16px;
            line-height: 18px;
            height: 70px;
        }
            .information_item .itemList &gt; ul &gt; li p a {
                color: #a4a4a4;
                font-size: 12px;
                height: 52px;
                display: block;
                word-wrap: break-word;
                word-break: break-all;
                overflow: hidden;
                text-overflow: ellipsis;
            }
.leftCont{
	float: left;
    width: 490px;
}
.leftCont:hover .topTitle{
	color: #ef6e2a;
 transition: .3s;
}
.information_item .itemList &gt; ul &gt; li img {
    width: 110px;
    height: 80px;
    float: right;
    margin-top: 12px;
    margin-bottom :12px;
    object-fit: cover;
}
.information_item .itemList&gt;ul&gt;li p span{
	font-size: 12px;
	color: #b5b5b5;
	float: right;
	margin-right: 10px;
	margin-top: 2px;
}
.information_item .itemList&gt;ul&gt;li h4  span{
	width: 5px;
	height: 5px;
	display: inline-block;
	background: #cbcbcb;
	position: relative;
	top: -20px;
	margin: 0 5px;
}
.information_item .itemList&gt;ul&gt;li h4 a{
	font-size: 14px;
	color: #5f5f5f;
	line-height: 46px;
	display: inline-block;
    width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.information_item .itemList &gt; ul &gt; li h4 i {
    float: right;
    font-size: 12px;
    color: #b5b5b5;
    margin-right: 10px;
    line-height: 46px;
}
.information_item .itemList &gt; ul &gt; li h4:hover .hoverActive {
    color: #ef6e2a;
    transition: .3s;
}
.information_item .itemList&gt;ul&gt;li h4:hover .hoverActiveLock{
	background: #ef6e2a;
    transition: .3s;
}

.information-swiper-pagination {
    text-align: right !important;
    right: 4px;
    left: auto !important;
    bottom: 14px !important;
}
    .information-swiper-pagination .swiper-pagination-switch {
        width: 7px;
        height: 7px;
        border-radius: 0;
        border: 1px solid #ef6e2a;
        opacity: 1;
        background: transparent;
    }
    .information-swiper-pagination .swiper-active-switch {
        background: #ef6e2a;
    }
.new_banner {
    height:413px
}
.new_banner .banner_center .subject_item {
    top:8px;
    height: 400px
    }
    .new_banner .banner_center .subject_item .left_nav .item {
        height:78px
    }
    .new_banner .arrow-left, .new_banner .arrow-right {
        top:192px
    }</pre></body></html>