@charset "utf-8";

body{background:#f5f6fb none repeat scroll 0 0}

.detail-box3 {  overflow: hidden;  position: relative;  }
.detail-bg, .detail-bgpop, .detail-box3 {  height: 620px;  width: 100%;  }
.hide {
  display: none;
}

.detail-bg {
  filter: blur(8px);
  left: 0;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.detail-bg, .detail-bgpop, .detail-box3 {
  height: 620px;
  width: 100%;
}

.detail-bgpop {
  background: rgba(0, 0, 0, 0) url("../images/pop_bg2.png") repeat scroll left top;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 2;
}
.detail-bg, .detail-bgpop, .detail-box3 {
  height: 530px;
  width: 100%;
}
.detail-box3 .detail-box {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #fff;
  left: 50%;
  margin-left: -590px;
  padding: 20px 0;
  position: absolute;
  top: 0;
  width: 1180px;
  z-index:3;
}
.detail-img, .detail-imgbox {
  height:485px;
  position: relative;
  width: 707px;
}
.fl {
  float: left;
}


.basic-imgs-prev {
  left: 10px;
}
.basic-imgs-next, .basic-imgs-prev {
  cursor: pointer;
  display: inline-block;
  height: 62px;
  line-height: 100px;
  margin-top: -31px;
  position: absolute;
  top: 50%;
  width: 36px;
  z-index: 2;
}
.a-btn1, .banner-page, .basic-imgs-next, .basic-imgs-prev, .binding-tag, .ewm-p, .foot-ewm, .login-suc, .pageBox, .pop-con, .rightBor-con, .rightBor-con .s1, .site-img .p1, .user-box li a {  text-align: center;  }
.icon {  background: rgba(0, 0, 0, 0) url("../images/icon_2017.png"/*tpa=http://www.hibango.com/skin/default/images/icon_2017.png*/) no-repeat scroll 0 0;  }
.basic-imgs-next .icon, .basic-imgs-prev .icon {
  display: inline-block;
  font-size: 0;
  height: 56px;
  line-height: 0;
  margin: 3px;
  width: 30px;
}
.basic-imgs-prev .icon {
  background-position: -130px top;
}
.detail-info {
  padding-left: 60px;
  width: 465px;
}
.detail-info, .info-box, .info-tag .s1, .list-table .imgbox {
  position: relative;
}
.fl {
  float: left;
}
.code-btn {
  display: block;
  font-size: 14px;
  line-height: 30px;
  padding-top: 20px;
}
.detail-info .code-btn {
  line-height: 24px;
  padding-top: 6px;
  position: absolute;
  right: 0px;
  text-align: right;
  top: 77px;
}

.detail-info .code-btn a {
  color: #fff;
  display: block;
}
.code-btn .icon, .tele-con .a1 .icon {
  margin-right: 5px;
  vertical-align: middle;
}
.code-btn .icon {
  background-position: left -81px;
  display: inline-block;
  font-size: 0;
  height: 30px;
  width: 30px;
}

.detail-info .code-btn .icon {
  background-position: -231px -81px;
  height: 24px;
  width: 24px;
}

.info-box {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.detail-info, .info-box, .info-tag .s1, .list-table .imgbox {
  position: relative;
}
.info-box .h1-title {
  display: block;
  font-size: 24px;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  padding-bottom: 20px;
  width: 400px;
}
.info-box .h1-title, .info-box .p2, .map-ul .p1, .map-ul .s1 {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.info-box .p1 {
  line-height: 32px;
  padding: 5px 0 20px;
}

.info-box .p1 .i1 {
  color: #f90;
  font-family: Arial;
  font-size: 36px;
  font-weight: 700;
  padding-right: 3px;
  vertical-align: -1px;
}
.detail-info, .info-box, .info-tag .s1, .list-table .imgbox {
  position: relative;
}
.info-box {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.info-box .dlbox {
  padding: 10px 50px 15px 0;
}

.info-box .dlbox dt {
  font-size: 18px;
  line-height: 32px;
}

.info-box .dlbox dd {
  font-size: 14px;
  line-height: 18px;
}
.detail-info, .info-box, .info-tag .s1, .list-table .imgbox {
  position: relative;
}

.info-box {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.info-box.noline {
  border: 0 none;
  padding-top:6px;
}

.detail-box3 .info-box .p2, .detail-box3 .info-box .p2 .i1, .detail-box3 .info-box .p2 a {
  color: #fff;
}
.info-box .p2 {
  color: #666;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  /*overflow: hidden;*/
  width: 390px;
}
.detail-imgbox:hover .a1, .info-box .p2 {
  display: block;
}
.info-box .h1-title, .info-box .p2, .map-ul .p1, .map-ul .s1 {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.info-box .p2 .i1 {
  color: #999;
}
.detail-box3 .info-box .p2, .detail-box3 .info-box .p2 .i1, .detail-box3 .info-box .p2 a {
  color: #fff;
}

.contact-mobile {
  color: #999;
  font-size: 14px;
  line-height: 30px;
  padding-top: 36px;
}

.contact-mobile .s1 {
  background: #ffbe5e none repeat scroll 0 0;
  color: #fff;
  font-size: 14px;
  height: 26px;
  margin-right: 10px;
  padding: 0 10px;
  text-align: center;
}
.contact-mobile .a1, .contact-mobile .s1 {
  border-radius: 15px;
  display: inline-block;
  letter-spacing: 2px;
  line-height: 26px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.08);
}

.contact-mobile .icon {
  background-position: -58px -154px;
  display: inline-block;
  font-size: 0;
  height: 16px;
  margin-right: 5px;
  vertical-align: middle;
  width: 20px;
}

.contact-mobile .i1 {
  color: #ffbe5e;
  font-size: 26px;
  font-weight: 700;
  vertical-align: -5px;
}
.bradius12{border-radius: 12px;}

<!---->
.mx-bugs_bunny{
  width: 90%;
  max-width: 600px;
  margin: 40px auto;
}
.ZI-slider{
  border: 4px solid #27425d;
}
.mx-bugs_info{
  position: absolute;
  display: block;
  max-width: 80%;
  padding: 10px;
  bottom: 40px;
  background-color: rgba(39, 66, 93, 0.9);
}
.mx-bugs_info a{
  font-family: 'Oswald', sans-serif;
  color: #fff;
  font-size: 18px;
  text-decoration: none;
}
.mx-navigation {
  margin: 4px;
  top: 42%;
}
.mx-prev, .mx-next{
  background-color: #27425d;
}
.mx-prev{
  background-image: url("../img/arr_l.png"/*tpa=http://www.hibango.com/skin/default/img/arr_l.png*/);
  background-repeat: no-repeat;
  background-position: 2px 5px;
}
.mx-next{
  background-image: url("../img/arr_r.png"/*tpa=http://www.hibango.com/skin/default/img/arr_r.png*/);
  background-repeat: no-repeat;
  background-position: 8px 5px;
}
.mx-nav_dots{
  top: 88%;
}
.mx-nav_dots span{
  margin: 0px 4px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 3px solid #27425d;
  background-color: #fff;
}
.mx-nav_dots span.dotActive{
  background-color: #27425d;
}
.ZI-slider img{max-width:630px}

.detail-nav {
  background: #fafafa none repeat scroll 0 0;
  height: 46px;
  line-height: 46px;
  width: 100%;
}

.warp {
  margin: 0 auto;
  width: 1200px;
}

.detail-nav a {
  color: #666;
  display: inline-block;
  float: left;
  font-size: 14px;
  padding: 0 20px;
}

.detail-nav a.cur, .detail-nav a:hover {
  background: #ece3ca none repeat scroll 0 0;
  color: #333;
}
.pictuer-box3 .right-box {
  float: left;
  width: 154px;
}

.pictuer-box3 .right-box .pictuer-con {
  height: 121px;
  margin: 0 0 8px;
  width: 154px;
}
.side_right{width:295px;}
.house_son{width:880px;}







#focus .preNext{width:auto}

.basic-imgs-prev .icon {
  background-position: -130px top;
}
.basic-imgs-next .icon, .basic-imgs-prev .icon {
  display: inline-block;
  font-size: 0;
  height: 56px;
  line-height: 0;
  margin: 3px;
  width: 30px;
}
:hover {
  transition: initial;
}

:hover {
  transition: all 0.2s ease 0s;
}
#focus .pre{left:6px;}
#focus .next{right:6px;}
.news_son .tit .s_box input{vertical-align:0px;}

.de_son h1 {
  font-family: "Microsoft Yahei",Arial,Helvetica,SimSun,sans-serif;
  font-size: 20px;
  height: 75px;
  line-height: 75px;
  overflow: hidden;
  width: 930px;
}
.hu_content{ background: #fff; padding: 0 20px 20px;margin-top: 20px;}
.hu_content h2{ border-bottom: 4px solid #f5f8ff;display: block;font-size: 16px; font-weight: 400;line-height: 34px;padding-top: 6px;}
.de_right{width:446px;}
.mt-20 {}
#focus{width:707px;height:485px;}
#focus ul li{width:707px;}
#focus .preNext{width:40px}
#focus h4{ bottom: 10px;  color: #fff;  left: 10px;  position: absolute;  z-index: 2147483647;}
.bradius25{border-radius: 12px;}
.info-box .h1-title{padding-bottom:55px;}
p.p2{height:33px;line-height:33px;}


.head {background:#fff;}
.house_son{border:1px #f3f3f3 solid}
.detail-box2 {background: #fdfdfd;padding: 0 20px 20px;}
.mt-20 {margin-top: 20px;}
.detail-box2 .h1-tilte {line-height: 34px;padding-top: 6px;border-bottom: 4px #f5f8ff solid; font-size: 16px; font-weight: 400; display: block;}
.h1-tilte span { display: inline-block;background: #ffa800; width: 3px;  height: 19px; margin-right: 4px;vertical-align: -5px;}
.filter { padding: 10px 0;min-width: 840px; _width: expression((document.documentElement.clientWidth||document.body.clientWidth)>840?"840px":""); background: #fff;}
.filter dl { line-height: 28px; padding: 6px 0; border-bottom: 1px #f0f0f0 dotted;}
.filter dt {font-size: 12px; color: #999;width: 36px;float: left;}
.filter dd { float: left; width: 800px;}
.filter .area { padding: 2px 0 2px 28px;}
.filter a {margin-right: 30px;display: inline-block; font-size: 12px; color: #666;text-decoration: none; word-break: break-all; word-wrap: break-word;float: left;line-height: 24px;}
.filter a.cur, .filter a:hover {color: #fb3; text-decoration: none;}
.list-table td, .list-table th {border-bottom: 1px #f3f3f3 solid;  color: #666; font-size: 12px;}
.list-table th {line-height: 32px; font-weight: 400; text-align: left;}

.icon { background: url("../images/icon_2017.png"/*tpa=http://www.hibango.com/skin/default/images/icon_2017.png*/) no-repeat;}
.list-table .icon { display: inline-block; width: 8px; height: 8px;margin-left: 3px;vertical-align: middle; font-size: 0;}
.list-table .em1 {background-position: -44px -16px;}
.list-table th.th-c {text-align: center;}
.list-table td {height: 140px; vertical-align: middle;}
.list-table td, .list-table th {border-bottom: 1px #f3f3f3 solid;color: #666; font-size: 12px;}
.detail-info, .info-box, .info-tag .s1, .list-table .imgbox { position: relative;}
.list-table img { display: block;width: 140px;height: 105px;}
.list-table .i1 { display: inline-block;font-size: 20px;padding-right: 3px; color: #333;}
.list-table .iy { color: #f90;}
.detail-info, .info-box, .info-tag .s1, .list-table .imgbox {position: relative;}
.list-table .imgtag2, .list-table .imgtag3 { position: absolute; left: 0; top: 0; height: 22px;padding: 0 5px;color: #fff;border-bottom-right-radius: 5px;font-size: 12px; line-height: 22px;}
.list-table .imgtag3 {background: #5b83c1;}
.list-table .more { display: inline-block; height: 34px; line-height: 34px; width: 190px; border: 1px solid #ececec;border-radius: 3px; font-size: 14px; color: #999; margin: 20px 324px 0;text-align:center;}
.normal-house-list:hover{background:#fafbff;}
.mt25{margin-top:25px;}
.list-table td.th-c{text-align:center;}
.hot_news{background:#fff;}


.detail-box2 {
  background: #fff none repeat scroll 0 0;
  padding: 0 20px 20px;
}

.detail-box2 .h1-tilte {
  border-bottom: 4px solid #f5f8ff;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 34px;
  padding-top: 6px;
}
.profile-box {
  padding: 10px 0;
}
.profile-box li {
  color: #666;
  float: left;
  font-size: 14px;
  line-height: 32px;
  width: 50%;
}


.profile-box .li-con {
  float: left;
  width: 320px;
}

.profile-box li.li-w100 {
  width: 100%;
}
.profile-text {
  color: #666;
  font-size: 14px;
  line-height: 24px;
  padding: 12px 0 20px;
}
.profile-text p {
  text-align: justify;
  /*text-indent: 2em;*/
}
.a-btn {
  border: 1px solid #ececec;
  border-radius: 3px;
  color: #999;
  display: inline-block;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  margin: 20px 324px 0;
  text-align: center;
  width: 190px;
}
.profile-text .a-btn, .profile-text2 .a-btn {
  float: right;
  margin: 0;
  padding: 0 28px;
  width: auto;
}

.profile-topic {
  padding: 20px 0 10px;
}
.pictuer-box, .profile-text, .profile-topic {
  border-top: 1px solid #f3f3f3;
}
.profile-topic .link {
  background: #f5f8ff none repeat scroll 0 0;
  color: #666;
  font-size: 14px;
  line-height: 36px;
  margin-bottom: 10px;
  padding: 0 10px;
}

.pictuer-box {
  height: auto;
  overflow: hidden;
  padding: 20px 0 0;
}
.pictuer-box, .profile-text, .profile-topic {
  border-top: 1px solid #f3f3f3;
}
.pictuer-box1, .pictuer-box2, .pictuer-box3, .pictuer-box4 {
  width: 860px;
}
.pictuer-box3 .pictuer-con {
  height: 249px;
  margin-right: 10px;
  width: 332px;
}
.profile-box .li-t {
  color: #999;
  float: left;
  width: 75px;
}

.profile-box .li-con {
  float: left;
  width: 320px;
}
.pictuer-box1 .pictuer-con, .pictuer-box2 .pictuer-con, .pictuer-box3 .pictuer-con, .pictuer-box4 .pictuer-con, .pictuer-box6 .pictuer-con {
  float: left;
  overflow: hidden;
  position: relative;
}
.pictuer-box1 .pictuer-con img, .pictuer-box2 .pictuer-con img, .pictuer-box3 .pictuer-con img, .pictuer-box4 .pictuer-con img, .pictuer-box5 .pictuer-con img, .pictuer-box5 .right-box .pictuer-con img, .pictuer-box5 .right-box .pictuer-con2 img, .pictuer-box6 .pictuer-con img, .v4-img-left img, .v4-img-right .s1 img, .v4-right-img img {
  display: block;
  transform: scale(1);
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}
.pictuer-box3 .pictuer-con img {
  height: 249px;
  width: 332px;
}



.table_card_2 {
  width: 302px;
  height: 620px;
  margin: 0 auto;
  margin-top: 95px;
  border: 1px solid #999;
  position: absolute;
  left: 860px;
  top: -25px;
  background: #fff;
}

.table_card_2 .tab_2 {
  height: 60px;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  line-height: 60px;
  font-size: 14px;
  background: #ececec;
}

.table_card_2 .tab_2 li {
  float: left;
  width: 60px;
  height: 60px;
  color: #5a646c;
  cursor: pointer;
  border-bottom: 1px solid #999;
}


.table_card_2 .tab_2 li.active_2 {
  color: #ff6600;
  cursor: pointer;
  background: #fff;
  border-right: 1px solid #999;
  border-left: 1px solid #999;
  box-sizing: border-box;
  border-bottom: 0;
}

.table_card_2 .tabCon_2 .checkTab_2 {
  display: none;
  width: 300px;
  height: 300px;
  color: #5a646c;
}

.table_card_2 .tabCon_2 .on_2 {
  display: block;
  width: 300px;
  height: 300px;
  color: #5a646c;
}
.tabCon_3,.tabCon_4,.tabCon_5,.tabCon_6,.tabCon_7{
  width: 300px;
  height: 373px;
  overflow-y: scroll;overflow-x: hidden;
}
.table_card_3 .tabCon_3 .checkTab_3, .table_card_4 .tabCon_4 .checkTab_4, .table_card_5 .tabCon_5 .checkTab_5, .table_card_6 .tabCon_6 .checkTab_6, .table_card_7 .tabCon_7 .checkTab_7 {
  display: none;
  width: 300px;
  height: 300px;
  color: #5a646c;
}

.table_card_3 .tabCon_3 .on_3, .table_card_4 .tabCon_4 .on_4, .table_card_5 .tabCon_5 .on_5, .table_card_6 .tabCon_6 .on_6, .table_card_7 .tabCon_7 .on_7 {
  display: block;
  width: 300px;
  height: 300px;
  color: #5a646c;
}

.table_card_3 .tab_3 ,.table_card_4 .tab_4,.table_card_5 .tab_5,.table_card_6 .tab_6,.table_card_7 .tab_7{
  height: 30px;
  width: 300px;
  font-size: 14px;
  border-bottom: 1px #ccc solid;
  cursor: pointer;
  margin-top: 15px;
  float: left;
}

.table_card_3 .tab_3 li, .table_card_4 .tab_4 li, .table_card_5 .tab_5 li, .table_card_6 .tab_6 li, .table_card_7 .tab_7 li {
  float: left;
  height: 27px;
  width: 60px;
  color: #5a646c;
  text-align: center;
  margin-left: 15px;
}


.table_card_3 .tab_3 li.active_3, .table_card_4 .tab_4 li.active_4, .table_card_5 .tab_5 li.active_5, .table_card_6 .tab_6 li.active_6, .table_card_7 .tab_7 li.active_7 {
  color: #f60;
  cursor: pointer;
  border-bottom: 3px solid #f60;
}
.nearby{
  padding: 0 20px;
  width: 100%;/*260*/
  height: 60px;
  font-size: 12px;
  float: left;
  margin-top: 15px;
  border-bottom: 1px solid #ececec;
  cursor: pointer;
}
.title{
  float: left;
  margin-left: 15px;
  font-weight: bold;
  width: 150px;
  height: 15px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height:15px;
}
.distance{
  float: right;
  width: 60px;
}
.address{
  float: left;
  margin-top: 15px;
  width: 190px;
  height: 15px;
  text-align: left;
  margin-left: 15px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height:12px;
}
.arrowIcon{
  width: 10px;
  height: 10px;
  background: url("../images/arr.png"/*tpa=http://www.hibango.com/skin/default/images/arr.png*/) no-repeat;
  float: left;
  margin-top: 4px;
  margin-left: -15px;
}
.map_site {  border-bottom: 4px solid #f5f8ff;  display: block;  font-size: 16px;  font-weight: 400;  /*line-height: 34px;*/  padding-top: 6px;  }

.h1-tilte {  border-bottom: 4px solid #f5f8ff;  display: block;  font-size: 16px;  font-weight: 400;  /*line-height: 34px;*/  padding-top: 3px;  }
.news_main{margin-bottom:20px;}
.map_site{margin-bottom:0px;}