html{
    font-size: calc(100vw / 750);
}
.container{
  padding-left: 25rem;
  padding-right: 25rem;
}
.page-arrow{
  display: block;
  width: 11rem;
  height: 8rem;
  background-image: url(../images/icon-bottom-arrow.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: all 0.3s;
}
.page-arrow.current{
  background-image: url(../images/icon-bottom-arrow-check.png);
  transform: rotate(180deg);
}
.main-title{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20rem;
}
.main-title .wrap-left{
  display: flex;
  align-items: flex-end;
  flex: 1;
  margin-right: 20rem;
}
.main-title .wrap-left .title{
  font-size: 32rem;
  color: #333333;
  font-weight: bold;
}
.main-title .wrap-left .shuoming{
  flex: 1;
  margin-bottom: 2rem;
  margin-left: 20rem;
  font-size: 24rem;
  color: #333333;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;
}
.main-title .wrap-right a{
  display: block;
  padding-left: 10rem;
  padding-right: 10rem;
  min-width: 100rem;
  font-size: 24rem;
  color: #1a89ed;
  line-height: 40rem;
  border: solid 1rem #1a89ed;
  border-radius: 5rem;
}
.main-line{
  height: 5rem;
  background-color: #f4f4f4;
}
.main-more{
  margin-top: 40rem;
  margin-bottom: 40rem;
}
.main-more a{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60rem;
  background-color: #e9f3ff;
}
.main-more a span{
  font-size: 28rem;
  color: #204ca1;
}
.main-more a .icon{
  margin-left: 20rem;
  font-size: 0;
}
.main-more a .icon img{
  width: 24rem;
}
/* 头部 */
.sticky-container{
  position: sticky;
  top: 0;
  z-index: 11;
  background-color: #fff;
}
.sticky-container.active{
  box-shadow: 0 1rem 1rem rgba(0,0,0,0.05);
}
.header .container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80rem;
}
.header .wrap-left{
  display: flex;
  align-items: center;
}
.header .goHome{
  font-size: 24rem;
  color:#333333;
}
.header .logo img{
  width: auto;
  height: 50rem;
}
.header .tel{
  display: flex;
  align-items: center;
}
.header .tel img{
  width: 37rem;
}
.header .tel span{
  margin-left: 8rem;
  font-family: 'Impact';
  font-size: 30rem;
  color: #000000;
}
/* 分类检索 */
.page-select-mask{
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  background-color: rgba(0, 0, 0, 0.6);
}
.page-select.index-page-select.current{
  position: sticky;
  top: 80rem;
  z-index: 10;
  background-color: #fff;
}
.page-select .wrapper{
  position: relative;
}
.page-select .select-wrap-line{
  border-bottom: solid 1rem #d7d7d7;
}
.page-select .nav-wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: inset 0 -2rem 0 #d7d7d7;
}
.page-select.line .nav-wrap{
  box-shadow: inset 0 0 0 2rem #d7d7d7;
}
.page-select .nav-wrap .item{
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70rem; 
}
.page-select.line .nav-wrap .item:nth-child(n+2){
  box-shadow: inset 1rem 0 0 #d7d7d7;
}
.page-select .nav-wrap .item span{
  font-size: 28rem;
  color: #000000;
  transition: all 0.3s;
}
.page-select .nav-wrap .item.current span{
  color: #156dbc;
}
.page-select .nav-wrap .item .page-arrow{
  margin-left: 12rem;
}
.page-select .select-wrap{
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: #ffffff;
}
.page-select.current .select-wrap{
  display: block;
}
.page-select .select-wrap .item{
  display: none;
  padding-top: 30rem;
  padding-left: 30rem;
  padding-right: 30rem;
}
.page-select .select-wrap .item.current{
  display: block;
}
.page-select .select-wrap .mode-row ul{
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 30rem;
}
.page-select .select-wrap .mode-row ul.num-three li{
  margin-right: 20rem;
  width: calc((100% - 20rem * 2) / 3);
} 
.page-select .select-wrap .mode-row ul.num-three li:nth-child(3n+3){
  margin-right: 0;
}
.page-select .select-wrap .mode-row ul.num-three li:nth-child(n+4){
  margin-top: 20rem;
}
.page-select .select-wrap .mode-row ul.num-four li{
  margin-right: 16rem;
  width: calc((100% - 16rem * 3) / 4);
} 
.page-select .select-wrap .mode-row ul.num-four li:nth-child(4n+4){
  margin-right: 0;
}
.page-select .select-wrap .mode-row ul.num-four li:nth-child(n+5){
  margin-top: 16rem;
}
.page-select .select-wrap .mode-row ul li label,
.page-select .select-wrap .mode-row ul li label span{
  display: block;
}
.page-select .select-wrap .mode-row ul li label span{
  font-size: 28rem;
  color: #000000;
  line-height: 60rem;
  text-align: center;
  border: solid 1rem #d7d7d7;
  border-radius: 5rem;
  transition: all 0.3s;
}
.page-select .select-wrap .mode-row ul li label input{
  display: none;
}
.page-select .select-wrap .mode-row ul li label input:checked + span,
.page-select .select-wrap .mode-row ul li label span.current{
  color: #fff;
  background-color: #156dbc;
  border-color: #156dbc;
}
.page-select .select-wrap .mode-row .change-wrap{
  display: flex;
  align-items: center;
  padding-top: 20rem;
  padding-bottom: 20rem;
}
.page-select .select-wrap .mode-row .change-wrap input{
  padding-left: 15rem;
  padding-right: 15rem;
  width: calc((100% - 16rem * 2) / 3);
  height: 60rem;
  font-size: 28rem;
  color: #000000;
  line-height: 58rem;
  text-align: center;
  background-color: #fff;
  border: solid 1rem #d7d7d7;
  border-radius: 5rem;
}
.page-select .select-wrap .mode-row .change-wrap .change-wrap-line{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100rem;
  text-align: center;
}
.page-select .select-wrap .mode-row .change-wrap .change-wrap-line i{
  width: 20rem;
  height: 1rem;
  background-color: #000000;
}
.page-select .select-wrap .mode-row .change-wrap .unit{
  margin-left: 15rem;
  font-size: 28rem;
  color: #000000;
}
.page-select .select-wrap .mode-row .city{
    display: flex;
    margin-left: -30rem;
    margin-right: -30rem;
}
.page-select .select-wrap .mode-row .city .area-wrap{
    width: 40%;
    background-color: #f4f4f4;
}
.page-select .select-wrap .mode-row .city .county-wrap{
    width: 60%;
}
.page-select .select-wrap .mode-row .city ul{
    display: block;
    padding-bottom: 0;
    height: 600rem;
    overflow-y: auto;
}
.page-select .select-wrap .mode-row .city ul li label span{
    line-height: 80rem;
    border: none;
    border-radius: 0;
}
.page-select .select-wrap .mode-row .city ul li label input:checked + span, 
.page-select .select-wrap .mode-row .city ul li label span.current{
    color: #156dbc;
    background-color: #ffffff;
}
.page-select .select-wrap .mode-row .city .county-wrap .county-item{
    display: none;
}
.page-select .select-wrap .mode-row .city .county-wrap .county-item.current{
    display: block;
}

