body{
    background: #fff;
}
.banner {
    padding-top: 328px;
    background: url(../images/property/bg-banner.jpg) no-repeat center top;
}
.one {
    padding: 70px 0 80px 0;
}
.one-con {
    position: relative;
    margin-top: 50px;
}
.floor-title {
    text-align: center;
    padding-bottom: 30px;
}
.floor-title h2 {
    font-size: 40px;
    color: #202020;
}
.floor-title p {
    font-size: 18px;
    color: #999;
    padding-top: 10px;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.oc-prev, .oc-next {
    display: block;
    width: 17px;
    height: 23px;
    position: absolute;
}
.oc-prev {
    left: -50px;
    top: 200px;
}
.oc-next {
    right: -35px;
    top: 200px;
}
.oc-tab {
    padding-left: 30px;
    position: absolute;
    left: 0;
    top: 40px;
    z-index: 1;
}
.oc-tab li {
    float: left;
    width: 190px;
    height: 82px;
    line-height: 56px;
    text-align: center;
    font-size: 18px;
    color: #dc7f5b;
    margin-right: 5px;
    cursor: pointer;
    background: url(../images/property/bg-onetab.png) no-repeat center top;
}
.oc-tab li.oct-cur, .oc-tab li:hover {
    height: 82px;
    line-height: 56px;
    background: url(../images/property/bg-onetabcur.png) no-repeat center top;
    color: #fff;
}
.oc-tab li.oct-cur em, .oc-tab li:hover em {
    background-position: left -26px;
}
.oc-tab li .oct-icon01 {
    background: url(../images/property/icon02.png) no-repeat left top;
}
.oc-tab li .oct-icon02 {
    background: url(../images/property/icon03.png) no-repeat left top;
}
.oc-tab li .oct-icon03 {
    background: url(../images/property/icon04.png) no-repeat left top;
}
.oc-tab li .oct-icon04 {
    background: url(../images/property/icon05.png) no-repeat left top;
}
.oc-tab li em {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 8px;
    position: relative;
    top: 6px;
}
.oc-tabbox {
    display: none;
    width: 1030px;
    height: 440px;
    padding: 130px 240px 0 45px;
    background-color: #fff;
    box-shadow: 0 0 25px #e8dbe2;
    box-sizing: border-box;
    position: relative;
    z-index: 0;
}
.oc-tabbox h3 {
    font-size: 18px;
    color: #000;
    margin-bottom: 22px;
}

.oc-tabbox p {
    font-size: 16px;
    color: #999;
    line-height: 24px;
    padding-bottom: 20px;
}
.oc-tabbox p span {
    color: #999;
}
.oc-tabbox img {
    position: absolute;
    right: -150px;
    top: 28px;
}

.two{ padding: 70px 0; background:#f9f9f9 url("../images/property/bg-two.jpg") no-repeat center top;}
.two .floor-title h2{  color: #fff;}
.two .floor-title p{ color: #fff; filter: alpha(opacity=60); opacity: 0.6; }
.two-con{ position: relative; background-color: #fff; margin:0 auto; box-shadow: 0 10px 25px #e8dbe2;}
.tc-tab li{ width: 150px; float: left; height: 146px; text-align: center; font-size: 16px; color: #666; box-sizing: border-box; -webkit-box-sizing: border-box; padding-top: 46px; border-right: solid 1px #eee; border-bottom: solid 1px #eee; position: relative; z-index: 1; cursor: pointer; }
.tc-tab{}
.tct-bg{ position: absolute; width: 179px; height: 187px; background: url("../images/property/bg-tctabcur.png") no-repeat center; left: -15px; top: -11px; z-index: 2; display: none;}
.tc-tab  .tct-marg{ margin-left: 599px; border-left: solid 1px #eee;}
.tc-tab .tct-bor{ border-top: solid 1px #eee; }
.tc-tab  .no-borig{ border-right: none; }
.tc-tab li:nth-child(11),.tc-tab li:nth-child(15){ width: 151px;}
.tc-tab li .hot{ position: absolute; width: 23px; height: 27px; left: 5px; top: 5px; z-index: 2; background: url("../images/property/icon08.png") no-repeat center top; }
.tc-tab li span{ display: inline-block; position: relative; z-index: 2;}
.tc-tab li span em{ display: inline-block; width:34px; height: 34px; margin-right: 6px; position: relative; top: 10px; }
.tc-tab li span .two-icon01{ background: url("../images/property/icon-two01.png") no-repeat left top;}
.tc-tab li span .two-icon02{ background: url("../images/property/icon-two02.png") no-repeat left top;}
.tc-tab li span .two-icon03{ background: url("../images/property/icon-two03.png") no-repeat left top;}
.tc-tab li span .two-icon04{ background: url("../images/property/icon-two04.png") no-repeat left top;}
.tc-tab li span .two-icon05{ background: url("../images/property/icon-two05.png") no-repeat left top;}
.tc-tab li span .two-icon06{ background: url("../images/property/icon-two06.png") no-repeat left top;}
.tc-tab li span .two-icon07{ background: url("../images/property/icon-two07.png") no-repeat left top;}
.tc-tab li span .two-icon08{ background: url("../images/property/icon-two08.png") no-repeat left top;}
.tc-tab li span .two-icon09{ background: url("../images/property/icon-two09.png") no-repeat left top;}
.tc-tab li span .two-icon10{ background: url("../images/property/icon-two10.png") no-repeat left top;}
.tc-tab li span .two-icon11{ background: url("../images/property/icon-two11.png") no-repeat left top;}
.tc-tab li span .two-icon12{ background: url("../images/property/icon-two12.png") no-repeat left top;}
.tc-tab li span .two-icon13{ background: url("../images/property/icon-two13.png") no-repeat left top;}
.tc-tab li span .two-icon14{ background: url("../images/property/icon-two14.png") no-repeat left top;}
.tc-tab li span .two-icon15{ background: url("../images/property/icon-two15.png") no-repeat left top;}
.tc-tab li span .two-icon16{ background: url("../images/property/icon-two16.png") no-repeat left top;}
.tc-tab li span .two-icon17{ background: url("../images/property/icon-two17.png") no-repeat left top;}
.tc-tab li span .two-icon18{ background: url("../images/property/icon-two18.png") no-repeat left top;}
.tc-tab li span .two-icon19{ background: url("../images/property/icon-two19.png") no-repeat left top;}
.tc-tab li span .two-icon20{ background: url("../images/property/icon-two20.png") no-repeat left top;}
.tc-tab li span .two-icon21{ background: url("../images/property/icon-two21.png") no-repeat left top;}
.tc-tab li span .two-icon22{ background: url("../images/property/icon-two22.png") no-repeat left top;}
.tc-tab li span .two-icon23{ background: url("../images/property/icon-two23.png") no-repeat left top;}
.tc-tab .tct-last{ background: url("../images/property/icon-two24.png") no-repeat center 64px;}
.tc-tab .tct-cur{ z-index: 2;}
.tc-tab .tct-cur,.tc-tab li:hover{ padding-top: 20px; }
.tc-tab .tct-cur .hot,.tc-tab li:hover .hot{ background-position: center -27px;}
.tc-tab .tct-cur span,.tc-tab li:hover span{ display:block; color: #fff; padding-bottom: 20px;}
.tc-tab .tct-cur .tct-bg,.tc-tab li:hover .tct-bg{ display: block;}
.tc-tab .tct-cur  span em,.tc-tab li:hover span em{ background-position: left -34px;}
.tc-tabcon{ width: 599px; height: 291px; position: absolute; left: 300px; top: 146px; z-index: 0; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 40px 0 0 40px; display: none;}
.tc-tabcon01{ background:#f9f9f9 url("../images/property/img-two01.png") no-repeat right bottom;}
.tc-tabcon02{ background:#f9f9f9 url("../images/property/img-two02.png") no-repeat right bottom;}
.tc-tabcon03{ background:#f9f9f9 url("../images/property/img-two03.png") no-repeat right bottom;}
.tc-tabcon04{ background:#f9f9f9 url("../images/property/img-two04.png") no-repeat right bottom;}
.tc-tabcon05{ background:#f9f9f9 url("../images/property/img-two05.png") no-repeat right bottom;}
.tc-tabcon06{ background:#f9f9f9 url("../images/property/img-two06.png") no-repeat right bottom;}
.tc-tabcon07{ background:#f9f9f9 url("../images/property/img-two07.png") no-repeat right bottom;}
.tc-tabcon08{ background:#f9f9f9 url("../images/property/img-two08.png") no-repeat right bottom;}
.tc-tabcon09{ background:#f9f9f9 url("../images/property/img-two09.png") no-repeat right bottom;}
.tc-tabcon10{ background:#f9f9f9 url("../images/property/img-two10.png") no-repeat right bottom;}
.tc-tabcon11{ background:#f9f9f9 url("../images/property/img-two11.png") no-repeat right bottom;}
.tc-tabcon12{ background:#f9f9f9 url("../images/property/img-two12.png") no-repeat right bottom;}
.tc-tabcon13{ background:#f9f9f9 url("../images/property/img-two13.png") no-repeat right bottom;}
.tc-tabcon14{ background:#f9f9f9 url("../images/property/img-two14.png") no-repeat right bottom;}
.tc-tabcon15{ background:#f9f9f9 url("../images/property/img-two15.png") no-repeat right bottom;}
.tc-tabcon16{ background:#f9f9f9 url("../images/property/img-two16.png") no-repeat right bottom;}
.tc-tabcon17{ background:#f9f9f9 url("../images/property/img-two17.png") no-repeat right bottom;}
.tc-tabcon18{ background:#f9f9f9 url("../images/property/img-two18.png") no-repeat right bottom;}
.tc-tabcon19{ background:#f9f9f9 url("../images/property/img-two19.png") no-repeat right bottom;}
.tc-tabcon20{ background:#f9f9f9 url("../images/property/img-two20.png") no-repeat right bottom;}
.tc-tabcon21{ background:#f9f9f9 url("../images/property/img-two21.png") no-repeat right bottom;}
.tc-tabcon22{ background:#f9f9f9 url("../images/property/img-two22.png") no-repeat right bottom;}
.tc-tabcon23{ background:#f9f9f9 url("../images/property/img-two23.png") no-repeat right bottom;}
.tct-con{ padding-bottom: 20px;}
.tct-con span{ float: left; line-height: 30px; font-size: 16px; color: #333; font-weight: bold; }
.tct-con p{ float: left; line-height: 30px; font-size: 14px; color: #666; width: 380px;}
.tct-con ul{ float: left; width: 390px;}
.tct-con ul li{ width: 130px; line-height: 30px; float: left; font-size: 14px; color: #666;}
.tct-btn{ position: absolute; width: 100%; bottom: 0; left: 0; }
.tct-btn a{ display: block; margin: 0 auto; width: 178px; height: 54px; padding-top: 12px; text-align: center; background: url("../images/property/bg-btn01.png") no-repeat center; font-size: 16px; color: #fff; }
.tct-btn a em{ display: inline-block; width: 13px; height: 7px; background: url("../images/property/icon01.png") no-repeat center; background-size: 100%; margin-left: 4px;}

/* three */
.three{ background:#f9f9f9 url("../images/property/bg-three.png") no-repeat center bottom; padding: 60px 0 30px 0;}
.three-con{ margin-top: 50px; height: 400px;}
.three-con li{ width: 272px; height: 300px; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center; padding-top: 50px; margin-right: 26px; border-radius: 7px; cursor: pointer;}
.thc-li01{ background: url("../images/property/bg-three01.png") no-repeat center top;}
.thc-li02{ background: url("../images/property/bg-three02.png") no-repeat center top;}
.thc-li03{ background: url("../images/property/bg-three03.png") no-repeat center top;}
.three-con .thc-li04{ background: url("../images/property/bg-three04.png") no-repeat center top; margin-right: 0;}
.three li h2{ font-size: 26px; font-weight: bold; color: #fff; padding: 20px 0 10px 0;}
.three li h3{ font-size: 16px; color: #fff; filter: alpha(opacity=60); opacity: 0.6; }
.three li  .thc-text{ font-size: 14px; color: #fff; filter: alpha(opacity=60); opacity: 0.6;  padding-top: 10px; display: none;}
.thc-btn{ margin-top: 35px; display: none;}
.thc-btn a{ display: inline-block; width: 150px; height: 38px; line-height: 38px; background-color: #fff; border-radius: 19px; font-size: 16px; color: #e12163;}
.thc-btn a em{ display: inline-block; width: 13px; height: 7px; margin-left: 10px; background: url("../images/property/icon09.png") no-repeat center; position: relative; top: -2px;}


/*表单*/
.pop-style{ position: fixed; left: 50%; margin-left: -223px; top: 50%; margin-top: -240px; width: 446px; padding-top: 20px; background-color: #fff;  border-top:solid 4px #9f4ffe; z-index: 9; display: none; }
.pop-close{ position: absolute; top: 10px; right: 10px;}
.pop-title{ text-align: center; font-size: 24px; color: #202020; margin-bottom: 24px;}
.pop-title span{ color: #fd62b6; font-weight: bold;}
.pop-con{ width: 360px; margin: 0 auto 15px; position: relative;}
.pop-tel{ margin-bottom: 25px;}
.pop-select{ display: none;}
.pop-con input{ color: #333; width: 348px; height: 45px; line-height: 45px; padding-left: 10px; border: solid 1px #dcdcdc; font-size: 16px;}
.pop-con input::placeholder{ color: #999;}
.pop-con select{  width: 360px; height: 45px; line-height: 45px; padding-left: 10px; border: solid 1px #dcdcdc; font-size: 16px; color: #333;}
.hint{ height: 18px; line-height: 18px; font-size: 12px; color: #fff; background:#00b649 url("../images/property/icon10.png") no-repeat 7px center; padding-left: 20px; }
.star{ position: absolute; left: -17px; top: 30px; color: #ed1212; font-size: 24px;}
.error{ position: absolute; left: 0; top: 65px; color: #d10101; font-size: 14px;display: none;}
.pop-btn{ text-align: center; margin: 30px 0 20px 0; cursor: pointer;}
.pop-btn .btn-pop{ display: inline-block; width: 301px; height: 64px; line-height: 54px; font-size: 18px; color: #fff; background: url("../images/property/bg-btn03.png") no-repeat center;}
.pop-searchtext{ background-color: #f9f9f9; padding: 15px 20px; display: none;}
.pop-searchtext p{ font-size: 14px; color: #999; line-height: 26px;}
.pop-searchtext p span{ color: #202020; font-size: 16px;}
.pop-success{ padding-bottom: 40px;}
.pop-success h3{ font-size: 30px; font-weight: bold; color: #4c4c4c; text-align: center;}
.pop-success h3 img{ vertical-align: middle; margin-right: 10px;}
.pop-success p{ font-size: 18px; color: #999; text-align: center; padding: 20px 0;}

.five{ padding: 70px 0;}
.five-con{ margin-top: 50px;}
.five-con li{ width: 216px; float: left; height: 246px; padding-top: 30px; cursor: pointer; margin-right: 27px;}
.five-con .no-marg{ margin-right: 0;}
.five-con li:hover{ box-shadow: 0 0 20px #ededed;}
.fic-img{ padding-left: 18px;}
.five-con li h3{ font-size: 20px; color: #202020; padding-left: 40px;}
.fic-text{ height: 96px; padding: 10px 0 0 40px; font-size: 16px; color: #999; line-height: 24px;}
.fic-textheight{ height: 70px;}
.fic-btn{ padding-left: 20px; display: none;}
.fic-detail{ text-align: center; display: none;}
.fic-detail a{ font-size: 14px; color: #2878f0; text-decoration: underline;}
.fic-btn a{ display: block; margin: 0 auto; width: 178px; height: 49px; padding-top: 8px; text-align: center; background: url("../images/property/bg-btn01.png") no-repeat center; font-size: 16px; color: #fff; }
.fic-btn a em{ display: inline-block; width: 13px; height: 7px; background: url("../images/property/icon01.png") no-repeat center; background-size: 100%; margin-left: 6px; position: relative; top: -3px;}
.five-con li:hover .fic-btn,.five-con li:hover .fic-detail{ display: block;}

/* six */
.six{ height: 816px; padding-top: 70px; background: url("../images/property/bg-six.jpg") no-repeat center top;}
.six-con{ margin-top: 90px;}
.six-con li{ width: 400px; float: left; text-align: center; margin-bottom: 80px;}

/* seven */
.seven{ padding: 80px 0 100px 0; }
.seven table{ margin-top: 60px;}
.seven table td{width: 200px;height: 150px; -webkit-filter: grayscale(1); filter: gray; filter: grayscale(1); opacity: .5;}
.seven table td img{ vertical-align: middle;}
.seven table td:hover{opacity: 1;-webkit-filter: none;filter: none; filter: none; }

.clearfix {
    display: block;
    overflow: initial;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    zoom: 1;
}