@charset "UTF-8";
.clear_both {
  clear: both !important;
  float: none !important; }
.disapear{display:none;}
.multiple-rows {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden; }
main .dropdown{display:none;}
.productService .area {
  padding: 48px 0 64px  0; }
  .productService .area .areaTitle {
    padding-bottom: 32px; }
    .productService .area .areaTitle .ch {
      font-size: 28px;
      font-weight: 500;
      color: #ff5f10;
      line-height: 36px;
      padding-bottom: 4px; }
    .productService .area .areaTitle .en {
      font-size: 16px;
      font-weight: 500;
      color: rgba(252, 160, 26, 0.25);
      line-height: 24px; }
  .productService .area ul li.col-md-4 > a {
    display: block;
    background: white;
    border-radius: 2px; }
  .productService .area ul li.col-md-4:first-child {
    padding: 0 32px 0 0; }
  .productService .area ul li.col-md-4:first-child + li {
    padding: 0 16px; }
  .productService .area ul li.col-md-4:first-child + li + li {
    padding: 0 0 0 32px; }
.productService .recommendation .areaContainer .leftSide {
  padding: 0 3.333% 0 0; }
.productService .recommendation .areaContainer .rightSide {
  padding: 0; }
  .productService .recommendation .areaContainer .rightSide .latestInformation .column {
    font-size: 22px;
    font-weight: 500;
    color: #fca01a;
    line-height: 30px;
    padding-left: 23px;
    position: relative; }
    .productService .recommendation .areaContainer .rightSide .latestInformation .column:before {
      content: " ";
      height: 20px;
      width: 7px;
      background: #fca01a;
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -10px; }
  .productService .recommendation .areaContainer .rightSide .latestInformation .newsList ul li {
    padding-top: 30px; }
    .productService .recommendation .areaContainer .rightSide .latestInformation .newsList ul li div {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 0;
      line-height: 24px;
      padding-bottom: 6px; }
      .productService .recommendation .areaContainer .rightSide .latestInformation .newsList ul li div .time {
        display: inline-block;
        font-size: 18px;
        font-weight: 400;
        color: #fca01a;
        margin-right: 20px; }
      .productService .recommendation .areaContainer .rightSide .latestInformation .newsList ul li div .title {
        font-size: 18px;
        font-weight: 600;
        color: #666666; }
    .productService .recommendation .areaContainer .rightSide .latestInformation .newsList ul li .abstract {
      display: inline-block;
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 16px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.45);
      line-height: 24px;
      max-height: 48px; }
.productService .property {
  background: #f9f7f5; }
  .productService .property ul li > a {
    padding-bottom: 16px; }
    .productService .property ul li > a .propertyImg {
      overflow: hidden; }
    .productService .property ul li > a .info {
      margin: 16px;
      line-height: 26px; }
      .productService .property ul li > a .info .name {
        display: inline-block;
        max-width: 100%;
        font-size: 18px;
        font-weight: 500;
        color: rgba(0, 0, 0, 0.85);
        line-height: 26px;
        float: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .productService .property ul li > a .info .areaOf {
        float: right;
        font-size: 18px;
        font-weight: 500;
        color: #ff5f10;
        line-height: 26px; }
    .productService .property ul li > a .address {
      margin: 0 16px;
      font-size: 16px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.45);
      line-height: 24px;
      height: 24px;
      max-height: 50px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .productService .property ul li > a .address i {
        color: #ff5f10;
        margin-right: 12px; }
.productService .buyers ul li a {
  height: 188px;
  padding: 62px 0; }
  .productService .buyers ul li a div {
    color: white;
    text-align: center; }
  .productService .buyers ul li a div:first-child {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    padding-bottom: 8px; }
  .productService .buyers ul li a div:first-child + div {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px; }
.productService .buyers ul li:first-child a {
  background: url("/-themes-/theme1/images/policy.png") no-repeat center;
  background-size: cover; }
.productService .buyers ul li:first-child + li a {
  background: url("/-themes-/theme1/images/buyersService.png") no-repeat center;
  background-size: cover; }
.productService .buyers ul li:first-child + li + li a {
  background: url("/-themes-/theme1/images/loan.png") no-repeat center;
  background-size: cover; }
.productService .project {
  background: #f9f7f5; }
  .productService .project .areaContainer .leftSide {
    padding: 0 44px 0 0; }
    .productService .project .areaContainer .leftSide img {
      max-width: 100%; }
  .productService .project .areaContainer .rightSide {
    padding: 186px 0 0 55px;
    background: url("/-themes-/theme1/images/SINCE_1983.png") no-repeat 55px 100px; }
    .productService .project .areaContainer .rightSide .company {
      font-size: 24px;
      font-weight: 500;
      color: #544b41;
      line-height: 33px;
      letter-spacing: 1px;
      margin-bottom: 24px; }
    .productService .project .areaContainer .rightSide .companyInfo p {
      font-size: 14px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.65);
      line-height: 22px;
      text-align: justify; }
    .productService .project .areaContainer .rightSide .companyInfo p:first-child {
      margin-bottom: 20px; }
.productService .swiper-container {
  position: relative; }
  .productService .swiper-container .swiper-wrapper .swiper-slide {
    position: relative; }
    .productService .swiper-container .swiper-wrapper .swiper-slide > a {
      display: block;
      height: 100%;
      width: 100%;
      overflow: hidden; }
      .productService .swiper-container .swiper-wrapper .swiper-slide > a img {
        display: block; }
  .productService .swiper-container .swiper-pagination {
    width: 100%;
    position: absolute;
    bottom: 16px;
    text-align: right;
    padding-right: 30px; }
    .productService .swiper-container .swiper-pagination .swiper-pagination-bullet {
      display: inline-block;
      width: 32px;
      height: 6px;
      background: url("/-themes-/theme1/images/switch.png");
      background-size: 100%;
      margin: 0px 5px;
      border-radius: 0; }
    .productService .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
      background: url("/-themes-/theme1/images/switch_a.png");
      background-size: 100%; }

.residentialProject .overview {
  text-align: center; }
  .residentialProject .overview img {
    width: 100%; }
.residentialProject .tabNameList {
//padding-top:65px;
background:rgba(139,109,77,0.04);
  border-bottom: 2px solid #fff;
  background: rgba(139,109,77,0.04);
  text-align: center;
  font-size: 0;
  //margin-top: 16px;
  position: relative; }
  .residentialProject .tabNameList > .tabName {
    display: inline-block;
    line-height: 52px;
    padding: 0 25px;
    position: relative; }
    .residentialProject .tabNameList > .tabName:before {
      content: "/";
      position: absolute;
      font-size: 16px;
      font-weight: 500;
      color: #CCC6C0;
      line-height: 22px;
      width: 8px;
      text-align: center;
      left: 0;
      margin-left: -4px;
     // top: 50%;
      margin-top: -10px; }
    .residentialProject .tabNameList > .tabName > a {
      display: block;
      height: 52px;
      font-size: 14px;
      font-weight: 400;
      color:#666360;
      position: relative; }
      .residentialProject .tabNameList > .tabName > a:after {
        content: " ";
        position: absolute;
        bottom:0px;
        left: 50%;
        height: 4px;
        width: 0;
        background: #FA8D19;
        border-radius: 4px 0 4px 0;
        -moz-transition: width .4s ease,left  .4s ease;
        -o-transition: width .4s ease,left  .4s ease;
        -webkit-transition: width .4s ease,left  .4s ease;
        transition: width .4s ease,left  .4s ease; }
    .residentialProject .tabNameList > .tabName.selected .tabNameList2 {
      display: block; }
    .residentialProject .tabNameList > .tabName > .tabNameList2 {
      display: none;
      width: 2000px;
      position: absolute;
      bottom: -48px;
      line-height: 48px;
     // border-bottom: 1px solid #e9e9e9;
   
      z-index: 2;
      text-align: left; }
      .residentialProject .tabNameList > .tabName .tabNameList2 .tabName {
        float: left;
        margin-right: 40px; }
        .residentialProject .tabNameList > .tabName .tabNameList2 .tabName a:hover{color: #FA8D19;}
        .residentialProject .tabNameList > .tabName .tabNameList2 .tabName a {
          color: #666360; }
        .residentialProject .tabNameList > .tabName .tabNameList2 .tabName.selected a {
          color: #FA8D19; }
  .residentialProject .tabNameList .tabName:first-child:before {
    display: none; }
  .residentialProject .tabNameList .tabName.selected > a, .residentialProject .tabNameList .tabName:hover > a {
    color: #FA8D19; }
    .residentialProject .tabNameList .tabName.selected > a:after, .residentialProject .tabNameList .tabName:hover > a:after {
      width: 100%;
      left: 0; }
  .residentialProject .tabNameList .bg-tabName {
    width: 100%;
   // height: 48px;
    position: relative;
    bottom: -50px;
    z-index: 1;
    background: #fff;
    border-bottom: 1px solid #e9e9e9; }
.residentialProject .tabContainer {
  padding-top: 70px; }
  .residentialProject .tabContainer ul li {
    padding: 0 10px 50px 0; }
    .residentialProject .tabContainer ul li:nth-child(3n){padding-right:0 !important;}
    .residentialProject .tabContainer ul li a {
      display: block; }
      .residentialProject .tabContainer ul li a .imgContainer img:hover{opacity:0.8;}
      .residentialProject .tabContainer ul li a .imgContainer img{margin-top:0 !important;}
      .residentialProject .tabContainer ul li a .imgContainer {
        overflow: hidden; }
        .residentialProject .tabContainer ul li a .imgContainer img {
          -moz-transition: all 300ms linear;
          -o-transition: all 300ms linear;
          -webkit-transition: all 300ms linear;
          transition: all 300ms linear; }
      .residentialProject .tabContainer ul li a .info {
        padding-right: 26px; }
        .residentialProject .tabNameList > .tabName:before {
          margin-top: 16px;
          font-size: 16px;
          font-weight: bold;
          color: #CCC6C0;
          line-height: 25px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          -moz-transition: color 300ms linear;
          -o-transition: color 300ms linear;
          -webkit-transition: color 300ms linear;
          transition: color 300ms linear; }
          .residentialProject .tabContainer ul li a .info .title{
           margin-top: 16px;
          font-size: 14px;
          font-weight:600;
          color:#333230;
          line-height: 25px;
          
          overflow: hidden;
          -webkit-box-orient: vertical;
          text-overflow: ellipsis;
          white-space:nowrao;
          -moz-transition: color 300ms linear;
          -o-transition: color 300ms linear;
          -webkit-transition: color 300ms linear;
          transition: color 300ms linear;
          }
        .residentialProject .tabContainer ul li a .info .abstract {
          
          margin-top: 8px;
          font-size: 14px;
          color: #999590;
          line-height: 24px;
          height: 48px;
          overflow: hidden;
          -webkit-box-orient: vertical;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -moz-transition: color 300ms linear;
          -o-transition: color 300ms linear;
          -webkit-transition: color 300ms linear;
          transition: color 300ms linear;
          display:none; }
        .residentialProject .tabContainer ul li a .info .en {
        display:none;
          margin-top: 9px;
          font-size: 14px;
          font-weight: 400;
          color: #424242;
          line-height: 24px;
          opacity: 0.3;
          filter: Alpha(opacity=30); }
   /* .residentialProject .tabContainer ul li a:hover .imgContainer img {
      -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
      transform: scale(1.3); }*/
    .residentialProject .tabContainer ul li a:hover .info .title {
      color: #F38A18; }
   /* .residentialProject .tabContainer ul li a:hover .info .abstract {
      color: #F38A18; }*/

.commercialProjects .showMore, .residentialProject .showMore {
  height: 50px;
  line-height: 50px;
  background: #f9f9f9 url("../images/showMore_add.png") no-repeat center;
  border-radius: 12px 0 12px 0;
  margin-bottom: 80px;
  cursor: pointer; }
  
.commercialProjects #beauty-city {
  width: 100%;
  height: 704px;
  background: white;
}

.commercialProjects #beauty-city .beauty-city-left {
  float: left;
  width: 42%;
  margin-right: 10%;
}

.commercialProjects #beauty-city .beauty-city-left .line {
  width: 24px;
  height: 2px;
  background: #8b6d4d;
  margin: 48px 0 24px 0;
}

.commercialProjects #beauty-city .beauty-city-left .title {
  font-size: 24px;
  font-weight: 600;
  color: #8b6d4d;
  line-height: 32px;
}

.commercialProjects #beauty-city .beauty-city-left .subTitle {
  font-size: 20px;
  font-weight: 600;
  color: #8b6d4d;
  line-height: 26px;
  margin: 8px 0 32px 0;
}

.commercialProjects #beauty-city .beauty-city-left .info p {
  font-size: 14px;
  font-weight: 400;
  color: #666360;
  line-height: 24px;
  text-indent: 2em;
  text-align: justify;
}

.commercialProjects #beauty-city .beauty-city-right {
  float: left;
  width: 48%;
}

