/* header */
.header {
    height: 50px;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
    z-index: 99999;
}

.header .logo img {
    display: block;
    height: 50px;
}

.header .sele_city {
    margin-left: 46px;
    position: relative;
    z-index: 22999;
}

.header .sele_city .sele_city_btn {
    text-align: center;
    line-height: 46px;
    display: block;
    font-size: 16px;
    color: #313131;
    padding-left: 20px;
    background: url(../images/icon/icon1.png) left center no-repeat;
}

.header .sele_city .sele_city_btn span {
    font-size: 16px;
    color: #919191;
}

.header .sele_city .city_list {
    position: absolute;
    top: 46px;
    left: 50%;
    width: 400px;
    border: 1px solid #eee;
    background: #fff;
    z-index: 11299;
    padding: 10px;
    margin-left: -60px;
    display: none;
}

.header .sele_city .city_list li {
    float: left;
    padding: 0 10px;
}

.header .sele_city .city_list a {
    display: block;
    font-size: 16px;
    line-height: 32px;
    margin-left: 0;
    text-align: center;
}

.header .sear_box {
    position: absolute;
    left: 50%;
    top: 35px;
    margin-left: -225px;
}

.navBar .fast_nav {
    width: 232px;
    height: 100%;
    z-index: 1000;
    position: relative;
}

.navBar .fast_nav h3 {
    font-size: 18px;
    position: relative;
    z-index: 100;
    text-align: center;
    line-height: 70px;
    font-weight: normal;
    color: #fff;
}

.navBar .m {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 9;
}

.navBar .fast_nav .list {
    height: 380px;
    padding: 70px 20px 10px;
    width: 192px;
    position: relative;
    z-index: 99;
}

.navBar .fast_nav .list h4 {
    font-size: 16px;
    line-height: 40px;
    color: #fff;
}

.navBar .fast_nav ol {
    padding-bottom: 6px;
    border-bottom: 1px solid #ccc;
    margin-left: -12px;
}

.navBar .fast_nav ul > li:last-child ol {
    border: 0;
}

.navBar .fast_nav ol li {
    float: left;
    margin-left: 12px;
}

.navBar .fast_nav ol a {
    display: block;
    line-height: 22px;
    color: #ccc;
}

.navBar .fast_nav ol a:hover {
    color: #fff;
}

