﻿.white-bg{
    background: #fff;
}
.gray-bg{
    background: #f2f4f8;
}

/*网站大通栏*/
.banner {
    padding: 0;
    height: 410px;
    background: url(../images/index-banner.png) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.banner .banner_search .search_wrap {
    margin-top: 220px;
    width: 552px;
    position: relative;
}
.banner .banner_search .search_wrap .inp_wrap {
    height: 60px;
    width: 552px;
    border: 3px solid #fff;
    vertical-align: top;
    background: #fff;
    font-size: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}
.banner .banner_search .search_wrap .inp_wrap .banner_input {
    width: 397px;
    height: 50px;
    line-height: 50px;
    margin: 2px 10px 0 0;
    padding: 0;
    border: none;
    outline: 0;
    vertical-align: top;
    font-size: 14px;
    color: #333;
    padding-left: 27px;
}
.banner .banner_search .search_wrap .inp_wrap .banner_input::-webkit-input-placeholder {
    color: #c7c7c7;
}

.banner .banner_search .search_wrap .inp_wrap .banner_btn {
    display: block;
    float: right;
    width: 139px;
    height: 54px;
    line-height: 54px;
    padding: 0;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    background: #00c0eb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    outline: 0;
    border: none;
    cursor: pointer;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.banner .banner_search .search_wrap .s-list-wrap {
    display: none;
    position: absolute;
    left: 0;
    top: 60px;
    right: 0;
    padding: 20px 0 0;
    z-index: 99;
    background: #fff;
    border: 1px solid #eaeaea;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.06);
    -moz-box-shadow: 0 2px 6px 0 rgba(0,0,0,.06);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.06);
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
.banner .banner_search .search_wrap .search-hotList-wrap {
    padding-bottom: 20px;
}
.banner .banner_search .search_wrap .s-list-wrap .no-data-search {
    display:none;
    margin-bottom: 30px;
    margin-top: 20px;
    text-align: center;
}
.banner .banner_search .search_wrap .s-list-wrap .no-data-search p {
    font-size: 14px;
    color: #aaa;
    margin-top: 16px;
}
.banner .banner_search .search_wrap .s-list-wrap .hot-box{
    display:none;
}
.banner .banner_search .search_wrap .s-list-wrap .tip {
    font-size: 14px;
    color: #999;
    font-weight: 700;
    padding-left: 20px;
    padding: 0 25px;
    line-height: 18px;
    margin-bottom: 20px;
}
.banner .banner_search .search_wrap .s-list-wrap .s-list {
    padding: 0 20px;
}
.banner .banner_search .search_wrap .s-list-wrap .s-list li {
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    height: 26px;
    max-width: 100%;
}
.banner .banner_search .search_wrap .s-list-wrap .s-list li a {
    font-size: 12px;
    color: #333;
    line-height: 18px;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 3px 8px;
    border: 1px solid #eaeaea;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 100%;
}
.banner .banner_search .search_wrap .s-list-wrap .s-list li a.hot {
    color: #ff6d6f;
}

/*搜索结果*/
.banner .banner_search .search_wrap .s-list-wrap .search-list-wrap{
    display:none;
}
.banner .banner_search .search_wrap .s-list-wrap .tip {
    font-size: 14px;
    color: #999;
    font-weight: 700;
    padding: 0 25px;
    padding-left: 20px;
}
.banner .banner_search .search_wrap .s-list-wrap .tip.search-tips {
    margin-bottom: 4px;
    line-height: 1;
}
.banner .banner_search .search_wrap .search-list-header li {
    padding: 0 20px;
    line-height: 40px;
    cursor: pointer;
}
.banner .banner_search .search_wrap .search-list-header li a {
    display: block;
}
.banner .banner_search .search_wrap .search-list-header li .search-list-left {
    float: left;
    font-size: 14px;
    color: #333;
    max-width: 292px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: keep-all;
}
.banner .banner_search .search_wrap .search-list-header li .search-list-left span {
    font-size: 12px;
    color: #aaa;
    display: inline-block;
    margin-left: 10px;
}
.banner .banner_search .search_wrap .search-list-header li .search-list-right {
    float: right;
    font-size: 12px;
    color: #aaa;
}
.banner .banner_search .search_wrap .search-list-header li .search-list-right span {
    font-size: 12px;
    color: #333;
}
/*.banner .banner_search .search_wrap .search-list-header li .search-list-right span.flag {
    background: #0ad487;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    width: 70px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-left: 10px;
    color: #fff;
}*/
.banner .banner_search .search_wrap .search-list-header li .search-list-right span.flag {
    display: inline-block;
    width: 70px;
    height: 20px;
    line-height: 20px;
    text-align: right;
    margin-left: 18px;
}
.banner .banner_search .search_wrap .search-list-header li .search-list-right span.flag span.label{
    color: #fff;
}
.banner .banner_search .search_wrap .search-list-header li .search-list-right span.flag.lbs-sq {
    background: #aaa;
}
.banner .banner_search .search_wrap .search-list-header li .search-list-right span.flag.lbs-ds {
    background: #47b3e3;
}

/*自己的品牌服务宣传*/
.service {
    padding: 50px 0;
}
.service .service_wrap {
    height: 116px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.service .service_wrap .service_box {
    display: block;
    float: left;
    width: 272px;
    height: 116px;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: 0 6px 14px 0 rgba(181,196,220,.22);
    -moz-box-shadow: 0 6px 14px 0 rgba(181,196,220,.22);
    box-shadow: 0 6px 14px 0 rgba(181,196,220,.22);
    cursor: pointer;
    margin-right: 20px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.service .service_wrap .service_box:last-of-type {
    margin-right: 0;
}
.service .service_wrap .service_box.service_01 {
    background: url(../images/service_bg_01.png) no-repeat right;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}
.service .service_wrap .service_box.service_02 {
    background: url(../images/service_bg_02.png) no-repeat right;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}
.service .service_wrap .service_box.service_03 {
    background: url(../images/service_bg_03.png) no-repeat right;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}
.service .service_wrap .service_box.service_04 {
    background: url(../images/service_bg_04.png) no-repeat right;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}
.service .service_wrap .service_box i {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 48px;
    height: 48px;
    z-index: 1;
}
.service .service_wrap .service_box.service_01 i {
    background: url(../images/service_01.png) no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}
.service .service_wrap .service_box.service_02 i {
    background: url(../images/service_02.png) no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}
.service .service_wrap .service_box.service_03 i {
    background: url(../images/service_03.png) no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}
.service .service_wrap .service_box.service_04 i {
    background: url(../images/service_04.png) no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}


.service .service_wrap .service_box .service_tit {
    margin-top: 26px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #03b8df;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
.service .service_wrap .service_box .service_con {
    display: none;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
.service .service_wrap .service_box:hover {
    text-decoration: none;
}

.service .service_wrap .service_box:hover .service_tit {
    margin-top: 0;
}

.service .service_wrap .service_box:hover .service_con {
    display: block;
    margin-top: 8px;
}

.service .service_wrap .service_box:hover .service_con p {
    line-height: 16px;
    font-size: 12px;
    color: #777;
    margin-bottom: 4px;
}

/*通用样式1*/
.common1 .common1_hd {
    line-height: 48px;
}
.common1 .common1_hd .common1_tit {
    float: left;
    font-weight: 700;
    font-size: 0;
    color: #333;
}
.common1 .common1_hd .common1_tit span {
    display: inline-block;
    vertical-align: top;
    font-size: 36px;
}
.common1 .common1_hd .common1_tit span.tit_des {
    font-weight: 400;
    margin-left: 20px;
    line-height: 48px;
    font-size: 20px;
    color: #777;
}
.common1 .common1_hd .common1_tit_more {
    float: right;
}
.common1 .common1_hd .common1_tit_more a {
    font-size: 16px;
    color: #00c0eb;
}
.common1 .common1_bd {
    position: relative;
    margin-top: 30px;
}
.common1 .common1_tip {
    text-align: right;
    margin-top: 38px;
    line-height: 16px;
    font-size: 12px;
    color: #ccc;
}

/*推荐品质楼盘*/
.tjlp{
    padding: 20px 0 70px;
}
.tjlp .tjlp_box {
    display: block;
    width: 370px;
    height: 277px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    float: left;
    margin-right: 20px;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}
.tjlp .tjlp_box:last-of-type {
    margin-right: 0;
}
.tjlp .tjlp_box img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.tjlp .tjlp_box:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.tjlp .tjlp_box .tjlp_text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 77px 20px;
    z-index: 1;
    background: rgba(42,57,76,0.6);
    color: #fff;
    text-align: center;
}
.tjlp .tjlp_box .tjlp_text .build_name {
    font-size: 24px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
}
.tjlp .tjlp_box .tjlp_text .build_des {
    display: inline-block;
    margin-top: 10px;
    line-height: 24px;
    padding: 0 8px;
    border: 1px solid #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
}
.tjlp .tjlp_box .build_info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 57px;
    line-height: 57px;
    color: #fff;
    font-size: 12px;
    padding: 0 20px;
    background: rgba(0,0,0,.6);
    z-index: 2;
}
.tjlp .tjlp_box .build_info .info_L {
    float: left;
}
.tjlp .tjlp_box .build_info .info_L span {
    margin-right: 20px;
}
.tjlp .tjlp_box .build_info .info_R {
    float: right;
}

/*热门楼盘*/
.rmlp{
    width:100%;
    padding: 70px 0;
}
.rmlp_wrap .rmlp_box {
    width: 272px;
    float: left;
    margin-right: 19px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.rmlp_wrap .rmlp_box:last-of-type {
    margin-right: 0;
}
.rmlp_wrap .rmlp_box .pic {
    width: 100%;
    height: 204px;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.rmlp_wrap .rmlp_box .pic img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.rmlp_wrap .rmlp_box:hover .pic img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.rmlp_wrap .rmlp_box .pic .build_label {
    position: absolute;
    left: 0;
    top: 10px;
    width: 61px;
    line-height: 24px;
    background: #fd7737;
    background: -webkit-gradient(linear,right top,left top,color-stop(2%,#ff8b53),to(#ff6d6f));
    background: -webkit-linear-gradient(right,#ff8b53 2%,#ff6d6f 100%);
    background: -moz-linear-gradient(right,#ff8b53 2%,#ff6d6f 100%);
    background: -o-linear-gradient(right,#ff8b53 2%,#ff6d6f 100%);
    background: linear-gradient(to left,#ff8b53 2%,#ff6d6f 100%);
    font-size: 16px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    font-weight: 700;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    font-family: "微软雅黑","Microsoft YaHei";
}
.rmlp_wrap .rmlp_box .rmlp_name {
    margin-top: 14px;
    font-weight: 700;
    line-height: 24px;
    font-size: 18px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.rmlp_wrap .rmlp_box .rmlp_site {
    margin-top: 8px;
    font-size: 12px;
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.rmlp_wrap .rmlp_box .rmlp_info {
    line-height: 20px;
    margin-top: 8px;
}
.rmlp_wrap .rmlp_box .rmlp_info div {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    font-family: "微软雅黑";
}
.rmlp_wrap .rmlp_box .rmlp_info .rmlp_info_L {
    width: 36%;
    font-size: 12px;
    color: #777;
}
.rmlp_wrap .rmlp_box .rmlp_info .rmlp_info_R {
    width: 64%;
    text-align: right;
    font-weight: 700;
    font-size: 16px;
    color: #ff6d6f;
}
.rmlp_wrap .rmlp_box .rmlp_info .rmlp_info_R.Price {
    width: 64%;
    text-align: left;
    font-weight: 700;
    font-size: 16px;
    color: #ff6d6f;
}

/*急售、推荐二手房*/
.ershou{
    padding: 70px 0;
}
.ershou_wrap .ershou_box {
    width: 272px;
    float: left;
    margin-right: 19px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.ershou_wrap .ershou_box:last-of-type {
    margin-right: 0;
}
.ershou_wrap .ershou_box .pic {
    width: 100%;
    height: 204px;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.ershou_wrap .ershou_box .pic img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.ershou_wrap .ershou_box:hover .pic img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.ershou_wrap .ershou_box .pic .build_label {
    position: absolute;
    left: 0;
    top: 10px;
    width: 61px;
    line-height: 24px;
    background: #fd7737;
    background: -webkit-gradient(linear,right top,left top,color-stop(2%,#ff8b53),to(#ff6d6f));
    background: -webkit-linear-gradient(right,#ff8b53 2%,#ff6d6f 100%);
    background: -moz-linear-gradient(right,#ff8b53 2%,#ff6d6f 100%);
    background: -o-linear-gradient(right,#ff8b53 2%,#ff6d6f 100%);
    background: linear-gradient(to left,#ff8b53 2%,#ff6d6f 100%);
    font-size: 16px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    font-weight: 700;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    font-family: "微软雅黑","Microsoft YaHei";
}
.ershou_wrap .ershou_box .ershou_name {
    margin-top: 14px;
    font-weight: 700;
    line-height: 24px;
    font-size: 18px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.ershou_wrap .ershou_box .ershou_site {
    margin-top: 8px;
    font-size: 12px;
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.ershou_wrap .ershou_box .ershou_info {
    line-height: 20px;
    margin-top: 8px;
}
.ershou_wrap .ershou_box .ershou_info div {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    font-family: "微软雅黑";
}
.ershou_wrap .ershou_box .ershou_info .ershou_info_L {
    width: 36%;
    font-size: 12px;
    color: #777;
}
.ershou_wrap .ershou_box .ershou_info .ershou_info_R {
    width: 64%;
    text-align: right;
    font-weight: 700;
    font-size: 16px;
    color: #ff6d6f;
}
.ershou_wrap .ershou_box .ershou_info .ershou_info_R.Price {
    width: 64%;
    text-align: right;
    font-weight: 700;
    font-size: 16px;
    color: #ff6d6f;
}

.ershou_wrap .ershou_box .ershou_info .ershou_info_R.Price em{
    font-style:normal;
}

/*通用幻灯片样式*/
.slide-container {
    position: relative;
    _zoom: 1;
}

    .slide-container .slide-wrapper li {
        zoom: 1;
        vertical-align: middle;
        float: left;
        _overflow: hidden;
    }

    .slide-container .slide {
        background-repeat: no-repeat;
        background-position: center center;
        display: block;
        height: 100%;
        background-image: url(../images/loading.gif);
        font-size: 0;
    }

    .slide-container .slide-pagination {
        height: 16px;
        width: 100%;
        z-index: 2;
        position: absolute;
        bottom: 10px;
        left: 0;
    }

        .slide-container .slide-pagination ul {
            overflow: hidden;
            zoom: 1;
            text-align: center;
            height: 16px;
        }

            .slide-container .slide-pagination ul li {
                display: inline-block;
                *display: inline;
                *zoom: 1;
                width: 12px;
                height: 12px;
                background: #9f9e9e;
                border-radius: 16px;
                margin: 0 4px;
                text-indent: -99999px;
                *text-indent: 0;
                font-size: 0;
                vertical-align: top;
                cursor: pointer;
            }

                .slide-container .slide-pagination ul li.on {
                    width: 8px;
                    height: 8px;
                    border: solid 2px #fff;
                    background: rgba(159,158,158,.55);
                    *background: #9f9e9e;
                }

    .slide-container .slide-wrapper {
        position: relative;
        height: 100%;
        z-index: 1;
        overflow: hidden;
    }

    .slide-container .prev, .slide-container .next {
        position: absolute;
        left: 3%;
        top: 50%;
        margin-top: -25px;
        display: block;
        width: 32px;
        height: 40px;
        background: url(../images/slider-arrow.png) -110px 5px no-repeat #e0e0e0;
        filter: alpha(opacity=50);
        opacity: .5;
        _overflow: hidden;
    }

    .slide-container .next {
        left: auto;
        right: 3%;
        background-position: 8px 5px;
    }

        .slide-container .prev:hover, .slide-container .next:hover {
            filter: alpha(opacity=100);
            opacity: 1;
        }
/*咨询师*/
.zxs {
    padding: 70px 0;
}
.zxs_wrap .zxs_box {
    display: block;
    width: 370px;
    height: 310px;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 20px;
}
.zxs_wrap .zxs_box .pic {
    height: 250px;
}
.zxs_wrap .zxs_box .pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.zxs_wrap .zxs_box .zxs_num {
    position: absolute;
    width: 128px;
    height: 56px;
    background: #222;
    top: 20px;
    right: 0;
    -webkit-border-radius: 56px 0 0 56px;
    -moz-border-radius: 56px 0 0 56px;
    border-radius: 56px 0 0 56px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    padding-top: 10px;
    padding-left: 20px;
    color: #fff;
    font-size: 12px;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    transition: all .2s ease-in;
    -webkit-transform: translate(100%,0);
    -moz-transform: translate(100%,0);
    -ms-transform: translate(100%,0);
    -o-transform: translate(100%,0);
    transform: translate(100%,0);
}
.zxs_wrap .zxs_box:hover .zxs_num {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
.zxs_wrap .zxs_box .zxs_num p {
    white-space: nowrap;
    letter-spacing: 0;
}
.zxs_wrap .zxs_box .zxs_num p span {
    font-weight: 700;
    color: #00c0eb;
}

.zxs_wrap .zxs_box .zxs_info {
    height: 60px;
    font-size: 0;
    text-align: center;
    background: #f6f7f9;
}
.zxs_wrap .zxs_box .zxs_info span {
    display: inline-block;
    line-height: 21px;
    margin-top: 20px;
    font-size: 16px;
    color: #666;
    margin-left: 8px;
    max-width: 176px;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
}
.zxs_wrap .zxs_box .zxs_info span.zxs_name {
    line-height: 27px;
    margin-top: 16px;
    font-weight: 700;
    font-size: 20px;
    color: #333;
    margin-left: 0;
    max-width: 120px;
}
.zxs_btn.next, .zxs_btn.prev, .esf_btn.next, .esf_btn.prev {
    background:none;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    top: 160px;
    font-size: 36px;
    cursor: pointer;
    color: #aaa;
    margin-top: -56px;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
    zoom: 1;
}
.zxs_btn.prev, .esf_btn.prev{left:-40px;}
.zxs_btn.next, .esf_btn.next{right:-40px;}
.zxs_btn:hover, .esf_btn:hover {
    color: #777;
}
.zxs_btn i.fa, .esf_btn i.fa{
    -webkit-text-stroke: 1px #fff;
}

/*探盘日记*/
.news{
    width:100%;
    padding:70px 0;
}
.news .news_hd{
    line-height: 48px;
}
.news .news_hd .news_tit {
    float: left;
    font-weight: 700;
    font-size: 0;
    color: #333;
}
.news .news_hd .news_tit span {
    display: inline-block;
    vertical-align: top;
    font-size: 36px;
}
.news .news_hd .news_tit span.tit_des {
    font-weight: 400;
    margin-left: 20px;
    line-height: 48px;
    font-size: 20px;
    color: #777;
}
.news .news_hd .fr a {
    font-size: 16px;
    color: #00c0eb;
}

.tprj .tprj_bd {
    position: relative;
    margin-top: 30px;
}
.tprj_box {
    background: #fff;
    padding: 20px;
    width: 565px;
    height: 160px;
    margin-right:15px;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 20px;
}
.tprj_box:nth-of-type(2n) {
    margin-right: 0;
}
.tprj_box .pic {
    width: 160px;
    height: 120px;
    float: left;
}
.tprj_box .pic img {
    width: 100%;
    height: 100%;
}
.tprj_box .tprj_text {
    padding-left: 183px;
}
.tprj_box .tprj_text .tprj_name {
    line-height: 27px;
    height:27px;
    overflow:hidden;
    font-size: 20px;
    font-weight: 700;
    color: #333;
}
.tprj_box .tprj_text .tprj_des {
    height: 57px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 8px;
    line-height: 19px;
    font-size: 14px;
    color: #777;
}
.tprj_box .tprj_text .tprj_info span {
    float: left;
    width: 70%;
    color: #aaa;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.tprj_box .tprj_text .tprj_info span.tprj_time {
    text-align: right;
    width: 30%;
    float:right;
    color: #aaa;
}

/*新闻资讯*/
.news.xwzx{
    
}
.main {
    float: left;
    width: 800px;
    margin-top:30px;
}
.sub {
    float: right;
    width: 320px;
    margin-top:30px;
}
/*头条新闻*/
.lpdt {
    border: 1px solid #eaeaea;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.lpdt-con {
    padding: 36px 0 0px;
    margin: 0 20px;
}
.lpdt-con .detail-item {
    position: relative;
    margin-left: 70px;
    padding-bottom: 38px;
    border-left: 1px solid #eaeaea;
    word-break: break-all;
}
.lpdt-con .detail-item:last-child {
    border-left: none;
    padding-bottom: 0;
}
.lpdt-con .detail-list .kl-loadmore-line {
    position: relative;
    float:none;
    margin-left: 70px;
    padding-bottom: 38px;
    border-left: 1px solid #eaeaea;
    word-break: break-all;
}
.lpdt-con .item-con {
    position: relative;
    top: -8px;
    display: block;
    margin-left: 20px;
}
.lpdt-con .item-data {
    position: absolute;
    left: -95px;
    top: -1px;
    width: 78px;
    color: #999;
    text-align: right;
    padding-right: 23px;
}
.lpdt-con .item-data p {
    height: 22px;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 5px;
}
.lpdt-con .item-data span {
    display: block;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
}
.lpdt-con .item-tit {
    min-height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    overflow: hidden;
}
.lpdt-con .item-tit i {
    position: absolute;
    left: -24px;
    top: 7px;
    display: inline-block;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #eaeaea;
}
.lpdt-con .item-tit h5 {
    font-size: 20px;
    color: #333;
    font-weight: 700;
}

.lpdt-con .item-text {
    position: relative;
    max-height: 81px;
}
.lpdt-con .item-text.margin-b {
    margin-bottom: 30px;
}
.lpdt-con .item-text .text-box {
    max-height: 51px;
    font-size: 14px;
    color: #333;
    line-height: 26px;
    overflow: hidden;
    word-break: break-all;
}
.lpdt-con .item-text .text-box .de-style{
    height:52px;
}
.lpdt-con .item-text .text-box .de-style > p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*右侧*/
.sub .side {
    border: 1px solid #e8e8e8;
    padding: 0 22px;
    margin-bottom: 19px;
    background: #fff;
}
.sub .hd {
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    height: 64px;
    padding: 20px 5px 20px 0px;
}
.sub .hd h4 {
    font-size: 20px;
    color: #444;
    font-weight: 600;
}
.sub .hd span {
    position: absolute;
    right: 0px;
    bottom: 20px;
}
.sub .hd .title {
    padding-left: 0px;
    height: 24px;
}
.sub .hd .title i.fa,.sub .hd .title i.glyphicon {
    color:#f00;
    margin-right:8px;
    font-size: 18px;
    top:3px;
}
.sub .rank .hd i.glyphicon{color:#f00;}
.sub .con .hd i.glyphicon{color:#7a8df3;}
.panhang ul {
    padding: 20px 0px 0px 5px;
}
.panhang ul li {
    padding-bottom: 20px;
    padding-left: 15px;
    position: relative;
}
.panhang ul li:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #a8b6ff;
    position: absolute;
    left: -4px;
    top: 8px;
}
.panhang ul li:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: -1px;
    top: 22px;
    width: 1px;
    background: #efefef;
    height: 63px;
}
.panhang ul li a {
    font-size: 15px;
    text-decoration: none;
}
.panhang ul li .time {
    color: #8c98a3;
}
.panhang ul li .title-name {
    font-weight: 700;
    color: #31424e;
    position: relative;
    line-height: 22px;
    height: 45px;
    overflow: hidden;
}

/*项目专题*/
.xmzt_bd{
    margin-top:30px;
}
.xmzt-box {
    overflow: hidden;
}
.xmzt-box .media2 {
    float: left;
    width: 272px;
    margin-right: 19px;
    margin-bottom: 20px;
    overflow: hidden;
}
.xmzt-box .media2:last-child {
    margin-right: 0;
}
.xmzt-box .media2 .pic {
    position: relative;
    width: 100%;
    height: 204px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}
.xmzt-box .media2 .pic img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.xmzt-box .media2 a:hover img {
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.xmzt-box .media2 .text {
    color: #333;
    padding: 20px;
    text-align:center;
    line-height: 26px;
}
.media2 .text h4 {
    font-size: 16px;
    color: #363d40;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}