.commercialProjects #beauty-city .beauty-city-right ul {
  margin-top: 32px;
}

.commercialProjects #beauty-city .beauty-city-right ul li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #666360;
  margin-right: 8px;
}

.commercialProjects #beauty-city .beauty-city-right ul li {
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 600;
  color: #666360;
  line-height: 26px;
}

.commercialProjects #beauty-city .beauty-city-right ul li .big {
  font-size: 20px;
  font-weight: 600;
  color: #FA8D19;
  line-height: 26px;
}

.commercialProjects #beauty-city .beauty-city-right ul li .middle {
  color: #FA8D19;
}

.commercialProjects .projectClass {
  padding:36px 0 48px 0;
  background: #F2F0ED; }
  .commercialProjects .projectClass .projectClassContainer ul li a {
    display: block;
   // height: 120px;
    height: 95px;
    border-radius: 2px;
    background-size: cover !important;
    position: relative;
    transition:all 0.8s; }
    .commercialProjects .projectClass .projectClassContainer ul li a div {
      line-height: 95px;
      text-align: center;
      font-size:16px;
      letter-spacing:1px;
      font-weight: 600;
      color: white;
      position: relative;
      z-index: 2; }
  /* .commercialProjects .projectList1 ul > li .rightSide .title.bg {
      background: #0f0f0f;
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      -moz-transition: background 300ms ,opacity 300ms linear;
      -o-transition: background 300ms ,opacity 300ms linear;
      -webkit-transition: background 300ms ,opacity 300ms linear;
      transition: background 300ms ,opacity 300ms linear;
      opacity: 0;
      filter: Alpha(opacity=0); }*/
      
  .commercialProjects .projectClass .projectClassContainer ul li a:hover div.bg {
    background: #fca01a;
    background: linear-gradient(90deg, #fca01a 0%, #ff5f10 100%);
    opacity: 0.55;
    filter: Alpha(opacity=85); }
    .commercialProjects .projectList1 ul > li .rightSide .title:hover{//color:#fa8d19;}
   
  .commercialProjects .projectClass .projectClassContainer ul li:nth-of-type(1) a {
    background: url("/-themes-/theme1/images/list1.png") no-repeat center; }
  .commercialProjects .projectClass .projectClassContainer ul li:nth-of-type(2) a {
    background: url("/-themes-/theme1/images/list3.png") no-repeat center; }
  .commercialProjects .projectClass .projectClassContainer ul li:nth-of-type(3) a {
    background: url("/-themes-/theme1/images/list4.png") no-repeat center; }
  .commercialProjects .projectClass .projectClassContainer ul li:nth-of-type(4) a {
    background: url("/-themes-/theme1/images/list5.png") no-repeat center; }
  .commercialProjects .projectClass .projectClassContainer ul li:nth-of-type(5) a {
    background: url("/-themes-/theme1/images/list6.png") no-repeat center; }
  .commercialProjects .projectClass .projectClassContainer ul li:nth-of-type(6) a {
    background: url("/-themes-/theme1/images/list6.png") no-repeat center; }
    
     .commercialProjects .projectClass .projectClassContainer ul li:first-of-type a:hover{background: url("/-themes-/theme1/images/hover01.png") no-repeat center !important;}
     .commercialProjects .projectClass .projectClassContainer ul li:first-of-type + li a:hover{background: url("/-themes-/theme1/images/hover02.png") no-repeat center !important;}
      .commercialProjects .projectClass .projectClassContainer ul li:first-of-type + li + li a:hover{background: url("/-themes-/theme1/images/hover03.png") no-repeat center !important;}
       .commercialProjects .projectClass .projectClassContainer ul li:first-of-type + li + li + li a:hover{background: url("/-themes-/theme1/images/hover04.png") no-repeat center !important;}
        .commercialProjects .projectClass .projectClassContainer ul li:first-of-type + li + li + li + li a:hover{background: url("/-themes-/theme1/images/hover05.png") no-repeat center !important;}
         .commercialProjects .projectClass .projectClassContainer ul li:first-of-type + li + li + li + li + li a:hover{background: url("/-themes-/theme1/images/hover06.png") no-repeat center !important;}
  
  
  
  .commercialProjects .projectClass .projectClassContainer ul li.selected a{border-bottom: 4px solid #FA8D19;}
  .commercialProjects .projectClass .projectClassContainer ul li:nth-of-type(1).selected a {background: url("/-themes-/theme1/images/hover01.png") no-repeat center !important;}
  .commercialProjects .projectClass .projectClassContainer ul li:nth-of-type(2).selected a {background: url("/-themes-/theme1/images/hover02.png") no-repeat center !important;}
  .commercialProjects .projectClass .projectClassContainer ul li:nth-of-type(3).selected a {background: url("/-themes-/theme1/images/hover03.png") no-repeat center !important;}
  .commercialProjects .projectClass .projectClassContainer ul li:nth-of-type(4).selected a {background: url("/-themes-/theme1/images/hover04.png") no-repeat center !important;}
  .commercialProjects .projectClass .projectClassContainer ul li:nth-of-type(5).selected a {background: url("/-themes-/theme1/images/hover05.png") no-repeat center !important;}
  .commercialProjects .projectClass .projectClassContainer ul li:nth-of-type(6).selected a {background: url("/-themes-/theme1/images/hover06.png") no-repeat center !important;}
  
  .commercialProjects .projectClass .projectClassContainer ul li.selected a div.bg {
    background: #fca01a;
    background: linear-gradient(90deg, #fca01a 0%, #ff5f10 100%);
    opacity: 0.85;
    filter: Alpha(opacity=85); }
.commercialProjects .projectList {
  padding-top: 66px;
  padding-bottom: 32px;
  background: #fcfcfc; }
  .commercialProjects .projectList ul li {
    padding-bottom: 40px; }
    .commercialProjects .projectList ul li a {
      display: block;
      background: white;
      border-radius: 2px;
      overflow: hidden;
      box-shadow: 0 2px 16px 0 rgba(84, 75, 65, 0.04); }
      .commercialProjects .projectList ul li a:hover {
        box-shadow: 0 2px 16px 0 rgba(84, 75, 65, 0.15); }
        .commercialProjects .projectList ul li a:hover .leftSide img {
          -webkit-transform: scale(1.3);
          -ms-transform: scale(1.3);
          transform: scale(1.3); }
          .commercialProjects .projectClass .projectClassContainer ul li a div.bg {
    display:none;
    background: #0f0f0f;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -moz-transition: background 300ms ,opacity 300ms linear;
    -o-transition: background 300ms ,opacity 300ms linear;
    -webkit-transition: background 300ms ,opacity 300ms linear;
    transition: background 300ms ,opacity 300ms linear;
    opacity: 0;
    filter: Alpha(opacity=0);

}
      .commercialProjects .projectList ul li a .leftSide {
        padding: 0;
        height: 338px;
        border-radius: 2px;
        overflow: hidden; }
        .commercialProjects .projectList ul li a .leftSide img {
          width: 100%;
          height: 100%;
          -moz-transition: all 300ms linear;
          -o-transition: all 300ms linear;
          -webkit-transition: all 300ms linear;
          transition: all 300ms linear; }
      .commercialProjects .projectList ul li a .rightSide {
        padding: 30px 40px;
        box-shadow: 0px 2px 16px 0px rgba(84, 75, 65, 0.04);
        border-radius: 2px;
        background: url("/-themes-/theme1/images/commercialProjectsList.png") no-repeat right bottom; }
        .commercialProjects .projectList ul li a .rightSide .title {
          font-size: 28px;
          font-weight: 500;
          color: #ff5f10;
          line-height: 36px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .commercialProjects .projectList ul li a .rightSide .abstract {
          margin-top: 12px;
          height: 78px;
          font-size: 16px;
          color: rgba(0, 0, 0, 0.65);
          line-height: 26px;
          overflow: hidden;
          -webkit-box-orient: vertical;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3; }
        .commercialProjects .projectList ul li a .rightSide .name {
          margin-top: 20px;
          font-size: 14px;
          color: rgba(0, 0, 0, 0.45);
          line-height: 22px; }
          .commercialProjects .projectList ul li a .rightSide .name span {
            padding: 0 0 0 24px;
            font-size: 14px;
            color: rgba(0, 0, 0, 0.45); }
        .commercialProjects .projectList ul li a .rightSide .value {
          margin-top: 8px;
          font-size: 18px;
          color: rgba(0, 0, 0, 0.85);
          line-height: 26px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
          .commercialProjects .projectList ul li a .rightSide .value span {
            font-size: 18px;
            color: rgba(0, 0, 0, 0.85);
            padding: 0; }
        .commercialProjects .projectList ul li a .rightSide .name.measureName span:first-child {
          background: url("/-themes-/theme1/images/measure.png") no-repeat left center; }
        .commercialProjects .projectList ul li a .rightSide .name.measureName span:first-child + span {
          background: url("/-themes-/theme1/images/mobile.png") no-repeat left center; }
        .commercialProjects .projectList ul li a .rightSide .name.address {
          padding-left: 24px;
          background: url("/-themes-/theme1/images/address.png") no-repeat left center; }
  .commercialProjects .projectList .tips {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.25);
    line-height: 22px;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    padding: 12px 20px; }
.commercialProjects .projectList1 {
  padding: 0 0 80px 0;
  background: #faf9f7; }
  .commercialProjects .projectList1 ul > li {
    border-radius: 2px;
    padding-top: 64px;
    cursor: pointer; }
    .commercialProjects .projectList1 ul > li div.block {
      display: block;
      padding: 2.8%;
      background: white;
      position: relative;
      }
    .commercialProjects .projectList1 ul > li .leftSide {
      width: 30%;
     // max-width: 320px;
     max-width: 239px;
      float: left;
      position: absolute;
      top: 0;
     // left: 4.6%;
     left: 0;
      margin-top: -33px; }
      .commercialProjects .projectList1 ul > li .leftSide .cutImg {
        display: block;
        border-radius: 38px 0 38px 0;
        overflow: hidden; 
        cursor: inherit;}
        .commercialProjects .projectList1 ul > li .leftSide .cutImg img {
          -moz-transition: all 300ms linear;
          -o-transition: all 300ms linear;
          -webkit-transition: all 300ms linear;
          transition: all 300ms linear;
          margin-left:0 !important; }
       /* .commercialProjects .projectList1 ul > li .leftSide .cutImg:hover img {
          -webkit-transform: scale(1.3);
          -ms-transform: scale(1.3);
          transform: scale(1.3); }*/
    .commercialProjects .projectList1 ul > li .rightSide {
     // padding-left: calc(30% + 56px);
       padding-left: calc(19% + 70px);
       }
      .commercialProjects .projectList1 ul > li .rightSide .title {
        display: block;
        font-size: 24px;
        font-weight: 500;
        color: #8B6D4D;
        line-height: 32px;
        letter-spacing: 2px;
        cursor: inherit;
        text-shadow: 0px 8px 24px rgba(190, 153, 113, 0.16);
      //  background: #8b6d4d;
      //  -webkit-background-clip: text;
       // -webkit-text-fill-color: transparent; }
      .commercialProjects .projectList1 ul > li .rightSide .abstract {
        text-align: justify;
       // height: 160px;
        height: 96px;
        overflow: hidden;
        font-size: 14px;
        font-weight: 400;
        color: #999590;
        line-height: 24px; }
      .commercialProjects .projectList1 ul > li .rightSide .abstract p{
         font-size: 14px !important;
        font-weight: 400 !important;
        color: #999590 !important;
        line-height: 24px !important;
      }
      .commercialProjects .projectList1 ul > li .rightSide .abstract span{
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #999590  !important;
        line-height: 24px !important;
        font-family: Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif !important;
      }  
      .commercialProjects .projectList1 ul > li .rightSide .openMore {
        display: inline-block;
        padding: 16px 44px;
        cursor: pointer;
        font-size: 16px;
        font-weight: 500;
        color: white;
        line-height: 24px;
        letter-spacing: 2px;
        background: linear-gradient(270deg, #f57945 0%, #f4a000 100%, #f59245 100%);
        box-shadow: 0px 8px 24px 0px rgba(252, 160, 26, 0.16);
        border-radius: 2px;
        transition: all .3s;
        display: none; }
      .commercialProjects .projectList1 ul > li .rightSide:hover .title {
       // color: #fa8d19; }
    
      .commercialProjects .projectList1 ul > li section > ul > li {
        padding: 18px 56px 18px 0;
        float: left;
        position: relative;
        text-align: center; }
        .commercialProjects .projectList1 ul > li section > ul > li > div {
          display: inline-block;
          text-align: left; }
        .commercialProjects .projectList1 ul > li section > ul > li .bg-icon {
          font-size: 12px;
          font-weight: 400;
          color: #999590;
          line-height: 22px;
          padding-left: 30px;
         // margin-bottom: 6px;
          text-align: left;
          display: inline-block; }
        .commercialProjects .projectList1 ul > li section > ul > li .position {
          background: url("/-themes-/theme1/images/icon-position.png") no-repeat left center; }
        .commercialProjects .projectList1 ul > li section > ul > li .area {
          background: url("/-themes-/theme1/images/icon-area.png") no-repeat left center; }
        .commercialProjects .projectList1 ul > li section > ul > li .text {
          color: #999590;
          line-height: 22px;
          font-size: 12px;
          display: inline-block;
          margin-left: 24px; }
        .commercialProjects .projectList1 ul > li section > ul > li:first-of-type + li {
          float: left; }

.pensionProjects .banner {
  text-align: center; }
.pensionProjects .topInfo {
  padding-top: 48px;
  padding-bottom: 48px;
  
  background: #FAF9F7;}
  .pensionProjects .topInfo .inner_centerArea {
    margin-bottom: -1px; }
  .pensionProjects .topInfo .pageTitle {
    font-size: 20px;
    color:#8B6D4D;
    line-height:24px;
    letter-spacing: 4px;
    text-align: center; 
    font-weight: 600;}
  .pensionProjects .topInfo .pageIco {
    display:none;
    margin-top: 20px;
    height: 45px;
    background: url("/-themes-/theme1/images/pensionProject.png") no-repeat center; }
  .pensionProjects .topInfo .pageInfo {
    margin: 18px auto 0 auto;
    font-size: 14px;
    font-weight:400;
color:rgba(102,99,96,1);
line-height:24px;}
    .pensionProjects .topInfo .pageInfo p{
      font-size: 14px;
    font-weight:400;
color:rgba(102,99,96,1);
line-height:24px;
margin-bottom:32px;
text-indent: 2em;
text-align: justify;
    }
    .pensionProjects .topInfo .pageInfo p:last-child{
      margin-bottom:0;
    }
    
  .pensionProjects .topInfo .tabNameList {
    margin-top: 55px; }
    .pensionProjects .topInfo .tabNameList ul li {
      width: 20%;
      float: left; }
      .pensionProjects .topInfo .tabNameList ul li a {
        display: block;
        height: 70px;
        text-align: center;
        background: #faefe6;
        font-size: 20px;
        font-weight: 500;
        color: rgba(0, 0, 0, 0.45);
        line-height: 70px;
        -moz-transition: color 300ms linear,background 300ms linear;
        -o-transition: color 300ms linear,background 300ms linear;
        -webkit-transition: color 300ms linear,background 300ms linear;
        transition: color 300ms linear,background 300ms linear; }
      .pensionProjects .topInfo .tabNameList ul li a:hover {
        background: #FA8D19;
        color: rgba(255, 255, 255, 0.85); }
    .pensionProjects .topInfo .tabNameList ul li.selected a {
      background: #FA8D19;
      color: rgba(255, 255, 255, 0.85); }
    .pensionProjects .topInfo .tabNameList ul li:first-child {
      padding-right: 3px; }
    .pensionProjects .topInfo .tabNameList ul li:first-child + li {
      padding: 0 2px 0 1px; }
    .pensionProjects .topInfo .tabNameList ul li:first-child + li + li, .pensionProjects .topInfo .tabNameList ul li:first-child + li + li + li {
      padding: 0 1px 0 2px; }
    .pensionProjects .topInfo .tabNameList ul li:first-child + li + li + li + li {
      padding-left: 3px; }
.pensionProjects .introduce {
  padding: 110px 0 56px 0;
  background: rgba(255, 251, 245, 0.8);
  background: linear-gradient(270deg, rgba(251, 251, 251, 0.8) 0%, rgba(255, 251, 245, 0.8) 100%); }
  .pensionProjects .introduce .column {
    font-size: 20px;
    font-weight: 500;
    color: #8b6d4d;
    line-height: 28px;
    text-align: center;
    position: relative; }
    .pensionProjects .introduce .column:after {
      content: '';
      display: block;
      width: 40px;
      height: 4px;
      border-radius: 4px 0 4px 0;
      background: RGBA(253, 165, 100, 1);
      margin: 16px auto; }
  .pensionProjects .introduce .en {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.65);
    line-height: 26px;
    margin-top: 6px;
    text-align: center;
    opacity: 0.3;
    filter: Alpha(opacity=30); }
  .pensionProjects .introduce .target {
    max-width: 795px;
    margin: 30px auto 0 auto;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.45);
    line-height: 32px; }
  .pensionProjects .introduce .content {
    max-width: 795px;
    margin: 24px auto 0 auto;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.45);
    line-height: 32px; }
.pensionProjects .advantage {
  padding: 0 0 42px 0;
  position: relative;
  background: -webkit-linear-gradient(left, rgba(250, 239, 230, 0.48), rgba(243, 233, 206, 0.48));
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, rgba(250, 239, 230, 0.48), rgba(243, 233, 206, 0.48));
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, rgba(250, 239, 230, 0.48), rgba(243, 233, 206, 0.48));
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, rgba(250, 239, 230, 0.48), rgba(243, 233, 206, 0.48));
  /* 标准的语法 */ }
  .pensionProjects .advantage .leftSide {
    padding-top: 176px;
    float: left; }
    .pensionProjects .advantage .leftSide div {
      font-size: 20px;
      font-weight: 500;
      color: #8b6d4d;
      line-height: 28px; }
  .pensionProjects .advantage .rightSide {
    padding-left: 22%;
    min-height: 326px; }
    .pensionProjects .advantage .rightSide .tabNameList {
      height: 72px;
      position: relative;
      z-index: 99; }
      .pensionProjects .advantage .rightSide .tabNameList .tabName {
        height: 100%;
        font-size: 18px;
        margin-right: 10%;
        float: left;
        line-height: 72px;
        position: relative;
        cursor: pointer;
        color: #8b6d4d;
        font-weight: 500; }
        .pensionProjects .advantage .rightSide .tabNameList .tabName:after {
          content: " ";
          width: 0;
          height: 4px;
          background: #fda564;
          border-radius: 4px 0 4px 0;
          position: absolute;
          left: 50%;
          bottom: 0;
          -moz-transition: width .4s ease,left .4s ease;
          -o-transition: width .4s ease,left .4s ease;
          -webkit-transition: width .4s ease,left .4s ease;
          transition: width .4s ease,left .4s ease; }
        .pensionProjects .advantage .rightSide .tabNameList .tabName:last-child {
          margin-right: 0; }
      .pensionProjects .advantage .rightSide .tabNameList .selected.tabName:after, .pensionProjects .advantage .rightSide .tabNameList .tabName:hover:after {
        width: 100%;
        left: 0; }
    .pensionProjects .advantage .rightSide .tabList {
      margin-top: 37px; }
      .pensionProjects .advantage .rightSide .tabList .tab {
        display: none;
        min-height: 206px; }
        .pensionProjects .advantage .rightSide .tabList .tab ul li {
          position: relative;
          padding: 4px 0 4px 35px;
          line-height: 28px; }
          .pensionProjects .advantage .rightSide .tabList .tab ul li .point {
            position: absolute;
            width: 6px;
            height: 6px;
            border-radius: 50px;
            background: #ff5f10;
            top: 15px;
            left: 12px; }
          .pensionProjects .advantage .rightSide .tabList .tab ul li span {
            color: #878787;
            font-size: 16px; }
          .pensionProjects .advantage .rightSide .tabList .tab ul li span:first-child + span {
            font-weight: 600; }
      .pensionProjects .advantage .rightSide .tabList .tab.selected {
        display: block; }
  .pensionProjects .advantage .bg1 {
    width: 432px;
    height: 132px;
    background: url("/-themes-/theme1/images/bg16.png") no-repeat left;
    position: absolute;
    left: 0;
    bottom: 0; }
  .pensionProjects .advantage .bg2 {
    width: 518px;
    height: 72px;
    position: absolute;
    right: 0;
    top: 0;
    background: -webkit-linear-gradient(left, rgba(244, 160, 0, 0), rgba(245, 121, 69, 0.07));
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, rgba(244, 160, 0, 0), rgba(245, 121, 69, 0.07));
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, rgba(244, 160, 0, 0), rgba(245, 121, 69, 0.07));
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, rgba(244, 160, 0, 0), rgba(245, 121, 69, 0.07));
    /* 标准的语法 */ }
.pensionProjects .strategy {
  padding: 0 0 107px 0;
  position: relative;
  background: -webkit-linear-gradient(rgba(221, 231, 216, 0.45), rgba(174, 208, 221, 0.45));
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(rgba(221, 231, 216, 0.45), rgba(174, 208, 221, 0.45));
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(rgba(221, 231, 216, 0.45), rgba(174, 208, 221, 0.45));
  /* Firefox 3.6 - 15 */
  background: linear-gradient(rgba(221, 231, 216, 0.45), rgba(174, 208, 221, 0.45));
  /* 标准的语法 */ }
  .pensionProjects .strategy .inner_centerArea {
    position: relative; }
  .pensionProjects .strategy .leftSide {
    width: 338px;
    float: left;
    height: 270px;
    z-index: 2;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: -119px;
    top: 50%;
    margin-top: -135px;
    background: url("/-themes-/theme1/images/bg17.png") no-repeat left bottom; }
    .pensionProjects .strategy .leftSide div {
      font-size: 20px;
      font-weight: 500;
      color: #8b6d4d;
      line-height: 28px; }
  .pensionProjects .strategy .rightSide {
    padding-left: 22%;
    padding-top: 77px; }
    .pensionProjects .strategy .rightSide .future {
      max-width: 585px;
      margin-bottom: 20px;
      font-size: 16px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.45);
      line-height: 32px; }
    .pensionProjects .strategy .rightSide .futurePractice {
      max-width: 870px;
      font-size: 16px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.45);
      line-height: 32px; }
      .pensionProjects .strategy .rightSide .futurePractice span {
        color: #f38a18;
        font-size: 56px;
        display: inline-block;
        line-height: 60px;
        font-family: dincond-medium-webfont; }
  .pensionProjects .strategy .bg3 {
    width: 328px;
    height: 270px;
    position: absolute;
    left: 100px;
    top: 50%;
    margin-top: -135px;
    background: url("/-themes-/theme1/images/bg17.png") no-repeat left bottom; }
  .pensionProjects .strategy .bg4 {
    width: 734px;
    height: 158px;
    opacity: 0.45;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url("/-themes-/theme1/images/bg18.png") no-repeat right bottom; }
.pensionProjects .projectList {
  padding: 48px 0; }
  .pensionProjects .projectList ul li a {
    display: block;
    overflow: hidden; }
    .pensionProjects .projectList ul li a .imgContainer {
      width: 100%;
      overflow: hidden; }
      .pensionProjects .projectList ul li a .imgContainer img {
        -moz-transition: all 300ms linear;
        -o-transition: all 300ms linear;
        -webkit-transition: all 300ms linear;
        transition: all 300ms linear; }
    .pensionProjects .projectList ul li a .name {
      margin-top: 12px;
      font-size: 14px;
      color: #333230;
     font-weight:600;
      line-height: 18px;
      display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    max-height: 20px;
       }
    .pensionProjects .projectList ul li a .info {
      max-width: 260px;
      margin-top: 8px;
      font-size: 12px;
      color:#999590;
      line-height: 20px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
      max-height: 56px; }
 /* .pensionProjects .projectList ul li a:hover .imgContainer img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3); }*/

.service .introduce {
  position: relative; }
  .service .introduce .columnContent {
    max-width: 960px;
    margin: 32px auto;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.45);
    line-height: 24px; }
    .service .introduce .columnContent p {
      text-indent: 2em;
      margin-bottom: 40px;
      font-size: 16px;
      color: rgba(0, 0, 0, 0.45); }
    .service .introduce .columnContent div div {
      font-size: 16px;
      line-height: 24px;
      color: rgba(0, 0, 0, 0.45);
      padding-bottom: 10px; }
      .service .introduce .columnContent div div span {
        font-size: 16px;
        line-height: 24px;
        color: rgba(0, 0, 0, 0.45);
        margin-left: 66px; }
      .service .introduce .columnContent div div img {
        margin-top: -86px; }
    .service .introduce .columnContent div .phone_ecode {
      display: block; }
      .service .introduce .columnContent div .phone_ecode .wechat {
        margin-left: 0px; }
      .service .introduce .columnContent div .phone_ecode .wechat_img {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px; }
  .service .introduce .bg1 {
    width: 530px;
    height: 308px;
    position: absolute;
    top: 0;
    right: 0;
    background: url("/-themes-/theme1/images/bg11.png") no-repeat center; }
  .service .introduce .bg2 {
    width: 218px;
    height: 362px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url("/-themes-/theme1/images/bg12.png") no-repeat center; }
