@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0;}
ul,li{ list-style: none;}
.huodongmiaoshu h3{ font-size: 24px; margin-bottom:15px;}
.huodongmiaoshu .huodongul1s{ padding-left:0px !important; margin-top:30px;}
.huodongmiaoshu .huodongul1s li{ list-style:none;}
.huodongmiaoshu .huodongul1s li span.metroline{ color:#fff; display:inline-block;}
.huodongmiaoshu .huodonglines1{ border-bottom:3px solid #2f76bc; padding-bottom:10px;}
.huodongmiaoshu .huodongwenzijianjie{ text-align: justify; border-top:2px solid #ccc; padding-top:10px;}

.huodongmiaoshu .quick{
  background: #2f76bc;
  padding: 8px 60px;
  border-radius: 15px;font-size: 1.2em;
}
.huodongmiaoshu .maxPrice p{ margin-bottom: 10px;}
.huodongmiaoshu .maxPrice p span{ font-size: 2.3em;}
.huodongmiaoshu .maxPrice p.zhi{ margin-left:30px;}
.guide-bottom-inner {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}

.menu-details { padding-left: 0px !important; margin-bottom: 0px !important;}
.menu-details li{ padding: 0px !important;}
.menu-details li a{ text-decoration: none;}
.description{ margin-top: 20px;}
.description h3{ font-size:1.3em;}

.description .jianjie{text-align: justify;}
.description .gym,.description .lay{ margin-top: 20px;}
.description .gym .fac{ padding-left: 0px !important;}
.description .gym .fac li{ float: left;line-height: 20px; width: 25%; margin-bottom: 15px;}
.description .gym .fac li span{
    font-family: 微软雅黑 !important;
    background: #53a9fc;
    color: #fff !important; text-align: center;
    display: inline-block;
    width: 20px; height: 20px;
    border-radius: 10px;
    margin-right: 8px !important;
}
.description .lay td,.description .lay th{ width: 50%; padding: 20px 10px !important;}
.description .lay table thead th {
    background: #fff !important;
    color: #000;
}
.description .lay table{ width:100%; border:1px solid #ccc; border-top:1px solid #2f76bc;}
.description .lay table thead{border-bottom: 1px dashed #ccc !important; font-size:1.1em;}

.description .lay table tbody td{
  border-bottom:1px solid #ccc;
  word-wrap:break-word;
  /*border-right:1px solid #ccc;*/ 
}

.l-content table tr:nth-child(2n) {
    background-color: #fff;
}
.description .home_list{margin-top:20px;}
.description .home_list .set1 h3 span{
  float:right;
  margin-right:15px;
  font-size:0.8em;
  padding:2px 20px 2px 10px;
  border-radius:3px;
  color:#fff;
  background: #2f76bc url(http://www.joannarealestate.com.cn/shanghai/201503EN/images/desIcon01_up.png) no-repeat 50px 10px;
}
.home_list .set1 h3 span a{ text-decoration:none;}
.home_list .set1 ul{ margin: 0px; padding: 0px;}
.home_list .set1 li {
  border: 1px solid #ccc !important;
  padding: 5px 0px 10px 0px;
  margin-bottom: 20px;
}
.home_list .set1 .property-head1 {
  position: absolute;
  right: 17px;
  top:4%;
  width: 100%;
  color: #FFF;
  text-transform: uppercase;
}
.home_list .set1 .dog11{ margin-top:10px;}
.home_list .set1 .house-name{ font-size: 1.4em; margin-top:5px !important;}
.home_list .set1 .house-name a{ text-decoration: none;}
.home_list .set1 .xinghao span{color: #999999 !important; display: inline-block; font-size: 1.1em;}
.home_list .set1 .price{ margin: 10px 0px !important;}
.home_list .set1 .price .p1 {
  color: #e6211a;
  font-size: 1.3em;
  font-weight: 600;
}
.home_list .set1 .price .p2{ font-size: 1.4em;}
.home_list .set1 .type1{ margin: 10px 0px; font-size: 1.1em;}
.home_list .set1 .property-spec{ background: #fff; border: 1px solid #ccc; border-right:none; border-left: none; margin-top:10px; }
.home_list .set1 .property-spec span{ margin-right: 10px;}
.home_list .set1 .property-list-btn{ margin-top: 35px;}
.home_list .set1 .property-list-btn a{ text-decoration: none;}

.sideright .maps{ margin-top:20px;}
.sideright h3{
  text-align:center;
  margin-top:35px;
  border-top:2px solid #2f76bc;
}
.sideright h3 span{
  background: #fff;
  position: relative;
  top: -12px;
  padding: 0px 20px;
}
.sideright .photos{ position:relative;}
.sideright .photos p{
  position:absolute;
  bottom:-12px;
  width:100%;
  background: -moz-linear-gradient(top, RGBA(134, 128, 128, 0) 0%, rgba(11, 10, 10, 0.93) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,RGBA(65, 58, 58, 0.03)), color-stop(100%,rgba(75, 66, 66, 0.74)));
  background: -webkit-linear-gradient(top, RGBA(134, 128, 128, 0) 0%,rgba(11, 10, 10, 0.93) 100%);
  background: -o-linear-gradient(top, RGBA(134, 128, 128, 0) 0%,rgba(11, 10, 10, 0.93) 100%);
  background: -ms-linear-gradient(top, RGBA(134, 128, 128, 0) 0%,rgba(11, 10, 10, 0.93) 100%);
  background: linear-gradient(to bottom, RGBA(134, 128, 128, 0) 0%,rgba(11, 10, 10, 0.93) 100%);
  padding: 6px 0px 6px 10px;
  color:#fff; font-size:1.2em;
}
.sideright .pric1{ font-size:1.2em; margin-left:20px; display:inline-block;}
.sideright .house1{ margin-top:15px; border:1px solid #ccc;}
.sideright .min{ font-size:0.8em;}
.sideright .specils p{ padding:10px 0px 0px 10px; margin-bottom:10px;}


/*公司历史介绍样式*/
/*.hexin{ width: 930px; margin: 0 auto;}*/
.websitt .duiqi{ text-align: justify;}
.websitt h3 {
  text-align: center;
  margin-top: 35px;
  border-top: 2px solid #dfdfdf;
  width: 60%; margin: 35px auto 20px auto;
  color: #0c8bf0; font-size: 25px;
}
.websitt h3 span {
  background: #fff;
  position: relative;
  top: -16px;
  padding: 0px 20px;
}
.weblist{ margin-top: 20px;}
.mar_bottom{ margin-bottom: 50px;}

.weblist h3{ border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.weblist li{ line-height: 26px; list-style: disc; }
.weblist li a{ text-decoration: none;}
.webHistory{background: url(../images/vertical.png)  17px no-repeat ; padding-bottom: 10px;}
.webHistory p,.social p,.whychos1 p{ text-align: justify;}
.webHistory .mar_left{ margin-left: 20px;}
.webHistory ul{background: url(../images/point.jpg) 7px 6px no-repeat; }
.webHistory ul li{padding-left: 30px;}
.webHistory ul li a{ text-decoration: none;}
.webHistory ul li b{font-weight: bold;font-size: 20px;}
.weblist .commitlist li{
  border-bottom: 1px solid rgba(204, 204, 204, 0.29);
  padding-bottom: 12px; margin-left: 20px;margin-bottom: 10px;
}
.weblist .commitlist li a{ display: inline-block; font-weight: bold;}
.weblist .commitlist li p{ text-align: justify;}
.weblist ul.Pre_move{ margin-bottom: 25px;}
.weblist ul.Pre_move li{ margin-left: 30px;}
.social p{ margin-top: 8px;line-height: 20px;
    height: 80px;
    overflow: hidden;}
.whychos1 p.strong1{ font-weight: bold; margin-bottom: 0px;}

/*公司荣誉*/
.info-box{padding: 30px 10px;border-bottom: 1px solid #2c93e5;}
.info-box h3 span {
  background-color: #9298ad;
  color: #fff;
  display: inline-block;
  padding: 0 8px;
  font-weight: normal;
}
.info-box ul li {
  display: inline-block;
  margin: 30px 30px 0 0;
}
.info-box ul li img{
  vertical-align: middle;
}
.info-box ul li span {
  display: inline-block;
  font-size: 14px;
  margin-top: 15px;
}
.info-box ul li span strong {
  font-size: 16px;
}

/*关于我们页面样式*/
.port-1{
  float: left; width: 100%;
  position: relative;
  overflow: hidden; text-align: center;
  border: 4px solid rgba(255, 255, 255, 0.9);
  margin-bottom: 30px; margin-top: 10px;
}
.port-1 .text-desc{
  position: absolute;
  left: 0; top: -100%;
  width: 100%; height: 100%;
  color: #000; padding: 45px 20px 20px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
}
.port-1 img{
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
}
.port-1:hover img{
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
}
.port-1.effect-1:hover .text-desc{top: 0; background: RGBA(0, 0, 0, 0.41);}
.port-1.effect-1:hover h3{ color: #fff; font-size: 24px; margin-top: 20px;}
.port-1 .btn{
  display: inline-block;
  padding: 10px 30px; font-size: 14px;
  color: #fff; border: 1px solid #278dfd;
  background-color: #278dfd;
  text-decoration: none; transition: 0.4s;
  float: none; border-radius: 0px;
}
.port-1 .btn:hover{background-color: #fff; color: #4d92d9; transition: 0.4s;}

/*top sales*/
/*.top-right{border-bottom: 1px solid #4d9bff;margin-bottom: 30px;}
.top-right p {zoom:1;}   
.top-right p :after {clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden;}
.top-right p.yue { margin-top:40px;}
.top-right p.yue span{ display: inline-block;  width: 33%;}
.top-right .numbers{ color: #4d9bff; font-size: 60px; text-align: center;position: relative;
top: -28px;}
.websitt .topsale{ border:1px solid #bbd5ff; border-radius: 4px;}
.websitt .topsale th, .websitt .topsale td, .websitt table.topsale tr{ border:none;}
.websitt table.topsale{ width: 100%;}
.websitt table.topsale .top1 td{ font-weight: bold; padding: 30px 0px; font-size: 18px; color: #565a60;}
.websitt table.topsale td{ padding:10px; text-align: center;}
.websitt table.topsale td img{vertical-align: middle;}
.websitt table.topsale tr:nth-child(2n){ background: #f7fcff;}



#hwslider table.topsale{ border: 1px solid #bbd5ff;border-radius: 4px; width: 100%; margin-top: 50px;}
#hwslider table.topsale .top1 td{ font-weight: bold; padding: 30px 0px; font-size: 18px; color: #565a60;}
#hwslider table.topsale td{ padding:10px; text-align: center;}
#hwslider table.topsale td img{vertical-align: middle;}
#hwslider table.topsale tr:nth-child(2n){ background: #f7fcff;}
.arr{
  position: absolute;
  top:-2px !important; z-index: 2;
  width: 40px; height: 40px;
  line-height: 40px;
  text-align: center;font-size: 60px;
  color: #4d9bff;
  text-decoration: none;
}
a.arr:hover{ text-decoration: none;color: #4d9bff;}

#hwslider{width: 100%;height:auto;min-height: 850px;position: relative; overflow: hidden;}
#hwslider ul{width: 100%; height:100%; position: absolute; z-index: 1}
#hwslider ul li{display:none;position:absolute; left:0; top:0; width: 100%;height:100%; overflow: hidden;}
#hwslider ul li.active{display: block;}

.arr:hover{text-decoration: none !important; color: #4d9bff;}
#hwslider:hover .arr{display: block; text-decoration: none !important;color:#4d9bff}
#prev{left: 0px}
#next{right: 0px}*/

/* 新添加下载页面 */
.banenr1-pc{
  position:relative;
}
.banenr1-pc .downicons{
  position: absolute;
  top: 46%;
  left: 31%;
}
.banenr1-pc .downicons a{
   display:block;
}
.banenr1-pc .downicons a button{
  outline: none;
  width: 142px;
  height: 44px;
  border-radius: 10px;
  background: none; 
  border: none;
}
.banenr1-pc .downicons .icon1{
  left: 31.2%;top: 46%;
}
.banenr1-pc .downicons .icon2{
  left: 31.2%;top: 55%;
}
.minipic{ text-align:center;}
.pic-miaoshu{
  margin:50px auto;
  text-align:center;
}
.pic-miaoshu img{
  margin:20px auto;
  width:40%;
}
.pic-miaoshu p{
  text-align: center;
  margin-bottom: 3px;
  font-size: 15px;
  color: #727272;
  padding:0px 20px;
}
.immigration .immi{
  margin-bottom:50px;
}
.immigration .immi h3,.recation h3{
  font-weight:bold;
  font-size:20px;
  text-align:center;
  margin:30px 0px 5px 0px;
  color:#5a5657;
}
.immigration .immi p,.recation p{
  text-align:center;
  margin-bottom:3px;
  font-size:15px;
  color:#727272;
  padding:0px 20px;
}
.relocation{
  padding-bottom:20px;
}
.recation-pc img{
  margin:auto;
}
.banenr1-pc img,.immi-pc img,.thank-pc img{
  width:100%;
}

/*testimonial页面*/
.assess ul{
   
    font-family: Futura-Book, Arial, "microsoft yahei", 微软雅黑, SimHei, 中易黑体, sans-serif;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
}
.assess ul li{
  margin-bottom:20px;
   -moz-page-break-inside: avoid;
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
}
.assess .assessContent{
    background:#f6f6f6;
    padding:20px;
    line-height:25px;
    position:relative;
}
.assess .assessContent img{
    position:absolute;
    bottom: -14px;
    left:53px;
}
.assess .customer{
  margin:30px;
}
.assess .customer span{
   display: inline-block;
   vertical-align: text-top;
}
.assess .customer span:nth-child(1){
   margin-right:20px;
}
.assess .customer span:nth-child(2) img{
   margin-left:11px;
   margin-top:8px;
}
.assess .customerName{
    font-size: 18px;
    font-weight: bold;
    color: #595757;
    margin: 25px 0px 0px 0px;
}
.assess .customerName em{
    font-style: normal;
    color:#878787;
    font-size:14px;
    font-weight: normal;
}

/*新闻列表页面*/
.page-intro{
    width:50%;
    margin:30px auto;
    text-align:center;
}
.page-intro p {
    font-family: Futura-Heavy, Arial, "microsoft yahei", 微软雅黑, SimHei, 中易黑体, sans-serif;
    font-size:16px;
}

.lifetitle{
  width:1030px;
  margin:20px auto;
}
.newslist .news-left{
    float:left;
    width:67%;
}
.newslist .news-left img{
    width:100%;
    height:100%;
}
.newslist .community-block {
    height:365px;
}
.newslist .community-block,.view-content .community-block {
    position: relative;
    display: block;
    overflow:hidden;
}
.newslist .community-info,.view-content .community-info {
    color: #FFF;
    text-align: left;
    padding: 10px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    // left: 0;
    background: rgba(0,0,0,.5);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}
.newslist .community-block:hover .community-info,
.view-content .community-block:hover .community-info{
    bottom:0px;
    position:absolute;
}

.newslist .community-text,
.view-content .community-text{    
  padding-top:10px;
  display:none;
}
.community-block:hover .community-text{
  display:block;
}
.newslist .news-right{
     width:32%;
     float:right;
}
.newslist .news-right .community-block{
     float:left;
     width:100%;
     margin-bottom:13px;
     overflow:hidden;
     position:relative;
     height:176px;
}
.newslist .news-right .community-block img{
  width:100%;
  height:176px;
}
/* .newslist .news-right .community-block:nth-child(2),
.newslist .news-right .community-block:nth-child(4){
     margin-left:2%;
} */
.view-content .community-block{
      float:left;
          width: 241px;
      height:181px;
      overflow:hidden;
      margin-bottom:15px;
}
.view-content .community-block img{
      height:181px;
      width: 100%;
}
.view-content .community-block:nth-child(2),
.view-content .community-block:nth-child(5),
.view-content .community-block:nth-child(8),
.view-content .community-block:nth-child(11),
.view-content .community-block:nth-child(14),
.view-content .community-block:nth-child(17){
     margin:0px 10px;
     width:260px;
     height:181px;
}

.pagination ul.pager li {
    background-color: #FFF;
    color: #404040;
    float: left;
    font-size: 0.875em;
    padding: 10px 8px;
    margin: 0 0.5em;
}
/*新闻列表sidebar*/
.most-recent li span, .most-recent li a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
}
.most-recent li span {
    float: left !important;
    text-align: left;
    color: #888888;
    margin-top: 5px;
    font-size: 12px;
}

/*social页面*/
.news-social .social{

    width: 30.5%;
    float: left;
    margin: 0px 10px;
    margin-bottom: 20px;
}
.news-social .social a{
    display:inline-block;
    height:244px;
}
.news-social .social a img{
    width:100%;
    height:100%;
    overflow:hidden;
}
.news-social .col-lg-4{
    padding-right:0px;
}

/*我们的愿景*/
.Mission h2{
    font-size: 40px;
    color: #00a0e9;
    text-align: center;
    margin: 30px 0px;
}
.Vision{
   background: url(../images/mission.jpg) no-repeat;
   width: 1092px;
   height:485px;
   position:relative;
}
.vision-1{
    position: absolute;
    top: 170px;
    left: 49px;
    width: 300px;
    padding: 20px;
    color:#fff;
}
.vision-1 h2{
  color:#fff;
}
.vision-2{
  left:36%;
}
.vision-2 p{
  text-align:center;
}
.vision-3{
  left:68%;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 720px) and (orientation : portrait){
  .col-sm-12, .col-md-12, .col-lg-12,.col-xs-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
    
  .property-price-column{ margin-top:20px;}
  .description{ margin-top:30px !important;}
  .description .gym .fac li{ 
    width:50% !important; 
    text-align:left;
  }
  .description h3 {
    font-size: 0.9em !important;
    text-align: left;
  }
  .description .home_list .set1 h3 span{
    padding: 2px 13px 2px 10px !important;
    background: #2f76bc url(http://www.joannarealestate.com.cn/shanghai/201503EN/images/desIcon01_up.png) no-repeat 39px 5px !important;
  }

  .description .lay td,.description .lay th{ 
    padding:10px !important; 
    text-align:left; 
    width:100%;
  }
  .websitt h3 { width: 100% !important;}
  .minipic{ display:none;}
  
  #carousel{
    background:#efefef;
    padding:75px 10px 0px 10px;
  }
  .relocation{
    background:#efefef;
  }

}
@media only screen and (min-device-width : 320px) and (max-device-width : 720px) and (orientation : landscape){
  .property-price-column{ margin-top:20px;}
  .description .gym .fac li{
    width:50% !important; 
    text-align:left;
  }
  .description h3 {
    font-size: 1.0em !important;
    text-align: left;
  }

  .minipic{ display:none;}
  #carousel{
    padding:75px 10px 0px 10px;
    background:#efefef;
  }
  .relocation{
    background:#efefef;
  }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
  .huodongmiaoshu .quick{
    padding: 8px 30px !important;
  }
  .recation{ display:none;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){
  .description .gym .fac li{ 
    width:50% !important; 
    text-align:left;
  }
  .description .lay td,.description .lay th{ 
    padding:10px !important; 
    text-align:left; 
    width:100%;
  }
  
  .minipic,.banner1,.immi,.recation,.thank{ display:none;}
}
@media (min-width: 1200px){
  
  .one11li{ 
    margin-left: 35px !important;
  }
  .hexin {
    width: 1200px !important;
    margin: 0 auto;
  }
  .testimonial{
    width:61%;
    margin:0 auto;
  }
}
@media (max-width: 767px){
  .col-xs-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .websitt .qrcode{
    width:100%;
    margin: 50px auto 0px auto;
  }
  .websitt .rechinayou{
    width:90%;
    margin:0 auto;
  }
  .websitt .phones img {
    width: 89%;
  }
}
@media (min-width: 768px) and (max-width: 991px){
  .col-sm-12, .col-md-12, .col-lg-12,.col-xs-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .websitt .qrcode {
    width: 50%;
  }
  .websitt .rechinayou{
    width:70%;
  }
  .websitt .phones img {
    width: 37%;
  }
  .phone-content {
    width: 82%;
  }
  .appup img,.andorup img{ width:65% !important;}
}