.projectIntro{ width: 100%; height: 452px; margin-bottom: 64px;}

.projectIntro .picShow{ float: left; width: 744px; height: 452px; position: relative;}
.projectIntro .projectInfo{ float: left; width: 456px; height: 452px;}

.projectIntro .picShow .largImg{ float: left; width: 588px; height: 452px; overflow: hidden; margin-right: 13px;}
.projectIntro .picShow .largImg ul{ position: relative}
.projectIntro .picShow .largImg ul li{ position: absolute; top: 0; left: 0;opacity: 0; filter:alpha(opacity=0); z-index: 1 }
.projectIntro .picShow .largImg ul li img{ height: 452px;}
.projectIntro .picShow .largImg ul li.hover{ z-index: 10;opacity: 1; filter:alpha(opacity=100); transition: opacity 2s cubic-bezier(.165,.84,.44,1);}

.projectIntro .picShow .sImg{ float: left; width:143px; height: 452px; overflow: hidden; position: relative; }

.projectIntro .picShow .sImg .slider { width: 100%; height: 354px; overflow: hidden; margin: 49px 0 0; position: relative }
.projectIntro .picShow .sImg .slider ul{ position: absolute; top: 0; left: 0; display: block;white-space: nowrap;transition-timing-function: ease; transition-duration: 600ms; transform: translate3d(0px, 0px, 0px);}
.projectIntro .picShow .sImg   .prev{ width: 100%; display: block; height: 37px; position: absolute; top: 0; left: 0; background: #767676 url(../images/up.png) no-repeat center center;}
.projectIntro .picShow .sImg   .next{ width: 100%; display: block; height: 37px; position: absolute; bottom: 0; left: 0; background: #767676 url(../images/down.png) no-repeat center center;}

.projectIntro .picShow .sImg .slider ul li{ width:143px; height:110px; margin-bottom:12px; overflow: hidden; position: relative;}
.projectIntro .picShow .sImg .slider ul li img{ height: 110px; position: absolute; top: 0;left: 0;     }
/* .projectIntro .picShow .sImg .slider ul li span{} */
.projectIntro .picShow .sImg .slider ul li a{ display: block; width: 143px; height: 110px; position: absolute; background: #fff; opacity: 0.4; filter:alpha(opacity=40); }
.projectIntro .picShow .sImg .slider ul li.hover a{opacity: 0; filter:alpha(opacity=0);}


.projectIntro .picShow .ps-current{width:744px; height: 452px;}

.projectIntro .projectInfo .projectInfo-content{ padding: 0 0 0 20px;}
.projectIntro .projectInfo .projectInfo-content .projectInfo-title{   font-size: 42px;
    font-weight: 500;
    color: #000000;
    line-height: 1em; margin-bottom: 15px;}
.houseInfo-title{height: 42px; line-height: 42px; font-weight: bold; font-size: 14px; margin-bottom: 15px; color: #f26021}
.houseInfo-title span{ font-size: 32px;}
.projectIntro .projectInfo .projectInfo-content .projectInfo-p{ margin-bottom: 40px}
.projectIntro .projectInfo .projectInfo-content .projectInfo-p ul li.box{ margin-bottom: 30px; height: 126px; color: #999; }

.projectIntro .projectInfo .projectInfo-content .projectInfo-p ul li.box .box-p{ float: left; width: 165px;  }
.projectIntro .projectInfo .projectInfo-content .projectInfo-p ul li.box .box-p label{ font-size: 18px; color: #111e36; display: block; line-height: 32px; font-weight: bold }


.projectIntro .projectInfo .projectInfo-content .projectInfo-btn{ height: 48px; display: flex; justify-content: space-between;}
.projectIntro .projectInfo .projectInfo-content .projectInfo-btn a{ display: block; height: 48px; line-height: 48px; padding: 0 35px; background: #FA8C16; color: #fff; font-size: 18px;  border-radius: 0; width: 55%;}
.projectIntro .projectInfo .projectInfo-content .projectInfo-btn span{ display: block; height: 48px; line-height: 48px; text-align: center; background: #FF524F; color: #fff; font-size: 18px;  border-radius: 0; width: 40%;}
.projectIntro .projectInfo .projectInfo-content .projectInfo-p ul li{
    font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #AAAAAA;
line-height: 28px;
}
.projectIntro .projectInfo .projectInfo-content .projectInfo-p ul li label{     font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #AAAAAA;
    line-height: 28px;}

.projectIntro  .projectTitle{ 
   color: #000;
   font-size: 30px;
   padding-bottom: 10px;
}
.projectIntro  .projectTitle div span{ 
   color: #999;
   font-size: 14px;
   display: inline-block;
   padding: 5px 10px;
   border: 1px solid #999;
   border-radius: 10px;
   margin-right: 10px;
}
.projectInfo-fix ul {
    /* box-shadow:#ddd 1px 1px 1px 1px;
    padding: 20px 0; */
    font-size: 20px;
    line-height: 4em;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 10px 0;
}
.projectInfo-active{
    box-shadow:#ddd 1px 1px 1px 1px;
    padding: 20px 15px 0 10px;
    position: fixed;
    top: 150px;
    
}
.projectInfo-active ul{
    border-bottom: 0;
}

.projectIntroContent{ width: 100%; margin-bottom: 50px;}
.projectIntroContent-info{ width: 744px; line-height: 24px; color: #AAAAAA;font-size: 18px;}
.projectPeriphery{ margin-bottom: 50px;width: 100%; height: 434px;}
.projectPeriphery-info{ width: 100%; height: 434px;}
.projectHouse{ margin-bottom: 50px;}
.projectHouse .m-title{ margin-bottom: 32px;}
.projectHouse-info{ border-top:1px solid #ccc; margin-bottom: 50px; }
.projectHouse-entry{ padding: 15px 0; border-bottom:1px solid #ccc; }
.entry-img{ width: 128px; height: 96px; overflow: hidden; margin-right: 24px; float: left; text-align: center}
.entry-img img{ height: 96px;}
.entry-detail{ float: left; height: 96px; width: 805px;}
.entry-detail h3.title{ height: 28px; line-height: 1.42857143; padding: 4px 0; font-size: 16px; color: #333; font-weight: bold;}
.entry-detail h3.title a{ color: #333; }
.entry-detail p{ color:#666; font-size: 12px; line-height: 24px; height: 24px; margin: 5px 0 }
.entry-detail p span{ padding: 0 5px;}
.entry-detail p span.icon{ width: 48px; height: 22px; display: block; color: #999; line-height: 22px; background: #eee; text-align: center; padding: 0;}
.entry-amt{ width: 204px; float: left; color:#f26021; font-size: 12px;  height: 96px; line-height:96px;}
.entry-amt span{ font-size: 18px; font-weight: bold;}
.entry-btn{ float: left; height: 96px; line-height:96px;}
.entry-btn a{ color: #FA8C16; font-size: 12px; height: 96px; line-height:96px; }



.projectMatching{ margin-bottom: 50px;}
.projectMatching .projectMatching-info{ background: url(../images/roomInfo.jpg) no-repeat 0 0; width: 1196px; height: 87px; margin-left: 20px;}
.swiper-slide .con{
    width: 350px;
    height: 288px;
    background: #FFFFFF;
    box-shadow: 0px 4px 6px 1px rgba(216, 216, 216, 0.5);
    border-radius: 5px;
}
.swiper-slide .top{
    position: relative;
}
.swiper-slide .top img{
    width: 350px;
    height: 180px;
    border-radius: 5px 5px 0px 0px;
}
.swiper-slide .top span{
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 30px;
    background: #FDAD57;
    border-radius: 5px 0px 5px 0px;
    color: #fff;
    text-align: center;
    line-height: 30px;
}
.swiper-slide .bottom {
    padding: 20px;
    font-family: PingFangSC-Regular, PingFang SC;
}
.swiper-slide .bottom h1{
    display: flex;
    justify-content: space-between;
    line-height: 28px;
}
.swiper-slide .bottom h2{
    font-size: 14px;
    font-weight: 400;
    color: #AAAAAA;
    line-height: 20px;
    margin:10px 20px 0 0 ;
}
.swiper-slide .bottom .room{
    font-size: 20px;
    font-weight: 400;
    color: #0C0C0C;
}
.swiper-slide .bottom .price{
    font-size: 20px;
    font-weight: 500;
    color: #FF524F;
}
.m-title h4 span{
    margin-left: 20px;
}
.m-title h4 .active{
    color: #FDAD57;
}
.facilities  {
    display: flex;
    flex-wrap: wrap;
}
.facilities li {
    width: 75px;
    text-align: center;
    margin: 10px 10px 0 0;
    font-size: 16px;
}
.facilities li img{
    display: block;
    margin: auto;
}
.projectIntroContent_info{
    line-height: 1.5em;
    font-size: 16px;
}
 .men-nav{
     padding: 20px;
    width: 340px;
    height: 195px;
    box-shadow: #ddd 1px 1px 1px 1px;
    overflow: hidden;
}
 .men-nav .c-title ul{
     width: 100%;
    display: flex;
}
 .men-nav .c-title ul li{
     text-align: center;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
}
.men-nav .c-title ul li.active{
    border-bottom: 1px solid #FA8C16;
}
 .men-nav .cont {
    padding-left: 10px;
    line-height: 2em;
    padding-top: 8px;
}
.allTitle {
    width: 744px;
    border-bottom: 2px solid #ddd;
    font-size: 16px;
    line-height: 2em;
}
.allTitle a{
    margin-right: 25px;
}
.allTitle a:hover{
    color: #FA8C16;
}
.allTitle-active{
    position: fixed;
    top: 150px;
}