.service .advantage {
  background: -webkit-linear-gradient(left, rgba(250, 239, 230, 0.48), rgba(243, 233, 206, 0.48));
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, rgba(250, 239, 230, 0.48), rgba(243, 233, 206, 0.48));
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, rgba(250, 239, 230, 0.48), rgba(243, 233, 206, 0.48));
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, rgba(250, 239, 230, 0.48), rgba(243, 233, 206, 0.48));
  /* 标准的语法 */ }
  .service .advantage .leftSide {
    padding-top: 176px;
    padding-bottom: 40px;
    padding-left: 40px; }
    .service .advantage .leftSide .cn {
      padding-left: 36px;
      background: url("/-themes-/theme1/images/Crown.png") no-repeat left center; }
    .service .advantage .leftSide .en {
      font-size: 30px;
      color: rgba(255, 95, 16, 0.45);
      text-transform: uppercase;
      font-family: dincond-medium-webfont; }
  .service .advantage .rightSide {
    min-height: 338px;
    padding-left: 250px; }
    .service .advantage .rightSide .tabList {
      margin-top: 37px;
      margin-left: -10px; }
.service .strategy {
  background: -webkit-linear-gradient(rgba(221, 231, 216, 0.45), rgba(174, 208, 221, 0.45));
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(rgba(221, 231, 216, 0.45), rgba(174, 208, 221, 0.45));
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(rgba(221, 231, 216, 0.45), rgba(174, 208, 221, 0.45));
  /* Firefox 3.6 - 15 */
  background: linear-gradient(rgba(221, 231, 216, 0.45), rgba(174, 208, 221, 0.45));
  /* 标准的语法 */ }
  .service .strategy .leftSide {
    width: 260px;
    height: 320px;
    text-align: left;
    left: 0;
    padding-top: 160px;
    padding-bottom: 40px;
    padding-left: 42px; }
    .service .strategy .leftSide .cn {
      padding-left: 36px;
      line-height: 34px;
      background: url("/-themes-/theme1/images/integral.png") no-repeat left center; }
    .service .strategy .leftSide .en {
      font-size: 30px;
      line-height: 34px;
      color: rgba(255, 95, 16, 0.45);
      text-transform: uppercase;
      font-family: dincond-medium-webfont; }
  .service .strategy .rightSide {
    padding-top: 80px;
    padding-left: 260px; }
    .service .strategy .rightSide ul li a {
      display: block;
      width: 193px;
      height: 193px;
      border-radius: 0;
      text-decoration: none; }
      .service .strategy .rightSide ul li a .name {
        text-align: center;
        font-size: 30px;
        color: white;
        line-height: 40px;
        padding-top: 50px; }
      .service .strategy .rightSide ul li a .useFor {
        font-size: 14px;
        color: white;
        line-height: 22px;
        padding-top: 110px;
        text-align: center; }
        .service .strategy .rightSide ul li a .useFor:after {
          content: '';
          display: inline-block;
          width: 10px;
          height: 10px;
          margin-left: 4px;
          background: url("/-themes-/theme1/images/angle-right-2x.png") no-repeat center; }
    .service .strategy .rightSide ul li:first-child a {
      background: url("/-themes-/theme1/images/fw29.png") no-repeat center;
      background-size: 100%; }
    .service .strategy .rightSide ul li:first-child + li a {
      background: url("/-themes-/theme1/images/fw30.png") no-repeat center;
      background-size: 100%; }
    .service .strategy .rightSide ul li:first-child + li + li a {
      background: url("/-themes-/theme1/images/fw31.png") no-repeat center;
      background-size: 100%; }
    .service .strategy .rightSide ul li:first-child + li + li + li a {
      background: url("/-themes-/theme1/images/fw32.png") no-repeat center;
      background-size: 100%; }