.page-select .select-wrap .submit-container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20rem;
  padding-bottom: 20rem;
  padding-left: 30rem;
  padding-right: 30rem;
}
.page-select .select-wrap .submit-container button{
  width: calc(50% - 10rem);
  height: 80rem;
  font-size: 28rem;
  line-height: 80rem;
  border: none;
  border-radius: 10rem;
}
.page-select .select-wrap .submit-container button.reset{
  color: #50779e;
  background-color: #f3f4f8;
}
.page-select .select-wrap .submit-container button.submit{
  color: #ffffff;
  background-color: #fa5c35;
}
.select-nums{
    display: flex;
    align-items: center;
    padding-top: 30rem;
    padding-bottom: 20rem;
    font-size: 24rem;
    color: #333333;
}
.select-result{
   font-size:0;
}
.select-result .text{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10rem;
    font-size: 24rem;
    color: #333333;
}
.select-result a{
    padding:0 30rem; 
    margin-right:10rem; 
    font-size: 24rem;
    color:#999; 
    line-height:50rem; 
    vertical-align: middle;
    border:2rem solid #ddd; 
    border-radius:8rem; 
}

/* 分页 */
.page{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30rem;
  margin-bottom: 30rem;
}
.page a{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 3rem;
  margin-right: 3rem;
  padding-left: 10rem;
  padding-right: 10rem;
  min-width: 50rem;
  font-size: 28rem;
  color: #000000;
  line-height: 40rem;
  border: solid 1rem #e5e5e5;
  border-radius: 5rem;
  font-size:13px;
}
.page a.active{
    background:#337ab7;
    color:#fff;
}
/* 图片放大预览 */
.preview-swiper{
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -999;
  visibility: hidden;
  opacity: 0;
}
.preview-swiper.active{
  z-index: 99999;
  visibility: visible;
  opacity: 1;
}
.preview-swiper .swiper-slide{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0;
}
.preview-swiper .swiper-wrapper{
  z-index: 2;
}
.preview-swiper .mask{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.8);
}
.preview-swiper .img-mask{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.preview-swiper img{
  position: relative;
  z-index: 2;
  max-width: 100%;
  max-height: 100%;
}
/* 首页 */
.index-banner{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.index-search{
  width: 520rem;
}
.index-search form{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70rem;
  background-color: #ffffff;
  border-radius: 10rem;
}
.index-search form .icon{
  display: flex;
  justify-content: center;
  width: 80rem;
  font-size: 0;
}
.index-search form .icon img{
  width: 31rem;
}
.index-search form input{
  width: calc(100% - 80rem - 130rem);
  height: 70rem;
  font-size: 24rem;
  color: #000000;
  line-height: 70rem;
  background: none;
  border: none;
}
.index-search form button{
  width: 130rem;
  height: 70rem;
  font-size: 28rem;
  color: #fff;
  line-height: 70rem;
  background: #156dbc;
  border: none;
  border-radius: 0 10rem 10rem 0;
}
.index-content{
  padding-bottom: 40rem;
  background-image: linear-gradient(#ffffff 0%, #ffffff calc(100% - 790rem), #e9f3ff 100%);
}
.index-menu .container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 35rem;
  padding-bottom: 30rem;
  padding-left: 45rem;
  padding-right: 45rem;
}
.index-menu .container a{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.index-menu .container a .icon{
  width: 96rem;
  height: 96rem;
  font-size: 0;
  border-radius: 50%;
}
.index-menu .container a:nth-child(1) .icon{
  background-image: linear-gradient(#fbbd7f, #fe6631);
}
.index-menu .container a:nth-child(2) .icon{
  background-image: linear-gradient(#4fd7f6, #2692f3);
}
.index-menu .container a:nth-child(3) .icon{
  background-image: linear-gradient(#fedc81, #fdb135);
}
.index-menu .container a:nth-child(4) .icon{
  background-image: linear-gradient(#ff7058, #ff366b);
}
.index-menu .container a:nth-child(5) .icon{
  background-image: linear-gradient(#b6f15d, #73d32b);
}
.index-menu .container a .icon img{
  width: 96rem;
  border-radius: 50%;
}
.index-menu .container a span{
  margin-top: 20rem;
  font-size: 28rem;
  color: #333333;
}
.index-hot-xzl{
  padding-top: 40rem;
}
.index-wtzf .wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 30rem;
  padding-right: 30rem;
  padding-top: 30rem;
  padding-bottom: 30rem;
  min-height: 140rem;
  background-color: #e9f3ff;
  border-radius: 10rem;
}
.index-wtzf .wrap .wrap-left {
  flex: 1;
  padding-right: 15rem;
}
.index-wtzf .wrap .wrap-left .title{
  font-size: 28rem;
  color: #000000;
  font-weight: bold;
}
.index-wtzf .wrap .wrap-left .shuoming{
  margin-top: 6rem;
  font-size: 24rem;
  color: #000000;
}
.index-wtzf .wrap .wrap-right{
  display: flex;
  align-items: center;
}
.index-wtzf .wrap .wrap-right a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 130rem;
  height: 50rem;
  font-size: 24rem;
  font-weight: bold;
}
.index-wtzf .wrap .wrap-right a:nth-child(1){
  color: #52a0fd;
  border: solid 1rem #52a0fd;
  border-radius: 10rem 0 0 10rem;
}
.index-wtzf .wrap .wrap-right a:nth-child(2){
  color: #fff;
  background-color: #52a0fd;
  border-radius:0 10rem 10rem 0;
}
.index-hot-gxbg{
  padding-top: 35rem;
}
.index-hot-cyyq{
  padding-top: 35rem;
}
.index-news{
  padding-top: 35rem;
}
.index-news-list ul li:nth-child(n+2){
  margin-top: 10rem;
}
.index-news-list a{
  display: block;
  padding-top: 30rem;
  padding-left: 30rem;
  padding-right: 30rem;
  padding-bottom: 30rem;
  background-color: #fff;
  box-shadow: 1rem 1rem 8rem rgba(0,0,0,0.05);
  border-radius: 10rem;
}
.index-news-list a .title{
  font-size: 28rem;
  color: #333333;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;
}
.index-news-list a .wrap{
  display: flex;
  align-items: center;
  margin-top: 15rem;
}
.index-news-list a .wrap .tag{
  padding-left: 10rem;
  padding-right: 10rem;
  font-size: 24rem;
  color: #ff7c0e;
  line-height: 40rem;
  border: solid 1rem #ff7c0e;
  border-radius: 5rem;
}
.index-news-list a .wrap .yuedu{
  margin-left: 25rem;
  font-size: 24rem;
  color: #333333;
}
.index-news-list a .wrap .shijian{
  margin-left: 15rem;
  font-size: 24rem;
  color: #333333;
}
/*  写字楼列表 */
.xzl-list ul li{
    display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 30rem;
  padding-bottom: 30rem;
  border-bottom: solid 1rem #e5e5e5;
}
.xzl-list ul li:nth-child(1){
  padding-top: 0;
}
.xzl-list .pic{
  width: 253rem;
  height: 215rem;
  background-color: #e5e5e5;
  border-radius: 10rem;
}
.xzl-list .pic img{
  display: block;
  width: 253rem;
  height: 215rem;
  border-radius: 10rem;
  object-fit: cover;
}
.xzl-list .wrap-right{
  padding-left: 30rem;
  padding-top: 5rem;
  width: calc(100% - 253rem);
}
.xzl-list .wrap-right .title{
    display: block;
  font-size: 32rem;
  color: #000000;
  font-weight: bold;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;
}
.xzl-list .wrap-right .map{
  display: flex;
  align-items: flex-start;
  margin-top: 10rem;
}
.xzl-list .wrap-right .map .icon{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 13rem;
  height: 40rem;
  font-size: 0;
}
.xzl-list .wrap-right .map img{
  width: 13rem;
  height: auto;
}
.xzl-list .wrap-right .map span{
  padding-left: 6rem;
  width: calc(100% - 13rem);
  font-size: 24rem;
  color: #000000;
  line-height: 40rem;
}
.xzl-list .wrap-right .juli{
  font-size: 24rem;
  color: #000000;
  line-height: 40rem;
}
.xzl-list .wrap-right .price{
  margin-top: 10rem;
  font-size: 24rem;
  color: #ff7c0e;
}
.xzl-list .wrap-right .price b{
  font-size: 30rem;
}
.xzl-list .wrap-right .mianji{
  display: flex;
  flex-wrap: wrap;
  margin-top: 16rem;
}
.xzl-list .wrap-right .mianji a{
  padding-left: 5rem;
  padding-right: 5rem;
  margin-right: 8rem;
  margin-bottom: 8rem;
  min-width: 62rem;
  font-size: 24rem;
  color: #333333;
  line-height: 28rem;
  text-align: center;
  background-color: #f4f4f4;
  border: solid 1rem #ebe9e9;
  border-radius: 5rem;
}
/* 共享办公列表 */
.gxbg-list ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.gxbg-list ul li{
  width: calc(50% - 10rem);
}
.gxbg-list ul li:nth-child(n+3){
  margin-top: 20rem;
}
.gxbg-list a{
  display: block;
  box-shadow: 1rem 1rem 8rem rgba(0,0,0,0.05);
  border-radius: 10rem;
}
.gxbg-list a .pic{
  height: 220rem;
  background-color: #f3f3f3;
  border-radius: 10rem 10rem 0 0;
}
.gxbg-list a .pic img{
  display: block;
  width: 100%;
  height: 220rem;
  border-radius: 10rem 10rem 0 0;
  object-fit: cover;
}
.gxbg-list a .wrap{
  border-radius: 0 0 10rem 10rem;
}
.gxbg-list a .wrap .text{
  padding-top: 20rem;
  padding-left: 25rem;
  padding-right: 25rem;
  padding-bottom: 15rem;
}
.gxbg-list a .wrap .text .title{
  font-size: 28rem;
  color: #000000;
  font-weight: bold;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;
}
.gxbg-list a .wrap .text .map{
  display: flex;
  align-items: flex-start;
  margin-top: 14rem;
}
.gxbg-list a .wrap .text .map .icon{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 13rem;
  height: 40rem;
  font-size: 0;
}
.gxbg-list a .wrap .text .map img{
  width: 13rem;
  height: auto;
}
.gxbg-list a .wrap .text .map span{
  padding-left: 6rem;
  width: calc(100% - 13rem);
  font-size: 24rem;
  color: #000000;
  line-height: 40rem;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;
}
.gxbg-list a .wrap .text .juli{
  font-size: 24rem;
  color: #000000;
  line-height: 40rem;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;
}
.gxbg-list a .wrap .price{
  padding-left: 25rem;
  padding-right: 25rem;
  font-size: 26rem;
  color: #ff7c0e;
  font-weight: bold;
  line-height: 65rem;
  background-color: #f3f3f3;
  border-radius: 0 0 10rem 10rem;
}
.gxbg-list a .wrap .price b{
  font-size: 30rem;
}
/* 创意园区列表 */
.cyyq-list ul{
  display: flex;
  flex-wrap: wrap;
}
.cyyq-list ul li{
  margin-right: 20rem;
  width: calc((100% - 40rem) / 3);
}
.cyyq-list ul li:nth-child(3n+3){
  margin-right: 0;
}
.cyyq-list ul li:nth-child(n+4){
  margin-top: 20rem;
}
.cyyq-list ul li a{
  position: relative;
  display: block;
}
.cyyq-list ul li a .pic{
  height: 175rem;
  background-color: #f3f3f3;
  border-radius: 10rem;
}
.cyyq-list ul li a .pic img{
  display: block;
  width: 100%;
  height: 175rem;
  border-radius: 10rem;
  object-fit: cover;
}
.cyyq-list ul li a .title{
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding-top: 26rem;
  padding-left: 20rem;
  padding-right: 20rem;
  font-size: 28rem;
  color: #fff;
  text-align: center;
  line-height: 58rem;
  background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));
  border-radius: 0 0 10rem 10rem;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;
}
.page-container{
  padding-top: 40rem;
  padding-bottom: 40rem;
  background-color: #f4f4f4;
}
/* 底部 */
.footer{
  background-color: #2f2f2f;
}
.footer .menu{
  border-bottom: solid 1rem rgba(255, 255, 255, 0.1);
}
.footer .menu ul{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 15rem;
  padding-bottom: 15rem;
  min-height: 77rem;
}
.footer .menu ul li{
  display: flex;
  justify-content: center;
  width: calc(100% / 3);
}
.footer .menu ul li:nth-child(n+4){
  margin-top: 5rem;
}
.footer .menu ul li a{
  font-size: 24rem;
  color: #fff;
  line-height: 40rem;
}
.footer .contact ul{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 35rem;
  padding-bottom: 35rem;
}
.footer .contact ul li{
  display: flex;
  align-items: center;
}
.footer .contact ul li:nth-child(n+2){
  margin-top: 10rem;
}
.footer .contact ul li .icon{
  margin-right: 10rem;
  font-size: 0;
}
.footer .contact ul li .icon img{
  width: 28rem;
}
.footer .contact ul li > span,
.footer .contact ul li a{
  font-size: 24rem;
  color: rgba(255, 255, 255, 0.5);
}
.footer .copyright{
  padding-top: 5rem;
  padding-bottom: 5rem;
  font-size: 24rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: 40rem;
  text-align: center;
  border-top: solid 1rem rgba(255, 255, 255, 0.1);
}
.footer .link{
  padding-top: 15rem;
  padding-bottom: 9rem;
  font-size: 0;
  background-color: #272727;
}
.footer .link span,
.footer .link a{
  display: inline-block;
  vertical-align: middle;
  margin-right: 10rem;
  margin-bottom: 6rem;
  font-size: 24rem;
  color: rgba(255, 255, 255, 0.5);
}
/* 委托找房 */
.wtzf-title{
  margin-bottom: 30rem;
}
.wtzf-title .title{
  font-size: 30rem;
  color: #000000;
  font-weight: bold;
}
.wtzf-title .shuoming{
  margin-top: 5rem;
  font-size: 24rem;
  color: #000000;
}
.wtzf-jindu{
  display: flex;
  align-items: center;
  margin-bottom: 20rem;
  overflow: hidden;
}
.wtzf-jindu .item{
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 20rem;
  width: 25%;
  height: 55rem;
  background-color: #156dbc;
  border-right: solid 1rem #fff;
}
.wtzf-jindu .item:nth-child(1){
  z-index: 4;
  padding-left: 10rem;
}
.wtzf-jindu .item:nth-child(2){
  z-index: 3;
}
.wtzf-jindu .item:nth-child(3){
  z-index: 2;
}
.wtzf-jindu .item:last-child{
  z-index: 1;
  border-right: none;
}
.wtzf-jindu .item:before{
  content: "";
  position: absolute;
  right: -10rem;
  top: 50%;
  margin-top: -10rem;
  width: 20rem;
  height: 20rem;
  background-color: #156dbc;
  border-top: solid 1rem #fff;
  border-right: solid 1rem #fff;
  transform: rotate(45deg);
}
.wtzf-jindu .item:last-child:before{
  display: none;
}
.wtzf-jindu .item b{
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28rem;
  height: 28rem;
  background-color: #fff;
  border-radius: 50%;
}
.wtzf-jindu .item b i{
  font-size: 24rem;
  color: #156dbc;
  font-style: normal;
  transform: scale(0.8);
}
.wtzf-jindu .item > span{
  position: relative;
  z-index: 2;
  margin-left: 8rem;
  width: 150rem;
  font-size: 24rem;
  color: #fff;
}
.wtzf-jindu .item > span span{
  display: block;
  margin-left: -18rem;
  width: 25vw;
  transform: scale(0.8);
}
.wtzf-jindu.small .item{
  padding-left: 34rem;
}
.wtzf-jindu.small .item:nth-child(1){
  padding-left: 30rem;
}
/* 表单 */
.main-form{
  margin-bottom: 40rem;
}
.main-form ul li:nth-child(n+2){
  margin-top: 15rem;
}
.main-form ul li .title{
  padding-top: 10rem;
  font-size: 28rem;
  color: #000000;
}
.main-form ul li .input input{
  display: block;
  padding-left: 30rem;
  padding-right: 30rem;
  width: 100%;
  height: 60rem;
  font-size: 24rem;
  color: #000000;
  line-height: 58rem;
  background-color: #fff;
  border: solid 1rem #e5e5e5;
}
.main-form ul li .select{
  position: relative;
  min-height: 60rem;
  background-color: #ffffff;
}
.main-form ul li .select .page-arrow{
  position: absolute;
  top: 50%;
  right: 30rem;
  z-index: 1;
  margin-top: -4rem;
}
.main-form ul li .select input{
  display: block;
  padding-left: 30rem;
  padding-right: 71rem;
  width: 100%;
  height: 60rem;
  font-size: 24rem;
  color: #000000;
  line-height: 58rem;
  background: none;
  border: solid 1rem #e5e5e5;
}
.main-form ul li .input-select{
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 60rem;
  background-color: #ffffff;
  border: solid 1rem #e5e5e5;
}
.main-form ul li .input-select input{
  display: block;
  padding-left: 30rem;
  padding-right: 30rem;
  width: calc(100% - 180rem);
  height: 60rem;
  font-size: 24rem;
  color: #000000;
  line-height: 58rem;
  background: none;
  border: none;
  border-right: solid 1rem #e5e5e5;
}
.main-form ul li .input-select .select-text{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 28rem;
  padding-left: 20rem;
  width: 180rem;
  height: 58rem;
  background-color: #f7f7f7;
  border: solid 1rem #fff;
}
.main-form ul li .input-select .select-text span{
  font-size: 24rem;
  color: #999999;
}
.main-form ul li .textarea textarea{
  display: block;
  padding-left: 30rem;
  padding-right: 30rem;
  padding-top: 7rem;
  padding-bottom: 7rem;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  height: 185rem;
  min-height: 185rem;
  font-size: 24rem;
  color: #000000;
  line-height: 44rem;
  background: #ffffff;
  border: solid 1rem #e5e5e5;
}
.main-form ul li .code{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main-form ul li .code .code-img{
  width: 145rem;
}
.main-form ul li .code .code-img img{
  display: block;
  width: 145rem;
  height: 60rem;
}
.main-form ul li .code input{
  display: block;
  padding-left: 30rem;
  padding-right: 30rem;
  width: calc(100% - 145rem - 10rem);
  height: 60rem;
  font-size: 24rem;
  color: #000000;
  line-height: 58rem;
  background-color: #fff;
  border: solid 1rem #e5e5e5;
}
.main-form button{
  display: block;
  margin-top: 30rem;
  width: 100%;
  height: 70rem;
  font-size: 28rem;
  color: #fff;
  line-height: 70rem;
  background-color: #156dbc;
  border: none;
}
/* 联系方式 */
.contact-tel{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contact-tel .tel{
  display: flex;
  align-items: center;
  color: #000000;
}
.contact-tel .tel .icon{
  margin-right: 10rem;
  font-size: 0;
}
.contact-tel .tel .icon img{
  width: 30rem;
}
.contact-tel .tel span{
  font-size: 24rem;
}
.contact-tel .tel b{
  font-size: 36rem;
}
.contact-tel .shijian{
  margin-top: 6rem;
  font-size: 24rem;
  color: #999999;
}
.contact-tel-hf a{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 75rem;
  background-color: #da0510;
}
.contact-tel-hf a .icon{
  font-size: 0;
}
.contact-tel-hf a .icon img{
  width: 40rem;
}
.contact-tel-hf a span{
  margin-left: 15rem;
  margin-right: 15rem;
  font-size: 28rem;
  color: #fff;
}
.contact-tel-hf a b{
  font-size: 34rem;
  color: #fff;
}
.contact-wxqr{
  display: flex;
  justify-content: center;
  margin-top: 30rem;
}
.contact-wxqr .pic{
  width: 324rem;
  height: 324rem;
  background-color: #fff;
}
.contact-wxqr .pic img{
  display: block;
  width: 324rem;
  height: 324rem;
}
/* 租办公室 */
.page-search{
  margin-bottom: 20rem;
}
.page-search form{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 55rem;
  background-color: #f4f4f4;
}
.page-search form{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70rem;
  background-color: #f4f4f4;
}
.page-search form .icon{
  display: flex;
  justify-content: center;
  width: 80rem;
  font-size: 0;
}
.page-search form .icon img{
  width: 31rem;
}
.page-search form input{
  width: calc(100% - 80rem - 110rem);
  height: 70rem;
  font-size: 24rem;
  color: #000000;
  line-height: 70rem;
  background: none;
  border: none;
}
.page-search form button{
  width: 110rem;
  height: 70rem;
  font-size: 28rem;
  color: #fff;
  line-height: 70rem;
  background: #156dbc;
  border: none;
}
/* 房源分类 */
.page-nav{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20rem;
  border-bottom: solid 2rem #156dbc;
}
.page-nav a{
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60rem;
  font-size: 28rem;
  color: #000000;
}
.page-nav a.current{
  color: #fff;
  background-color: #156dbc;
}
/* 预约看房表单 */
.yykf-title{
  margin-bottom: 20rem;
  font-size: 30rem;
  color: #000000;
  font-weight: bold;
}
/* 关于我们 */
.page-about{
  font-size: 28rem;
  color: #000000;
  line-height: 50rem;
}
.page-about img{
  max-width: 100% !important;
}
/* 房源详情 */
.fy-banner{
  height: 560rem;
  background-color: #f4f4f4;
}
.fy-banner .pic img{
  display: block;
  width: 100%;
  height: 560rem;
  object-fit: cover;
}
.fy-banner .swiper-pagination{
  left: initial;
  bottom: 30rem;
  right: 30rem;
  width: 80rem;
  font-size: 24rem;
  color: #fff;
  text-align: center;
  line-height: 40rem;
  background-color: rgba(0,0,0,0.8);
  border-radius: 20rem;
}
.fy-title{
  padding-top: 20rem;
  padding-bottom: 20rem;
}
.fy-title .title{
  font-size: 34rem;
  color: #000000;
  font-weight: bold;
}
.fy-title .mianji{
  margin-top: 14rem;
  font-size: 28rem;
  color: #ff7c0e;
  font-weight: bold;
}
.fy-shuoming{
  padding-top: 20rem;
  padding-bottom: 20rem;
}
.fy-shuoming ul li{
  display: flex;
  font-size: 28rem;
  line-height: 50rem;
}
.fy-shuoming ul li:nth-child(n+2){
  margin-top: 6rem;
}
.fy-shuoming ul li .name{
  width: 140rem;
  color: #999999;
}
.fy-shuoming ul li .wrap{
  width: calc(100% - 140rem);
  color: #000000;
}
.fy-other{
  padding-top: 30rem;
}
.fy-other .title{
  margin-bottom: 20rem;
  font-size: 32rem;
  color: #000000;
  font-weight: bold;
}
.fy-other .select-mianji{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 30rem;
  padding-right: 30rem;
  height: 70rem;
  background-color: #f4f4f4;
}
.fy-other .select-mianji span{
  font-size: 28rem;
  color: #000000;
}
.fy-other .list ul li{
  padding-top: 30rem;
  padding-bottom: 30rem;
  border-bottom: solid 1rem #e5e5e5;
}
.fy-other .list ul li a{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.fy-other .list ul li a .pic{
  width: 250rem;
  height: 190rem;
  background-color: #f4f4f4;
  border-radius: 10rem;
}
.fy-other .list ul li a .pic img{
  display: block;
  width: 270rem;
  height: 200rem;
  border-radius: 10rem;
  object-fit: cover;
}
.fy-other .list ul li a .wrap-right{
  padding-left: 40rem;
  width: calc(100% - 270rem);
}
.fy-other .list ul li a .wrap-right .shuoming .item{
  display: flex;
  align-items: center;
  font-size: 26rem;
}
.fy-other .list ul li a .wrap-right .shuoming .item:nth-child(n+2){
  margin-top: 4rem;
}
.fy-other .list ul li a .wrap-right .shuoming .item .name{
  width: 90rem;
  color: #999999;
}
.fy-other .list ul li a .wrap-right .shuoming .item .wrap{
  width: calc(100% - 90rem);
  color: #333333;
}
.fy-other .list ul li a .wrap-right .shuoming .item .wrap b{
  color: #ff7c0e;
}
.fy-other .list ul li a .wrap-right .more{
  margin-top: 10rem;
  font-size: 24rem;
  color: #156dbc;
}
.fy-main{
  padding-top: 30rem;
  padding-bottom: 30rem;
}
.fy-main-title{
  margin-bottom: 20rem;
  font-size: 32rem;
  color: #000000;
  font-weight: bold;
}
.fy-lpjs{
  font-size: 28rem;
  color: #000000;
  line-height: 50rem;
}
.fy-lpcs table{
  width: 100%;
  border-collapse: collapse;
}
.fy-lpcs table td{
  padding-top: 10rem;
  padding-bottom: 10rem;
  padding-left: 30rem;
  padding-right: 30rem;
  min-height: 50rem;
  font-size: 28rem;
  line-height: 44rem;
  border: solid 1px #e5e5e5;
}
.fy-lpcs table td:nth-child(1){
  width: 180rem;
  color: #999999;
}
.fy-lpcs table td:nth-child(2){
  width: calc(100% - 180rem);
  color: #333333;
}
.fy-zblp ul{
  display: flex;
  flex-wrap: wrap;
}
.fy-zblp ul li{
  margin-right: 20rem;
  width: calc((100% - 40rem) / 3);
}
.fy-zblp ul li:nth-child(3n+3){
  margin-right: 0;
}
.fy-zblp ul li:nth-child(n+4){
  margin-top: 20rem;
}
.fy-zblp ul li a{
  display: block;
}
.fy-zblp ul li a .pic{
  height: 190rem;
  background-color: #f4f4f4;
  border-radius: 10rem;
}
.fy-zblp ul li a .pic img{
  display: block;
  width: 100%;
  height: 190rem;
  border-radius: 10rem;
  object-fit: cover;
}
.fy-zblp ul li a .wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 10rem;
  padding-right: 10rem;
  margin-top: 15rem;
  font-size: 24rem;
  color: #000000;
}
.fy-zblp ul li a .wrap .title{
  max-width: 50%;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;
}
.fy-zblp ul li a .wrap .mianji{
  max-width: 50%;
  color: #ff7c0e;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;
}
.fy-sslp ul li a{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fy-sslp ul li a .pic{
  width: 270rem;
  height: 200rem;
  background-color: #f4f4f4;
  border-radius: 10rem;
}
.fy-sslp ul li a .pic img{
  display: block;
  width: 270rem;
  height: 200rem;
  border-radius: 10rem;
  object-fit: cover;
}
.fy-sslp ul li a .wrap-right{
  padding-left: 30rem;
  width: calc(100% - 270rem);
}
.fy-sslp ul li a .wrap-right .title{
  font-size: 32rem;
  color: #000000;
  font-weight: bold;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;
}
.fy-sslp ul li a .wrap-right .mianji{
  margin-top: 5rem;
  font-size: 28rem;
  color: #ff7c0e;
  font-weight: bold;
}
.fy-sslp ul li a .wrap-right .address{
  margin-top: 5rem;
  font-size: 26rem;
  color: #000000;
}
.fy-sslp ul li a .wrap-right .tel{
  margin-top: 5rem;
  font-size: 26rem;
  color: #000000;
}
.fy-map img{
  display: block;
  width: 100%;
  height: auto;
}
/* 新闻 */
.news-select-mask{
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  background-color: rgba(0, 0, 0, 0.6);
}
.news-select.current{
  position: sticky;
  top: 80rem;
  z-index: 10;
  background-color: #fff;
}
.news-select .wrapper{
  position: relative;
}
.news-select .nav-wrap{
  display:flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 10rem;
  padding-right: 20rem;
  padding-top: 20rem;
  padding-bottom: 20rem;
  border-bottom: solid 2rem #d7d7d7;
}
.news-select .nav-wrap .wrap-left{
  display: flex;
  align-items: center;
  color: #000000;
}
.news-select .nav-wrap .wrap-left .title{
  font-size: 32rem;
  font-weight: bold;
}
.news-select .nav-wrap .wrap-left span{
  margin-left: 5rem;
  font-size: 28rem;
}
.news-select .select-wrap{
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  right: 0;
  z-index: 9;
  background-color: #fff;
}
.news-select.current .select-wrap{
  display: block;
}
.news-select .select-wrap a{
  display: block;
  padding-left: 20rem;
  padding-right: 20rem;
  font-size: 28rem;
  color: #000000;
  line-height: 78rem;
  text-align: center;
  border-bottom: solid 1rem #f4f4f4;
}
.news-select .select-wrap a:last-child{
  border-bottom: none;
}
.news-select .select-wrap a.current{
  color: #156dbc;
  background-color: #f4f4f4;
}
.news-list ul li{
  padding-top: 30rem;
  padding-bottom: 30rem;
  border-bottom: solid 1rem #e5e5e5;
}
.news-list ul li a{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.news-list ul li a .pic{
  width: 270rem;
  height: 200rem;
  background-color: #f4f4f4;
  border-radius: 10rem;
}
.news-list ul li a .pic img{
  display: block;
  width: 270rem;
  height: 200rem;
  border-radius: 10rem;
  object-fit: cover;
}
.news-list ul li a .wrap-right{
  padding-left: 30rem;
  width: calc(100% - 270rem);
}
.news-list ul li a .wrap-right .title{
  font-size: 28rem;
  color: #000000;
  font-weight: bold;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;
}
.news-list ul li a .wrap-right .text{
  margin-top: 8rem;
  font-size: 26rem;
  color: #000000;
  line-height: 48rem;
  overflow:hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.news-list ul li a .wrap-right .shijian{
  margin-top: 8rem;
  font-size: 26rem;
  color: #000000;
}
/* 新闻详情 */
.news-detailes-title{
  margin-bottom: 30rem;
  padding-top: 10rem;
  padding-bottom: 20rem;
  padding-left: 10rem;
  padding-right: 10rem;
  border-bottom: solid 2rem #d7d7d7;
}
.news-detailes-title .title{
  font-size: 32rem;
  color: #000000;
  font-weight: bold;
  line-height: 48rem;
}
.news-detailes-title .wrap{
  margin-top: 10rem;
  font-size: 24rem;
  color: #666666;
}
.news-detailes-text{
  padding-bottom: 30rem;
  font-size: 26rem;
  line-height: 48rem;
}
.news-detailes-text img{
  max-width: 100% !important;
}
.news-detailes-page{
  padding-top: 20rem;
  padding-bottom: 20rem;
  border-top: solid 2rem #d7d7d7;
  border-bottom: solid 2rem #d7d7d7;
}
.news-detailes-page ul li:nth-child(n+2){
  margin-top: 10rem;
}
.news-detailes-page ul li a{
  display: flex;
  align-items: flex-start;
  font-size: 28rem;
  color: #000000;
  font-weight: bold;
  line-height: 48rem;
}
.news-detailes-page ul li a .name{
  width: 110rem;
}
.news-detailes-page ul li a .txt{
  padding-left: 10rem;
  width: calc(100% - 110rem);
  color: #333333;
  overflow:hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

/* 适配 */
@media screen and (max-width:410px){
  .fy-zblp ul li{
    margin-right: 20rem;
    width: calc((100% - 20rem) / 2);
  }
  .fy-zblp ul li:nth-child(3n+3){
    margin-right: 20rem;
  }
  .fy-zblp ul li:nth-child(2n+2){
    margin-right: 0;
  }
  .fy-zblp ul li:nth-child(n+3){
    display: none;
    margin-top: 20rem;
  }
  .fy-zblp ul li a .pic{
    height: 240rem;
  }
  .fy-zblp ul li a .pic img{
    height: 240rem;
  }
  .fy-zblp ul li a .wrap{
    font-size: 28rem;
  }
}