@charset "utf-8";
/* CSS Document */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img, td { margin: 0; padding: 0; -webkit-box-sizing: border-box;}
fieldset, img { border: none; vertical-align: middle;}
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal;}
ul, ol { list-style: none;}
em,i{ font-style:normal;}
select, input { vertical-align: middle;-webkit-appearance: none;}
select, input, textarea { font-size: 12px; margin: 0; outline: none; resize: none; color: #888; font-family: "Helvetica"; -webkit-appearance: none;}
table { border-collapse: collapse;}
html{-webkit-text-size-adjust: none; font-size: 100%;}
body { color: #333333; font-family: "Helvetica"; font-size: 16px ;background-color: #fff;}
* { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block; margin:0; padding:0;}
@media screen and (min-width: 320px) {
	body,html{ font-size: 16px; }
}
@media screen and (max-width: 320px) {
	body,html{ font-size: 14px; }
}
@media screen and (min-width: 480px) {
	body,html{ font-size: 24px; }
}
@media screen and (min-width: 640px) {
	body,html{ font-size: 32px; }
}
a{text-decoration:none}
img{max-width:100%;}
.clearfix:after{content:".";display:block;height:0;overflow:hidden;clear:both;}
.clearfix{zoom:1;}
.clearit{clear:both;height:0;font-size:0;overflow:hidden;}

.header{ position: fixed; top:0px; left:0px; width:100%; height: 3.125rem; z-index: 999; background: #3e3e3e;}
.header .topbox{ width: 100%;}
.header .topbox .logo{ float: left; margin-left: 0.3125rem; margin-top: 0.46875rem;}
.header .topbox .logo a{ width: 7.760036496350365rem; height: 2.1875rem; display: block; background: url(images/logo.png) no-repeat; background-size: contain;}
.header .topbox .tel{ float:right;margin-top: 0.5rem;}
.header .topbox .tel a{color:#fff; display: block;}
.header .topbox .tel .ico{width: 2.125rem; height: 2.125rem;display: inline-block; vertical-align: middle;background:url(images/tel_ico.png) no-repeat;background-size:cover;}
.header .topbox .tel .t{margin-left: 0.375rem;display: inline-block; height: 2.125rem; vertical-align: middle;}
.header .topbox .tel .t .t_u{ line-height:20px;}
.header .topbox .tel .t .t_d{ font-size: 0.75rem; letter-spacing: 0.5rem; font-weight: bold;}

.banner{ margin-top: 3.125rem; box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);}
.bannerfocus{ width: 100%; position: relative; overflow: hidden;}
.bannerfocus .hd{ width: 100%; height: 0.6875em; position: absolute; z-index: 1; bottom: 0.3125em; text-align:center;}
.bannerfocus .hd ul{ display:inline-block; font-size: 0px; vertical-align: top;}
.bannerfocus .hd ul li{ display:inline-block; width: 1.25rem; height: 0.3125rem; background: #3e3e3e; margin: 0 0.3125rem;  vertical-align: top; overflow: hidden;}
.bannerfocus .hd ul .on{ background: #fff;}
.bannerfocus .bd{ position: relative; z-index: 0;}
.bannerfocus .bd li img{ width: 100%; background:url(../images/loading.gif) center center no-repeat;}

.tjhot{ padding: 1.875rem 0px 0px; background: #fff; overflow: hidden;}
.tjhot .tjtitle{padding-bottom: 0.9375rem; font-size: 1.75rem; text-align: center; font-weight: bold;}
.tjhot .tjtitle p{ font-size: 1rem; color: #868686; font-weight: normal;}
.tjhot .overscroll{ overflow: hidden;}
.tjhot .itemBox{ overflow-x: scroll;}
.tjhot .item-list{ font-size: 0px;}
.tjhot .item-list .item{ margin-left: 10px; padding-bottom: 1.875rem; display: inline-block; zoom: 1;}
.tjhot .item-list .item .item_pic{ position: relative;}
.tjhot .item-list .item .item_pic a{ display: block;}
.tjhot .item-list .item .item_pic a p{ position: absolute; bottom: 0px; right: 0px; padding: 0px 0.375rem; height: 2.25rem; line-height: 3.125rem; background: #db4437; color: #fff; font-size: 0.875rem; max-width: 11.9375rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.tjhot .item-list .item .item_pic a .priceRmb{ position: absolute; bottom: 0.125rem; right: 0.3125rem; font-size: 0.75rem;}
.tjhot .item-list .item .item_name{ margin-top: 0.3125rem; height: 2.4rem; line-height: 1.2rem; font-size: 1rem; color: #333; overflow: hidden; font-weight: bold;}
.tjhot .item-list .item .item_info p{ height: 1.5rem; line-height: 1.5rem; display: block;}
.tjhot .item-list .item .item_info p span{ font-size: 0.8rem; color: #747474; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.tjhot .item-list .item .item_info p span b{ margin-right: 0.25rem; font-size: 0.8rem; color: #464646;}

.workwithus{ width: 100%; background: #fff;}
.workwithus img{ width: 100%;}

.arcNews{ width: 100%; margin-top: 1.25rem; padding: 0.3125rem;}
.arcNews .gen{ border-bottom: 3px solid #ddd;}
.arcNews .gen .title{ height: 2rem; line-height: 2rem; border-bottom: 3px solid #ddd;}
.arcNews .gen .title .tx{ float: left; width: calc(100% / 4); height: 2rem; display: block; font-weight: bold; text-align: center;}
.arcNews .gen .title .tx.on{ border-bottom: 3px solid #3e3e3e;}
.arcNews .gen .title .more{ float: right; margin-right: 0.3125rem; font-size: 0.75rem; color: #333;}
.arcNews .gen .itemList{ display: none;}
.arcNews .gen .itemList.on{ display: block;}
.arcNews .gen .itemList a{ height: 2rem; line-height: 2rem; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 0.875rem; color: #646464;}
.arcNews .gen .itemList a.more{ text-align: center;}
.arcNews .gen .itemList.qus .container{ width: 100%; height: 12rem; padding: 0rem; overflow: auto; }
.arcNews .gen .itemList.qus .container section{ padding: 10px;}
.arcNews .gen .itemList.qus .container section .q{ font-size: 16px; color: #333; font-weight: bold;}
.arcNews .gen .itemList.qus .container section .a{ font-size: 14px; color: #767676;}
.arcNews .gen.azzx,.arcNews .gen.azsp{ margin-top: 1.25rem;}
.arcNews .gen .azspvideo{ width: 100%;}

.houseList .panel{ border: 0px;}
.houseList .row{ margin: 0px;}
.houseList .col-xs-12{ padding: 0px;}
.houseList{ padding: 20px 0px 0px; background: #fff;}
.houseList .title{ padding: 0px 15px; text-align: center; background: transparent; border: none;}
.houseList .title .panel-title{ font-size: 1.8em;}
.houseList .item-list{}

.fh5co-projects-wrap {
  position: relative;
  margin-top: 1.25rem;
}

.effects .hover-img {
  position: relative;
  float: left;
  z-index: 89;
  width: 100%;
  overflow: hidden;
}
.effects .hover-img .from-top, .effects .hover-img .fh5co-projects-action,
.effects .hover-img .fh5co-projects-overlay {
  opacity: 0;
  width: 100%;
}
.effects .hover-img figure {
  position: relative;
  overflow: hidden;
}
.effects .hover-img figure img {
  float: left;
  width: 100%;
  height: 100%;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.effects .hover-img .fh5co-projects-overlay {
  color: #333;
  bottom: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 99;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.effects .hover-img .fh5co-projects-overlay h3 {
  margin: 0;
  padding: 0;
}
.effects .hover-img .fh5co-projects-overlay .from-top {
  background: rgba(46, 46, 46, 0.7);
  position: absolute;
  bottom: -1.5rem;
  display: block;
  text-align: center;
  width: 100%;
  padding: 0.625rem 0.325rem;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.effects .hover-img .fh5co-projects-overlay .from-top .title{
  display: block;
  font-size: 0.875rem;
  max-height: 2.5rem;
  line-height: 1.25rem;
  color: #fff;
  font-weight: bold;
}
.effects .hover-img .fh5co-projects-overlay .from-top .category {
  display: none;
  font-size: 13px;
  color: #ccc;
  letter-spacing: .1em;
  padding-top: 5px;
  font-weight: normal;
}

.effects .hover-img .fh5co-projects-overlay .from-top .price {
  display: block;
  font-size: 0.75rem;
  color: #ccc;
  letter-spacing: .1em;
  padding-top: 5px;
  font-weight: normal;
}
.effects .hover-img .fh5co-projects-overlay .fh5co-projects-action {
  position: absolute;
  bottom: 50%;
  text-align: center;
  width: 100%;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.effects .hover-img .fh5co-projects-overlay .goto-preview, .effects .hover-img .fh5co-projects-overlay .goto-details {
  display: none;
  color: #fff;
  font-size: 20px;
  padding: 20px;
}
.effects .hover-img.hovered .fh5co-projects-overlay,
.effects .hover-img.hovered .from-top,
.effects .hover-img.hovered .fh5co-projects-action {
  opacity: 1;
  visibility: visible;
}
.effects .hover-img.hovered .from-top {
}
.effects .hover-img.hovered .fh5co-projects-action {
  margin-bottom: -70px;
}
.effects .hover-img.hovered img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

figure{
	margin: 0;
}

.owl-carousel .owl-controls,
.owl-carousel-posts .owl-controls {
  margin-top: 0;
}

.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel-posts .owl-controls .owl-nav .owl-next,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
  top: 50%;
  margin-top: -29px;
  z-index: 9999;
  position: absolute;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.owl-carousel-posts .owl-controls .owl-nav .owl-next,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
  top: 24%;
}

.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel-posts .owl-controls .owl-nav .owl-next {
  right: 20px;
}
.owl-carousel .owl-controls .owl-nav .owl-next:hover,
.owl-carousel-posts .owl-controls .owl-nav .owl-next:hover {
  margin-right: -10px;
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
  left: 20px;
}
.owl-carousel .owl-controls .owl-nav .owl-prev:hover,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover {
  margin-left: -10px;
}

.owl-carousel-posts .owl-controls .owl-nav .owl-next {
  right: -50px;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"] {
  background: none !important;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] i {
  font-size: 20px;
  margin: 0px;
  padding: 0px;
  margin-top: 15px;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] i:hover, .owl-theme .owl-controls .owl-nav [class*="owl-"] i:focus {
  background: none !important;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover, .owl-theme .owl-controls .owl-nav [class*="owl-"]:focus {
  background: none !important;
}
.owl-theme .owl-dots {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}

.owl-carousel-fullwidth.owl-theme .owl-dots {
  bottom: 0;
  margin-bottom: -4em;
}

.owl-theme .owl-dots .owl-dot span {
  width: 0.625rem;
  height: 0.625rem;
  background: #87b6c4;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 2px solid transparent;
}
.owl-theme .owl-dots .owl-dot span:hover {
  background: none;
  border: 2px solid #f66d52;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: none;
  border: 2px solid #f66d52;
}
.nohouse{ position: relative; float: left; background: url(images/nohouseimg.jpg) no-repeat; background-size: 100%;}

.footer{ position: relative; background: #dfdfdf; overflow: hidden; text-align: center; padding-bottom: 2em;}
.footer ul{ padding-top: 0.4em; padding-left: 0;}
.footer ul li{ line-height: 1.5em; display: inline; list-style-type: none; color:#666;}
.footer ul li a{ padding: 0 10px; color: #454545; white-space:nowrap;}
.footer ul li a:hover{ text-decoration: none; color: #666;}
.footer p{ margin-bottom: 0.5em; line-height: 1.5em; color: #949494; font-size: 0.9em;}

.detailbox{ max-width: 1200px; margin:0 auto; margin-top: 3.125rem; position:relative; overflow:hidden; padding: 0px;}
.detailbox .hd{ width:100%; height:5px; position: absolute; z-index:1; bottom:30px; text-align:center;}
.detailbox .hd ul{ padding: 0px; font-size: 0px;}
.detailbox .hd ul li{ width: 10px; height: 10px; line-height: 10px; display: inline-block; margin: 0px 5px; background: rgba(51,51,51,0.5); border-radius: 100%;}
.detailbox .hd ul .on{ background: rgba(0,0,0,0.8);}
.detailbox .bd{ position:relative; z-index:0; overflow: hidden;}
.detailbox .bd ul{ padding: 0px;}
.detailbox .bd li{}
.detailbox .bd li img{ width:100%; height: 100%; background:url(images/loading.gif) center center no-repeat;}
.detailbox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */}

.yuyuebox{ position: relative;}
.yuyuebox .title{ background: #dedede; padding: 0.375rem; margin-bottom: 0.25rem; color: #464646; font-size: 1.125rem;}
.yuyuebox .divinp{ width: 100%; padding: 0px 1.25rem; display: inline-block; zoom: 1;}
.yuyuebox .divinp .tit{ color: #666;}
.yuyuebox .divinp .tit span{ color: #f00;}
.yuyuebox .divinp .inp{ width: 100%; height: 1.625rem; padding: 0px 0.625rem; border: 1px solid #ccc; border-radius: 4px;}
.yuyuebox .submitbtn{ width: 100%; margin-top: 0.625rem; padding: 0px 1.25rem; height: 2.25rem; line-height: 2.25rem; text-align: center;}
.yuyuebox .submitbtn a{ display: block; font-size: 1rem; color: #fff; background: #ddd; border-radius: 0.25rem;}
.yuyuebox .submitbtn.prosub a{ background: #009688;}

.housetitle{ padding: 10px 5px 0px; }
.housetitle h2{ font-size: 1.4em; line-height: 1.5em; overflow: hidden;}

.houseinfo,.housetype{ padding: 0px; margin-top: 10px;}
.houseinfo .row,.housetype .row{ margin: 0px;}
.houseinfo .row .col-xs-12,.housetype .row .col-xs-12{ padding: 0px;}
.houseinfo .panel,.housetype .panel{ border: none;}
.houseinfo .panel .panel-body,.housetype .panel .panel-body{ padding: 0px 5px;}
.houseinfo .item{ font-size: 0px;}
.houseinfo .item .item-list{ width: 50%; display: inline-block; font-size: 14px; height: 2em; line-height: 2em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #949494;}
.houseinfo .item .item-list.list-block{ width: 100%;}
.houseinfo .item .item-list.price{ color: #db4437; font-size: 16px;}
.houseinfo .item .item-list b{ color: #646464; font-size: 14px;}
.housetype .title{ margin-top: 20px; margin-bottom: 5px; font-size: 1.6em; border-bottom: 3px solid #ddd;}
.housetype .title span{ position: relative; top: -1px; border-bottom: 3px solid #414141;}
.housetype .addrinfo{ line-height: 1.4em;}
.housetype h1{ position: relative; height: 36px; line-height: 36px; font-size: 20px; border-bottom: 3px solid #ddd;}
.housetype h1 span{ position: absolute; height: 36px; padding: 0px 5px; border-bottom: 3px solid #414141}
.housetype .ctx_m{ padding: 10px 20px;}
.housetype .ctx_m p{ line-height: 24px; font-size: 16px;}
.housetype .ctx_m img{ max-width: 100%;}
.housetype .ctx_m video{ width: 100%;}

.pageBg{ width: 100%; margin-top: 3.125rem;}
.pageBg img{ width: 100%;}
.arcLoc{ width: 100%; padding: 0px 0.3125rem; height: 2.25rem; line-height: 2.25rem; color: #fff; font-size: 0.875rem; background: rgba(55,71,79,0.8);}
.arcLoc .loc{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.arcLoc .loc a{ color: #fff;}
.arcItem .item .itemlist{ padding: 0px 0.3125rem; padding-bottom: 0.625rem; border-bottom: 1px dashed #ddd; font-size: 0.875rem;}
.arcItem .item .itemlist a{ display: block;}
.arcItem .item .itemlist a .title{ width: 100%; height: 2.25rem; line-height: 2.25rem; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 0.9375rem; font-weight: bold; color: #333;}
.arcItem .item .itemlist a .zy{ max-height: 3.75rem; overflow: hidden;}
.arcItem .item .itemlist a .zy p{ line-height: 1.25rem; color: #747474; text-indent: 24px; font-size: 0.75rem;}
.arcItem .item .itemlist:last-child{ border-bottom: none;}
.arcItem .p_jump{ padding: 0.9375rem 0px 0.5625rem; text-align: right; border-top: 1px solid #ddd;}
.arcItem .p_jump .pagination{ margin: 0px;}
.arcItem .p_jump .pagination>.active>a,
.arcItem .p_jump .pagination>.active>span,
.arcItem .p_jump .pagination>.active>a:hover,
.arcItem .p_jump .pagination>.active>span:hover,
.arcItem .p_jump .pagination>.active>a:focus,
.arcItem .p_jump .pagination>.active>span:focus{ background: #3e3e3e; color: #fff; border-color: #3e3e3e;}
.loadingmore .btn{ text-align: center;}
.loadingmore .btn .jzmore{ padding: 0.5rem 0px; font-size: 0.875rem; color: #333; background: #ddd; display: block;}
.loadingmore .btn .nomore{ height: 2.25rem; line-height: 2.25rem; font-size: 0.75rem; color: #747474;}
.arcItem .arcContent{}
.arcItem .arcContent .tit{ padding: 0.5rem; font-size: 1.375rem; font-weight: bold;}
.arcItem .arcContent .arcinfo{ padding: 0.5rem; font-size: 0.875rem; color: #747474; border-bottom: 1px solid #ddd;}
.arcItem .arcContent .arcinfo .art{ margin-left: 1.25rem;}
.arcItem .arcContent .cont{ font-size: 0.875rem; line-height: 1.375rem; padding: 0.5rem;}
.arcItem .arcContent .cont img{ margin: 0.625rem 0px; max-width: 100%;}