.inside p{ line-height: 2;}

.inside-list{ padding-bottom: 80px;}
.inside-list .banner{ border-bottom: 6px solid #c1a18d; background: no-repeat center; background-size: cover;}
.inside-list .banner img{ width: 100%;}
.inside-list .tab{ border-bottom: 2px solid #f0f0f0; height: 60px; line-height: 60px; text-align: center; font-size: 18px; color: #f4f0ed;}
.inside-list .tab-cont{ position: relative; display: inline-block; margin: 0 auto; padding: 0 20px;}
.inside-list .tab-cont:before,
.inside-list .tab-cont:after{ content: ''; position: absolute; top: 0; bottom: 0; width: 8px; height: 14px; margin: auto 0; background: no-repeat center;}
.inside-list .tab-cont:before{ left: 0; background-image: url("./images/hotspot/left.png");}
.inside-list .tab-cont:after{ right: 0; background-image: url("./images/hotspot/right.png");}
.inside-list .tab-wrap{ display: inline-block;}
.inside-list .tab a{ display: inline-block; padding: 0 16px; color: #888888; cursor: pointer;}
.inside-list .tab a.cur{ color: #c1a18d;}
.inside-list .tab .underline{ position: absolute; bottom: -2px; left: 11%; width: 76px; height: 2px; background-color: #c1a18d;}
.inside-list .heading{ display: inline-block; position: relative; height: 30px; padding-left: 12px; box-sizing: border-box; border: solid 2px #c1a18d; text-align: center; line-height: 26px; font-size: 22px; color: #c1a18d;}
.inside-list .heading.newest{ padding-left: 14px; border: none; color: #fff; line-height: 30px; background-color: #c1a18d;}
.inside-list .heading:before{ content: ''; position: absolute; left: 11px; top: 0; width: 2px; height: 100%; background-color: #c1a18d;}
.inside-list .heading.newest:before{ left: 13px; background-color: #fff;}
.inside-list .heading span{ padding: 0 14px;}
@media screen and (max-width: 1200px) {
    .inside-list{ padding-bottom: 6%}
    .inside-list .banner{ height: 160px;}
    .inside-list .banner img{ display: none;}
}
@media screen and (max-width: 768px) {
    .inside-list .tab{ position: relative; padding: 0 5%; font-size: 14px; box-sizing: border-box;}
    .inside-list .tab:before,
    .inside-list .tab:after{ content: ''; position: absolute; top: 0; bottom: 0; width: 8px; height: 14px; margin: auto 0; background: no-repeat center;}
    .inside-list .tab:before{ left: 2%; background-image: url("./images/hotspot/left.png");}
    .inside-list .tab:after{ right: 2%; background-image: url("./images/hotspot/right.png");}
    .inside-list .tab-cont{ width: 100%; box-sizing: border-box; padding: 0; overflow-x: auto; -webkit-overflow-scrolling : touch;}
    .inside-list .tab-cont:before,
    .inside-list .tab-cont:after{ display: none;}
    .inside-list .tab a{ padding: 0 2%;}
    .inside-list .tab .underline{ bottom: 0;}
}
@media screen and (max-width: 375px) {
    .inside-list .tab{ font-size: 12px;}
    .inside-list .tab-wrap:before, .inside-list .tab-wrap:after{ display: none;}
}

/*鍏充簬鎴戜滑*/
.about .article{ margin-top: 90px;}
.about .article .item{ position: relative; margin-top: 30px; padding: 60px; border: 2px solid #eaeaea;}
.about .article .item:before{ content: ''; position: absolute; top: -2px; left: -2px; bottom: -2px; right: -2px; z-index: 0; background: -webkit-linear-gradient(transparent,#fff); background: linear-gradient(transparent,#fff);}
.about .article .item .title{ position: absolute; top: -12px; left: 48px; z-index: 10; padding: 0 20px 0 12px; font-size: 22px; color: #bda08d; background-color: #fff;}
.about .article .item .title:after{ content: ''; position: absolute; top: 7px; right: 0; width: 8px; height: 8px; border-radius: 100%; background-color: #eaeaea;}
.about .article .item img{ position: relative; z-index: 10; margin-left: 60px;}
.about .article .item .text{ position: relative; z-index: 10; overflow: hidden;}
.about .article .item .text p{ text-indent: 2em;}
.about .contact .text h3{ font-size: 24px; font-weight: bold; color: #000; line-height: 1.5;}
.about .contact .text ul{ padding-top: 10px;}
.about .contact .text ul li{ padding-top: 25px; color: #404040;}
.about .contact .text h4{ font-size: 18px; color: #000;}
.about .contact .text p{ padding-top: 10px; text-indent: 0!important;}
.about .contact .text a{ color: #00bcd5; font-size: 18px;}
.about .contact .text a:hover{ text-decoration: underline;}
.about .contact iframe{ position: relative; z-index: 10; display: block; width: 60.377%; height: 340px; margin-right: 60px;}
.about .links ul{ font-size: 0; letter-spacing: normal; text-align: center;}
.about .links ul li{ display: inline-block; width: 160px; margin: 60px 50px;}
.about .article .links ul li img{ margin: 0;}
@media screen and (max-width: 1200px) {
    .about .article .item img{ float: none; margin: 0 auto 20px;}
    .about .contact iframe{ float: none; width: 100%; margin: 0 0 40px;}
    .about .links ul li{ margin: 6% 4%;}
}
@media screen and (max-width: 640px) {
    .about .article{ margin-top: 12%}
    .about .article .item{ padding: 8% 6%;}
    .about .article .item img{ width: 100%;}
    .about .contact iframe{ width: 100%; height: 260px;}
}

/*鐑偣璧勮*/
/*.hotspot .article .item{ margin-top: 30px;}*/
.hotspot .item-cont{ clear: both;}
.hotspot .item-cont li{ padding-top: 50px;}
.hotspot .item-cont li a{ display: block;}
.hotspot .item-cont li:first-child{ padding-top: 40px;}
.hotspot .item-cont .image{ width: 200px; height: 150px; margin-right: 3%; overflow: hidden;}
.hotspot .item-cont .image img{ width: 100%;}
.hotspot .item-cont .text{ overflow: hidden;}
.hotspot .item-cont h3{ padding-bottom: 14px; border-bottom: 2px solid #f4f0ed; font-size: 22px; font-weight: bold; color: #000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.hotspot .item-cont h3:hover{ color: #c1a18d;}
.hotspot .item-cont p{ padding-top: 8px; color: #404040;}
.hotspot .item-cont .tips{ padding-top: 10px; color: #404040;}
.hotspot .item-cont .tips div{ display: inline-block; margin-right: 38px;}
.hotspot .item-cont .tips .from{ margin: 0;}
.hotspot .item-cont .heading{ height: 21px; padding-left: 9px; line-height: 18px; border-width: 1px; font-size: 16px; color: #c1a18d;}
.hotspot .item-cont .heading:before{ left: 8px; width: 1px;}
.hotspot .item-cont .heading span{ padding: 0 6px;}
@media screen and (max-width: 1200px){
    /*.hotspot .article .item{ margin-top: 8%;}*/
    .hotspot .item-cont li{ padding-top: 7%;}
    .hotspot .item-cont li:first-child{ padding-top: 6%;}
    .hotspot .item-cont p{ line-height: 1.5;}
    .hotspot .item-cont .tips div{ margin-right: 3%;}
}
@media screen and (max-width: 820px){
    .hotspot .item-cont p{ line-height: 1.2;}
}
@media screen and (max-width: 640px){
    .hotspot .item-cont .image{ float: none; width: auto; height: auto; margin: 0 0 20px 0;}
}

/*鎴夸骇淇℃伅*/
#house-info .article{ margin-top: 40px;}
#house-info .article .item-cont{ text-align: left;}
#house-info .heading{ margin: 20px 0 45px;}
/*#house-info .tab-wrap{ width: 200px;}*/
@media screen and (max-width: 1200px){
    #house-info .article{ margin-top: 4%;}
    #house-info .article .item-cont{ text-align: center;}
}
@media screen and (max-width: 640px){
    #house-info .heading{ margin-bottom: 20px;}
}

/*鍖哄煙鑱氱劍*/
/*.area-focus .tab-wrap{ width: 260px;}*/
.area-focus .article .item{ padding-top: 60px;}
.area-focus .item-cont{ clear: both; margin-right: -20px;}
.area-focus .item-cont li{ float: left; width: 380px; height: 320px; margin: 40px 20px 0 0; border-bottom: 6px solid #f4f0ed; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.area-focus .item-cont li:hover{ border-color: #fff; box-shadow: 0 6px 15px 0 rgba(185, 159, 141, 0.3); -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); transform: translateY(-6px);}
.area-focus .item-cont .image{ height: 160px; overflow: hidden;}
.area-focus .item-cont .image img{ width: 100%; height: 100%; object-fit: cover;}
.area-focus .item-cont .text{ padding: 25px 30px; text-align: left;}
.area-focus .item-cont h3{ font-size: 20px; color: #000;}
.area-focus .item-cont h3:hover{ color: #c1a18d;}
.area-focus .item-cont p{ height: 71px; padding-top: 15px; font-size: 16px; color: #505050; line-height: 1.5; letter-spacing: 1px; overflow: hidden;}
@media screen and (max-width: 1200px){
    .area-focus .item-cont{ margin-right: 0;}
    .area-focus .item-cont li{ margin: 40px 15px 0;}
    .area-focus .item-cont li:hover{ border-color: #f4f0ed; box-shadow: none; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0);}
}
@media screen and (max-width: 820px){
    .area-focus .article .item{ padding-top: 10%;}
    .area-focus .item-cont li{ float: none; width: auto; height: auto; margin: 30px 0 0;}
    .area-focus .item-cont .image{ height: auto;}
    .area-focus .item-cont .image img{ width: 100%;}
    .area-focus .item-cont p{ height: auto;}
}
@media screen and (max-width: 640px){
    .area-focus .item-cont li{ width: auto; height: auto;}
    .area-focus .item-cont li .image{ height: auto;}
    .area-focus .item-cont li img{ width: 100%;}
    .area-focus .item-cont .text{ padding: 20px;}
}

/*甯傚満鍓嶇灮*/
/*.prospect .tab-wrap{ width: 260px;}*/
.prospect .item{ margin-top: 60px;}
.prospect #person ul{ margin: 10px -20px 0 0; font-size: 0; letter-spacing: normal;}
.prospect #person ul li{ display: inline-block; margin: 40px 20px 0 0;}
.prospect .person-image{ float: left; position: relative; width: 280px; height: 285px; margin-right: 20px; box-sizing: border-box; border: 1px solid #bda08d;}
.prospect .person-image a{ display: block; height: 100%; overflow: hidden;}
.prospect #person ul li:nth-of-type(4n-1) .person-image,
.prospect #person ul li:nth-of-type(4n) .person-image{ float: right; margin: 0 0 0 20px;}
.prospect .person-image:after{ content: ''; position: absolute; top: 0; bottom: 0; right: -21px; width: 0; height: 34px; margin: auto; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 20px solid #bda08d;}
.prospect #person ul li:nth-of-type(4n-1) .person-image:after,
.prospect #person ul li:nth-of-type(4n) .person-image:after{ right: auto; left: -21px; border-left: 0; border-right: 20px solid #bda08d;}
.prospect .person-image img{ width: 100%; height: 100%; object-fit: contain;}
.prospect .person-text{ float: left; position: relative; width: 280px; height: 285px; box-sizing: border-box; border: 1px solid #bda08d; letter-spacing: 1px; text-align: center;}
.prospect #person ul li:nth-of-type(4n-1) .person-text,
.prospect #person ul li:nth-of-type(4n) .person-text{ float: right;}
.prospect .person-text:before{ content: ''; position: absolute; top: -1px; left: 50%; width: 104px; height: 2px; margin-left: -52px; box-sizing: border-box; border-left: 36px solid #fff; border-right: 36px solid #fff; background-color: #bda08d;}
.prospect .person-text a{ display: block; height: 100%;}
.prospect .person-text:hover{ background-color: #fefaf7;}
.prospect .person-text:hover:before{ border-color: #fefaf7;}
.prospect .person-text .icon{ width: 60px; margin-top: 25px;}
.prospect .person-text h3{ width: 80%; margin: 25px auto; font-size: 20px; color: #000;}
.prospect .person-text p{ width: 80%; margin: 25px auto 0; font-size: 16px; color: #505050; text-align: left; line-height: 1.5;}
.prospect .person-text .more{ margin-top: 35px; color: #4ecde3;}
@media screen and (max-width: 1200px){
    .prospect #person ul{ text-align: center;}
}
@media screen and (max-width: 640px){
    .prospect .item{ margin-top: 0;}
    .prospect #person ul{ margin: 10px 0 0 0;}
    .prospect #person ul li{ margin-right: 0;}
    .prospect .person-image,
    .prospect .person-text{ float: none !important; display: block; margin: 0 0 20px 0 !important;}
    .prospect .person-text{ margin: 0!important;}
    .prospect .person-image{ height: auto; margin: 0 0 20px 0;}
    .prospect #person ul li .person-image:after{ left: 0!important; right: 0!important; top: auto; bottom: -21px; width: 34px; height: 0; border-top: 20px solid #bda08d; border-bottom: 0; border-left: 12px solid transparent!important; border-right: 12px solid transparent!important;}
    .prospect .person-text:before{ display: none;}
}

/*璇︽儏椤�*/
.inside-detail .heading{ padding-bottom: 20px; border-bottom: solid 1px #f0edea;}
.inside-detail .crumb{ position: relative; padding-bottom: 20px; color: #404040;}
.inside-detail .crumb a:hover{ color: #c1a18d;}
.inside-detail .crumb:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 10px; height: 2px; background-color: #c1a18d;}
.inside-detail .heading h2{ padding-top: 15px; font-size: 34px; font-weight: bold; color: #404040; line-height: 1.5;}
.inside-detail .heading .tips{ padding-top: 15px; color: #606060; line-height: 1;}
.inside-detail .heading .tips span{ padding-right: 40px;}
.inside-detail .com-title{ position: relative; padding-left: 30px; font-size: 20px; font-weight: bold; color: #c1a18d; line-height: 60px; background-color: #faf6f2;}
.inside-detail .com-title:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 10px; height: 30px; margin: auto 0; background-color: #c1a18d;}

.inside-detail{ padding: 90px 0 160px;}

.inside-detail .editor p{ padding-top: 60px; text-indent: 2rem; color: #000;}
.inside-detail .editor img{ display: block; margin: 0 auto; border: solid 1px #c1a18d;}

.inside-detail .names{ padding-top: 50px;}
.inside-detail .names span{ padding-right: 50px; color: #606060;}

.inside-detail .more-news{ padding-top: 80px;}
.inside-detail .more-news ul{ padding-top: 50px;}
.inside-detail .more-news ul li{ padding-bottom: 30px; font-size: 16px;}
.inside-detail .more-news h3{ font-size: 18px; line-height: 1.5;}
.inside-detail .more-news h3 a{ font-weight: bold; color: #000;}
.inside-detail .more-news h3 a:hover{ color: #c1a18d;}
.inside-detail .more-news h3 .date{ padding-left: 35px; color: #606060;;}
.inside-detail .more-news p{ padding-top: 5px; color: #404040;}
.inside-detail .more-news p .more{ color: #2bb9d2;}
.inside-detail .more-news p .more:hover{ text-decoration: underline;}
@media screen and (max-width: 1200px){
    .inside-detail{ padding: 45px 0 80px;}
    .inside-detail .editor p{ padding-top: 30px;}
    .inside-detail .editor img{ margin-top: 30px;}
}
@media screen and (max-width: 640px){
    .inside-detail{ padding: 30px 0 40px;}
    .inside-detail .heading h2{ font-size: 24px;}
}

/*鎴夸骇璇︽儏*/
.house-detail .profile{ position: absolute; top: 0; width: 240px; margin-right: 60px;}
.house-detail .profile.fixed{ position: fixed; top: 50px;}
.house-detail .profile h2,
.house-detail .profile-cont{ padding: 0 30px; background-color: #faf6f2;}
.house-detail .profile h2{ margin-bottom: 2px; font-size: 20px; font-weight: bold; color: #c1a18d; line-height: 80px;}
.house-detail .profile-cont{ padding-top: 15px; padding-bottom: 30px; color: #606060; line-height: 2;}
.house-detail .profile-cont li{ overflow: hidden;}
.house-detail .profile-cont span{ display: inline-block;}
.house-detail .profile-cont .address{ width: 120px; vertical-align: top;}
.house-detail .article{ padding-left: 300px; overflow: hidden;}
.house-detail .heading{ padding-bottom: 50px;}
.house-detail #banner .prev,
.house-detail #banner .next{ top: 0; bottom: 0; margin: auto 0;}
.house-detail #banner .prev{ left: 40px;}
.house-detail #banner .next{ right: 40px;}
.house-detail .images,
.house-detail .com-title,
.house-detail .property-cont{ margin-top: 60px;}
.house-detail .property-cont img{ margin-right: 40px;}
.house-detail .property-cont .text{ overflow: hidden;}
.house-detail .property-cont h3{ font-size: 22px; color: #000;}
.house-detail .property-cont ul{ padding: 35px 0; border-bottom: 1px solid #faf6f2;}
.house-detail .property-cont ul li{ padding-bottom: 10px; font-size: 18px; color: #606060; line-height: 30px;}
.house-detail .property-cont ul li:last-of-type{ padding-bottom: 0;}
.house-detail .property-cont p{ padding-top: 15px; color: #000;}
.house-detail .more-news{ padding: 0;}
@media screen and (max-width: 1200px){
    .house-detail .property-cont img{ float: none;}
    .house-detail .property-cont .text{ padding-top: 40px;}
    .house-detail #banner .prev{ left: 20px;}
    .house-detail #banner .next{ right: 20px;}
}
@media screen and (max-width: 820px){
    .house-detail .profile{ position: static; width: auto; margin: 0 0 40px 0;}
    .house-detail .profile.fixed{ position: static;}
    .house-detail .profile-cont li{ display: inline-block; margin-right: 8%; vertical-align: top;}
    .house-detail .profile-cont .address{ width: auto;}
    .house-detail .article{ padding-left: 0;}
    .house-detail .editor{ padding-bottom: 30px;}
}
@media screen and (max-width: 420px){
    .house-detail .profile h2{ padding: 0 20px;}
    .house-detail .profile h2{ line-height: 60px;}
    .house-detail .profile-cont{ padding: 15px 20px;}
    .house-detail .profile-cont li{ display: block; margin-right: 0;}
    .house-detail .heading{ padding-bottom: 25px;}
    #banner .prev, #banner .next{ width: 18px; background-size: 100%;}
    .house-detail .images, .house-detail .com-title, .house-detail .property-cont{ margin-top: 30px;}
    .house-detail .property-cont img{ width: 100%;}
    .house-detail .property-cont ul{ padding: 20px 0;}
}

/*鍒嗛〉*/
.pagination{ margin-top: 40px; text-align: center; font-size: 0;}
.pagination-numbers ul li{ display: inline-block; margin: 0 5px!important; font-size: 16px;}
.pagination-numbers ul li a{ display: block; height: 25px; padding: 0 8px; border: 1px solid #c1a18d; line-height: 25px; -webkit-transition: all .3s; transition: all .3s;}
.pagination-numbers ul li:hover a,
.pagination-numbers ul li.active a{ color: #fff; background-color: #c1a18d;}
.pagination-numbers ul li.disabled a{ border: 1px solid transparent; cursor: default; pointer-events: none;}
.pagination-numbers ul li.disabled:hover a{ color: unset; background-color: #fff;}
.pagination-numbers ul li a.prev,
.pagination-numbers ul li a.next{ width: 80px;}