.navBar .fast_nav .opacity {
    background: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

.navBar .nav_list {
    margin-left: 55px;
}

.topBar .navBar .nav_list {
    margin-left: 0;
}

.banner {
    width: 100%;
    /*background: url(../images/bn1.jpg) center top no-repeat;*/
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    overflow: hidden;
}

.banner-1 {
    height: 400px;
}

.banner-1 .switchable-box {
    height: 400px;
}

.banner li {
    width: 100%;
    height: 100%;
}

.banner-1 .switchable-box a {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.banner-1 .switchable-box a img {
    height: auto;
}

.banner-1 .switchable-box .ui-arrow {
    display: none;
}

.label_menu {
    padding: 20px 0;
}

.label_menu .item {
    width: 25%;
    position: relative;
}

.label_menu .item:after {
    display: block;
    content: '';
    position: absolute;
    height: 60px;
    width: 1px;
    background: #eee;
    right: 0;
    top: 50%;
    margin-top: -30px;
}

.label_menu .item:last-child:after {
    display: none;
}

.label_menu h3 {
    font-size: 24px;
    font-weight: normal;
    line-height: 40px;
    text-align: center;
}

.label_menu .l {
    width: 48px;
    height: 2px;
    margin: 0 auto;
}

.label_menu .link {
    margin-top: 22px;
    text-align: center;
    line-height: 100%;
}

.label_menu .link a {
    display: inline-block;
    padding: 0 13px;
    line-height: 100%;
    color: #616161;
    font-size: 18px;
}

.index .wrap {
    width: 1200px;
    margin: auto;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
    overflow: hidden;
}

.index .wrap .l_box {
    width: 230px;
}

.index .wrap .c_box {
    width: 660px;
}

.index .wrap .r_box {
    width: 250px;
}

.index .wrap .content {
    padding: 20px 0;
}

.hot_house {
    padding: 0;
    background: #fff;
}

.hot_house ul {
    padding: 20px 0;
}

.hot_house li {
    float: left;
    width: 270px;
    height: 180px;
    margin-left: 24px;
}

.hot_house li a {
    display: block;
    width: 100%;
    height: 100%;
}

.hot_house li img {
    display: block;
}

/* 公共样式 */
.cm_wrap {
    margin-top: 20px;
    padding: 8px 20px;
    background: #fff;
}

.cm_wrap .head {
    border-bottom: 3px solid #eee;
}

.cm_wrap .head h2 {
    font-size: 24px;
    /*font-weight: normal;*/
    color: #313131;
    padding-left: 43px;
}

.cm_wrap .head .r_nav li {
    float: left;
    height: 45px;
    position: relative;
    margin-left: 63px;
}

.cm_wrap .head .r_nav li a {
    display: block;
    width: 100%;
    line-height: 54px;
    color: #313131;
    text-align: center;
}

.cm_wrap .head .r_nav li .b_l {
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 8px;
    z-index: 3;
    background: url(../images/icon/icon3.png) center bottom no-repeat;
    display: none;
}

.cm_wrap .head .r_nav li.active .b_l,
.cm_wrap .head .r_nav li:hover .b_l {
    display: block;
}

/* 新房 */
.new_house .head h2 {
    background: url(../images/icon/icon4.png) left center no-repeat;
}

/* 最近开盘 */
.lastly_open {
    /*width: 230px;*/
}

.lastly_open h3 {
    font-size: 20px;
    padding-bottom: 9px;
    line-height: 100%;
    font-weight: normal;
    color: #313131;
}

.lastly_open .list {
    height: 216px;
    overflow: auto;
    *position: relative;
}

.lastly_open .list .item {
    padding-left: 20px;
    position: relative;
}

.lastly_open .list .item h4 {
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    background: #d9d9d9;
    margin: 9px 0;
}

.lastly_open .list .item .tit {
    background: url(../images/icon/icon7.png) no-repeat;
    width: 72px;
    color: #fff;
}

.lastly_open .list .item .time {
    width: 68px;
    background: #d9d9d9;
    color: #313131;
}

.lastly_open .list .item li {
    padding: 5px 0;
}

.lastly_open .list .item li span,
.lastly_open .list .item li a {
    display: block;
    color: #616161;
    line-height: 20px;
}

.lastly_open .list .item li .name {
    width: 110px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.lastly_open .list .item li .name:hover {
    text-decoration: underline;
}

.lastly_open .list .item li .price {
    width: 80px;
    text-align: right;
    color: #919191;
    font-size: 12px;
}

.lastly_open .list .item .l_l {
    position: absolute;
    top: 4px;
    bottom: 0;
    left: 0;
    width: 9px;
    background: url(../images/icon/icon5.png) center 30px repeat-y;
}

.lastly_open .list .item .l_l .c {
    /*width: 8px;
                      height: 8px;
                      border: 1px solid #ccc;
                      border-radius: 50%;*/
    width: 9px;
    height: 9px;
    background: url(../images/icon/icon6.png) no-repeat;
}

/* 新房列表 */
.build_list {
    /*width: 660px;*/
}

.build_list ul {
    margin-top: -12px;
}

.build_list li {
    margin-top: 12px;
    float: left;
    width: 200px;
    /*height: 200px;*/
    overflow: hidden;
    margin-left: 20px;
}

.build_list li a,
.news-left-list li a {
    display: block;
    width: 100%;
    height: 100%;
}

.build_list li .img {
    display: block;
    width: 100%;
    height: 140px;
    overflow: hidden;
    position: relative;
}

.news-left-list li .img {
    display: block;
    width: 100%;
    height: 140px;
    overflow: hidden;
    position: relative;
}

.build_list li .img img,
.news-left-list li .img img {
    display: block;
    width: 100%;
    height: 100%;
}

.build_list li .img .img_ft,
.build_list li .img .txt_box,
.build_list li .img .tit_bg,
.news-left-list li .img .tit_bg,
.news-left-list li .img .txt_box {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 32px;
}

.build_list li .img .tit_bg,
.news-left-list li .img .tit_bg {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    background: #000;
    z-index: 1;
}

.build_list li .img .txt_box,
.news-left-list li .img .txt_box {
    overflow: hidden;
    z-index: 2;
    left: 12px;
    right: 12px;
}

.build_list li .img .txt_box .tit,
.build_list li .img .txt_box .area,
.news-left-list li .img .txt_box .tit {
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    z-index: 2;
}

.build_list li .ft .area,
.build_list li .ft .price,
.build_list li .ft .type_area {
    display: block;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
}

.build_list li .ft .area,
.build_list li .ft .type_area {
    color: #616161;
    width: 109px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-left-list {
    margin-top: 15px;
    padding-left: 12px;
}

.news-left-list li {
    float: left;
}

.news-left-list li:first-child {
    margin-right: 15px;
}

/* 房产资讯 */
.house_news {
    /*width: 250px;*/
}

.house_news .hd h3 {
    float: left;
    font-size: 20px;
    color: #313131;
    font-weight: normal;
    line-height: 24px;
}

.house_news .hd .more {
    display: block;
    float: right;
    line-height: 24px;
    color: #616161;
}

.house_news .list {
    height: 346px;
    margin-top: 5px;
    overflow: auto;
}

.house_news .list h4 {
    font-size: 16px;
    line-height: 30px;
    height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.house_news .list ol a {
    display: block;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #616161;
}

.house_news .list ol a:hover {
    text-decoration: underline;
}

/* 楼盘导购 */
.build_shoppers {
    /* 购房宝典 && 房产百科 */
}

.build_shoppers .head h2 {
    background: url(../images/icon/icon8.png) left center no-repeat;
}

.build_shoppers .content h3 {
    font-size: 20px;
    font-weight: normal;
    color: #313131;
    line-height: 100%;
}

.build_shoppers .l_box {
    /*width: @w;*/
    /*  看房团 */
    /* 预约看房 */
}

.build_shoppers .l_box .look_team .list {
    margin: 16px 0;
    height: 104px;
    overflow: hidden;
}

.build_shoppers .l_box .look_team li .name,
.build_shoppers .l_box .look_team li .time {
    display: block;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
    color: #616161;
}

.build_shoppers .l_box .look_team li .name {
    float: left;
    width: 140px;
}

.build_shoppers .l_box .look_team li .name:hover {
    text-decoration: underline;
}

.build_shoppers .l_box .look_team li .time {
    width: 80px;
}

.build_shoppers .l_box .appoint .form_box .sct {
    margin-top: 13px;
}

.build_shoppers .l_box .appoint .form_box .sct_ipt {
    width: 230px;
}

.build_shoppers .l_box .appoint .form_box .sct_ipt .ipt {
    width: 208px;
}

.build_shoppers .l_box .appoint .form_box .btn_area {
    width: 230px;
}

.build_shoppers .r_box .list {
    margin-top: 16px;
    height: 140px;
    overflow: hidden;
}

.build_shoppers .r_box .list li {
    list-style-position: inside;
    list-style-type: disc;
    list-style-color: #eee;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.build_shoppers .r_box .list a {
    color: #616161;
}

.build_shoppers .r_box .list a:hover {
    text-decoration: underline;
}

.build_shoppers .r_box .house_klg {
    margin-top: 20px;
}

.sed_house .head h2 {
    background: url(../images/icon/icon9.png) left center no-repeat;
    margin-bottom: 10px;
}

.sed_house .ads_img {
    height: 392px;
}

.sed_house .ads_img a,
.sed_house .ads_img img {
    display: block;
    width: 100%;
    height: 100%;
}

.sed_house .top_director .list li {
    margin-top: 25px;
}

.sed_house .top_director .list .tx_img {
    width: 50px;
    height: 50px;
    font-size: 0;
}

.sed_house .top_director .list .tx_img img {
    display: block;
    border-radius: 50%;
}

.sed_house .top_director .list .c_con {
    margin-left: 6px;
}

.sed_house .top_director .list .r_con {
    text-align: right;
}

.sed_house .top_director .list p {
    font-size: 12px;
    line-height: 25px;
    color: #919191;
}

.sed_house .top_director .list .name {
    font-size: 16px;
    color: #313131;
    font-weight: bold;
}

.sed_house .top_director .list .mark b {
    font-weight: bold;
    font-size: 16px;
}

.sed_house .top_director .ft_link {
    margin-top: 19px;
}

.sed_house .top_director .ft_link a {
    display: block;
    width: 110px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
}

.rent_house {
    padding-left: 0;
    padding-right: 0;
}

.icon-rent {
    background: url(../images/icon/icon-rent.png) left center no-repeat;
    background-size: 32px;
}

.icon-group {
    background: url(../images/icon/icon-group.png) left center no-repeat;
    background-size: 32px;
}

.icon-news {
    background: url(../images/icon/icon-news.png) left center no-repeat;
    background-size: 32px;
}

.rent_house .head {
    margin: 0 24px;
}

.rent_house .head h2 {
    margin-bottom: 10px;
}

.rent_house .build_list li {
    width: 270px;
    margin-left: 24px;
}

.rent_house .build_list li .img {
    height: 180px;
}

/*  新盘涨幅&&房价走势&&二手涨幅&&房价走势&&楼盘活动 */
.order_modl {
    padding: 20px;
}

.order_modl .sct {
    width: 360px;
}

.order_modl .c_area {
    margin-left: 40px;
}

.order_modl .head .tit {
    position: relative;
    height: 50px;
    width: 86px;
    margin-right: 36px;
}

.order_modl .head .tit.active .b_l {
    display: block;
}

.order_modl .head h3 {
    line-height: 50px;
    font-size: 20px;
    color: #313131;
    text-align: center;
}

.order_modl .head .b_l {
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 8px;
    z-index: 3;
    background: url(../images/icon/icon3.png) center bottom no-repeat;
    display: none;
}

.order_modl .esf_chart {
    width: 360px;
    height: 278px;
}

.order_modl .list {
    padding-top: 6px;
}

.order_modl .list li {
    list-style-position: inside;
    height: 34px;
    padding-left: 20px;
    position: relative;
}

.order_modl .list li .num {
    display: block;
    width: 16px;
    height: 16px;
    font-size: 12px;
    text-align: center;
    line-height: 16px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
}

.order_modl .list li a,
.order_modl .list li span {
    display: block;
    font-size: 14px;
    line-height: 34px;
}

.order_modl .list li .name {
    width: 160px;
    color: #313131;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.order_modl .list li .name:hover {
    text-decoration: underline;
}

.order_modl .list li .price {
    margin: 0 5px;
    width: 90px;
    text-align: center;
}

.order_modl .list li .price b,
.order_modl .list li .price_float {
    overflow: hidden;
}

.order_modl .list li .price_float.down {
    color: green;
}

.order_modl .list li .price_float {
    text-align: right;
    width: 80px;
}

.build_actv .list li .name {
    width: 100%;
}

.group_time {
    background: url(../images/time.png) 0 center no-repeat;
    padding-left: 24px;
    margin-right: 45px;
    display: block;
    float: left
}

.swiper-container {
    height: 400px;
}

.news-left {
    width: 400px;
}

.news-left-slide {
    width: 400px;
    height: 260px;
    overflow: hidden;
}

.news-left-slide .slider {
    height: 260px;
}

.news-left-slide .switchable-box {
    height: 260px;
    min-height: 260px;
}

.news-left-slide .switchable-nav {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 99;
    text-align: right;
}

.news-left-slide .switchable-nav li {
    width: 16px;
    height: 16px;
    line-height: 16px;
    margin-left: 3px;
    background: none;
    background-color: #FCF2CF;
    border: 1px solid #F47500;
    color: #D94B01;
    text-align: center;
    cursor: pointer;
    position: relative;
    text-indent: 0;
}

.news-left-slide .switchable-nav li.active {
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-top: -1px;
    color: #FFF;
    background-color: #FFB442;
    font-weight: bold;
}

.news-left-list {
    width: 100%;
}

.news-left-list li {
    width: 180px;
    height: 140px;
}

.news-center {
    width: 470px;
    margin: 0 15px;
}

.news-center h2 {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-center a {
    color: #333;
}

.news-center li p {
    line-height: 24px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #666;
}

.news-center li {
    font-size: 16px;
    margin-top: 4px;
}

.news-center li.nowarp {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.news-right {
    padding-left: 10px;
    background-color: #f6f6f6;
    height: 407px;
    padding-top: 10px;
}

.news-right li {
    width: 240px;
}

.poster-margin-top {
    margin-top: 20px;
}

.index .banner-2 .switchable-box {
    height: 500px;
    min-height: 500px;
}

.index .banner-2 {
    height: 500px;
    position: relative;
}

.index .search-box {
    width: 560px;
    height: 150px;
    position: absolute;
    left: 50%;
    top: 200px;
    margin-left: -280px;
    z-index: 9;
}

.index .search-box .opacity {
    background-color: #000;
    border-radius: 5px;
}

.index .search-content {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px 30px;
    z-index: 99;
    color: #fff;
}

.index .search-type a {
    padding: 5px 20px;
    margin-right: 5px;
    color: #fff;
    font-size: 16px;
    position: relative;
}

.index .search-input {
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
    width: 500px;
}

.index .search-input .search-input-text {
    height: 30px;
    line-height: 30px;
    width: 400px;
    padding: 5px 10px;
    border: none;
    background-color: #fff;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.index .search-input .search-btn {
    height: 40px;
    width: 80px;
    line-height: 40px;
    text-align: center;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.index .search-keyword {
    margin-top: 10px;
}

.index .search-keyword a {
    color: #fff;
    margin-right: 10px;
}
.divgap {
    margin: 50px 0px 20px;
}
.mtitle {
    font-size: 32px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 30px;
    margin: 20px;
    border-bottom: 1px solid;
    padding-bottom: 20px;
}
.clearfix {
    zoom: 1;
}
.rxxf .bigImg {
    width: 500px;
    margin:20px;
}
.fl {
    float: left;
}
.rxxf .bigImg .img {
    width: 580px;
    height: 504px;
    background: #f8f8f8;
    position: relative;
}
.rxxf .bigImg .img:before {
    content: "";
    width: 116px;
    height: 33px;
    display: block;
    background: url(../../images/v1.0/default.png) 0 -15px no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -58px;
}
.rxxf .bigImg .img img {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 1;
    border-radius: 4px;
}
.loupan .text {
    position: relative;
    margin-top: 15px;
    font-size: 24px;
    font-weight: bolder;
}
.rxxf .bigImg .text .tit {
    width: 450px;
}
.loupan .text .adress, .loupan .text .kp-time {
    font-size: 12px;
    line-height: 12px;
    color: #9399a5;
    margin-top: 10px;
}
.loupan .text .price {
    font-size: 18px;
    line-height: 18px;
    color: #FF5A5F;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 0;
}
.rxxf .content {
    width: 660px;
    margin-bottom: -30px;
    white-space: nowrap;
}
.loupan .content {
    margin-right: -73px;
}
.fr {
    float: right;
}
.rxxf .content .box {
    margin-right: 19px;
    margin-bottom: 30px;
}
.loupan .content .box {
    width: 280px;
    margin-right: 20px;
    float: left;
}
.loupan .content .box .img {
    width: 280px;
    height: 210px;
    background: #f8f8f8;
    position: relative;
}
.loupan .content .box .img:before {
    content: "";
    width: 116px;
    height: 33px;
    display: block;
    background: url(../../images/v1.0/default.png) 0 -15px no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -58px;
}
.loupan .content .box .img img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    position: relative;
    z-index: 1;
}
.loupan .text {
    position: relative;
    margin-top: 15px;
}
.loupan .text .tit {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    width: 165px;
    max-height: 20px\9;
}
.loupan .text .adress, .loupan .text .kp-time {
    font-size: 12px;
    line-height: 12px;
    color: #9399a5;
    margin-top: 10px;
}
.loupan .text .price {
    font-size: 18px;
    line-height: 18px;
    color: #FF5A5F;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 0;
}
/*分割线*/
a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var,th,td{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block}
body{color:#444;padding:0px 0;
    font:400 14px/1.6 'Helvetica Neue',Helvetica, "Microsoft YaHei",sans-serif,Arial,'宋体';-webkit-text-size-adjust:none;
    background:#fff; }
a:hover img,img{border:none; vertical-align: top;}
ol,ul{list-style: none}
input,button,select,textarea{outline:none;font:400 14px/1.6 'Helvetica Neue',Helvetica, "Microsoft YaHei",sans-serif,Arial,'宋体';font-size:14px; color: #666;}
table input,table button,table select,table textarea{ vertical-align:middle;}
button,html input[type=button],input[type=submit]{-webkit-apperance: button; cursor: pointer;-webkit-appearance: none;}
button[disabled],html input[disabled]{cursor: default}
textarea{resize:none}
table{ border-collapse:collapse;}
a{text-decoration:none; color:#444;}
h1,h2,h3,h4,h5,h6{font-weight:400; }
th{font-weight: normal; }



.al{text-align: left;}
.ac{text-align: center;}
.ar{text-align: right;}
.hide{display: none;}
.th{ font-family:'Helvetica Neue',Helvetica, "Microsoft YaHei",sans-serif,Arial,'宋体';}

.clear, .clr{display: block; clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
.clearfix2:before,.clearfix2:after{content:""; display: table;}
.clearfix2:after{clear: both;}
.clearfix2{*zoom:1;}


::-webkit-scrollbar{width:6px;height:6px;}::-webkit-scrollbar-button{height:0;width:0;}::-webkit-scrollbar-track{background-color:#f1f1f1;}::-webkit-scrollbar-thumb{background:#ccc;}



.clearfix:after{content: ""; display: block;height: 0;clear: both;}
.clearfix{zoom:1;}
.clearit{clear:both;height:0;font-size:0;overflow:hidden;}
.fl{float:left;_display:inline;}
.fr{float:right;_display:inline;}


a:hover{color:#1f9793;}
.hidden{visibility:hidden;}


/*设置选中文字时的背景色*/
::selection{ background:#12b8d7; color:#fff; }
::-moz-selection    { background:#12b8d7; color:#fff; }
::-webkit-selection { background:#12b8d7; color:#fff;}
/*可改变元素被点击时背景框的颜色*/
html{-webkit-tap-highlight-color: rgba(240,240,240,0.7);}/*如果需要背景框不显示，则可以将rgba中的alpha值设为0即可，例如rgba(0,0,0,0)*/

/*--------------------------end公用样式*/
body{background-color:#fff; }
.blue_bj{background-color:#12b8d7;}
.white_bj{background-color:#fff; }
.gray_bj_light{background-color:#f8f8f8;}
.w_1200{ width:1200px; margin: 0 auto;}


.min_1200{margin: 0 auto; min-width: 1200px; _width:expression((documentElement.clientWidth < 1200) ? "1200px" : "auto" );}
.max_1200{margin: 0 auto; max-width: 1200px; _width:expression((documentElement.clientWidth > 1200) ? "1200px" : "auto" );}



.phcolor{color: #bbb!important;}
input::-webkit-input-placeholder{color: #bbb;}
input:focus::-webkit-input-placeholder{color: #999;}
input::-moz-placeholder{color: #bbb;}
input:-ms-input-placeholder{color: #bbb;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none!important; margin: 0;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
input[type="number"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}

a{transition: .2s; -moz-transition: .2s; -webkit-transition: .2s;}

.nav{ padding-top:32px;}
.nav .item_li{float:left; margin-left: 70px;}
.nav .item_a{ float:left; font-size: 16px; line-height: 40px; position: relative;}
.nav .item_a::before{ position:absolute; bottom: 0; left: 50%; width: 0; height: 3px; background-color: #12b8d7; font-size: 0; overflow: hidden; content: ''; display: block; -moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%); -moz-transition: .3s;-webkit-transition: .3s; transition: .3s;  display: none\9;}
.nav .item_a:hover::before,.nav .active .item_a::before{ width:30px;}
.nav .active .item_a{ border-bottom:3px solid #12b8d7\9;*border-bottom:3px solid #12b8d7;}

/*大图片*/
.h_banner{ height:500px; background-color: #eee; position: relative; overflow: hidden;}
.h_banner_img{ position:absolute; top:0; left: 50%; margin-left: -960px; overflow: hidden; width: 1920px;}
.f_black{background-color: rgba(0,0,0,.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.h_banner_w{ position:absolute; left:50%; margin-left: -600px; top:0; padding-top: 215px; z-index: 1;}


/*文字导航链接*/
.h_link_ul{text-align:center;}
.h_link_ul .th_t{ font-size:22px; margin-top: 15px;}
/*图标*/
.icon_a{ width:90px; height: 80px; background-image: url("../images/icon_a.png");}
.icon_a2{ background-position: 0 -80px; }
.icon_a3{ background-position: 0 -160px; }
.icon_a4{ background-position: 0 -240px; }


/*优势*/
.h_tool_div{ height:280px; position: relative; overflow: hidden;}
.f_box_parent{ position:absolute; width: 1920px; margin-left: -960px; left: 50%; top:0; height: 100%;}
.h_tool_div .th_t{ font-size:50px; line-height: 1.1;}
.h_tool_div .th_d{ font-size:36px; line-height: 1.1; margin-top: 15px;}
.h_tool_div .t_t{ margin-top:45px; font-size: 18px; line-height: 2.2;}
.h_tool_div .t_d{margin-top:40px;}
.more_a_border_w{ color:#fff; display: inline-block; vertical-align: top; text-align: center; width: 140px; line-height: 42px; font-size: 16px; border: 1px solid #fff;}
.more_a_border_w:hover{ color:#000; background-color: #f7d56e; border-color:#f7d56e}

/*标题*/
.h_th{text-align:center; font-size: 36px; line-height: 1.2;}
.h_th .th_d{ font-size:0; margin-top: 10px;}
.th_line_w40,.th_line_w20{ width:40px; height: 3px; display: inline-block; vertical-align: top; font-size: 0; overflow: hidden; background-color: #12b8d7;}
.th_line_w20{ width:20px; height: 2px;}

/*热盘推荐*/
.h_hot_dl .box{ display:block; position: relative; height: 485px; overflow: hidden;}
.h_hot_dl .item_li .box{ margin-right:16px; height: 235px;}
.h_hot_dl .th_t{ font-size:24px; line-height: 1.2;  }
.h_hot_dl .f_th,.h_hot_dl .f_prit{ position:absolute; color:#fff;z-index: 1;}
.h_hot_dl .f_th{ top:0; left:0;-moz-text-shadow: 1px 1px 2px rgba(0,0,0,.86);-webkit-text-shadow: 1px 1px 2px rgba(0,0,0,.86);text-shadow: 1px 1px 2px rgba(0,0,0,.86);}
.h_hot_dl .f_th .t_d,.h_hot_dl .f_th .th_t{margin: 20px 15px 0 15px; }
.h_hot_dl .f_th .t_d{ margin-top:5px;}
.h_hot_dl .f_prit{ right:10px; bottom: 10px;}
.h_hot_dl .f_prit .box_i{ display:inline-block; text-align: right; line-height: 1.2; padding: 4px 8px; background-color: #383838;}
.h_hot_dl .box:hover .f_prit .box_i{ background-color: #12b8d7;}


/*图标*/
.icon_b{ width:70px; height: 70px; background-image: url("../images/icon_b.png"); }
.icon_b2{background-position: 0 -70px;}
.icon_b3{background-position: 0 -140px;}
.icon_b4{background-position: 0 -210px;}

/*专题找房*/
.h_tool_ul .th_t{ font-size:24px; margin-top: 10px;}
.h_tool_ul .box{ display:block; text-align: center; color:#fff;  background-color: #12b8d7; height: 175px; padding: 0px;}
.h_tool_ul .t_t{ font-size:16px; margin-top: 5px;}
.h_tool_ul .li_2 .box{background-color: #49c4d9;}
.h_tool_ul .li_3 .box{background-color: #69cbdc;}
.h_tool_ul .li_4 .box{background-color: #85d3e1;}


/*文件底*/
.footer{ background-color: #2c2c2c; padding: 10px 0;}
/*电话*/
.footer_tel{ width:60px; height: 60px;  background-image: url("../images/footer_tel.png"); border: 1px solid rgba(255,255,255,.5);}
.footer_tel:hover{background-position: 0 -60px; background-color: #12b8d7; border-color:#12b8d7;}
/*二维码*/
.wechat_120{ width:100px; height: 100px;}
.footer_wechat{ text-align:center;}
.footer_wechat .th_s{ font-size:12px; margin-top: 10px;}
.footer_wechat .box{ display:block; text-align: center;}

.footer .dl_t .t_l{ padding-top:10px;}
.footer .dl_t .t_l .th_t{ font-size:44px; line-height: 1.2;}
.footer .dl_t .t_l .th_d{ font-size:34px; line-height: 1.2; margin-top: 12px;}
.footer .dl_t .t_l .t_d{ margin-top:20px;}
.footer .dl_t .t_l .t_d p{ margin-top:8px;}
.footer .dl_t .t_l .t_d,.footer .dl_t .t_l .t_d a{ color:rgba(255,255,255,.6);}
.footer .dl_t .t_l .t_d a:hover{ color:#fff;}



/*返回顶部*/
.ftool_top{position: fixed; right: 6px; bottom: 10px; z-index: 40; _position: absolute; _bottom: auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
* html,* html body{background-image:url(about:blank);background-attachment: fixed;}
.top_ftoolab{ width:58px; height:58px; border: 1px solid #ddd;display:block; background-color:#fff; background-image:url(../images/ftool.png); background-repeat:no-repeat; background-position:center center;-moz-box-shadow: 0 10px 20px rgba(0,0,0,.1);-webkit-box-shadow: 0 10px 20px rgba(0,0,0,.1);box-shadow: 0 10px 20px rgba(0,0,0,.1); -moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.top_ftoolab:hover{ background-color:#fff; border-color:#ccc;}
/*end 返回顶部*/



/*标签导航*/
.i_tab_th{ height:70px; line-height: 70px;}
.i_tab_th dd a{ float:left; margin-right: 60px; position: relative;}
.i_tab_th dd a::before{ position:absolute; content: ''; font-size: 0; overflow: hidden; background-color: #12b8d7; bottom: 0; left: 50%;-moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%); width: 0; height: 3px; -webkit-transition: .3s;-webkit-transition: .3s;transition: .3s;}
.i_tab_th dd .tab_light{ color:#333; border-bottom: 3px solid #12b8d7\9;*border-bottom: 3px solid #12b8d7;}
.i_tab_th dd .tab_light::before,.i_tab_th dd a:hover::before{ width:100%;}

/*标签线*/
.i_tab_th_line{ border-bottom:1px solid #eee; height: 45px; line-height: 45px;}
.i_tab_th_line dd a::before{ bottom:-1px;}

/*筛选*/
.filter_ul_o .item_li{ margin:12px 0; }
.filter_ul_o .t_r .item_a{ display:inline-block; padding: 0 18px; border: 1px solid #fff; border-color: transparent; margin: 0 5px 3px 5px;}
.filter_ul_o .t_r .item_a,.filter_ul_o .t_l{line-height: 30px;}
.filter_ul_o .t_r .item_a:hover{background-color:transparent; color: #12b8d7; border-color:#12b8d7; }
.filter_ul_o .t_r .active{ color:#fff;background-color: #12b8d7; border-color:#12b8d7;}
.filter_ul_o .t_r .active:hover{background-color: #12b8d7; color:#fff;}
.filter_ul_o .t_l{ width:75px;}


/*二级筛选*/
.sec_filter {line-height: 32px;}
.sec_filter .item_a_sec{ display:inline-block; margin: 0 15px;}
.sec_filter .active_sec{color:#12b8d7; font-weight: bold;}


.switchbditem{display: none;}
.active_switchbditem{display: block;}


/*数字*/
.top_num{ color:#849aae; text-transform: uppercase; width: 54px; line-height: 24px; display: inline-block; vertical-align: top; text-align: center; border: 1px solid #849aae;}
.box:hover .top_num{ color:#fff; background-color: #849aae; -webkit-box-shadow: 0 5px 8px rgba(0,0,0,.08);-moz-box-shadow: 0 5px 8px rgba(0,0,0,.08);box-shadow: 0 5px 8px rgba(0,0,0,.08);}

.tab_light .top_num{ color:#fc7b75;border-color:#fc7b75;}
.tab_light:hover .top_num{ color:#fff; background-color: #fc7b75;}


.bg_cover{

    background-position:center center;background-size:cover;
}

/*成交排行*/
.r_hot_ul .box{ margin:20px 0 30px 0;}
.r_hot_ul .pic{  margin-top:12px; overflow: hidden; text-align: center; position: relative;}
.r_hot_ul .pic,.r_hot_ul .pic img{height:130px;}
.r_hot_ul .pic .item_a{ display:block;}
.f_black_d{ height:34px; line-height: 34px; top:auto; bottom: 0; border-radius: 0 0 4px 4px; background-color: rgba(0,0,0,.7); color:#fff;}
.r_hot_ul .th_t{ font-size:16px; margin-top: 8px;}
.r_hot_ul .t_d{ margin-top:5px;}

/*按钮*/
.blue_btn,.blue_btn_border{ border:1px solid #12b8d7; color:#12b8d7; background-color: #fff; width: 110px; line-height: 32px; display: inline-block; vertical-align: top; text-align: center;}
.blue_btn{ color:#fff; background-color: #12b8d7;}
.blue_btn_border:hover,.blue_btn:hover{ background-color: #e4fbff; color:#12b8d7; -moz-transform: translateY(-3px);-webkit-transform: translateY(-3px);transform: translateY(-3px);}
.blue_btn:hover{ color:#fff;background-color: #49c4d9; border-color:#49c4d9;}

/*小文字*/
.text_s_a{ font-size:12px; font-weight: normal; color:#fff; background-color: #fc7b75; min-width: 40px; line-height: 24px; padding: 0 6px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle; text-align: center; margin: 0 3px;}
.text_s_yellow_a{color:#333; background-color: #f7d56e;}
.text_s_a_end{ background-color: #c0c5cf;}
.text_s_a:hover,.text_s_yellow_a:hover{-moz-transform: translateY(-3px);-webkit-transform: translateY(-3px);transform: translateY(-3px); color:#fff;}
.text_s_a:hover{background-color: #ff4a42;}
.text_s_a_end:hover{background-color: #c0c5cf; color:#fff; cursor: no-drop;}
.text_s_yellow_a:hover{background-color: #ffd34c; color:#333;}


/*楼房列表*/
.pro_list_ul .pic{ width:250px; height: 180px; margin-right: 40px; position: relative;}
.pro_list_ul .th_t{font-size:18px;}
.pro_list_ul .box{ margin-top:50px;}
.pro_list_ul .item_a{ font-size:18px; font-weight: bold; display: inline-block; vertical-align: middle;}
.pro_list_ul .t_r .t_t{ margin-top:14px; color:#666;}
.pro_list_ul .t_r_r{text-align:right;}



/*-----------------------------------2页-*/
.l325{float: left; display: block; width: 325px;}
.l900{float: left; display: block; width: 900px;}
.r240{float: right; display: block; width: 240px;}
.r850{float: right; display: block; width: 850px;}


.boxmt{margin-bottom: 20px; display: block; height: 25px; line-height: 25px; font-size: 14px;}
.boxmtitle{float: left; font-size: 18px; color: #333; font-weight: bold;}
.md_boxmtitle{line-height: 25px; font-size: 22px;}
.big_boxmtitle{line-height: 25px; font-size: 24px; font-weight: normal;}
.boxmtitle_arrow{margin: 3px 10px 0 0; float: left; display: block; content: ""; width: 4px; height: 20px; line-height: 0; font-size: 0; background-color: #12b8d7; vertical-align: top;}
.rgymore, .rbumore{float: right; font-size: 14px; color: #12b8d7;}
.rgymore{color: #888;}
.rbumore{color: #12b8d7;}
.rgymore:hover, .rbumore:hover{color: #f60;}

.rankmlabel{display: inline-block; text-align: center; width: 24px; height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 24px; font-size: 14px; color: #333; font-weight: bold; background-color: #eee; border-radius: 50%; vertical-align: top;}
.rankmlabel_01, .rankmlabel_02, .rankmlabel_03{color: #fff; background-color: #12b8d7;}




.picadv{margin-bottom: 20px; position: relative; display: block; overflow: hidden;}
.picadv_link{position: relative; display: block; background-color: #000;}
.picadv img{display: block; width: 100%;}
.picadv_link:active img{opacity: .9;}




.clnewscards{margin-left: -20px; zoom: 1;}
.clnewscard{margin: 40px 0 40px 20px; _display: inline; float: left; width: 440px; -webkit-box-sizing: border-box; box-sizing: border-box; *width: 438px; border: 1px solid #eee; box-shadow: 0 4px 5px rgba(0,0,0,.05);}
.clnewscard:hover,.clnewscard:hover .sign{-moz-box-shadow: 0 4px 5px rgba(18,184,215,.2); -webkit-box-shadow: 0 4px 5px rgba(18,184,215,.2);box-shadow: 0 4px 5px rgba(18,184,215,.2); border-color:#12b8d7;-moz--transform: translateY(-10px);-webkit-transform: translateY(-10px); transform: translateY(-10px);}
.clnewscard .sign{position: absolute; bottom: -10px; left: 0; display: block; width: 80px; height: 80px; font-size: 80px; background-image: url(../images/clnewscard.png); background-repeat: no-repeat; background-size: 80px auto; background-color: #12b8d7; border-radius: 50%; -webkit-transition: .3s; transition: .3s;}
.clnewscard:hover .sign{}
.clnewscards .fore01 .sign{background-position: 0 0;}
.clnewscards .fore02 .sign{background-position: 0 -1em;}
.clnewscards .fore03 .sign{background-position: 0 -2em;}
.clnewscards .fore04 .sign{background-position: 0 -3em;}
.clnewscard_head{margin: 20px; position: relative; padding-left: 100px; height: 30px; line-height: 30px;}
.clnewscard_title{float: left; font-size: 30px; color: #333;}
.clnewscard_decs{margin: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; overflow: hidden; height: 60px; line-height: 30px; font-size: 16px; color: #666;}
.clnewscard_tags{margin: 20px 0 0 0;}
.clnewscard_tags .tag{margin: 0 0 20px 20px; float: left; display: block; text-align: center; padding: 14px; width: 190px; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; *width: 158px; *height: 20px; line-height: 20px; font-size: 16px; color: #666; border: 1px solid #ddd; border-radius: 4px;}
.clnewscard_tags .tag:hover{ color:#12b8d7; border-color:#12b8d7;}
.clnewscard_report{display: block; padding: 10px 20px; line-height: 20px; font-size: 14px; color: #666; background-color: #f4fdff;}
.clnewscard_report_t{margin: 5px 0; font-size: 16px; color: #333;}
.clnewscard_report_t::before{margin-right: 10px; display: inline-block; content: ""; width: 30px; height: 20px; background-image: -webkit-gradient(linear,0 0,100% 100%, from(transparent), color-stop(20%, transparent), color-stop(21%, #12b8d7), color-stop(40%, #12b8d7), color-stop(41%, transparent), color-stop(60%, transparent), color-stop(61%, #12b8d7), color-stop(80%, #12b8d7), color-stop(81%, transparent), to(transparent)); background-image: -webkit-linear-gradient(-20deg, transparent, transparent 20%, #12b8d7 21%, #12b8d7 40%, transparent 41%, transparent 60%, #12b8d7 61%, #12b8d7 80%, transparent 81%, transparent); background-image: linear-gradient(110deg, transparent, transparent 20%, #12b8d7 21%, #12b8d7 40%, transparent 41%, transparent 60%, #12b8d7 61%, #12b8d7 80%, transparent 81%, transparent); vertical-align: top;}
.clnewscard_report_p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; overflow: hidden; height: 40px; font-size: 14px;}
.clnewscard_aside{margin: 20px; line-height: 20px; font-size: 14px; color: #333;}
.clnewscard_aside_context{float: left;}


.relsideprice{margin-bottom: 20px;}
.relsideprice_title{margin-bottom: 5px; line-height: 30px; font-size: 24px; color: #333;}
.relsideprice_price{line-height: 40px; font-size: 18px; color: #ff4a42;}
.relsideprice_price .val{font-size: 32px;}
.relsideprice_row{margin-top: 5px;}


.shplist{margin-left: -20px; *zoom: 1;}
.shpitem{margin: 0 0 20px 20px; _display: inline; float: left; width: 270px; height: 280px;}
.shpitem_produce{display: block; height: 280px; background-color: #f8f8f8; border-radius: 4px; overflow: hidden; -webkit-transition: .3s; transition: .3s;}
.shpitem_produce:hover{-webkit-transform: translateY(-2px); transform: translateY(-2px);}
.shpitem_pic{position: relative; display: block; width: 270px; height: 195px; overflow: hidden;}
.shpitem_pic img{display: block; width: 270px; min-height: 195px;}
.shpitem_pic .picdecs{position: absolute; bottom: 0; left: 0; display: block; text-align: right; padding: 10px; width: 100%; *width: 250px; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px; font-size: 14px; color: #fff; background-color: rgba(0,0,0,.7);}
.shpitem_pic .picdecs .val{font-weight: bold; color: #f7d56e;}
.shpitem_title{margin: 15px 15px 0 15px; display: block; height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px; font-size: 16px; color: #333;}
.shpitem_info{margin: 10px 15px 0 15px; display: block; line-height: 20px; font-size: 14px; color: #666; overflow: hidden;}
.shpitem_info .currentprice{float: left; font-size: 18px; font-weight: bold; color: #ff4a42;}
.shpitem_info .local{float: right;}


.relcutpitem{margin-bottom: 30px;}
.relcutp_produce{position: relative; display: block; padding-left: 100px; min-height: 60px; _height: 60px; _overflow-y: visible; line-height: 20px; font-size: 14px; -webkit-transition: .3s; transition: .3s;}
.relcutp_produce:hover{-webkit-transform: translateY(-2px); transform: translateY(-2px);}
.relcutp_pic{position: absolute; top: 0; left: 0; display: block; width: 80px; height: 60px; border-radius: 5px; overflow: hidden;}
.relcutp_pic img{display: block; width: 80px; height: 60px;}
.relcutp_title, .relcutp_info{display: block; width: 100%; height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.relcutp_title{color: #000;}
.relcutp_info{color: #999;}
.relcutp_info .ins{color: #ff4a42; font-weight: bold; text-decoration: none;}

.sranktable{text-align: center; width: 100%; line-height: 24px; font-size: 14px; color: #666; border: 1px solid #eee;}
.sranktable th, .sranktable td{padding: 12px 9px; border-bottom: 1px solid #eee;}
.sranktable thead{background-color: #f8f8f8;}
.sranktable .rise{color: #ff4a42; font-weight: bold;}
.sranktable .fall{color: #22ba66; font-weight: bold;}

.showdatabox{display: -webkit-box; display: flex; background-color: #f8f8f8; overflow: hidden; *zoom: 1;}
.showdata_cnt{display: block; -webkit-box-flex: 1; flex: 1; min-width: 1px; padding: 20px 25px 0 25px; float: left\9; width: 770px\9;}
.showdata_aside{display: block; padding: 20px 30px 0 30px; width: 380px; float: left\9; *width: 320px; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #ebebeb;}
.showdata_head{margin-bottom: 20px; display: block;}
.showdata_title{margin-bottom: 5px; display: block; width: 100%; height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 30px; font-size: 28px; color: #333;}
.showdata_tins{line-height: 25px; font-size: 16px; color: #666;}

.showdatacards{margin-left: -40px; *zoom: 1;}
.showdatacard{float: left; margin: 0 0 20px 40px; display: block; _display: inline; padding: 25px; width: 365px; height: 180px; *width: 315px; *height: 130px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff;}
.showdatacard_dt{margin-bottom: 40px; line-height: 20px; font-size: 16px; color: #333;}
.showdatacard_dd{display: block; text-align: center; font-size: 14px;}
.showdatacard_dd .val{margin: 0 5px; line-height: 1; font-size: 40px; font-weight: bold;}
.showdatacards .fall .showdatacard_dd{color: #12b8d7;}
.showdatacards .rise .showdatacard_dd{color: #ff4a42;}

.gydotlist{line-height: 20px; font-size: 14px; color: #333;}
.gydotlist li{margin: 20px 0; position: relative; padding-left: 17px;}
.gydotlist>li::before{position: absolute; left: 0; top: 50%; margin-top: -3px; display: block; content: ""; width: 6px; height: 6px; line-height: 0; font-size: 0; background-color: #ccc; border-radius: 50%;}
.gydotlist a{display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333;}
.gydotlist a:hover{color: #12b8d7;}


/*btn*/

.sbtn{display: inline-block; text-align: center; padding: 4px 9px; height: 30px; *height: 28px; line-height: 20px; font-size: 14px; border-radius: 4px; border: none; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; appearance: none; vertical-align: top;}
.radiusbtn.sbtn{padding-left: 14px; padding-right: 14px; border-radius: 20px;}

.primarylinebtn{color: #12b8d7; border: 1px solid #12b8d7; -webkit-transition: .3s; transition: .3s;}
.primarylinebtn:not(.disabled):hover{background-color: rgba(0,0,0,.1);}
.primarylinebtn:not(.disabled):active{color: rgba(255,255,255,.6); background-color: #12b8d7;}


/*font*/
.fz18{font-size: 18px;}
.fz22{font-size: 22px;}
/*color*/
.butxt{color: #12b8d7;}

/*-----------------------------------end 2页-*/

/*浮动标签*/
.f_tag_group{position: absolute; top:0; left:8px; z-index: 1;}
.f_tag_green,.f_tag_red{ display: inline-block; background-color: #58db93; border-bottom: 3px solid #38ac6c; vertical-align: top; color:#fff; text-align:center; width: 40px; padding: 4px 0; line-height: 1.1; margin: 0 2px; -moz-border-radius: 0 0 4px 4px;-webkit-border-radius: 0 0 4px 4px;border-radius: 0 0 4px 4px; }
.f_tag_red{background-color: #fc7b75;  border-color:#da5b55;}





/*地图*/
.map_icon{ width:16px; height: 16px; margin-right: 5px; background-image: url("../images/map.png");}


/*链接*/
.group_link a{ display:inline-block; background-color: #f3f5f7; line-height: 28px; vertical-align:top; margin: 0 5px 5px 0; padding: 0 10px; color:#849aae; font-size: 13px;  height: 28px; overflow: hidden;}
.group_link a:hover{ color:#5c86ad; background-color: #eaeef2;}

/*删除和关闭*/
.del_icon,.close_icon{ width:16px; height: 16px; margin-left: 5px; background-image: url("../images/close.png");}
.del_icon{ background-position: 0 -32px; margin-right: 5px; margin-left: 0;}
a:hover .del_icon{background-position: 0 -48px;}
a:hover .close_icon{background-position: 0 -16px;}

/*选择词*/
.filter_select_a{ display:inline-block; vertical-align: middle; margin: 0 8px 0 0; border: 1px solid #ddd; line-height: 20px; padding: 1px 5px;}
.filter_select_a:hover{ border-color:#12b8d7;}


/*页码*/
.page{text-align:center; line-height: 36px; color:#666;}
.page a{ margin:0 5px; display: inline-block; vertical-align: middle; padding: 0 15px; border: 1px solid #ddd; background-color: #fff; text-align: center;}
.page .china{ font-weight: bold;}
.page .disabled_a,.page .disabled_a:hover{ color:#ccc; border-color: #eee; cursor: no-drop;}
.page_text{ border:1px solid #ddd; height: 34px; line-height: 34px; margin: 0 10px; background-color: #fff; width:60px; text-align: center; vertical-align: top;}
.page a:hover,.page_text:focus{ border-color:#12b8d7;}
.page .active{ color:#fff; background-color: #12b8d7; border-color: #12b8d7;}




.pagination li{display: inline;}
.pagination li.disabled span{    margin: 0 0px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    border: 1px solid #ddd;
    text-align: center;
}
.pagination li.active span{    margin: 0 0px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    border: 1px solid #ddd;
    text-align: center;
    background-color: #12b8d7;}

/*标题*/
.th_text24{ font-size:24px; line-height: 1.2;}


/*------------star动画效果*/
.ibn{position: relative; height: 420px; overflow: hidden; min-width: 1200px;}
.ibn .bd{height: 420px;}
.ibnitem{position: relative; height:420px; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; overflow: hidden;}
.ibn .bd .item_a{ display:block; position: relative; width: 100%; height: 420px;}
.ibn .bd .f_text{ position:absolute; bottom: 15px; left:50%; z-index: 2; margin-left: -600px; color:#fff;}
.ibn .f_black_d{ z-index:1; height: 60px; background-color: rgba(0,0,0,.5);}
.ibn .bd .th_t{ font-size:18px; width:70%;}



/*数字*/
.ibn .hd{ position:absolute; bottom: 10px; left: 0; width: 100%; text-align: center;}
.ibn .hd li{cursor:pointer;display:inline-block;*display:inline;zoom:1;margin:0 5px;overflow:hidden; font-size: 0; width:10px; height:10px; background-color: rgba(0,0,0,.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);position: relative; }
.ibn .hd li::before{ display:block; position: absolute; content: ''; top:50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%); width: 0; height:0; font-size: 0; overflow: hidden;  background-color: #12b8d7; -moz-transition: .3s;-webkit-transition: .3s;transition: .3s; display: none\9;}
.ibn .hd li,.ibn .hd li::before{-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;}
.ibn .hd .on::before{ width: 100%; height: 100%;}
.ibn .hd .on{background-color:#12b8d7\9;*background-color:#12b8d7; background-color: transparent; width:30px;}
/*按钮*/
.ibn .btn{ width:30px; height: 60px; overflow: hidden; color:rgba(255,255,255,.5); color:#fff\9;*color:#fff;font-size:34px;line-height: 60px; text-align: center; position: absolute; top:50%; margin-top: -40px; background-color: rgba(0,0,0,.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#CF000000,endcolorstr=#CF000000);}
.ibn .prev{ left:5%;/* margin-left: -600px;*/}
.ibn .next{ right:5%;/* margin-right: -600px;*/}
.ibn .btn:hover{background-color:#333; color:#fff;}

/*数字 2*/
.ibn_text .hd{ z-index:2; text-align: right; width: 1200px; left:50%; margin-left: -600px; bottom: 20px;}
.ibn_text .hd li{  background-color: rgba(255,255,255,.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7Fffffff,endcolorstr=#7Fffffff);}



/*左导航*/
.ask_l_nav_dl dt{ cursor:pointer; font-size: 16px;}
.ask_l_nav_dl{ border-bottom:1px solid #eee; padding: 15px 0;}
.ask_l_nav_dl .sec_ul li a{ margin:0 10px; color:#666; border: 1px solid #ddd; line-height: 38px; display: block;}
.ask_l_nav_dl .sec_ul li a:hover{ color:#12b8d7; border-color:#12b8d7; background-color: #fff;}
.ask_l_nav_dl .sec_ul li{ margin-top:15px; text-align: center;}
.ask_l_nav_dl dd{ display:none;}

/*图标*/
.icon_c{ width:30px; height: 30px; background-image: url("../images/icon_f.png"); margin-right: 20px; }
.icon_c2{background-position: 0 -30px;}
.icon_c3{background-position: 0 -60px;}
.icon_c4{background-position: 0 -90px;}
.icon_c5{background-position: 0 -120px;}
.icon_c6{background-position: 0 -150px;}
.icon_c7{background-position: 0 -180px;}

/*图标*/
.show_icon{width:16px; height: 16px; margin-right: 8px; cursor: pointer; background-image: url("../images/show_icon.png"); margin-top: 5px;}
.dl_click .show_icon{ background-position: 0 -16px;}

.box_parent{ overflow: hidden;}
.box_children{ margin-bottom: -3000px; padding-bottom: 3000px; }


/*新闻列表*/
.r_news_ul .box{ margin-bottom:10px; }
.r_news_ul .pic{width:250px;  overflow: hidden; margin-right: 50px; text-align: center;}
.r_news_ul .pic,.r_news_ul .pic img{height: 180px;}
.r_news_ul .pic a{ display:block; background-color: #eee;}
.r_news_ul .t_r .t_d{ color:#666; margin-top: 10px; line-height: 2em; height: 6em;}
.r_news_ul .t_r .t_t{ color:#999; margin-top: 10px;}
.r_news_ul .t_r .th_t{ font-size:22px; width: 530px; height: 30px; line-height: 30px;}
.r_news_ul .t_r .th_t a{ display:block;}
.r_news_ul .t_r{ padding-top:6px;}
.r_news_ul_w .t_r .th_t{ width:870px;}
/*文字链接*/
.link_margin_group a{ margin:0 8px;}


/*标签导航*/
.i_tab_th_c{text-align:center;}
.i_tab_th_c dd a{ display:inline-block; color:#888; line-height: 40px; margin: 0 10px; min-width: 120px; text-align: center; border:1px solid #eee;padding: 0 22px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box; vertical-align: top;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.i_tab_th_c dd a:hover{ color:#fff; border-color:#12b8d7; color:#12b8d7\9;*color:#12b8d7;}
.i_tab_th_c dd a::before{ width:0; height: 0; -moz-border-radius: 2em;-webkit-border-radius: 2em;border-radius: 2em; background-color: #12b8d7; display: block; content: ''; position: absolute; left:50%; top:50%; -moz-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);-moz-transition: .3s; -webkit-transition: .3s;  transition: .3s; z-index: -1; }
.i_tab_th_c dd a:hover::before,.i_tab_th_c dd .tab_light::before{ width:100%; height: 100%;}
.i_tab_th_c dd .tab_light{ color:#fff; border-color:#12b8d7; background-color: #12b8d7\9;*background-color: #12b8d7;}

/*间距*/
.line_text_small{ line-height:1.2;}

/*-------------------选择框*/
.chespan,.radiospan{display: inline-block; line-height: 20px; }
.chespan [type="checkbox"],.radiospan [type="radio"]{display: none; display: inline-block\9;}
.chespan_label::before,.radiospan_label::before{margin-right: 10px; display: inline-block; content: ""; width: 20px; height: 20px; background: url(../images/che.png) 0 0 no-repeat; vertical-align: top; display: none\9;}
.radiospan_label::before{background: url(../images/radio.png) 0 0 no-repeat;}
.chespan :checked ~ .chespan_label::before,.radiospan :checked ~ .radiospan_label::before{background-position: 0 -20px;}


/*下拉框select*/
.select_box{  width:100%; margin:0 0em 0 0;  border:none;
    overflow: hidden; filter: none !important;
    appearance:none;-moz-appearance:none;-webkit-appearance: none; background:none; background-image:url("../images/option_w.png"); background-repeat:  no-repeat; background-position:  100% center;}
.select_box::-ms-expand { display: none; }

.select_box,.fill_text_w{height:44px; line-height:24px; width:100%; padding: 10px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; color:#fff;}

/*下拉框2*/
.select_box_120{ width:110px; line-height:30px; padding: 0 20px; border:1px solid #ddd; background-color: #fff; height: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; color:#333;background-image:url("../images/option_gray.png"); background-position: 85% center;}
.select_group .select_box{ margin:0 5px;}
.select_box_120:hover{ border-color:#12b8d7;}

.fill_text_w{ border:none; background-color: transparent; vertical-align: top; }

/*按钮*/
.fill_yellow_btn{ width:100%; height: 44px; line-height: 44px; text-align: center; vertical-align: top; background-color: #f7d56e; border: none; color:#000; font-size: 16px;}
.fill_yellow_btn:hover{ color:#000; background-color: #ffd146;}


.input_div{ height:44px; color:#fff; background-color: #41c6df\9;*background-color: #41c6df; background-color: rgba(255,255,255,.2); margin-bottom: 16px; line-height: 44px; padding: 0 20px;}
.input_div .t_l{ *width:134px; min-width: 134px;}

.fill_dl dd{text-align:center; margin-top: 25px;}


.box_content .input_div,.box_content input,.box_content select{color: #000;}
.box_content .input_div{ height:44px;border: 1px solid black;  margin-bottom: 16px; line-height: 44px; margin:  5px 20px;}


.box_content .fill_dl .phcolor{color: #000!important;}
.box_content .fill_dl input::-webkit-input-placeholder{color: #000;}
.box_content .fill_dl input:focus::-webkit-input-placeholder{color: #000;}
.box_content .fill_dl input::-moz-placeholder{color: #000;}
.box_content .fill_dl input:-ms-input-placeholder{color: #000;}

.fill_dl .phcolor{color: #fff!important;}
.fill_dl input::-webkit-input-placeholder{color: #fff;}
.fill_dl input:focus::-webkit-input-placeholder{color: #fff;}
.fill_dl input::-moz-placeholder{color: #fff;}
.fill_dl input:-ms-input-placeholder{color: #fff;}

/*位置*/
.site_th_l{ line-height:50px;}
.home_icon{ width:20px; height: 20px; margin-right: 10px; background-image: url("../images/home.png");}
.site_th_l .china{ margin:0 8px;}


/*大图片*/
.dis_big{  height:400px; position: relative;}
.dis_big .item_a{position:relative; display: block; height: 100%;}
.f_video{ position:absolute; width:100%; text-align: center; left: 0; top:50%; margin-top: -20px; z-index: 1;}
.f_video .box{ display:inline-block; padding: 0 20px; line-height: 40px; color:#fff; background-color: rgba(0,0,0,.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);}
.video_icon{ width:20px; height: 20px; background-image: url("../images/video_icon.png");}
a:hover .f_video .box{ background-color:#12b8d7; }

/*小图片*/
.dis_small{ margin-right:-12px; *margin-right: 0;}
.dis_small .box{ margin-right:12px; *margin: 0 6px; display: block; position: relative; text-align: center; height: 72px;}
.dis_small .f_black_d{ height:24px; line-height: 24px;}

/*灰色边框*/
.gray_border{ border:1px solid #eee; background-color: #fff;}

/*电话*/
.tel_icon{ width:30px; height: 30px; background-color: #12b8d7; background-image: url("../images/tel.png"); background-position: center center;}

.dis_btn_ul{ margin-right:-15px; *margin-right: 0;}
.dis_btn_ul .box{ margin-right:15px; *margin: 0 7px;}
/*按钮*/
.big_btn{ display:block; text-align: center; font-size: 18px; border-style: solid; border-width: 1px; line-height: 70px;}
.blue_btn_n{background-color: #12b8d7; border-color: #12b8d7; color:#fff;}
.blue_btn_n:hover{ color:#fff; background-color: #02b0d1;}
.yellow_btn{background-color: #f7d56e; border-color: #f7d56e; color:#000;}
.yellow_btn:hover{color:#000; background-color: #ffd146;}
.red_border_btn{background-color: #fff; border-color: #ff4a42; color:#ff4a42;}
.red_border_btn:hover{ color:#ff4a42; background-color: #ffe2e1; }


/*小按钮*/
.s_btn_blue_a,.btn_border_blue{background-color: #fff; border: 1px solid #12b8d7;color:#12b8d7; }
.s_btn_blue_a{ display:inline-block; padding: 0 5px; line-height: 22px; vertical-align: middle;  font-size: 12px; }
.btn_border_blue{  display: block; text-align: center; line-height: 48px; font-size: 16px;}
.s_btn_blue_a:hover,.btn_border_blue:hover{ color:#12b8d7; background-color: #e4fbff;}

/*按钮图标*/
.btn_icon_s{ width:16px; height: 16px; background-image: url("../images/btn_icon.png"); margin-right:3px;}
.btn_icon_s2{ background-position: 0 -16px;}
.btn_icon_s3{ background-position: 0 -32px;}
.btn_icon_s4{ background-position: 0 -48px; margin-left: 5px; }

/*楼盘信息*/
.dis_data_dl .t_t{ border-bottom:1px solid #eee;}
.dis_data_dl .t_t,.dis_data_dl .t_d{ padding:0 20px;}
.dis_data_dl .t_o{ margin:18px 0; line-height: 34px;}
.dis_data_dl .t_t_l{ color:#888; width: 80px; margin-right:5px;}

/*按钮*/
.rss_icon{ width:20px; height: 20px; margin-right: 10px; background-image: url("../images/rss.png");}

/*户型介绍*/
.dis_other_about_ul .box{ margin-bottom:30px;}
.dis_other_about_ul .pic{ width:250px; height: 180px; margin-right: 40px;}
.dis_other_about_ul .pic a{ display:block;}
.dis_other_about_ul .t_r .t_t{ margin-top:5px; color:#666;}
.dis_other_about_ul .t_r .t_t p{ margin-top:5px;}
.dis_other_about_ul .t_r .t_t .font_16{ color:#333;}
.dis_other_about_ul .t_r .t_d{ margin-top:10px;}
/*VIP售楼顾问*/
.dis_vip_ul .item_li{ margin-bottom:30px;}
.dis_vip_ul{ margin-right:-25px; *margin-right: 0;}
.dis_vip_ul .box{ display:block; margin-right: 25px; *margin: 0 12px;  border: 1px solid #eee; background-color: #fff;}
.dis_vip_ul .pic{ display:block; position: relative; height: 200px;}
.dis_vip_ul .f_black_d{ padding-top:4px; padding-bottom: 4px; -moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
.dis_vip_ul .t_d{ padding:10px 15px 0 15px; font-size: 16px;}

/*图标*/
.icon_d{ width:20px; height: 20px;  background-image: url("../images/icon_c.png"); margin-right: 8px;}
.icon_d2{ background-position: 0 -20px;}

/*楼盘动态*/
.dis_dyd_ul{ position:relative;}
.f_line_y{width:1px; height: 100%; position: absolute; font-size: 0; overflow: hidden; background-color: #d0cfd4; top:0; left:105px;}
.dis_dyd_ul .t_l{ color:#666; width: 105px; margin-right: 30px; }
.dis_dyd_ul .box_t{  margin-bottom: 35px;}
.dis_dyd_ul .t_r{position: relative; padding: 0px 10px 10px 10px; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.dis_dyd_ul .th_t{ font-size:16px; font-weight: bold;}
.dis_dyd_ul .t_d{ color:#666; margin-top: 10px; line-height: 2;}
.f_line_round{ position:absolute; background-color: #d0cfd4; font-size: 0; overflow: hidden; width: 8px; height: 8px; border: 2px solid #fff; left:-35px; p:0; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}

/*周边配套*/
.dis_map_div{border:6px solid #eee; background-color: #eee; position: relative;}
/*地图大小*/
.map-container{ width:100%; height: 550px;}

/*标签*/
.f_map_tab{ position:absolute; width: 360px; height: 430px; border-radius: 5px; background-color: #fff; top:25px; right: 80px; box-shadow: 0 10px 20px rgba(0,0,0,.12);}
.map_tab_nav{ border-bottom:1px solid #eee; height: 54px; line-height: 54px; text-align: center;}
.map_tab_nav dd a{ float:left; width:24.9%; text-align: center;}
.map_tab_nav dd .box_i{ display:inline-block; position: relative;}
.map_tab_nav dd .box_i::before{ width:0; height: 2px; background-color: #12b8d7; font-size: 0; overflow: hidden; position: absolute; bottom: -1px; left: 50%; -moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%); display: block; content: ''; -moz-transition: .3s;-webkit-transition: .3s;transition: .3s;}
.map_tab_nav dd .box_i:hover::before,.map_tab_nav dd .tab_light .box_i::before{ width:100%;}
.map_tab_nav dd .tab_light{ color:#333;}
.map_tab_nav dd .tab_light .box_i{ border-bottom:2px solid #12b8d7\9;*border-bottom:2px solid #12b8d7;}

/*标签内容*/
.dis_map_ul .box{ padding:10px 25px 10px 15px;}
.dis_map_ul .th_t{ font-size:14px; font-weight: bold;}
.dis_map_ul .t_d{ color:#888; margin-top: 6px;}
.dis_map_ul .t_l{ margin-right:10px;}

/*图标*/
.icon_e{ width:25px; height: 25px; background-image: url("../images/icon_d.png");}
.icon_e2{ background-position: 0 -25px;}
.icon_e3{ background-position: 0 -50px;}
.icon_e4{ background-position: 0 -75px;}
.icon_e5{ background-position: 0 -100px;}




/*楼盘点评*/
.dis_bbs_div .ul_pic{ margin-right:-40px; *margin-right:0;}
.dis_bbs_div .ul_pic .box{ margin-right:40px; *margin: 0 20px; display: block; position: relative; height: 195px; text-align: center; overflow: hidden;}
.f_yellow_text{ position:absolute; top:0; right: 0; background-color: #f7d56e; -moz-border-radius: 0 0 0px 20px;-webkit-border-radius: 0 0 0px 20px;border-radius: 0 0 0px 20px; padding: 10px 15px; line-height: 20px;}
a:hover .f_yellow_text{ color:#000; background-color: #ffd146;}
.dis_bbs_div .t_t{ margin-top:20px;}
.dis_bbs_div .t_c{ color:#666; font-size: 16px; line-height: 1.8; margin-top: 15px;}
.dis_bbs_div .t_d_r{text-align:right; margin-top: 40px;}
.dis_bbs_div .box_all{ border-bottom:1px solid #eee; margin-bottom: 30px; padding-bottom: 20px;}
.dis_bbs_div .box_all:last-child{ border-bottom:none;}



/*头像*/
.photo_30{ width:30px; height: 30px;}


/*图标*/
.good_icon,.bbs_icon{ width:25px; height: 25px; margin-right: 8px; background-image: url("../images/icon_e.png");}
.bbs_icon{ background-position: 0 -25px;}

/*滚动条*/
.scroll_box{ position:relative; overflow-y: hidden;  }


/*信息*/
.f_dis_data .th_t{ font-size:26px; font-weight: bold;}
.f_dis_data .t_t{ margin-top:10px;}
.f_dis_data .t_d{ margin-top:10px;}

/*标签导航*/
.tab_nav_y dd a{ display: block; line-height: 40px; padding: 0 20px; background-color: #f8f8f8; margin-bottom: 10px; color:#666;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;}
.tab_nav_y dd a::before{ position:absolute; left:50%; top:0; background-color: #12b8d7; display: block; content: ''; width: 0; height: 100%; font-size: 0; overflow: hidden; -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%); transform: translateX(-50%);  -webkit-transition: .3s;-moz-transition: .3s;transition: .3s; z-index: -1;  -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.tab_nav_y dd a:hover::before,.tab_nav_y dd .tab_light::before{ width:100%; height: 100%; }
.tab_nav_y dd a:hover,.tab_nav_y dd .tab_light{ color:#fff; background-color: #12b8d7\9;*background-color: #12b8d7;}



/*动画*/
.dis_flash{ position:relative;}
.dis_flash .f_black_d{ top:420px; height: 40px; padding: 0 2%; width: 96%; line-height: 40px; bottom: auto; z-index: 1;}
.dis_flash .t_t{ height:460px; overflow: hidden; }
.dis_flash .t_t li{ width:640px; height: 460px; overflow: hidden;}
.dis_flash .t_d{ margin-left:-20px; margin-top: 20px;}
.dis_flash .t_d .box{display:block; margin-left: 5px; background-color: #000; position: relative;}
.dis_flash .t_d .box::before{ width:0; height: 3px; background-color: #12b8d7; display: block; position: absolute; bottom: 0; left: 50%; content: ''; font-size: 0; -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.dis_flash .t_d .box img{ opacity:.4;}
.dis_flash .t_d .on .box img{opacity:1;}
.dis_flash .t_d .on .box::before,.dis_flash .t_d .box:hover::before{ width:100%;}


/*定位标签*/
.dis_tab_ul{text-align:center; padding: 10px 0px;line-height: 40px;}
.dis_tab_ul .item_li{ display:inline-block; margin: 0 10px; padding: 0 30px; }
.dis_tab_ul .current{ color:#fff; background-color: #12b8d7; -moz-border-radius: 40px;-webkit-border-radius: 40px;border-radius: 40px;}
.dis_tab_ul .current a{ color:#fff;}

/*固定位置*/
.top_fix{position: fixed; top: 70px; width:100%;left:0; background-color: #fff; box-shadow: 0 5px 10px rgba(0,0,0,.15); margin-top: 0!important; z-index: 9999;}





/*间距*/
.box_mb20{margin-bottom: 20px;}
.box_mb40{margin-bottom: 40px;}
.box_mh25{ margin-top:25px; margin-bottom: 25px;}
.box_mr30{ margin-right:30px;}
.box_p30{ padding:30px;}
.box_mr40{ margin-right:40px;}
.box_pw25{ padding-left:25px; padding-right: 25px;}
.box_pr15{ padding-right:15px;}
.box_pl15{ padding-left:15px;}
.box_ml290{ margin-left:290px;}
.box_mr20{ margin-right:20px;}
.box_ml30{ margin-left:30px;}
.box_ph10{ padding-top:10px; padding-bottom: 10px;}
.box_mr10{ margin-right:10px;}
.box_mr25{ margin-right:25px;}
.box_mt5{ margin-top:5px;}
.box_ph25{ padding-top:25px; padding-bottom: 25px;}
.box_pt30{ padding-top:30px;}
.box_pt70{ padding-top:70px;}
.box_md20{ margin-bottom:20px;}
.box_pt25{ padding-top:25px;}
.box_pl60{ padding-left:60px;}
.box_md60{ margin-bottom:60px;}
.box_pt10{ padding-top:10px;}
.box_md30{ margin-bottom:30px;}
.box_pw20{ padding-left:20px; padding-right: 20px;}
.box_pw10{ padding-left:10px; padding-right: 10px;}
.box_ph30{ padding-top:30px; padding-bottom: 30px;}
.box_mw20{ margin-left:20px; margin-right: 20px;}
.box_mt10{ margin-top:10px;}
.box_mt70{ margin-top:70px;}
.box_ml15{ margin-left:15px;}
.box_mr15{ margin-right:15px;}
.box_ml20{ margin-left:20px;}
.box_ml70{ margin-left:70px;}
.box_md70{margin-bottom: 70px;}
.box_mh40{margin-top:40px;margin-bottom: 40px;}
.box_mt20{margin-top:20px;}
.box_mt30{ margin-top:30px;}
.box_pw30{ padding-left:30px; padding-right: 30px;}
.box_ph15{ padding-top:15px; padding-bottom: 15px;}
.box_mh10{ margin-top:10px; margin-bottom: 10px;}
.box_p10{ padding:10px;}
.box_ph20{ padding-top:20px; padding-bottom: 20px;}
.box_pt20{ padding-top:20px;}
.box_ml10{ margin-left:10px;}
.box_mw10{ margin-left:10px; margin-right: 10px;}
.box_mt15{ margin-top:15px;}
.box_ml5{ margin-left:5px;}
.box_ph60{ padding-top:60px; padding-bottom: 60px;}
.box_ph70{ padding-bottom: 70px;}
.box_pl40{padding-left:40px;}
.box_pt50{ padding-top:50px;}
.box_pt60{ padding-top:60px;}
.box_mt30{ margin-top:30px;}
.box_mt80{ margin-top:80px;}
.box_mt40{ margin-top:40px;}
.box_mt50{ margin-top:50px;}


/*宽度*/
.w_5_w{ width:50%;}
.w_600{ width:600px;}
.w_230{ width:230px;}
.w_960{ width:960px;}
.w_180{ width:180px;}
.w_220{ width:220px;}
.w_300{ width:300px;}
.w_320{ width:300px;}
.w_850{ width:850px;}
.w_820{ width:820px;}
.w_550{ width:550px;}
.w_200{ width:200px;}
.w_640{ width:640px;}

/*高度*/
.min_h900{ min-height:900px;}
.h_440{ height:440px;}
.h_300{ height:300px;}
.h_360{ height:360px;}

/*对齐*/
.box_c{text-align:center;}
.box_r{text-align:right;}
.box_l{text-align:left;}


.padding_30{padding:30px;}
.padding_bt30{padding:0 0 30px 0;}
/*-------star文字的样式*/
/*标题文字*/
.th{ font-family:"Microsoft YaHei";}
/*日期*/
.date{ float:right; color:#999; font-family:Arial;font-weight:normal;}
/*宋体*/
.china{ font-family:"宋体";}
.eng,.prit_r{font-family:Arial;}
/*距离*/
.mt30{margin-top: 30px!important; }
.red_text,.red_link a{ color:#ff4a42;}
.red_link a:hover{ color:#fff; background-color: #ff4a42;}
.link_h_line a:hover{text-decoration: underline;}
.gray_text{ color:#888;}
.pink_text,.pink_link a{ color:#e3516a;}
.pink_link a:hover{ color:#fff; background-color: #e3516a;}
.blue_text_b,.blue_link_b a{ color:#106dcd;}
.blue_link_b a:hover{ color:#fff; background-color: #106dcd;}
.blue_text_light{ color:#80a1ff;}
.black_text,.black_link a{ color:#000;}
.black_link a:hover{ color:#fff;}
.black6_text,.black6_link a{ color:#666;}
.black6_link a:hover{ color:#12b8d7;}
.black8_text,.black8_link a{ color:#888;}
.black8_link a:hover{ color:#12b8d7;}

.green_text,.green_link a{color:#0bb5ab;}
.green_link a:hover{color:#fff; background-color: #0bb5ab;}
.m_l{ margin-left:1em;}
.m_l_b{ margin-left:2em;}
.m_r_b{ margin:0 10px 0 0;}
.m_text{ margin:0 2em;}
.m_t_5{ margin:0 5px;}
.m_t_20{ margin:0 20px;}
.mr_40{ margin-right:40px;}
.m_t{ margin:0 .5em;}
.orange_text,.orange_link a,.orange_link_t a{ color:#f2a22f;}
.orange_link a:hover{ color:#fff; background-color: #f2a22f;}
.gray_link_l a{ color:#888;}
.gray_link_l a:hover{ color:#000; text-decoration: underline;}
.blue_link a,.blue_text,.blue_link_t a{ color:#12b8d7;}
.blue_link a:hover{ color:#fff; background-color: #12b8d7; }
.gray_text_l{ color:#888;}
.yellow_text,.yellow_link a{ color:#f7d56e;}

.graw_link a,.graw_text{ color:#37200b;}
.graw_link a:hover{ color:#fff; background-color: #d5ad50;}

.link_line a{ text-decoration:underline; }
.link_line a:hover{text-decoration: none;}
.white_text,.white_link a{ color:#fff;}
.h_th .white_text_5,.white_text_5{ color:rgba(255,255,255,.5); color:#95baec\9;*color:#95baec;}
.font_12{ font-size:12px;}
.font_13{ font-size:13px;}
.font_14{ font-size:14px;}
.font_15{ font-size:15px;}
.font_16{ font-size:16px;}
.font_18{ font-size:18px;}
.font_20{ font-size:20px;}
.font_22{ font-size:22px;}
.font_24{ font-size:24px;}
.font_26{ font-size:26px;}
.font_28{ font-size:28px;}
.font_30{ font-size:30px;}
.font_32{ font-size:32px;}
.font_36{ font-size:36px;}
.font_40{ font-size:40px;}
.font_50{ font-size:50px;}
.font_60{ font-size:60px;}
.font_b{ font-weight:bold;}


/*隐藏*/
.hide_box{ height:auto; overflow: hidden;}
/*列表*/
.list_2 .item_li{ float:left; width:49.99%;}

.list_4 .item_li{float:left; width: 24.99%;}
.list_5 .item_li{float:left; width: 19.99%;}
.list_6 .item_li{float:left; width: 16.666%;}
.list_7 .item_li{float:left; width: 14.28%;}
.list_8 .item_li{float:left; width: 12.5%;}
.list_3 .item_li{ float:left; width:33.33%;*width:33.2%;}



.list_wh100 .item_li{float:left; width: 93px;height: 70px; overflow: hidden;}

.m-slide .tab img{display: block;width: 100% ;height: 100%;}

.w_33{width:33%;}
.h100{height: 100px;}
.margin_left10{padding-left: 10px;}
/*---------------------------省略符号*/
/*省略号*/
.hide1{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;-webkit-box-orient: vertical;}
.hide2,.hide6,.hide4,.hide3,.hide10,.hide_1_w{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.hide2{-webkit-line-clamp: 2;height:3.2em;}
.hide3{-webkit-line-clamp: 3;height:4.8em; }
.hide6{-webkit-line-clamp: 6; height:9.6em;}
.hide4{-webkit-line-clamp: 4;height:6.4em;}
.hide10{-webkit-line-clamp: 10;height:16em; }
/*自适应*/
.r_cell{ display:table-cell; width:9999px; *width:auto; *zoom:1;}

.pic_cell{ vertical-align:middle; text-align:center; display:table-cell; overflow:hidden;}
.pic_cell img{ max-width:100%; max-height:100%; width:100%\9;width:100%\0;*width:100%;vertical-align:middle; overflow:hidden;}
/*自定义动画*/
.transition_a,.transition_o a,.hover_table tbody tr,.hover_arrow_shadow .icon_public{ -moz-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear;}

/*图标*/
.icon_public{  display: inline-block; vertical-align: middle; font-size: 0; overflow: hidden; background-repeat: no-repeat;}

.img_w{ width:100%; height: 100%; overflow: hidden;}
.img_w_w{ width:100%; overflow: hidden;}
.img_m,.text_m{ display:inline-block; vertical-align: middle;}
a:hover .img_m{vertical-align: middle;}
.box_sizing{ -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

/*经过*/
.hover_pic_shadow .box:hover .pic,.hover_box .box:hover,.hover_box_t .box:hover{ -moz-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px); border-color:#1f9793; }
.hover_pic_shadow .box:hover .pic,.hover_box .box:hover,.hover_pic_shadow_t .box:hover .pic{-moz-box-shadow: 0 10px 15px rgba(0,0,0,.12);-webkit-box-shadow: 0 10px 15px rgba(0,0,0,.12);box-shadow: 0 10px 15px rgba(0,0,0,.12);}

/*经过表格*/
.hover_table tbody tr:hover{ -moz-transform:translateY(-2px);-webkit-transform:translateY(-2px);transform:translateY(-2px); -moz-box-shadow: 0 10px 20px rgba(0,0,0,.15);-webkit-box-shadow: 0 10px 20px rgba(0,0,0,.15);box-shadow: 0 10px 20px rgba(0,0,0,.15); background-color: #f4fbff;}

/*阴影*/
.box_shadow{ -moz-box-shadow:0 10px 15px rgba(0,0,0,.2); -webkit-box-shadow:0 10px 15px rgba(0,0,0,.2); box-shadow:0 10px 15px rgba(0,0,0,.2); background-color: #fff;}
.box_shadow_s{-moz-box-shadow:0px 1px 2px rgba(0,0,0,.05); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,.05); box-shadow:0px 1px 2px rgba(0,0,0,.05); background-color: #fff;}

/*经过图片阴影*/
.hover_arrow_shadow .box:hover .icon_public{filter: drop-shadow(5px 5px 1px rgba(0,0,0,0.2)); -webkit-filter: drop-shadow(5px 5px 1px rgba(0,0,0,0.2)); -moz-filter: drop-shadow(5px 5px 1px rgba(0,0,0,0.2)); transform: translate3d(0, -3px, 0); -moz-transform: translate3d(0, -3px, 0); -webkit-transform: translate3d(0, -3px, 0);}

/*经过*/
.hover_li .box{
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;}
.hover_li .box::before{ width:0; height:100%; left:50%; top:0; background-color: rgba(0,0,0,.02); display: block; position: absolute; content: ''; -moz-transition: .3s;-webkit-transition: .3s;transition: .3s;z-index: -1; -moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.hover_li .box:hover::before{ width:100%; }
/*---------------------------------------------图片缩小后摇动（不错）*/
/*左右摇摆*/
.hover_arrow .box:hover .icon_public{animation: landr 0.8s ease-in-out;
    -ms-animation: landr 0.8s ease-in-out;
    -moz-animation: landr 0.8s ease-in-out;
    -webkit-animation: landr 0.8s ease-in-out;
    -o-animation: landr 0.8s ease-in-out;}
/*定义动画效果_css3*/
@keyframes landr {
    0% {transform: rotate(0deg);transform-origin: right bottom 0;}
    39% {transform: rotate(5deg);transform-origin: right bottom 0;}
    40% {transform: rotate(5deg); transform-origin: left bottom 0;}
    75% {transform: rotate(-10deg);transform-origin: left bottom 0;}
    100% {transform: rotate(0deg);transform-origin: left bottom 0;}
}
@-webkit-keyframes landr {
    0% { -webkit-transform: rotate(0deg);-webkit-transform-origin: right bottom 0;}
    39% {-webkit-transform: rotate(5deg);webkit-transform-origin: right bottom 0;}
    40% {-webkit-transform: rotate(5deg);-webkit-transform-origin: left bottom 0;}
    75% {-webkit-transform: rotate(-10deg); -webkit-transform-origin: left bottom 0;}
    100% {-webkit-transform: rotate(0deg);-webkit-transform-origin: left bottom 0;}
}

/*经过图片有闪光效果*/
.hover_pic a{position: relative; overflow: hidden; display:block;}
.hover_pic a:before{position: absolute; top: 0px; left: -80%; display: block; content: ""; width: 40%; height: 100%; overflow: hidden; background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0)); background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0)); background: -webkit-gradient(linear,left top,right top, from(rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), to(rgba(255,255,255,0))); background: linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0)); -moz-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);}
.hover_pic a:hover:before{-moz-transition: left 1s ease 0s; -webkit-transition: left 1s ease 0s; transition: left 1s ease 0s; left: 140%;}

/*效果*/
.animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}


.animated.infinite{-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}

/*----------------往下拉动画*/
@-webkit-keyframes down {0%,100% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}40% {-webkit-transform: translate3d(0,-2px,0);transform: translate3d(0,-2px,0)}80% {-webkit-transform: translate3d(0,2px,0);transform: translate3d(0,6px,0);-moz-box-shadow:0 10px 15px rgba(0,0,0,.2);-webkit-box-shadow:0 10px 15px rgba(0,0,0,.2);box-shadow:0 10px 15px rgba(0,0,0,.2);}}
@keyframes down {0%,100% {-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}40% {-webkit-transform: translate3d(0,-2px,0);-ms-transform: translate3d(0,-2px,0);transform: translate3d(0,-2px,0)}80% {-webkit-transform: translate3d(0,2px,0);-ms-transform: translate3d(0,2px,0);transform: translate3d(0,2px,0);-moz-box-shadow:0 10px 15px rgba(0,0,0,.2);-webkit-box-shadow:0 10px 15px rgba(0,0,0,.2);box-shadow:0 10px 15px rgba(0,0,0,.2);}}

.down_animation{animation: down 1s infinite;-webkit-animation: down 1s infinite;}




/*---------------------------star滤镜的样式*/
/*圆角*/
.round_r2,.round_r2_a a{-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.round_r4,.round_r4_a a,.round_r4_img img { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.round_r10{ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.round_r_t10{-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
.round_r4_t,.round_r4_t_img img{-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
.round_m,.round_m_a a{ -moz-border-radius:2em; -webkit-border-radius:2em; border-radius:2em;}

.round_m_s{ -moz-border-radius:.4em; -webkit-border-radius:.4em; border-radius:.4em;}
.round_r,.round_img img,.round_r_a a{-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
/*链接文件*/
.round_r4,.round_r,.round_m,.round_img img,.round_m_s,.round_m_a a,.round_r4_a a,.round_r2,.round_r10,.round_r_t10,.round_r4_img img,.round_bj_a a,.round_bj,.round_r_a a,.round_r4_t,.round_r2_a a,.round_r4_t_img img{position:relative\9;behavior: url(js/pie.htc);}

.slideBox{ width:100%; height:500px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:500px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .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; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
/*DK项目服务*/
.warp[data-v-346c5b9e] {
    width: 1170px;
    margin: 50px auto;
}
 .index_center[data-v-346c5b9e] {
    width: 198px;
    margin: 58px auto;
}
 .index_btn_b[data-v-346c5b9e] {
    margin-top: 50px;
}
.index_btn_b .card[data-v-346c5b9e]:first-child {
    margin-left: 0;
}
 .index_btn_b .card[data-v-346c5b9e] {
    text-align: center;
    margin-left: 14px;
    display: inline-block;
    vertical-align: top;
    width: 370px;
    height: 264px;
    background: #fff;
    -webkit-box-shadow: 0 4px 15px 0 rgba(0,0,0,.07);
    box-shadow: 0 4px 15px 0 rgba(0,0,0,.07);
    border-radius: 6px;
}
.index_btn_b .card img[data-v-346c5b9e] {
    width: 80px;
    height: 67px;
    margin-top: 50px;
}
 .index_btn_b .card .text_two[data-v-346c5b9e] {
    margin-top: 17px;
    font-size: 18px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #9399a5;
    line-height: 24px;
}