.service .menbersNotice {
  background: #f9faf5; }
  .service .menbersNotice .leftSide {
    width: 260px;
    float: left;
    padding-top: 160px;
    padding-left: 42px;
    padding-bottom: 40px;
    background: none; }
    .service .menbersNotice .leftSide .cn {
      padding-left: 36px;
      font-size: 24px;
      line-height: 34px;
      color: #ff5f10;
      background: url("/-themes-/theme1/images/member_notice_ico.png") no-repeat left center; }
    .service .menbersNotice .leftSide .en {
      font-size: 30px;
      color: rgba(255, 95, 16, 0.45);
      text-transform: uppercase;
      font-family: dincond-medium-webfont; }
  .service .menbersNotice .rightSide {
    padding-left: 260px;
    padding-top: 82px;
    padding-bottom: 65px; }
    .service .menbersNotice .rightSide ul li {
      padding: 8px 0 22px 0; }
      .service .menbersNotice .rightSide ul li a {
        display: block;
        height: 234px;
        max-width: 180px;
        margin: 0 auto; }
.service.pensionProjects .strategy .leftSide {
  left: 16px;
  background: none; }

.fuwu .center {
  padding: 80px 0; }
  .fuwu .center .box {
    padding: 0 20px;
    border-right: 8px;
    position: relative;
    box-shadow: 0 2px 16px 0 rgba(84, 75, 65, 0.04); }
    .fuwu .center .box.box1 {
      margin-right: 4%;
      background: -webkit-linear-gradient(#fff8f5, #ffede6);
      /* Safari 5.1 - 6.0 */
      background: -o-linear-gradient(#fff8f5, #ffede6);
      /* Opera 11.1 - 12.0 */
      background: -moz-linear-gradient(#fff8f5, #ffede6);
      /* Firefox 3.6 - 15 */
      background: linear-gradient(#fff8f5, #ffede6);
      /* 标准的语法 */ }
    .fuwu .center .box.box2 {
      margin-left: 4%;
      background: -webkit-linear-gradient(#fff3f3, #fef3f4);
      /* Safari 5.1 - 6.0 */
      background: -o-linear-gradient(#fff3f3, #fef3f4);
      /* Opera 11.1 - 12.0 */
      background: -moz-linear-gradient(#fff3f3, #fef3f4);
      /* Firefox 3.6 - 15 */
      background: linear-gradient(#fff3f3, #fef3f4);
      /* 标准的语法 */ }
    .fuwu .center .box img {
      max-width: 100%; }
    .fuwu .center .box a {
      display: block;
      background: url("/-themes-/theme1/images/bg-link.png") no-repeat center;
      color: #f38a18;
      font-size: 20px;
      width: 190px;
      line-height: 52px;
      height: 52px;
      text-align: center;
      position: absolute;
      bottom: 15%;
      left: 50%;
      margin-left: -95px; }
    .fuwu .center .box:hover {
      box-shadow: 0 2px 16px 0 rgba(84, 75, 65, 0.15); }
      .fuwu .center .box:hover a {
        color: white;
        background: url("/-themes-/theme1/images/hover.png") no-repeat center; }

/* 住宅项目详情start */
.projectDetails .banner {
  height: 580px;
  background: url("/-themes-/theme1/images/projectDetails_banner.jpg") no-repeat center; }
.projectDetails .projectBaseInfo {
  background: #FBFBFB; }
  .projectDetails .projectBaseInfo .centerArea {
    background: url("/-themes-/theme1/images/projectBaseInfo_bg.png") no-repeat -50px center;
    padding: 56px 0 60px  226px; }
    .projectDetails .projectBaseInfo .centerArea .words {
      line-height: 26px;
      color: rgba(0, 0, 0, 0.65);
      font-size: 16px;
      max-width: 750px;
      text-align: center;
      margin: 0 auto; }
.projectDetails .area {
  padding-top: 58px;
  padding-bottom: 102px; }
  .projectDetails .area .areaTitle {
    line-height: 36px;
    padding-bottom: 19px;
    border-bottom: 1px solid #979797;
    position: relative; }
    .projectDetails .area .areaTitle:before {
      content: "";
      position: absolute;
      width: 90%;
      max-width: 420px;
      height: 4px;
      left: 0;
      bottom: -1px;
      background: #f57945;
      background: linear-gradient(43deg, #f57945 0%, #f4a000 100%, #f59245 100%); }
    .projectDetails .area .areaTitle span:first-child {
      color: #FF5F10;
      font-size: 28px;
      margin-right: 14px; }
    .projectDetails .area .areaTitle span:first-child + span {
      color: rgba(0, 0, 0, 0.65);
      font-size: 16px; }
  .projectDetails .area .areaContainer > div {
    padding: 26px 0 0 0; }
    .projectDetails .area .areaContainer > div .projectName {
      position: relative;
      height: 102px;
      line-height: 102px;
      padding-left: 52px;
      background: #f2f2f2;
      background: linear-gradient(270deg, rgba(252, 252, 252, 0) 0%, #f2f2f2 100%);
      font-size: 36px;
      color: #544B41; }
      .projectDetails .area .areaContainer > div .projectName:before {
        content: "";
        position: absolute;
        background: #FA8D19;
        width: 8px;
        height: 32px;
        left: 0;
        top: 50%;
        margin-top: -16px; }
    .projectDetails .area .areaContainer > div .projectInfo_table {
      margin-top: 15px;
      margin-left: 50px;
      margin-right: 80px; }
      .projectDetails .area .areaContainer > div .projectInfo_table tr td {
        font-size: 16px;
        padding-top: 20px; }
      .projectDetails .area .areaContainer > div .projectInfo_table tr td:first-child {
        color: #424242;
        font-weight: 600; }
      .projectDetails .area .areaContainer > div .projectInfo_table tr td:first-child + td {
        color: #424242; }
      .projectDetails .area .areaContainer > div .projectInfo_table tr td.phone span {
        color: #FA8D19;
        font-size: 18px; }
    .projectDetails .area .areaContainer > div img {
      width: 100%;
      height: auto; }
  .projectDetails .area .areaContainer .baseInfo {
    padding-right: 36px; }
.projectDetails .baseInfoArea {
  position: relative; }
  .projectDetails .baseInfoArea .bg {
    position: absolute;
    background: url("/-themes-/theme1/images/projectInfo_table.png") no-repeat right bottom;
    width: 50%;
    height: 55px;
    bottom: 102px;
    right: 50%;
    margin-right: 35px; }
.projectDetails .projectImg > div {
  padding: 0; }
  .projectDetails .projectImg > div > img {
    width: 100%;
    height: auto; }
  .projectDetails .projectImg > div > div:first-child > img {
    width: 100%;
    height: auto; }
  .projectDetails .projectImg > div > div:first-child + div {
    position: relative; }
    .projectDetails .projectImg > div > div:first-child + div > img {
      width: 50%;
      float: left;
      height: auto; }
    .projectDetails .projectImg > div > div:first-child + div .moreContainer {
      position: absolute;
      height: 40px;
      width: 50%;
      left: 50%;
      top: 50%;
      margin-top: -20px; }
      .projectDetails .projectImg > div > div:first-child + div .moreContainer .ch {
        font-size: 18px;
        color: #f9f9f9;
        line-height: 25px;
        text-align: center; }
      .projectDetails .projectImg > div > div:first-child + div .moreContainer .en {
        text-align: center;
        margin-top: -5px;
        font-size: 14px;
        color: #f9f9f9;
        line-height: 20px;
        opacity: 0.5; }
.projectDetails .estateDetails {
  padding-top: 58px; }
  .projectDetails .estateDetails .detailInfo {
    margin-top: 52px;
    padding: 52px 92px 65px 92px;
    box-shadow: 0px 2px 16px 0px rgba(84, 75, 65, 0.06);
    position: relative; }
    .projectDetails .estateDetails .detailInfo table {
      width: 100%; }
      .projectDetails .estateDetails .detailInfo table tr td {
        width: 50%;
        font-size: 16px;
        color: #424242;
        line-height: 22px;
        padding-top: 25px; }
        .projectDetails .estateDetails .detailInfo table tr td span {
          font-size: 16px;
          font-weight: 600;
          color: #424242;
          line-height: 22px;
          display: inline-block;
          width: 86px;
          text-align: justify; }
      .projectDetails .estateDetails .detailInfo table tr td:first-child {
        padding-right: 100px;
        border-right: 1px solid rgba(151, 151, 151, 0.15); }
      .projectDetails .estateDetails .detailInfo table tr td:first-child + td {
        padding-left: 100px; }
      .projectDetails .estateDetails .detailInfo table tr:first-child td {
        padding-top: 0; }
    .projectDetails .estateDetails .detailInfo .sign {
      position: absolute;
      width: 54px;
      height: 102px;
      top: 50%;
      margin-top: -51px;
      left: 50%;
      margin-left: -27px;
      background: white url("../images/sign_bg.png") no-repeat center; }
.projectDetails .periphery {
  padding-top: 0; }
  .projectDetails .periphery > div {
    padding: 0;
    overflow: hidden; }
  .projectDetails .periphery > div:first-child {
    height: 488px; }
    .projectDetails .periphery > div:first-child img {
      width: 100%; }
  .projectDetails .periphery > div:first-child + div {
    padding: 48px 120px 22px 62px;
    background: #FBFBFB;
    height: 488px; }
    .projectDetails .periphery > div:first-child + div ul {
      padding-top: 34px; }
      .projectDetails .periphery > div:first-child + div ul li {
        font-size: 16px;
        color: rgba(66, 66, 66, 0.7);
        line-height: 22px;
        padding-left: 36px;
        position: relative;
        padding-bottom: 12px; }
        .projectDetails .periphery > div:first-child + div ul li span {
          position: absolute;
          display: block;
          width: 4px;
          height: 4px;
          border-radius: 50%;
          left: 0;
          top: 8px;
          background: rgba(66, 66, 66, 0.7); }

.financialCenter .banner {
  position: relative;
  background: url("/-themes-/theme1/images/financialCenter_bg.png") no-repeat center; }
  .financialCenter .banner .baseInfo {
    position: absolute;
    width: 456px;
    height: 400px;
    top: 50%;
    margin-top: -200px;
    left: 50%;
    margin-left: 144px;
    background: white; }
    .financialCenter .banner .baseInfo .title {
      position: relative;
      height: 102px;
      line-height: 102px;
      padding-left: 52px;
      background: #f2f2f2;
      background: linear-gradient(270deg, rgba(252, 252, 252, 0) 0%, #f2f2f2 100%);
      font-size: 36px;
      color: #544B41; }
      .financialCenter .banner .baseInfo .title:before {
        content: "";
        position: absolute;
        background: #FA8D19;
        width: 8px;
        height: 32px;
        left: 0;
        top: 50%;
        margin-top: -16px; }
    .financialCenter .banner .baseInfo .info {
      font-size: 0;
      color: #424242;
      line-height: 22px;
      padding: 20px 40px 0 40px; }
      .financialCenter .banner .baseInfo .info .name {
        font-size: 16px;
        font-weight: 600;
        display: inline-block; }
      .financialCenter .banner .baseInfo .info .value {
        font-size: 16px;
        font-weight: 500;
        display: inline-block; }
    .financialCenter .banner .baseInfo .title:first-child + .info {
      padding-top: 35px; }
.financialCenter .projectNews .newsContainer {
  margin-top: 52px; }
  .financialCenter .projectNews .newsContainer > div {
    padding: 0;
    height: 390px;
    overflow: hidden; }
    .financialCenter .projectNews .newsContainer > div ul li {
      display: block;
      padding: 22px 40px 22px 155px;
      background: white;
      box-shadow: 0px 2px 16px 0px rgba(84, 75, 65, 0.06);
      margin-bottom: 16px;
      position: relative; }
      .financialCenter .projectNews .newsContainer > div ul li .date {
        position: absolute;
        left: 44px;
        height: 58px;
        top: 50%;
        margin-top: -29px; }
        .financialCenter .projectNews .newsContainer > div ul li .date div {
          line-height: 29px;
          color: #F38A18;
          font-size: 24px;
          white-space: nowrap; }
        .financialCenter .projectNews .newsContainer > div ul li .date div:first-child {
          letter-spacing: 2px; }
      .financialCenter .projectNews .newsContainer > div ul li .title {
        font-size: 18px;
        color: black;
        line-height: 25px;
        opacity: 0.6;
        max-width: 380px; }
  .financialCenter .projectNews .newsContainer > div:first-child {
    padding-right: 20px; }
  .financialCenter .projectNews .newsContainer > div + div {
    background: #F8F8F8;
    padding: 12px; }
    .financialCenter .projectNews .newsContainer > div + div > div {
      overflow: hidden;
      height: 100%; }
      .financialCenter .projectNews .newsContainer > div + div > div img {
        width: 100%;
        height: 100%; }
.financialCenter .estateDetails .detailInfo table tbody tr td.moreWord {
  position: relative;
  padding-left: 186px; }
  .financialCenter .estateDetails .detailInfo table tbody tr td.moreWord span {
    position: absolute;
    left: 100px;
    top: 25px; }

/*  住宅项目详情end */
/* 住宅项目详情start */
.zz-projectDetails main {
  padding-top: 140px; }
  .zz-projectDetails main .part1 {
    padding-bottom: 100px;
    position: relative; }
    .zz-projectDetails main .part1 .inner_centerArea {
      position: relative; }
    .zz-projectDetails main .part1 h2 {
      position: absolute;
      top: 15%;
      left: 6%;
      z-index: 100; }
      .zz-projectDetails main .part1 h2 span {
        display: block; }
        .zz-projectDetails main .part1 h2 span:first-child {
          font-size: 32px;
          color: #333230;
          letter-spacing: 18px;
          font-weight: 500;
          line-height: 78px; }
        .zz-projectDetails main .part1 h2 span + span {
          margin-top: 16px;
          font-size: 10px;
          color: rgba(0, 0, 0, 0.65);
          letter-spacing: 12px; }
    .zz-projectDetails main .part1 .images-box {
      padding-left: 25%; }
      .zz-projectDetails main .part1 .images-box:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 86%;
        background-color: #f2f3f4;
        z-index: -100; }
      .zz-projectDetails main .part1 .images-box .swiper-slide .cutImg {
        display: block;
        position: relative; }
        .zz-projectDetails main .part1 .images-box .swiper-slide .cutImg .img-mask {
          width: 50%;
          height: 100%;
          background: url("/-themes-/theme1/images/whiteoverlay.png") no-repeat;
          background-size: cover;
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0; }
      .zz-projectDetails main .part1 .images-box .direction {
        width: 82px;
        height: 40px;
        position: relative;
        right: 0;
        bottom: 20px;
        float: right;
        transition: all .3s;
        z-index: 2; }
        .zz-projectDetails main .part1 .images-box .direction .img-prev {
          width: 40px;
          background: url("/-themes-/theme1/images/left-black.png") no-repeat center;
          transition: all .3s;
          margin-right: 2px;
          left: 0;
          background-color: #ffffff; }
          .zz-projectDetails main .part1 .images-box .direction .img-prev:hover {
            background: url("/-themes-/theme1/images/left-hover.png") no-repeat center;
            background-color: #BE9971; }
        .zz-projectDetails main .part1 .images-box .direction .img-next {
          width: 40px;
          background: url("/-themes-/theme1/images/right-black.png") no-repeat center;
          transition: all .3s;
          right: 0;
          background-color: #ffffff; }
          .zz-projectDetails main .part1 .images-box .direction .img-next:hover {
            background: url("/-themes-/theme1/images/right-hover.png") no-repeat center;
            background-color: #BE9971; }
  .zz-projectDetails main .part2 {
    position: relative;
    top: -40px;
    padding-right: 100px; }
    .zz-projectDetails main .part2 .lineMore {
      position: absolute;
      bottom: 0;
      left: 0;
      display: inline-block !important;
      margin: 15px 0 0 70px;
      padding-bottom: 100px;
      font-size: 14px;
      transition: all .3s; }
      .zz-projectDetails main .part2 .lineMore:after {
        content: '';
        display: block;
        position: absolute;
        left: 19px;
        width: 1px;
        background-color: #000000;
        animation-name: lineMove;
        animation-duration: 2s;
        animation-timing-function: ease;
        animation-iteration-count: infinite; }
    .zz-projectDetails main .part2 .img-logo {
      position: relative;
      z-index: 1;
      width: 100%; 
      height:96px;
    }
      .zz-projectDetails main .part2 .img-logo .cutImg {
        margin: -160px 0 0 10%;
        max-width: 256px;
        z-index: 100;
        display: inline-block; }
        .zz-projectDetails main .part2 .img-logo .cutImg img {
          max-width: 100%;
          box-shadow: 0 16px 48px 0 rgba(107, 76, 43, 0.24); }
      .zz-projectDetails main .part2 .img-logo ul {
        float: right;
        width: 100%;
        margin-top: -4%;
        position: absolute;
        right: -100%;
        bottom: 0; }
        .zz-projectDetails main .part2 .img-logo ul .address {
          float: left;
          margin-right: 80px; }
          .zz-projectDetails main .part2 .img-logo ul .address span {
            display: block; }
            .zz-projectDetails main .part2 .img-logo ul .address span:first-child {
              color: rgba(0, 0, 0, 0.25);
              font-size: 14px;
              margin-bottom: 10px; }
            .zz-projectDetails main .part2 .img-logo ul .address span + span {
              color: rgba(0, 0, 0, 0.65);
              font-size: 18px; }
        .zz-projectDetails main .part2 .img-logo ul .number {
          float: left; }
          .zz-projectDetails main .part2 .img-logo ul .number span {
            display: block; }
            .zz-projectDetails main .part2 .img-logo ul .number span:first-child {
              color: rgba(0, 0, 0, 0.25);
              font-size: 14px;
              margin-bottom: 10px; }
            .zz-projectDetails main .part2 .img-logo ul .number span + span {
              color: #fca01a;
              font-size: 18px; }
    .zz-projectDetails main .part2 .detail-box {
      position: relative;
      z-index: 1;
      height: 120px; }
      .zz-projectDetails main .part2 .detail-box ul {
        float: right;
        width: 50%;
        margin-top: -4%; }
        .zz-projectDetails main .part2 .detail-box ul .address {
          float: left;
          margin-right: 80px; }
          .zz-projectDetails main .part2 .detail-box ul .address span {
            display: block; }
            .zz-projectDetails main .part2 .detail-box ul .address span:first-child {
              color: rgba(0, 0, 0, 0.25);
              font-size: 14px;
              margin-bottom: 10px; }
            .zz-projectDetails main .part2 .detail-box ul .address span + span {
              color: rgba(0, 0, 0, 0.65);
              font-size: 18px; }
        .zz-projectDetails main .part2 .detail-box ul .number {
          float: left; }
          .zz-projectDetails main .part2 .detail-box ul .number span {
            display: block; }
            .zz-projectDetails main .part2 .detail-box ul .number span:first-child {
              color: rgba(0, 0, 0, 0.25);
              font-size: 14px;
              margin-bottom: 10px; }
            .zz-projectDetails main .part2 .detail-box ul .number span + span {
              color: #fca01a;
              font-size: 18px; }
      .zz-projectDetails main .part2 .detail-box .load-area {
        background: #ffffff;
        width: 320px;
        height: 56px;
        display: table-cell;
        vertical-align: middle;
        position: absolute;
        right: 32px;
        bottom: -18px;
        padding: 16px;
        box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.04); }
        .zz-projectDetails main .part2 .detail-box .load-area .icon1 {
          float: left;
          width: 24px;
          height: 24px;
          margin-right: 16px;
          background: url("/-themes-/theme1/images/icon1.png") no-repeat center; }
        .zz-projectDetails main .part2 .detail-box .load-area .icon1 + span {
          float: left;
          color: rgba(73, 63, 58, 0.85);
          font-size: 16px;
          margin-right: 140px; }
        .zz-projectDetails main .part2 .detail-box .load-area .load {
          float: left;
          width: 24px;
          height: 24px;
          cursor: pointer;
          background: url("/-themes-/theme1/images/load1.png") no-repeat center; }
          .zz-projectDetails main .part2 .detail-box .load-area .load:hover {
            opacity: 0.85; }
  .zz-projectDetails main .lineMore {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block !important;
    margin: 15px 0 0 70px;
    padding-bottom: 80px;
    font-size: 14px;
    transition: all .3s; }
    .zz-projectDetails main .lineMore:after {
      content: '';
      display: block;
      position: absolute;
      left: 19px;
      width: 1px;
      background-color: #000000;
      animation-name: lineMove;
      animation-duration: 2s;
      animation-timing-function: ease;
      animation-iteration-count: infinite; }
  .zz-projectDetails main .detail-box {
    position: relative;
    z-index: 1;
    height: 120px; }
    .zz-projectDetails main .detail-box ul {
      float: right;
      width: 54%;
      margin-top: -9%; }
      .zz-projectDetails main .detail-box ul .address {
        float: left;
        margin-right: 80px; }
        .zz-projectDetails main .detail-box ul .address span {
          display: block; }
          .zz-projectDetails main .detail-box ul .address span:first-child {
            color: #999590;
            font-size: 12px;
            margin-bottom: 10px; }
          .zz-projectDetails main .detail-box ul .address span + span {
            color:#666360;
            font-size: 14px; }
      .zz-projectDetails main .detail-box ul .number {
        float: left; }
        .zz-projectDetails main .detail-box ul .number span {
          display: block; }
          .zz-projectDetails main .detail-box ul .number span:first-child {
            color: #999590;
            font-size: 12px;
            margin-bottom: 10px; }
          .zz-projectDetails main .detail-box ul .number span + span {
            color: #666360;
            font-size: 14px; }
    .zz-projectDetails main .detail-box .load-area {
      
      background: #ffffff;
      width: 320px;
      height: 56px;
      display: table-cell;
      display: none;
      vertical-align: middle;
      position: absolute;
      right: 32px;
      top: 50%;
      margin-top: -28px;
      padding: 16px;
      box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.04); }
      .zz-projectDetails main .detail-box .load-area .icon1 {
        float: left;
        width: 24px;
        height: 24px;
        margin-right: 16px;
        background: url("/-themes-/theme1/images/icon1.png") no-repeat center; }
      .zz-projectDetails main .detail-box .load-area .icon1 + span {
        float: left;
        color: #666360;
        font-size: 14px; }
      .zz-projectDetails main .detail-box .load-area .load {
        float: right;
        width: 24px;
        height: 24px;
        cursor: pointer;
        background: url("/-themes-/theme1/images/load1.png") no-repeat center; }
        .zz-projectDetails main .detail-box .load-area .load:hover {
          opacity: 0.85; }
  .zz-projectDetails main .part3 {
    margin-top: 100px;
    position: relative; }
    .zz-projectDetails main .part3 .inner_centerArea {
      position: relative;
      min-height: 800px;
      padding-bottom: 180px; }
    .zz-projectDetails main .part3 .cutImg {
      width: 56.5%;
      height: auto;
      z-index: -1; }
      .zz-projectDetails main .part3 .cutImg img {
        width: 100%; }
    .zz-projectDetails main .part3 .content {
      width: 50%;
      background: red;
      box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.04);
      border-radius: 2px;
      background: white;
      padding: 48px;
      margin: 40px 0 0 0;
      z-index: 1; }
      .zz-projectDetails main .part3 .content h3 {
        font-size: 20px;
        font-weight: 500;
        color: #8B6D4D;
        line-height: 36px;
        letter-spacing: 2px; }
      .zz-projectDetails main .part3 .content .line {
        display: block;
        width: 64px;
        height: 1px;
        background:#594941;
        margin: 32px 0 32px 0; }
      .zz-projectDetails main .part3 .content .shortTitle {
        font-size: 18px;
        color: rgba(0, 0, 0, 0.65);
        line-height: 36px;
        letter-spacing: 2px;
        margin-bottom: 32px; }
      .zz-projectDetails main .part3 .content .abstract {
        font-size: 16px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.45);
        line-height: 30px;
        letter-spacing: 2px;
        margin-bottom: 32px; }
        .zz-projectDetails main .part3 .content .abstract:last-of-type {
          margin-bottom: 0; }
        .zz-projectDetails main .part3 .content .abstract p {
          font-size: 16px; }
    .zz-projectDetails main .part3 .project_section {
      position: relative;
      margin-bottom: 150px; }
      .zz-projectDetails main .part3 .project_section .content_font p,.zz-projectDetails main .part3 .project_section .content_font{
        font-size: 14px;
        color: rgba(0, 0, 0, 0.65);
        line-height: 24px; }
      .zz-projectDetails main .part3 .project_section:nth-of-type(2n) .cutImg {
        position: absolute;
        right: 0;
        top: 0; }
      .zz-projectDetails main .part3 .project_section:nth-of-type(2n) .content {
        float: left; }
      .zz-projectDetails main .part3 .project_section:nth-of-type(2n-1) .cutImg {
        position: absolute;
        left: 0;
        top: 0; }
      .zz-projectDetails main .part3 .project_section:nth-of-type(2n-1) .content {
        float: right; }
    .zz-projectDetails main .part3 .code {
      display:none;
      position: absolute;
      right: 0;
      bottom: 14px;
      text-align: right; }
      .zz-projectDetails main .part3 .code img {
        width: 120px;
        height: 120px; }
      .zz-projectDetails main .part3 .code span {
        display: block;
        font-size: 12px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.25);
        line-height: 20px;
        margin-top: 8px; }
    .zz-projectDetails main .part3:after {
      content: '';
      display: block;
      position: absolute;
      top: 340px;
      left: 0;
      width: 100%;
      height: 2200px;
      background-color: #f2f3f4;
      z-index: -100; }

.cp-service .mapContainer {
  padding: 56px 0;
  background: #f9f7f5; }
  .cp-service .mapContainer .inner_centerArea {
    position: relative; }
  .cp-service .mapContainer .content {
    width: 30%; }
    .cp-service .mapContainer .content .title .cn {
      font-size: 28px;
      font-weight: 500;
      color: #ff5f10;
      line-height: 36px; }
    .cp-service .mapContainer .content .title .en {
      font-size: 16px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.3);
      line-height: 26px; }
    .cp-service .mapContainer .content .bottom {
      padding-top: 300px; }
      .cp-service .mapContainer .content .bottom .EN {
        font-size: 64px;
        font-family: dincond-medium-webfont;
        color: rgba(84, 75, 65, 0.075);
        line-height: 87px;
        letter-spacing: 2px;
        font-weight: bold; }
      .cp-service .mapContainer .content .bottom .company {
        font-size: 24px;
        font-weight: 500;
        color: #544b41;
        line-height: 33px;
        letter-spacing: 1px; }
      .cp-service .mapContainer .content .bottom .text {
        font-size: 14px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.65);
        line-height: 42px; }
        .cp-service .mapContainer .content .bottom .text span {
          font-size: 28px;
          font-weight: bold; }
  .cp-service .mapContainer .map {
    width: 70%;
    position: relative;
    padding: 0; }
    .cp-service .mapContainer .map a {
      font-size: 18px;
      font-weight: 500;
      color: #7f5415;
      line-height: 25px;
      padding: 10px 40px;
      position: absolute;
      background: url("/-themes-/theme1/images/bg-area1.png") no-repeat center; }
      .cp-service .mapContainer .map a:hover {
        color: #ffffff;
        background: url("/-themes-/theme1/images/area1-hover.png") no-repeat center; }
      .cp-service .mapContainer .map a.NorthChina {
        top: 29%;
        right: -3%; }
      .cp-service .mapContainer .map a.EastChina {
        top: 54.5%;
        right: -1%; }
      .cp-service .mapContainer .map a.CentralChina {
        top: 58.8%;
        left: 49%; }
      .cp-service .mapContainer .map a.YGA {
        top: 80%;
        right: -1%;
        background: url("/-themes-/theme1/images/bg-area2.png") no-repeat center; }
        .cp-service .mapContainer .map a.YGA:hover {
          background: url("/-themes-/theme1/images/area2-hover.png") no-repeat center; }
      .cp-service .mapContainer .map a.Hainan {
        bottom: 0;
        left: 68.25%; }
        .cp-service .mapContainer .map a.chengdu{
        bottom: 49%;
    left: 43%;
    width: 7%;
    height: 7%;
        }
  .cp-service .mapContainer .tabContainer {
    height: 594px;
    position: absolute;
    left: 0;
    bottom: 0px;
    background: #ffffff;
    }
    .cp-service .mapContainer .tabContainer .tabList {
      width: 500px;
      /*height: 536px;*/
      position: relative;
      display: none; }
      .cp-service .mapContainer .tabContainer .tabList.active {
        display: block; }
      .cp-service .mapContainer .tabContainer .tabList .title {
        padding: 24px 32px;
        position: relative;
        background: -webkit-linear-gradient(45deg, #f57945 0%, #f4a000 100%, #f59245 100%);
        background: -o-linear-gradient(45deg, #f57945 0%, #f4a000 100%, #f59245 100%);
        background: -moz-linear-gradient(45deg, #f57945 0%, #f4a000 100%, #f59245 100%);
        background: linear-gradient(45deg, #f57945 0%, #f4a000 100%, #f59245 100%); }
        .cp-service .mapContainer .tabContainer .tabList .title .name {
          display: inline-block;
          font-size: 20px;
          font-weight: 500;
          color: white;
          line-height: 28px;
          letter-spacing: 1px; }
        .cp-service .mapContainer .tabContainer .tabList .title .cp-close {
          display: inline-block;
          width: 26px;
          height: 26px;
          position: absolute;
          top: 50%;
          right: 32px;
          margin-top: -13px;
          cursor: pointer;
          background: url("/-themes-/theme1/images/cp-close.png") no-repeat center; }
      .cp-service .mapContainer .tabContainer .tabList .box .top {
        padding: 0 32px;
        background: #FaF9F7;
        height: 153px; }
        .cp-service .mapContainer .tabContainer .tabList .box .top .selName {
          font-size: 14px;
          padding-top: 16px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.45);
          line-height: 22px; }
          .cp-service .mapContainer .tabContainer .tabList .box .top .valueList:first-child{
          border-bottom:1px solid #E6E6E6;
          padding-bottom:16px;
          }
        .cp-service .mapContainer .tabContainer .tabList .box .top .valueList {
          padding-top: 4px; }
          .cp-service .mapContainer .tabContainer .tabList .box .top .valueList .value {
            float: left;
            font-size: 16px;
            font-weight: 500;
            color: rgba(0, 0, 0, 0.65);
            line-height: 24px;
            margin-right: 16px;
            cursor: pointer; }
            .cp-service .mapContainer .tabContainer .tabList .box .top .valueList .value.sel {
              color: #F38A18; }
        .cp-service .mapContainer .tabContainer .tabList .box .top a {
          display: block;
          float: left;
          height: 34px;
          border-radius: 17px;
          opacity: 0.65;
          border: 1px solid #f57945;
          font-size: 16px;
          font-weight: 400;
          color: #FA8D19;
          line-height: 22px;
          padding: 6px 32px; }
          .cp-service .mapContainer .tabContainer .tabList .box .top a:first-of-type {
            margin-right: 24px; }
          .cp-service .mapContainer .tabContainer .tabList .box .top a.selected {
            color: #ffffff;
            background: -webkit-linear-gradient(45deg, #f57945, #f4a000, #f59245);
            /* Safari 5.1 - 6.0 */
            background: -o-linear-gradient(45deg, #f57945, #f4a000, #f59245);
            /* Opera 11.1 - 12.0 */
            background: -moz-linear-gradient(45deg, #f57945, #f4a000, #f59245);
            /* Firefox 3.6 - 15 */
            background: linear-gradient(45deg, #f57945, #f4a000, #f59245);
            /* 标准的语法 */ }
          .cp-service .mapContainer .tabContainer .tabList .box .top a:active {
            text-decoration: none;
            outline: none; }
          .cp-service .mapContainer .tabContainer .tabList .box .top a:focus {
            outline: none;
            outline-offset: 0; }
          .cp-service .mapContainer .tabContainer .tabList .box .top a:hover {
            text-decoration: none;
            outline: none; }
          .cp-service .mapContainer .tabContainer .tabList .box .top a:visited {
            text-decoration: none;
            outline: none; }
          .cp-service .mapContainer .tabContainer .tabList .box .top a:link {
            text-decoration: none;
            outline: none; }
      .cp-service .mapContainer .tabContainer .tabList .box .box-body {
        padding: 24px 32px;
        background: #ffffff;
       /* min-height: 394px;*/ }
       .cp-service .mapContainer .tabContainer .tabList .box .box-body ul{overflow:hidden;}
        .cp-service .mapContainer .tabContainer .tabList .box .box-body ul li {
          float: left;
          /*width: 33.33%;*/
          width: 46.33%;
          text-align: left;
          padding-bottom: 32px; 
         }
          .cp-service .mapContainer .tabContainer .tabList .box .box-body ul li:last-child {
            padding-bottom: 0; }
          .cp-service .mapContainer .tabContainer .tabList .box .box-body ul li a {
            font-size: 16px;
            font-weight: 500;
            color: #544b41;
            line-height: 22px; }
            .cp-service .mapContainer .tabContainer .tabList .box .box-body ul li a:hover {
              color: RGBA(245, 166, 35, 1); }

.pension {
  background: rgba(255, 251, 245, 0.8);
  background: linear-gradient(270deg, rgba(251, 251, 251, 0.8) 0%, rgba(255, 251, 245, 0.8) 100%); }
  .pension .part {
    margin: 60px 0; }
  .pension .subPart .content {
    margin: 14px auto 0 auto; }
  .pension .column {
    font-size: 28px;
    color: #ff5f10;
    line-height: 36px;
    text-align: center; }
  .pension .subColumn {
    font-size: 18px;
    color: black;
    line-height: 28px;
    max-width: 660px;
    margin: 24px auto 0 auto;
    text-align: center;
    opacity: 1;
    filter: Alpha(opacity=100); }
  .pension .en {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.65);
    line-height: 26px;
    margin-top: 6px;
    text-align: center;
    opacity: 0.3;
    filter: Alpha(opacity=30); }
  .pension .target {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.65);
    line-height: 26px;
    max-width: 795px;
    margin: 30px auto 0 auto;
    text-align: center;
    opacity: 0.7;
    filter: Alpha(opacity=70); }
  .pension .content {
    font-size: 18px;
    color: black;
    line-height: 28px;
    max-width: 660px;
    margin: 44px auto 0 auto;
    opacity: 0.6;
    filter: Alpha(opacity=60);
    text-align: center; }

.pension-contact .cutImg {
  width: 150px;
  height: 150px;
  margin: 0 auto; }
  .pension-contact .cutImg img {
    max-width: 100%; }

.inner.service .linkContainer .menu > ul > li.selected ul {
  display: none; }
.inner.service .linkContainer .menu > ul > li.selected:hover ul {
  display: block; }
  
  .inner.service .linkContainer .menu > ul > li.selected:hover ul li ul {
    display: none;
}

@keyframes lineMove {
  0% {
    bottom: 65px;
    height: 0; }
  20% {
    bottom: 0;
    height: 65px; }
  40% {
    bottom: 0;
    height: 0; }
  100% {
    bottom: 0;
    height: 0; } }
@media (max-width:1167px){
  .commercialProjects .projectList1 ul > li section > ul > li{
    float:none;
    display: block;
    text-align: left;
    padding: 12px 0 4px 0;
  }
  .commercialProjects .projectList1 ul > li section > ul > li:first-of-type + li{
    float:none;
    display: block;
    text-align: left;
    padding: 0 0 10px 0;
  }
}    
@media only screen and (max-width: 1120px) {
  .service .strategy .rightSide ul li a {
    width: 140px;
    height: 140px; }
    .service .strategy .rightSide ul li a .name {
      font-size: 18px;
      padding-top: 28px;
      line-height: 24px; }
    .service .strategy .rightSide ul li a .useFor {
      padding-top: 70px; }

  .zz-projectDetails main .detail-box ul {
    top: 14%;
    margin-right: 40px; }

  .zz-projectDetails main .detail-box .load-area {
    top: 0;
    margin-top: 0; }

  .pensionProjects .topInfo .tabNameList ul li a {
    font-size: 18px; } }
@media only screen and (min-width: 993px) {
  .commercialProjects .projectClassContainer ul li:nth-child(3n+1) {
    padding: 12px 6px 0 0; }
  .commercialProjects .projectClassContainer ul li:nth-child(3n+2) {
    padding: 12px 6px 0 6px; }
  .commercialProjects .projectClassContainer ul li:nth-child(3n) {
    padding: 12px 6px 0 6px; }

  .pensionProjects .projectList ul li:nth-of-type(4n+1) {
    padding: 0 12px 0 0; }
  .pensionProjects .projectList ul li:first-child + li,.pensionProjects .projectList ul li:first-child + li+li+li+li+li,.pensionProjects .projectList ul li:first-child + li+li+li+li+li+li+li+li+li {
    padding: 0 8px 0 4px; }
  .pensionProjects .projectList ul li:first-child + li + li,.pensionProjects .projectList ul li:first-child + li + li+li+li+li+li {
    padding: 0 4px 0 8px; }
  .pensionProjects .projectList ul li:nth-of-type(4n+0) {
    padding: 0 0 0 12px; } }
  .pensionProjects .projectList ul li {
     margin-bottom:46px;
  }
   
    
@media only screen and (max-width: 992px) {
  .productService .area ul li.col-md-4:first-child {
    padding-right: 16px; }
  .productService .area ul li.col-md-4:first-child + li {
    padding: 0 8px; }
  .productService .area ul li.col-md-4:first-child + li + li {
    padding-left: 16px; }
  .productService .property ul li > a .info .name {
    width: 100%;
    display: block; }
  .productService .property ul li > a .info .areaOf {
    width: 100%;
    display: block; }
  .productService .project .leftSide {
    padding: 0;
    text-align: center; }
  .productService .project .rightSide {
    padding-left: 0; }

  .commercialProjects .projectClassContainer ul li:nth-child(2n+1) {
    padding: 12px 6px 0 0; }
  .commercialProjects .projectClassContainer ul li:nth-child(2n) {
    padding: 12px 0 0 6px; }
  .commercialProjects .projectClass {
    padding-top: 16px; }

  .commercialProjects .projectList ul li a .rightSide .value {
    font-size: 16px; }
    .commercialProjects .projectList ul li a .rightSide .value span {
      font-size: 16px; }

  .fuwu .center {
    padding-top: 180px; }
    .fuwu .center .box.box1 {
      margin: 0;
      margin-bottom: 30px; }
    .fuwu .center .box.box2 {
      margin: 0; }

  .pensionProjects .topInfo {
    padding-top: 135px; }
    .pensionProjects .topInfo .tabNameList ul li a {
      font-size: 13px; }
  .pensionProjects .advantage .leftSide {
    float: none;
    width: 100%;
    padding-top: 20px; }
  .pensionProjects .advantage .rightSide {
    float: none;
    width: 100%;
    padding-left: 0;
    margin-top: 20px; }
  .pensionProjects .strategy .leftSide {
    background: none;
    height: 80px;
    top: 0;
    margin-top: 0; }
    .pensionProjects .strategy .leftSide div {
      line-height: 80px; }
  .pensionProjects .strategy .rightSide {
    padding-left: 0;
    padding-top: 80px; }
  .pensionProjects.service .introduce {
    padding-top: 60px; }

  .service .advantage {
    padding-bottom: 20px; }
    .service .advantage .leftSide {
      background: none;
      padding: 20px 0 0; }
    .service .advantage .rightSide {
      padding-left: 0; }
  .service .strategy .leftSide {
    background: none;
    padding: 20px 0 0;
    height: 100px;
    margin-top: 0; }
  .service .strategy .rightSide {
    padding-left: 0;
    padding-top: 100px; }
  .service .menbersNotice .leftSide {
    background: none;
    padding: 20px 0 0; }
  .service .menbersNotice .rightSide {
    padding-left: 0;
    padding-top: 96px; }
  .service .introduce {
    padding-top: 160px; }

  .residentialProject .overview {
    padding-top: 160px; }
  .residentialProject .tabNameList {
    margin-top: 160px;
    display: none; }
    .residentialProject .tabNameList .tabName {
      width: auto; }
  .residentialProject .dropdown {
    display: block;
    position: fixed;
    left: 0;
    top: 102px;
    width: 100%;
    z-index: 999;
    background: #f6f1ed; }
    .residentialProject .dropdown button {
      width: 100%;
      background: #f6f1ed;
      border-radius: 0;
      border: 0;
      height: 54px; }
      .residentialProject .dropdown button .caret {
        position: absolute;
        right: 16px;
        top: 50%;
       margin-top: -7px;
       width:14px;
       height:14px;
       border:none;
       background: url("/-themes-/theme1/images/plus.png") no-repeat center;
        }
      .residentialProject .dropdown button:active:focus, .residentialProject .dropdown button:focus {
        outline: none; }
    .residentialProject .dropdown .dropdown-menu {
      width: 100%; }
      .residentialProject .dropdown .dropdown-menu li a {
        padding: 0 20px;
        height: 44px;
        line-height: 44px;
        font-size: 14px;
        text-align: center; }
  .residentialProject .tabContainer {
    margin-top: 160px; }

  .productService .recommendation.area {
    padding-top: 160px; }

  .zz-projectDetails main .detail-box ul {
    float: none;
    width: 100%;
    margin-top: 0; }

  .zz-projectDetails main .detail-box .load-area {
    bottom: 0;
    top: auto; }

  .cp-service .mapContainer {
    padding-top: 160px; }
    .cp-service .mapContainer .content {
      width: 100%;
      float: none; }
      .cp-service .mapContainer .content .bottom {
        padding-top: 0; }
    .cp-service .mapContainer .map {
      width: 100%;
      float: none; }
    .cp-service .mapContainer .tabContainer {
      padding-bottom:40px;
      position: static;
      background: #f9f7f5;
      margin-top: 40px;
      display: none; }
      .cp-service .mapContainer .tabContainer .tabList {
        margin: 0 auto; }

  .service.yuexiuhui .introduce {
    padding-top: 160px; }
  .service.yuexiuhui .columnContent p {
    margin-bottom: 20px; } }
@media only screen and (max-width: 768px) {
    .zz-projectDetails main .part3{
        margin-top: 48px;
    }
    .zz-projectDetails main .part1{
    padding-bottom: 20px;
    }
    .zz-projectDetails main .part2 .img-logo{
        height:auto;
    }
   .pensionProjects .topInfo .pageInfo p{
      margin-bottom:16px;
   }
   
   .residentialProject .tabContainer ul li {
    padding: 0 10px 50px 10px;
}

  .residentialProject .tabContainer ul li:nth-child(3n){
    padding-right:10px !important;
  }
  .commercialProjects .projectList1 ul > li .leftSide{
    margin-top: -150px;}
 .commercialProjects .projectList1 ul > li section > ul > li{padding: 12px 0;}
  .productService .area {
    padding: 24px 0 32px 0; }
    .productService .area .areaTitle {
      padding-bottom: 20px; }
    .productService .area ul li.col-md-4 {
      margin-top: 16px; }
    .productService .area ul li.col-md-4:first-child {
      padding: 0;
      margin-top: 0; }
    .productService .area ul li.col-md-4:first-child + li {
      padding: 0; }
    .productService .area ul li.col-md-4:first-child + li + li {
      padding: 0; }
  .productService .recommendation .areaContainer .leftSide {
    padding: 0;
    margin-bottom: 16px; }
  .productService .recommendation .areaContainer .rightSide .latestInformation .newsList ul li {
    padding-top: 20px; }
    .productService .recommendation .areaContainer .rightSide .latestInformation .newsList ul li div {
      padding-bottom: 0; }
  .productService .project .areaContainer .rightSide {
    padding: 100px 0 0 0;
    background-position-x: 0 !important;
    background-position-y: 40px !important; }

  .commercialProjects .projectClassContainer ul li:nth-child(2n), .commercialProjects .projectClassContainer ul li:nth-child(2n+1) {
    padding: 12px 4px 0 4px; }

  .commercialProjects .projectList ul li a .rightSide {
    padding: 30px 16px; }

  .pensionProjects .advantage .rightSide .tabNameList {
    height: 60px;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%; }
    .pensionProjects .advantage .rightSide .tabNameList::-webkit-scrollbar {
      background-color: transparent; }
    .pensionProjects .advantage .rightSide .tabNameList section {
      min-width: 700px; }
    .pensionProjects .advantage .rightSide .tabNameList .tabName {
      margin-right: 6%;
      float: none;
      line-height: 24px;
      display: inline-block;
      height: 60px;
      line-height: 60px; }
  .pensionProjects .advantage .rightSide .tabList {
    margin-top: 20px; }
  .pensionProjects .strategy {
    padding-bottom: 20px; }
    .pensionProjects .strategy ul li {
      margin-bottom: 10px; }
  .pensionProjects .topInfo {
    padding-top: 135px; }
    .pensionProjects .topInfo .tabNameList {
      margin-top: 20px; }
      .pensionProjects .topInfo .tabNameList ul li {
        width: 33.3%; }
        .pensionProjects .topInfo .tabNameList ul li:first-child + li + li {
          padding: 0 0 0 3px; }
          .pensionProjects .topInfo .tabNameList ul li:first-child + li + li + li {
            padding: 4px 3px 0 0; }
            .pensionProjects .topInfo .tabNameList ul li:first-child + li + li + li + li {
              padding: 4px 2px 0 1px; }
    .pensionProjects .topInfo .pageTitle {
      font-size: 20px; }
  .pensionProjects .introduce {
    padding: 40px 0 40px 0; }
  .pensionProjects .projectList {
    padding: 0; }
    .pensionProjects .projectList ul {
      margin: 0 -15px; }
      .pensionProjects .projectList ul li {
        margin-bottom: 10px; }
        .pensionProjects .projectList ul li:nth-of-type(n) {
          padding: 0 8px 0 16px; }
        .pensionProjects .projectList ul li:nth-of-type(2n) {
          padding: 0 16px 0 8px; }
        .pensionProjects .projectList ul li a .info {
          max-width: 100%;
          text-align: justify;
          -webkit-line-clamp: 2; }

  .service .introduce .bg1 {
    display: none; }
  .service .introduce .bg2 {
    display: none; }

  .service .strategy .rightSide ul li a {
    margin: 0 auto; }

  .residentialProject .tabNameList {
    border: none; }
    .residentialProject .tabNameList .tabName {
      width: 33.3%;
      line-height: 40px;
      padding: 0 2%; }
      .residentialProject .tabNameList .tabName a {
        height: 40px; }
    .residentialProject .tabNameList .tabName:first-child + .tabName + .tabName + .tabName:before {
      display: none; }

  /* 住宅项目详情start */
  .zz-projectDetails main {
    padding-top: 72px; }
    .zz-projectDetails main .part1 h2 span:first-child {
      font-size: 36px; }
    .zz-projectDetails main .part1 .images-box:after {
      display: none; }
    .zz-projectDetails main .part2 .img-logo .cutImg {
      margin-top: -80px; }
    .zz-projectDetails main .part2 .img-logo ul {
      float: none;
      position: static;
      right: 0;
      left: 0;
      bottom: 0; }
    .zz-projectDetails main .part2 .detail-box ul {
      float: none;
      width: 100%;
      margin-top: 0; }
    .zz-projectDetails main .lineMore {
      display: none !important; }
    .zz-projectDetails main .detail-box ul .address {
      float: none;
      margin-right: 0; }
    .zz-projectDetails main .detail-box ul .number {
      float: none;
      margin-right: 0;
          margin-top: 16px; }
    .zz-projectDetails main .detail-box .load-area {
      position: static;
      margin-top: 20px; }
    .zz-projectDetails main .part3 .project_section {
      margin-bottom: 32px; }
    .zz-projectDetails main .part3 .cutImg {
      width: 100%;
      position: static; }
    .zz-projectDetails main .part3 .content {
      width: 100%;
      padding:10px 20px 40px 20px; }
      .zz-projectDetails main .part3 .content .line{ margin: 12px 0 8px 0;}
      .zz-projectDetails main .part3 .content h3 {
        font-size: 16px;
        margin-top:8px;
        line-height: 16px; }

  .cp-service .mapContainer .map a {
    padding: 2px 16px;
    font-size: 16px;
    background-size: 100%; }
    .cp-service .mapContainer .map a.NorthChina {
      top: 24%;
      right: 16%; }
    .cp-service .mapContainer .map a.EastChina {
      top: 46%;
      right: 14%; }
    .cp-service .mapContainer .map a.CentralChina {
      top: 60%;
      left: 68%; }
    .cp-service .mapContainer .map a.YGA {
      top: 78%;
      right: 29%;
      background-size: 100%; }
  .cp-service .mapContainer .tabContainer .tabList {
    width: 100%; }

  .commercialProjects .projectList1 ul > li {
    padding-top: 170px; }
    .commercialProjects .projectList1 ul > li .leftSide {
      width: auto;
      position: static;
      float: none; }
    .commercialProjects .projectList1 ul > li .rightSide {
      padding-left: 0;
      margin-top: 20px; }
      .commercialProjects .projectList1 ul > li .rightSide .title {
        font-size: 24px;
        margin-bottom: 0; }
    
      .commercialProjects .projectList1 ul > li section > ul > li {
        width: 100%;
        text-align: left;
         }
        .commercialProjects .projectList1 ul > li section > ul > li:first-of-type {
          margin-right: 0;
          padding-bottom:1px;
          }
          .commercialProjects .projectList1 ul > li section > ul > li:first-of-type + li{
                 float: none;
    display: block;
    text-align: left;
    padding: 0 0 8px 0;
          }
          .commercialProjects .projectList1 ul > li section > ul > li .text{
             font-size:14px;
          } }
@media screen and (max-width: 1230px) {
  .service .introduce .columnContent div div span, .service .introduce .columnContent div div img {
    display: none; }

  .service .introduce .columnContent div .phone_ecode {
    display: block; }

  .service .introduce .columnContent div .phone_ecode span {
    margin-left: 0;
    display: inline-block; }

  .service .introduce .columnContent div .phone_ecode img {
    margin-top: 0;
    display: inline-block; } }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .productService .swiper-container .swiper-pagination .swiper-pagination-bullet {
    background: url("/-themes-/theme1/images/switch_2x.png");
    background-size: 100%; }
  .productService .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background: url("/-themes-/theme1/images/switch_a2x.png");
    background-size: 100%; }
  .productService .buyers ul li:first-child a {
    background: url("/-themes-/theme1/images/policy-2x.png") no-repeat center;
    background-size: cover; }
  .productService .buyers ul li:first-child + li a {
    background: url("/-themes-/theme1/images/buyersService-2x.png") no-repeat center;
    background-size: cover; }
  .productService .buyers ul li:first-child + li + li a {
    background: url("/-themes-/theme1/images/loan-2x.png") no-repeat center;
    background-size: cover; }
  .productService .project .areaContainer .rightSide {
    background: url("/-themes-/theme1/images/SINCE_1983-2x.png") no-repeat 55px 100px;
    background-size: auto 54px; }

  .residentialProject .showMore, .commercialProjects .showMore {
    background-image: url("/-themes-/theme1/images/showMore_add-2x.png");
    background-size: 24px; }

  .commercialProjects .projectList ul li a .rightSide {
    background: url("/-themes-/theme1/images/commercialProjectsList-2x.png") no-repeat right bottom;
    background-size: 168px auto; }
    .commercialProjects .projectList ul li a .rightSide .name.measureName span:first-child {
      background: url("/-themes-/theme1/images/measure-2x.png") no-repeat left center;
      background-size: 20px auto; }
    .commercialProjects .projectList ul li a .rightSide .name.measureName span:first-child + span {
      background: url("/-themes-/theme1/images/mobile-2x.png") no-repeat left center;
      background-size: 20px auto; }
    .commercialProjects .projectList ul li a .rightSide .name.address {
      background: url("/-themes-/theme1/images/address-2x.png") no-repeat left center;
      background-size: 20px auto; }

  .pensionProjects .topInfo .pageIco {
    background: url("/-themes-/theme1/images/pensionProject.png") no-repeat center;
    background-size: auto 45px; }

  .service .advantage .leftSide div {
    background: url("/-themes-/theme1/images/Crown-2x.png") no-repeat left 198px; }
  .service .strategy .leftSide div {
    background: url("/-themes-/theme1/images/integral-2x.png") no-repeat left 198px; }

  .cp-service .mapContainer .map a {
    background: url("/-themes-/theme1/images/bg-area1-2x.png") no-repeat center;
    background-size: 100%; }
    .cp-service .mapContainer .map a.YGA {
      background: url("/-themes-/theme1/images/bg-area2-2x.png") no-repeat center;
      background-size: 100%; } }
      
      
@media screen and (max-width: 768px) {
  
  .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default{
  background: #f6f1ed;
    border-radius: 0;
    border: 0;}
    
    .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, 
    .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover,
     .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus,
      .open>.dropdown-toggle.btn-default:hover{
      background-color: #FDF5E6;
    border-color: none;
      }
      .dropdown-menu{border: none;border-radius: 0;background-color: #fafafa;}
  .zz-projectDetails main{
  
    padding-top: 54px;
  }
   
  .zz-projectDetails main .part1 h2 span:first-child {
    font-size: 20px;
    line-height: 32px;
  }

  .zz-projectDetails main .part1 .images-box {
    padding-left: 16px;
  }

  .zz-projectDetails main .part2 .img-logo .cutImg {
    margin-left: 0;
  }

  .zz-projectDetails main .part1 .images-box .swiper-slide .cutImg .img-mask {
    display: none;
  }

  .zz-projectDetails main .part1 h2 {
    position: absolute;
    top: 6px;
    left: 6%;
    z-index: 100;
  }

  .zz-projectDetails main .part1 .images-box {
    padding-left: 16px;
    padding-top: 108px;
  }

  .zz-projectDetails main .part2 .img-logo .cutImg {
    max-width: 136px;
  }
  .zz-projectDetails main .part1 h2 span + span{
     letter-spacing: 6px;
  }
  .zz-projectDetails main .part3 .project_section:nth-of-type(2n-1) .cutImg,.zz-projectDetails main .part3 .project_section:nth-of-type(2n) .cutImg{
        position: inherit;
  }
  .zz-projectDetails main .part3 .inner_centerArea{
        padding-bottom: 30px;
  }
  .zz-projectDetails main .part3 .code{
        text-align: center;
    position: inherit;
  }
  .residentialProject .tabContainer{
         padding-top: 30px;
  }
  .commercialProjects .projectClass .projectClassContainer ul li a{
     height: 60px;
  }
  .commercialProjects .projectClass .projectClassContainer ul li a div{
     font-size:14px;
     line-height: 60px;
  }
  .commercialProjects .projectClass{
     padding-bottom:0;
  }
  .commercialProjects .projectList1 ul > li section > ul > li .bg-icon{
     font-size:12px;
  }
  .commercialProjects .projectList1 ul > li .rightSide .abstract{
     height:auto;
  }
  .cp-service .mapContainer .tabContainer .tabList .box .box-body ul li{overflow: hidden;}
  .pensionProjects .topInfo{padding-bottom:20px;}
}      

@media screen and (max-width: 767px) {
.cp-service .mapContainer .tabContainer .tabList .box .box-body ul li a{font-size:12px;}
.pensionProjects .topInfo .pageTitle{display:none;}
.pensionProjects .topInfo .pageTitle-1{display:block !important;}

.pensionProjects .topInfo .pageInfo{line-height:22px;}
.pensionProjects .projectList ul li a .info{margin-top:4px;}
.pensionProjects .projectList ul li{margin-bottom:20px;}
.pensionProjects .projectList ul li a .name{margin-top:10px;}
.commercialProjects .projectList1 ul > li div.block{padding:4.5%;}
}


@media (min-width: 993px) and (max-width: 1210px) {
  .commercialProjects #beauty-city .beauty-city-right ul li span:first-child {
    display: inline;
  }
  .commercialProjects #beauty-city .beauty-city-right ul li span:last-child {
    display: inline;
  }
}

@media (max-width: 992px) {
  .commercialProjects #beauty-city {
    margin-top: 70px;
    height: auto;
    background: none;
  }
  #beauty-city .beauty-city-right .line {
    margin: 16px 0;
  }
  .commercialProjects #beauty-city .beauty-city-left {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .commercialProjects #beauty-city .beauty-city-right {
    float: none;
    width: 100%;
  }
  .commercialProjects #beauty-city .beauty-city-left .line {
    margin: 0 0 16px 0;
  }
  .commercialProjects #beauty-city .beauty-city-left .subTitle {
    margin: 8px 0;
  }
  .commercialProjects #beauty-city .beauty-city-right ul {
    margin-top: 16px;
  }
}


/*# sourceMappingURL=productService.css.map */
<!--耗时1762602520.1335秒-->