/*
 *  public.css by 453883682@qq.com
 */
.wow { transition-delay: 0.3s;}
.estate-wrap{ width: 96%; max-width: 1630px; padding: 0 15px; margin: 0 auto;}

.estate-header { position: fixed; left: 0; right: 0; top: 0; min-width: 320px; padding: .23rem 0; z-index: 9; color: #FFFFFF; transition: all .3s;} 
.estate-header .estate-wrap{ max-width: 1830px;}
.estate-logo { position: relative; float: left; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; height: 90px; margin-right: .26rem; overflow: hidden;}
.estate-logo a { display: block; transition: all .3s;}
.estate-logo img { height: 36px; transition: all .3s;}

.estate-nav-box{ margin: 0 auto;}
.estate-nav-list { list-style: none; margin: 0; font-size: 0; display: inline-block; vertical-align: top; text-align: center; transition: all .3s;}
.estate-nav-list > li { position: relative; display: inline-block; vertical-align: top; padding: 0 .2rem;}
.estate-nav-list > li > a { position: relative; display: block; line-height: 90px; font-size: 18px; color: #FFFFFF; font-family: 'Baloo2-Medium'; transition: all .3s;}
.estate-nav-list > li > a::before{ display: block; content: ""; position: absolute; left: 50%; bottom: 30%; width: 0; height: 2px; background-color: #FFFFFF; transition: all .3s;}
.estate-nav-list > li > a:hover::before{ left: 0; width: 100%; transform: scale(1);}
.estate-nav-list > li.active > a::before,
.estate-nav-list > li.cur > a::before,
.estate-nav-list > li > a:hover::before{ left: 0; width: 100%;}

.estate-nav-right { list-style: none; position: relative; float: right; line-height: 90px; text-align: right; font-size: 0; transition: all .3s;}
.estate-nav-right > li { position: relative; display: inline-block; vertical-align: middle; font-size: 16px; margin-left: .5rem; transition: all .3s;}
.estate-nav-right > li:first-child{ margin-left: 0 !important;}
.estate-nav-right a,
.estate-nav-right i,
.estate-nav-right span{ display: inline-flex; align-items: center; cursor: pointer;}
.estate-nav-search > span{ border: none; display: inline-flex; align-items: center;}
.estate-nav-search > span > i{ font-size: 160%; margin-right: 4px;}
.estate-nav-lang > span > i{ font-size: 120%; margin-right: 4px;}
.estate-nav-lang > span > i:last-child{ font-size: 80%; margin-right: 0; margin-left: 8px;}
.estate-nav-rightCon{ position: absolute; left: 50%; transform: translateX(-50%); top: 100%; display: none;}
.estate-search-box{ position: relative; box-shadow: -8px 0 16px rgba(0,0,0,0.1); border-radius: 6px;}
.estate-search-box::before{ display: block; content: ""; position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%); border-bottom: 8px solid #FFFFFF; border-left: 8px solid transparent; border-right: 8px solid transparent;}
.estate-search-input{ display: block; min-width: 280px; font-size: 14px; padding: .15rem .15rem; border-radius: 6px; background: #FFFFFF; border: none;}
.estate-search-btn{ position: absolute; top: 0; right: 0; bottom: 0; width: 80px; color: #FFFFFF; border-radius: 0 6px 6px 0; border: none; background-color: var(--main-color); cursor: pointer; transition: all .3s;}
.estate-search-btn:hover{ opacity: .8;}
.estate-lang-list{ min-width: 128px; white-space: nowrap; font-size: 14px; line-height: 1.4; padding: .1rem 0; box-shadow: -8px 0 16px rgba(0,0,0,0.1); border-radius: 6px; background-color: #FFFFFF; text-align: center;}
.estate-lang-list::before{ display: block; content: ""; position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%); border-bottom: 8px solid #FFFFFF; border-left: 8px solid transparent; border-right: 8px solid transparent;}
.estate-lang-list li{ margin: .1rem 0;}
.estate-lang-list li a{ display: block; color: #000000; transition: all .3s linear;}
.estate-lang-list li a:hover{ color: var(--main-color);}
.estate-nav-appraisal{ font-size: 16px;}
.estate-nav-appraisal a{ color: #FFFFFF; line-height: 1; padding: .1rem .24rem; border-radius: 5px; background: var(--main-color); transition: all .3s;}
.estate-nav-appraisal a:hover{ opacity: .8; box-shadow: 0 2px 5px rgba(0, 0, 0, .2);}

.estate-nav-right li.estate-nav-btn { display: none; cursor: pointer;}
.estate-nav-btn span { position: relative; display: inline-block; vertical-align: middle; width: 22px; height: 30px;}
.estate-nav-btn span b { display: block; width: 100%; height: 2px; background-color: #FFFFFF; position: absolute; left: 0; top: calc((100% - 4px) / 2); transition: all .3s;}
.estate-nav-btn span b:nth-child(1) { transform: translateY(6px) rotate(0deg);}
.estate-nav-btn span b:nth-child(3) { transform: translateY(-6px) rotate(0deg);}
.estate-nav-btn.active b:nth-child(1) { transform: translateY(0) rotate(45deg);}
.estate-nav-btn.active b:nth-child(3) { transform: translateY(0) rotate(-45deg);}
.estate-nav-btn.active b:nth-child(2) { opacity: 0;}

/* 白色背景 */
.estate-header.bg{ top: 0; color: var(--title-color); background-color: #FFFFFF; padding: 0; box-shadow: 0px 1px 0 rgba(0,0,0,0.06);}
.estate-header.bg .estate-nav-right > li{  margin-left: .3rem;}
.estate-header.bg .estate-nav-list > li > a{ color: var(--title-color);}
.estate-header.bg .estate-nav-list > li > a::before{ background-color: var(--main-color);}
.estate-header.bg .estate-nav-list > li.active > a,
.estate-header.bg .estate-nav-list > li.cur > a,
.estate-header.bg .estate-nav-list > li > a:hover{ color: var(--main-color);}


.estate-header.sticky{ position: sticky; position: -webkit-sticky; top: 0; color: var(--title-color); background-color: #FFFFFF; padding: 0; box-shadow: 0px 1px 0px rgba(0,0,0,0.06);}
.estate-header.sticky .estate-nav-right > li{  margin-left: .3rem;}
.estate-header.sticky .estate-nav-list > li > a{ color: var(--title-color);}
.estate-header.sticky .estate-nav-list > li > a::before{ background-color: var(--main-color);}
.estate-header.sticky .estate-nav-list > li.active > a,
.estate-header.sticky .estate-nav-list > li.cur > a,
.estate-header.sticky .estate-nav-list > li > a:hover{ color: var(--main-color);}
.estate-header.fixed{ position: fixed;}


/* foot-tips */
.estate-tips-bg{ position: relative; background: #E1E1E1; overflow: hidden;}
.estate-tips-box{ min-height: 4.2rem; padding: .8rem 0;}
.estate-tips-con{ max-width: 1000px; margin: 0 auto .5rem;}
.estate-tips-bg .estate-box-more .red{ min-width: 2.2rem;}

/* footer */
.estate-foot-bg{ position: relative; color: rgba(255, 255, 255, 0.55); line-height: 1.8; background-color: #3D3D3D; z-index: 2;}
.estate-foot-bg a{ color: rgba(255, 255, 255, 0.55);}
.estate-foot-bg a:hover{ color: var(--main-color);}
.estate-foot-top{ position: relative; padding: .8rem 0;}
.estate-foot-logo{ max-width: 250px; margin-bottom: .3rem;}
.estate-foot-logo img{ max-width: 100%; max-height: .5rem;}
.estate-foot-text{ flex: auto; width: 50%; max-width: 560px; margin-right: 5%; overflow: hidden;}
.estate-foot-text p{ margin: .1rem 0;}
.estate-foot-right{ width: 50%; max-width: 600px;}
.estate-foot-nav{ list-style: none; column-gap: .2rem; overflow: hidden;}
.estate-foot-nav li{ margin-bottom: .1rem;}
.estate-foot-nav li a{ color: #FFFFFF; border: 1px solid transparent; transition: all .3s;}
.estate-foot-nav li a:hover{ color: #FFFFFF; border-bottom-color: #FFFFFF;}

/* share */
.estate-share-list{ list-style: none; margin-top: .3rem;}
.estate-share-list li{ position: relative; margin-left: .12rem;}
.estate-share-list li:first-child{ margin-left: 0;}
.estate-share-list li a{ display: block;}
.estate-share-list li a img{ width: 20px; height: 20px;}

.estate-share-list li span{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 98px; height: 98px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .16);  cursor: pointer; transition: all .3s;}
.estate-share-list li span img{ display: block; width: 50px; height: 50px; opacity: .3;}
.estate-share-wx{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 100%; width: 120px; background-color: #FFFFFF; margin-bottom: 15px; opacity: 0; visibility: hidden; transition: all .3s;}
.estate-share-wx::before{ display: block; content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; width: 0; height: 0; border-top: 6px solid #FFFFFF; border-left: 6px solid transparent; border-right: 6px solid transparent;}
.estate-share-wx img{ width: 100%; height: 100%;}
.estate-share-list li:hover span{ border-color: #FFFFFF; transform: scale(0.8);}
.estate-share-list li:hover span img{ opacity: 1;}
.estate-share-list li:hover .estate-share-wx{ opacity: 1; visibility: visible; margin-bottom: 10px;}


.estate-foot-bot{ display: flex; align-items: center; justify-content: space-between; padding: .28rem 0; border-top: 1px solid rgba(255, 255, 255, 0.18);}
.estate-copyright{ flex: auto; overflow: hidden;}
.estate-foot-bot .estate-link{ display: flex; gap: .14rem;}
.estate-foot-bot .estate-link a{ position: relative; display: block; color: rgba(255, 255, 255, .55); transition: all .3s;}
.estate-foot-bot .estate-link a:hover{ color: var(--main-color);}

/* title */
.estate-title{ line-height: 1.2; margin-bottom: .3rem; font-family: 'Baloo2-Medium';}
.estate-des{ max-width: 1000px; margin: 0 auto;}
 
/* more */
.estate-box-more .flex{ width: 220px; height: 50px; color: var(--main-color); line-height: 1.2; padding: 0 25px; border: 1px solid var(--main-color); border-radius: 50px; transition: all .3s;}
.estate-box-more .flex:hover{ background: var(--main-color); color: #FFFFFF;}
.estate-box-more.text-center .flex{ margin: 0 auto;}

.estate-box-more .black{ width: fit-content !important; color: var(--title-color); padding: 0 .5rem !important; border-color: var(--title-color);}
.estate-box-more .black:hover{ border-color: var(--main-color); color: #FFFFFF;}

.estate-box-more .red{ width: fit-content !important; color: #FFFFFF; padding: 0 .55rem !important; border-color: var(--main-color); background: var(--main-color); color: #FFFFFF;}
.estate-box-more .red:hover{ opacity: .8; box-shadow: 0 2px 5px rgba(0, 0, 0, .2);}

.estate-box-more.flex{ gap: .14rem;}


/* cookie */
.estate-cookie-bg{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); z-index: 10; transition: all .3s;}
.estate-cookie-pop{ position: fixed; left: 50%; top: 50%; transform: translate(-50%,-65%); width: 96%; max-width: 840px; padding: .6rem; background: #FFFFFF; border-radius: 8px; z-index: 11; transition: all .3s;}
.estate-cookie-title{ padding-bottom: .1rem; margin-bottom: .1rem; border-bottom: 1px solid rgba(102, 102, 102, .66); font-family: 'Baloo2-Medium';}
.estate-cookie-text{ line-height: 1.875; margin: .2rem 0 .3rem;}
.estate-cookie-btn{ gap: .18rem;}
.estate-cookie-btn span{ cursor: pointer;}
.estate-cookie-btn .estate-cookie-agree{ background-color: var(--main-color); color: #FFFFFF; border-color: var(--main-color);}
.estate-cookie-btn .estate-cookie-reject{ background-color: transparent; border-color: var(--title-color); color: var(--title-color);}
.estate-cookie-btn span:hover{ border-color: var(--main-color); box-shadow: 0 0 .1rem rgba(0, 0, 0, .2);}
.estate-cookie-bg.hide,
.estate-cookie-pop.hide{ opacity: 0; visibility: hidden;}

/* in-banner */
.estate-in-ban{ position: relative; height: 720px; max-height: 40vw;}
.estate-in-text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-top: 60px; z-index: 1;}
.estate-in-top{ text-transform: uppercase;}
.estate-in-title{ margin-bottom: .2rem;}
.estate-in-con{ max-width: 650px; margin: 0 auto;}

/* page */
.estate-page{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .1rem; margin: .7rem auto; text-align: center;}
.estate-page a,
.estate-page span{ display: block; width: 28px; font-size: 18px; color: var(--title-color); line-height: 28px; border-bottom: 2px solid transparent; transition: all .3s;}
.estate-page a.active,
.estate-page span.active{ border-bottom-color: var(--title-color);}
.estate-page .first,
.estate-page .prev,
.estate-page .next,
.estate-page .last{ width: 40px; height: 40px; font-size: 16px; color: rgba(26, 26, 26, 0.8); line-height: 40px; border-radius: 2px; border: 1px solid rgba(17, 17, 17, 0.1); transition: all .3s;}
.estate-page .prev,
.estate-page .next{ font-size: 14px; font-weight: bold;}
.estate-page .last i{ display: block; transform: scaleX(-1);}
.estate-page .prev{ margin-right: .2rem;}
.estate-page .next{ margin-left: .2rem;}
.estate-page .first:hover,
.estate-page .prev:hover,
.estate-page .next:hover,
.estate-page .last:hover{ border-color: var(--title-color); color: var(--title-color); font-weight: bold;}
.estate-page a:hover,
.estate-page span:hover{ border-bottom-color: var(--title-color);}

.estate-inner-bg{ overflow: hidden;}

/* sort */
.estate-sort-bg{ position: relative; margin-top: -52px; z-index: 2; overflow: hidden;}
.estate-sort-list{ padding-bottom: 30px; gap: 1rem;}
.estate-sort-list li a{ display: block; color: #FFFFFF; line-height: 22px; padding: 0 .15rem; text-align: center; transition: all .3s;}


@media (max-width:1600px) {
    .estate-logo{ height: 80px;}
    .estate-logo img{ height: 30px;}
    .estate-nav-right{ line-height: 80px;}
    .estate-nav-right > li{ font-size: 14px; margin-left: .3rem}
    .estate-nav-appraisal a{ padding: .1rem .2rem;}
    .estate-nav-list > li > a{ line-height: 80px;}


    .estate-box-more .flex{ width: 200px; height: 44px;}
    
    
}
@media (max-width:1400px) {
    .estate-header .estate-wrap{ width: 100%;}
    .estate-logo img{ height: 26px;}
    .estate-nav-right > li{ margin-left: .2rem;}
    .estate-nav-list > li{ padding: 0 0.7vw;}
    .estate-header.bg .estate-nav-right > li{ margin-left: .15rem;}
    .estate-header.sticky .estate-nav-right > li{ margin-left: .15rem;}
}
@media (min-width:1201px) {
    .estate-nav-box{ display: block !important;}
}

@media (max-width:1200px) {
    .estate-header{ padding: 0;}
    .estate-logo{ height: 60px;}
    .estate-logo img{ height: 22px;}

    .estate-nav-right { position: static; line-height: 60px;}
    .estate-nav-right > li{ margin-left: .15rem;}
    .estate-nav-right li.estate-nav-btn{ display: inline-block;}
    .estate-lang-list{ min-width: 100px;}
    .estate-nav-right a,
    .estate-nav-right i,
    .estate-nav-right span{ display: inline-block; vertical-align: middle;}
    .estate-nav-right > li.estate-nav-search{ position: static;}

    .estate-nav-search > button span{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: none; width: 22px; height: 30px;}
    .estate-nav-search > button span b{ display: block; width: 100%; height: 2px; background-color: var(--main-color); position: absolute; left: 0; top: calc((100% - 4px) / 2);}
    .estate-nav-search > button span b:first-child{ transform: translateY(0) rotate(45deg);}
    .estate-nav-search > button span b:last-child{ transform: translateY(0) rotate(-45deg);}

    .estate-nav-box { position: fixed; left: 0; right: 0; top: 60px; bottom: 0; width: 100%; overflow: hidden; z-index: 2; border-top: 1px solid rgba(0, 0, 0, 0.2); background-color: #FFFFFF; display: none;}
    
    .estate-nav-list { text-align: left; display: block; padding: .3rem 15px; margin: 0 auto; }
    .estate-nav-list > li { display: block; margin: 0; padding: 0; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.06); cursor: pointer;}
    .estate-nav-list > li > a { position: relative; height: auto; font-size: 16px !important; color: var(--title-color); line-height: 46px !important; padding: 0 !important; padding-right: 46px; opacity: 1;}
    .estate-nav-list > li > a::before { display: none;}
    .estate-nav-list > li > a:hover,
    .estate-nav-list > li.active > a{ color: var(--main-color); }
    .estate-nav-list li.dropdown::after { display: block; content: "\e65e"; position: absolute; right: 0; top: 0; color: #000000; font-family: "iconfont" !important; text-align: center; font-size: 14px; line-height: 46px; transition: all .3s;}
    .estate-nav-list li.cur::after { transform: rotate(180deg);}

    .estate-header.bg .estate-nav-box{ top: 60px; background: #FFFFFF;}
    .estate-header.bg .estate-nav-btn span b{ background-color: var(--main-color);}

    .estate-header.sticky .estate-nav-box{ top: 60px; background: #FFFFFF;}
    .estate-header.sticky .estate-nav-btn span b{ background-color: var(--main-color);}

    .estate-header.nav-open{ background-color: #FFFFFF;}
    .estate-header.nav-open .estate-nav-btn span b{ background-color: var(--main-color);}

    .estate-tips-box{ min-height: 3.8rem;}

    .estate-foot-top{ padding: .4rem 0;}
    .estate-foot-logo{ width: 45%; max-width: 180px; margin: 0 auto .2rem;}
    .estate-foot-box{ display: block;}
    .estate-foot-text{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; max-width: 100%; margin: .2rem 0;}
    .estate-foot-right{ width: 100%; max-width: 100%;}
    .estate-foot-nav{ justify-content: center;}
    .estate-share-list{ justify-content: center;}
    .estate-foot-bot{ display: block; padding: .15rem 0; text-align: center;}
    .estate-foot-bot .estate-link{ flex-wrap: wrap; justify-content: center;}

    .estate-cookie-pop{ padding: .3rem;}
    .estate-cookie-btn{ gap: .1rem;}

    .estate-box-more .black,
    .estate-box-more .red{ padding: 0 .3rem !important;}


    .estate-in-ban{ max-height: 6rem;}
    .estate-in-ban .estate-banner-img{ height: 100%; padding: 0;}

    .estate-inner{ width: 100%; padding: 0 .3rem;}

    .estate-sort-bg{  padding: .2rem 0; margin-top: 0; border: none; background-color: var(--main-color);}
    .estate-sort{ display: block;}
    .estate-sort-list{ flex-wrap: wrap; justify-content: center; margin: 0; padding-bottom: 0; gap: 0;}
    .estate-sort-list li a{ min-width: 0; font-size: 14px; height: 100%; line-height: 24px; padding: .08rem .2rem;}

    .estate-bread-bg{ padding: .3rem 0;}

    .estate-page{ margin: .6rem 0;}
    
}

@media (max-width:991px) {
    .estate-wrap{ padding: 0 .3rem;}
}
@media (max-width:767px) {
    .estate-wrap{ width: 100%; max-width: 100%;}
    .estate-box-more .flex{ width: 140px; height: 40px;}
    .estate-cookie-btn{ margin: .3rem 0;}
    .estate-cookie-btn .flex{ flex: auto;}

    .estate-in-ban .estate-banner-img{ height: 100%; padding: 0;}

    .estate-page p,
    .estate-page input,
    .estate-page a,
    .estate-page span{ font-size: 14px; width: auto; min-width: 22px; line-height: 20px;}
    .estate-page a.prev,
    .estate-page a.next,
    .estate-page a.first,
    .estate-page a.last{ width: 28px; height: 28px; line-height: 28px; font-size: 12px;}
    .estate-page a.prev,
    .estate-page a.next{ font-size: 12px;}
    .estate-page p{ display: block; margin-top: .2rem;}
}

@media (max-width:640px) {
    .estate-nav-right > li{ font-size: 0;}
    .estate-nav-search > span > i{ font-size: 24px;}
    .estate-nav-lang > span > i{ font-size: 16px;}
    .estate-nav-appraisal a{ font-size: 12px;}
    .estate-nav-search .estate-nav-rightCon{ width: 100%;}
    .estate-search-box{ background-color: #FFFFFF; padding: 5px; border-radius: 0;}
    .estate-search-input{ width: 100%; padding-right: 90px;}
    .estate-search-btn{ border-radius: 0;}
        
    .estate-box-more .flex{ width: 120px; height: 38px; padding-left: 10px; padding-right: 10px;}
    .estate-box-more .flex i{ width: 24px; height: 24px; line-height: 24px;}

}
@media (max-width:460px) {
    .estate-logo{ width: 30px; overflow: hidden;}

}