@charset "utf-8";
/* CSS Document */
body{min-width: 1280px;}
.bigSecondList{min-height: 500px;}

.index_logo_nav { position: absolute; width:100%; text-align:center; z-index:99;}
.index_logo_nav .logo_nav_box { width:1280px; height:95px; margin:0 auto; position:relative;}
.index_logo_nav .logo_nav_box .logo_nav_l { position:absolute; top:28px; left:50px; display:flex; align-items:center;}
.index_logo_nav .logo_nav_box .logo_nav_l .logo{ width:52px; height:64px; background:url(../images/logo.png) center center no-repeat; background-size:100%; margin-top:4px; display:inline-block;}
.index_logo_nav .logo_nav_box .logo_nav_l .location { padding:5px 12px 3px 10px; color:#fff; background:rgba(0,0,0,0.4); border-radius:30px;  display:inline-block; margin-left:24px; height: 28px; line-height: 18px;}
.logo_nav_r { position:absolute; right:50px; top:24px; display:flex; justify-content:flex-end; flex-direction:column;}
.logo_nav_r .phone { color:#fff; text-align:right;}
.logo_nav_r ul { margin-top:15px;}
.logo_nav_r ul li { float:left; margin-left:30px;}
.logo_nav_r ul li a { color:#fff; position:relative; height:30px; padding-bottom:10px;}
.logo_nav_r ul li a:after, .logo_nav_r ul li a:after { content:""; position:absolute; left:50%; transform:translateX(-50%); bottom:-2px; width:0px; border-bottom:2px solid #fff; opacity:0; transition: all .3s cubic-bezier(0.3, 0, 0, 1); -webkit-transition: all .3s cubic-bezier(0.3, 0, 0, 1);}
.logo_nav_r ul li.on a:after, .logo_nav_r ul li:hover a:after { content:""; position:absolute; left:50%; transform:translateX(-50%); bottom:-2px; width:28px; border-bottom:2px solid #fff; opacity:1;}


.banner_search { width:100%; position:relative; height:644px;}
.search_wrap { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index:222;}
.slider-wrap { width:100%; overflow:hidden; position:relative;}
.slider-wrap:before { content:""; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.15); z-index:17;}
.slider-wrap .arrow_box { width:1200px; height:644px; position:absolute; margin:0 auto; left:0; right:0; z-index:98;}
.slider-wrap .arrow_box a.prev, .slider-wrap .arrow_box a.next { position:absolute; top:50%; transform: translateY(-50%); background-color: transparent;z-index:1;}
.slider-wrap .arrow_box a { color:rgba(255,255,255,.4); padding:10px 5px;}
.slider-wrap .arrow_box a i { font-size:30px;text-shadow: 1PX 3PX 8PX rgba(102,102,102,.4);}
.slider-wrap a.prev { left:0; }
.slider-wrap a.next { right:0; }
.slider-wrap a.prev:hover, .slider-wrap a.next:hover {background-color: rgba(0,0,0,.5); color:#fff;}
.slider-wrap .banner {height:644px; margin:0 auto; text-align:center;display: flex;width: 99999999px;}
.slider-wrap .banner img{object-fit: cover; display: block; width: 100%; height: 100%;}

.search_wrap h1 { font-size: 64px;letter-spacing: 0.04em; color:#fff; line-height: 90px;font-family: PingFang SC; font-weight:600; margin:0 auto;text-shadow: 1PX 3PX 8PX rgba(102,102,102,.4); text-align:center;}
.search_wrap h2 { font-size: 24px;letter-spacing: 0.04em; color:#fff; line-height: 34px;font-family: PingFang SC; margin:0 auto 52px;text-shadow: 1PX 3PX 8PX rgba(102,102,102,.4); text-align:center;}
.search_wrap .search_list { position:relative; z-index:2; top:1px;}
.search_wrap .search_list ul { overflow:hidden; padding:0 0 0 10px;}
.search_wrap .search_list ul li{ float:left; padding:0 10px 20px 10px; position:relative;}
.search_wrap .search_list ul li a { color:#fff; opacity: 0.8;}
.search_wrap .search_list ul li.on a { color:#fff; opacity:1;}
.search_wrap .search_list ul li:after { opacity:0; content:""; border-left: 9px solid transparent; border-right: 9px solid transparent; width: 0; height: 0; -webkit-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); border-bottom: 11px solid #fff;}
.search_wrap .search_list ul li.on:after { opacity:1; content:"";}
.search_wrap .input_search_box { width:480px; height:48px;border-radius: 2px; position:relative; line-height:48px;}
.search_wrap .input_search_box input { width:360px; height:48px; background:#fff; border:0; padding:0 20px; float:left;border-radius:  2px 0px 0px 2px;}
.search_wrap .input_search_box a { float:left; width:120px; height:48px; background: #0564B5; text-align:center;border-radius: 0px 2px 2px 0px; color:#fff;}
.search_wrap .input_search_box a i { margin-right:5px;}
.search_wrap .hot_search { padding:12px 20px;}
.search_wrap .hot_search dl{ color:#fff; opacity:.8; display:flex; font-size:12px; }
.search_wrap .hot_search dl dd { padding:0 0 0 10px;}
.search_wrap .hot_search dl dd a { color:#fff;}


/**/
.content_1280 { width:1280px; padding:0 50px; margin:0 auto;}

.section_top { margin-bottom:10px;}
.section_top .title{ padding-left:20px; position:relative; height:32px; line-height:32px; color:#005DB0; border-left:6px solid #005DB0; font-size:32px;font-weight: 500;}
.section_top .tipmore { margin-top:6px; display:flex; justify-content:space-between; align-items:center; color:#999;}
.section_top .tipmore a {color: #005DB0;}
.section_top .tipmore a i { font-size:12px; margin-left:12px;}

/*首页-热门小区*/
.rmxq_item {}
.rmxq_item ul { margin:0 -14px; overflow:hidden;}
.rmxq_item ul li { float:left; width:33.333%; overflow:hidden; margin:13.5px 0;}
/* .rmxq_item ul li:nth-child(4) {  width:66.666%} */
.rmxq_item ul li a { height:295px; margin:0 13.5px; position:relative;}
.rmxq_item ul li a:after { content:""; width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; left:0%; top:230%;transform: translate(0%,-150%);  z-index:1;transition: all .3s cubic-bezier(0.3, 0, 0, 1); -webkit-transition: all .3s cubic-bezier(0.3, 0, 0, 1);}
.rmxq_item ul li a:hover:after { content:""; height:100%; position:absolute; left:0%; top:150%; transform: translate(0%,-150%);}
.rmxq_item ul li a .mask_box { text-align:center; position:absolute; left:50%; top:139%; transform: translate(-50%,-150%); z-index:2;transition: all .3s cubic-bezier(0.3, 0, 0, 1); -webkit-transition: all .3s cubic-bezier(0.3, 0, 0, 1);}
.rmxq_item ul li a:hover .mask_box { left:50%; top:50%; transform: translate(-50%,-50%);}
.rmxq_item ul li a .mask_box h2{ color:#fff; font-size:20px; font-weight:600; line-height:28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rmxq_item ul li a .mask_box .price{ color:#fff; font-size:24px; font-weight:600; line-height:34px; margin:16px auto 8px;}
.rmxq_item ul li a .mask_box .add{ color:#fff; font-size:14px; line-height:20px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; width:82%; margin:0 auto;}
.rmxq_item ul li a img { object-fit: cover; display: block; width: 100%; height: 100%;transition: all .3s cubic-bezier(0.3, 0, 0, 1); -webkit-transition: all .3s cubic-bezier(0.3, 0, 0, 1);}
.rmxq_item ul li a:hover img {filter:blur(3px);}

/*4大板块*/
.index_tool { width:1280px; height:460px; background:url(../images/flooritem.png) center center no-repeat; background-size:100%; margin:60px auto; position:relative; display:flex; justify-content:center; align-items:center;}
.index_tool:after { content:""; width:100%; height:100%; position:absolute; background:#005db0; opacity:.5; top:0; left:0;}
.index_tool a { width:272px; height:300px; margin:15px; border:1px solid #fff; border-radius:4px; background:rgba(255,255,255,0);transition: all .3s cubic-bezier(0.3, 0, 0, 1); -webkit-transition: all .3s cubic-bezier(0.3, 0, 0, 1); display:flex; align-items:center; justify-content:center; flex-direction:column; position:relative; z-index:2;}
.index_tool a i { color:#fff; font-size:80px;}
.index_tool a h2 { color:#fff;font-size: 24px; line-height: 34px;}
.index_tool a span { color:#fff;font-size: 18px; line-height: 25px;}
.index_tool a em { color:transparent; height:0;transition: all .3s cubic-bezier(0.3, 0, 0, 1); -webkit-transition: all .3s cubic-bezier(0.3, 0, 0, 1);}
.index_tool a:hover { background:rgba(255,255,255,1);}
.index_tool a:hover i { color:#005DB0;}
.index_tool a:hover h2 { color:#333;}
.index_tool a:hover span { color:#999;}
.index_tool a:hover em { color:#005DB0; height:24px;}

/*首页二手好房*/
.house_list {}
.house_list ul { margin:0 -16px; overflow:hidden;justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;}
.house_list ul li { float:left; width:25%; padding:16px;}
.house_list ul li a{}
.house_list ul li a .pic{ position:relative; width:100%; height:240px;}
.house_list ul li a .pic img {object-fit: cover; display: block; width: 100%; height: 100%;}
.house_list ul li a .pic .hs_btn {transition: all .3s cubic-bezier(0.3, 0, 0, 1); -webkit-transition: all .3s cubic-bezier(0.3, 0, 0, 1); background:rgba(0,0,0,0.5); position:absolute; width:100%; height:100%; display:flex; align-items:center; justify-content:center; opacity:0;}
.house_list ul li a .pic .details{ width:120px; height:40px; border:1px solid #fff; text-align:center; line-height:40px; color:#fff;transition: all .3s cubic-bezier(0.3, 0, 0, 1); -webkit-transition: all .3s cubic-bezier(0.3, 0, 0, 1); opacity:0;}
.house_list ul li a .pic .vr{ width:80px; height:80px; border:1px solid #fff; text-align:center; line-height:80px; color:#fff; border-radius:50%;transition: all .3s cubic-bezier(0.3, 0, 0, 1); -webkit-transition: all .3s cubic-bezier(0.3, 0, 0, 1); opacity:0;}
.house_list ul li a .pic .vr i { font-size:40px; color:#fff;}
.house_list ul li a .pic .hs_btn:hover { opacity:1;}
.house_list ul li a .pic .hs_btn:hover .details { opacity:1;}
.house_list ul li a .pic .hs_btn:hover .vr { opacity:1;}
.house_list ul li a .info .title{ margin-top:12px; display:flex; justify-content:space-between; align-items:center; overflow:hidden;}
.house_list ul li a .info .title h2 { min-width:60%; flex:1; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;font-size: 20px; color:#333;}
.house_list ul li a .info .title p { color:#E81002;font-size: 18px; font-weight:700;white-space: nowrap; padding-left:5px;}
.house_list ul li a .info .describe { color:#333; font-size:14px; margin:8px 0;}
.house_list ul li a .info .add { color:#999; font-size:14px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; width:80%;}


/*品质租房*/
.pzhouse_list {}
.pzhouse_list ul { overflow:hidden; margin:0 -14px;}
.pzhouse_list ul li { float:left; width:33.333%; padding:14px;}
.pzhouse_list ul li a { width:100%; background:#fff;}
.pzhouse_list ul li a .pic{ position:relative; width:100%; height:267px; }
.pzhouse_list ul li a .pic .title { position:absolute; bottom:0; left:0; right:0;transition: all .3s cubic-bezier(0.3, 0, 0, 1); -webkit-transition: all .3s cubic-bezier(0.3, 0, 0, 1); background:rgba(0,0,0,.7); height:52px; margin-top:12px; display:flex; justify-content:space-between; align-items:center; padding:16px 20px; color:#fff;}
.pzhouse_list ul li a .pic .title:hover { background:#005DB0;}
.pzhouse_list ul li a .pic .title h2 { width:70%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;font-size:16px;}
.pzhouse_list ul li a .pic .title p { font-size: 18px; font-weight:500;}
.pzhouse_list ul li a .pic img {object-fit: cover; display: block; width: 100%; height: 100%;}
.pzhouse_list ul li a .info { padding:20px;}
.pzhouse_list ul li a .info .describe { margin-bottom:12px; color:#333;}
.pzhouse_list ul li a .info .add { color:#999; font-size:14px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; width:80%;}

/*首页排行榜*/

.ranking {}
.ranking .ranking_hd { position:relative; overflow:hidden; height:70px;}
.ranking .ranking_hd:after { content:""; position:absolute; width:100%; height:1px; background:#005db0; left:0; right:0; bottom:0;}
.ranking .ranking_hd .title { padding-left:20px; position:relative; height:32px; line-height:32px; color:#005DB0; border-left:6px solid #005DB0; font-size:32px;font-weight: 500; float:left; }
.ranking .ranking_hd ul { float:right; margin-top:10px;}
.ranking .ranking_hd ul li { float:left; margin:0 25px; position:relative; padding-bottom:33px;}
.ranking .ranking_hd ul li a { font-size:18px; color:#999;}
.ranking .ranking_hd ul li.on a { font-size:18px; color:#005DB0;}
.ranking .ranking_hd ul li.on:after { content:""; border-left:12px solid transparent; border-right: 12px solid transparent; width: 0; height: 0; -webkit-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); border-bottom: 13px solid #005DB0; z-index:1;}
.ranking .ranking_hd ul li.on:before { content:""; border-left: 12px solid transparent; border-right: 12px solid transparent; width: 0; height: 0; -webkit-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s; position: absolute; bottom:-1px; left: 50%; transform: translateX(-50%); border-bottom: 13px solid #fff; z-index:2;}
.ranking .ranklist {}
.ranking .ranklist ol{}
.ranking .ranklist ol li{ border-bottom:1px solid #e6e6e6; padding:54px 0; display:flex; align-items: center; position:relative;}
.ranking .ranklist ol li em { width:100px; margin-left:-15px; margin-right:60px; display:flex;}
.ranking .ranklist ol li em i{ font-size:60px; color:#FFC75A; position:relative;}
.ranking .ranklist ol li em i.icon0{ right:-12px;}
.ranking .ranklist ol li .pic{ width:275px; height:210px; margin-right:32px;}
.ranking .ranklist ol li .pic img {object-fit: cover; display: block; width: 100%; height: 100%; max-width: 550px;}
.ranking .ranklist ol li .info { height:210px; display:flex; flex-direction:column;}
.ranking .ranklist ol li .info .title{font-size: 20px; margin-bottom:20px; color:#333; font-weight:500;}
.ranking .ranklist ol li .info .item { display:flex; margin-bottom:12px;}
.ranking .ranklist ol li .info .item span { color:#999;}
.ranking .ranklist ol li .info .item p { color:#333;}
.ranking .ranklist ol li .info .item p a { color:#005DB0; display:inline;}
.ranking .ranklist ol li .info .btn_box { display:flex; margin-top:10px;}
.ranking .ranklist ol li .info .btn_box a { display:flex;border: 1px solid #CCCCCC; padding:13px 32px; margin-right:22px;}
.ranking .ranklist ol li .info .btn_box a span { color:#999;}
.ranking .ranklist ol li .info .btn_box a p { color:#333;}
.ranking .ranklist ol li .price_right { position:absolute; right:0; top:100px; text-align:right;}
.ranking .ranklist ol li .price_right b {font-size: 24px;color: #E81002; display:block;}
.ranking .ranklist ol li .price_right span { color:#999; margin-top:16px; display:inline-block;}
.ranking .ranklist ul { margin:50px -18px; overflow:hidden;}
.ranking .ranklist ul li{ width:25%; float:left; padding:0 18px;}
.ranking .ranklist ul li a { width:100%; position:relative; overflow:hidden;}
.ranking .ranklist ul li a .info { position:absolute; background:rgba(0,0,0,0.5); width:100%; height:100%;transition: all .3s cubic-bezier(0.3, 0, 0, 1); -webkit-transition: all .3s cubic-bezier(0.3, 0, 0, 1); top:0;}
.ranking .ranklist ul li a .info .box{ position:absolute; left:12px; right:12px; bottom:12px; top:12px; border:1px solid #fff; display:flex; align-items:center; flex-direction:column; justify-content:center; color:#fff;}
.ranking .ranklist ul li a .info .box em i{ font-size:30px; position:relative;}
.ranking .ranklist ul li a .info .box em i.icon0{ right:-3px;}
.ranking .ranklist ul li a .info .box em i:nth-child(2){ left:-3px;}
.ranking .ranklist ul li:hover a .info { top:-100%;}
.ranking .ranklist ul li a .details { position:absolute; background:rgba(0,0,0,0.6); width:100%; height:100%;transition: all .3s cubic-bezier(0.3, 0, 0, 1); -webkit-transition: all .3s cubic-bezier(0.3, 0, 0, 1); top:-100%; display:flex; align-items:center; justify-content:center;}
.ranking .ranklist ul li:hover a .details {top:0%;}
.ranking .ranklist ul li a .details span{ width:120px; height:40px; border:1px solid #fff; text-align:center; line-height:40px; color:#fff;}


/*通用页脚*/
.footer { width:100%;background: #33393E;}
.footer .content { width:1180px; margin:0 auto;}
.footer .content .hd { border-bottom:1px solid #54585c; padding:20px 0; display:flex; align-items:center; justify-content:space-between;}
.footer .content .hd .logo { color:#bfc0c1; font-size:24px; padding-left:55px; height:40px; background:url(../images/logo2.png) left center no-repeat; background-size: contain;}
.footer .content .hd .phone { color:#fff; opacity:.6; font-size:18px;}
.footer .content .hd .phone i { font-size:20px; margin-right:15px;}
.footer .content .bd { padding:20px 0; display:flex; justify-content:space-between; align-items: flex-start;}
.footer .content .bd p { color:#fff; opacity:.8; font-size:12px; margin-bottom:8px;}
.footer .content .bd .ewm { display:flex;}
.footer .content .bd .ewm span { margin-left:30px; width:135px; font-size:12px; color:#e0e1e1; text-align:center; }
.footer .content .bd .ewm span img { display:inline-block; margin-bottom:10px;}
.footer .content .bd p.nav { margin-bottom:20px;}
.footer .content .bd p.nav a { display:inline-block; color:#fff; opacity:.8; font-size:16px; line-height: 16px;}

.footer .fd {background: #2D3135; text-align:center; color:#fff; opacity:.8; height:48px; line-height:48px;font-size:12px;}


/*通用顶部导航*/
.logo_nav { width:100%; text-align:center; z-index:99; background: #005DB0;}
.logo_nav .logo_nav_box { width:1280px; height:95px; margin:0 auto; position:relative;}
.logo_nav .logo_nav_box .logo_nav_l { position:absolute; top:15px; left:50px; display:flex; align-items:center;}
.logo_nav .logo_nav_box .logo_nav_l .logo{ width:52px; height:64px; background:url(../images/logo.png) center center no-repeat; background-size:contain; display:inline-block;}
.logo_nav .logo_nav_r { position:absolute; right:50px; top:24px; display:flex; justify-content:flex-end; flex-direction:column;}
.logo_nav .logo_nav_r ul { margin-top:15px;}
.logo_nav .logo_nav_r ul li { float:left; margin-left:30px;}
.logo_nav .logo_nav_r ul li a { color:#fff; position:relative; height:30px; padding-bottom:10px;}

/*当前位置*/
.current { box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);}
.current .box{ width:1180px; height:48px; line-height:48px; margin:0 auto; color:#666;}
.current .box .fl { float:left;}
.current .box .fl a{ display:inline-block;color:#666;}
.current .box .fl i { font-size:12px; padding:0 10px; display:inline-block; transform:scale(.75);}
.current .box .phone { float:right;}
.current .box .phone i { padding-right:10px;}


/*搜索主体*/
.screen_box { padding:40px 0;}
.screen_box .fangsearch{ overflow:hidden; width:1180px; margin-bottom:40px;}
.screen_box .fangsearch input{ float:left; border: 1px solid #005DB0;border-radius: 2px 0 0 2px; height:48px; line-height:48px; display:inline-block; width:584px; padding:14px 15px;}
.screen_box .fangsearch a{ float:left; width:140px; border: 1px solid #005DB0; height:48px; line-height:48px; font-size:16px; color:#fff; display:inline-block;}
.screen_box .fangsearch a.bluebtn { background:#005db0;border-radius:0 2px 2px 0; text-align:center;}
.screen_box .fangsearch a.yellowbtn { margin-left:16px; border: 1px solid #ff0000; background: #ff0000;border-radius:2px; text-align:center;}
.screen_box .fangsearch a i { font-size:18px; margin-right:10px;}

.screen_box ul{ margin-top:40px; font-size:14px;}
.screen_box ul li { border-bottom:1px solid #ebebeb; height:48px;}
.screen_box ul li label { float:left; line-height:48px;}
.screen_box ul li .td { float:left; }
.screen_box ul li .td > a { margin-right:20px; color:#333; display: inline-block; line-height:48px;}
.screen_box ul li .td a.on, .screen_box ul li .td a:hover{ color:#40a5ff;}
.screen_box ul li .td .chose { display: inline-block; margin-right:16px; height:48px; line-height:48px; position:relative;}
.screen_box ul li .td .chose select{ min-width: 100px; height: 24px; border: 1px solid #E6E6E6; padding:0 8px;appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;}

.screen_box ul li .between { float: left; line-height: 48px; }
.screen_box ul li .between input { border: 1px solid #ccc; border-radius: 3px; height: 26px; line-height: 26px; padding: 0 3px; text-align: center; margin: -4px 0 0 0; width: 50px; }
.screen_box ul li .between input[type="button"] { width: 40px;margin-left: 3px;color: #333;cursor: pointer;border: 1px solid #ccc; background-color: #f6f6f6;  }

select::-ms-expand { display: none; }
.screen_box ul li .td .chose:after { content:""; border-left: 5px solid transparent; border-right: 5px solid transparent; width: 0; height: 0; border-top:6px solid #999; position: absolute; top:50%; transform:translateY(-50%); right:10px;}

/**/
.tab_title_al { height:44px; line-height:44px; border-bottom:1px solid #005DB0;}
.tab_title_al h2 { background:#005DB0; color:#fff; text-align:center; line-height:44px; font-size:18px; padding:0 20px; display:inline-block; float: left;cursor:pointer;}
.tab_title_al h2.disable { background:none; color:#999;}
.tab_title_al h3 { display:inline-block;font-size: 18px;}
.tab_title_al h3 span {color: #005DB0;}
.tab_title_al ul { float:right;}
.tab_title_al ul li { display:inline-block; margin-left:30px; position:relative; font-size:12px;}
.tab_title_al ul li a { color:#333;}
.tab_title_al ul li a.sort { padding:0 10px; position:relative;}
.tab_title_al ul li a.sort:after { content:""; background:url(../images/arrow.png) center bottom no-repeat; background-size:100%; width:6px; height:7px; position:absolute; top:50%; transform: translateY(-50%); right:0;}
.tab_title_al ul li a.sort.arrow_down:after { background-position: center center;}
.tab_title_al ul li a.sort.arrow_pu:after { background-position: center top;}
.tab_title_al ul li.on a, .tab_title_al ul li:hover a{ color:#005DB0;}
.tab_title_al ul li.on:before { color:#005DB0;}
.tab_title_al ul li.on:after { content:""; border-left:10px solid transparent;border-right: 10px solid transparent;width: 0;height: 0;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;transition: all ease-in-out .3s;position: absolute;bottom: 1px;left: 50%;transform: translateX(-50%);border-bottom: 11px solid #005DB0;z-index:1;}
.tab_title_al ul li.on:before {content:"";border-left: 10px solid transparent;border-right: 10px solid transparent;width: 0;height: 0;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;transition: all ease-in-out .3s;position: absolute;bottom:-1px;left: 50%;transform: translateX(-50%);border-bottom: 11px solid #fff;z-index:2; }


/*房源列表*/
.house_module ul li{ border-bottom:1px solid #E6E6E6; display: flex; padding:40px 0; position:relative; width:100%;}
.house_module ul li>a{display: inherit;}
.house_module ul li .pic{ width:280px; height:180px; margin-right:24px;}
.house_module ul li .pic img {object-fit: cover; display: block; width: 100%; height: 100%;}
.house_module ul li .info .title{font-size: 24px; margin-bottom:12px;line-height: 34px;color:#333;}
.house_module ul li .info .item {font-size:14px;margin-bottom: 10px;color:#333;display:flex;align-items:center;}
.house_module ul li .info .item i {font-size: 16px;margin-right:8px;}
.house_module ul li .info .item p { display:inline-block;}
.house_module ul li .info .item p a { display:inline-block; color:#005DB0;}
.house_module ul li .info .tip_box { padding-top:5px;}
.house_module ul li .info .tip_box p{ display:inline-block; padding:0px 12px; height:28px; line-height:28px; margin-right:8px; font-size:12px;}
.house_module ul li .info .tip_box p.tipblue {background: #E8EEFD; color:#638FF9;}
.house_module ul li .info .tip_box p.tipgreen {background: #E1F5ED; color:#33BE85;}
.house_module ul li .info .tip_box p.tipgray {background: #f5f5f5; color:#999;}
.house_module ul li .price_right { position: absolute; right:0; top:50%; transform:translateY(-50%); text-align:right;}
.house_module ul li .price_right b { font-size:28px; color:#e81002; display:block; font-weight:700;}
.house_module ul li .price_right b em { font-size:14px; font-weight:normal; margin-left:4px;}
.house_module ul li .price_right span { color:#999; font-size:18px;}


/*分页*/
.changepage { padding:60px; margin:0 auto;}
.changepage ul { text-align:center;}
.changepage ul li { background:#f5f5f5; font-size:14px; display:inline-block;height:36px; line-height:36px;border-radius: 4px; margin:0 4px;}
.changepage ul li a { color:#333; padding:0px 15px; }
.changepage ul li span { color:#333; padding:0px 15px; }
.changepage ul li:hover, .changepage ul li:hover span, .changepage ul li.current {background: #005DB0; color:#fff;}
.changepage ul li:hover a, .changepage ul li.current a{ color:#fff;}



/*小区概况------------------------*/

.community_title { width:1180px; margin:40px auto 20px;}
.community_title h1{ font-size: 24px; margin:0 auto; text-align:left;}

.community_nav {font-size:16px;width: 1180px;margin: 0 auto;overflow: hidden;}
.community_nav ul { border-bottom:1px solid #E6E6E6; display:flex;}
.community_nav ul li { flex:1; text-align:center; position:relative; top:1px; border-bottom:1px solid transparent;transition: all .3s cubic-bezier(0.3, 0, 0, 1); -webkit-transition: all .3s cubic-bezier(0.3, 0, 0, 1);}
.community_nav ul li.on { border-bottom:1px solid #005DB0;}
.community_nav ul li a { position:relative;color: #666666; padding:10px 0 12px;transition: all .3s cubic-bezier(0.3, 0, 0, 1); -webkit-transition: all .3s cubic-bezier(0.3, 0, 0, 1);}
.community_nav ul li.on a {color: #005DB0; }
.community_nav ul li a:after {transition: all .3s cubic-bezier(0.3, 0, 0, 1); -webkit-transition: all .3s cubic-bezier(0.3, 0, 0, 1); content:""; border-left:8px solid transparent; border-right:8px solid transparent; width: 0; height: 0; -webkit-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); border-bottom: 9px solid #005DB0; z-index:1;}
.community_nav ul li a:before {transition: all .3s cubic-bezier(0.3, 0, 0, 1); -webkit-transition: all .3s cubic-bezier(0.3, 0, 0, 1); content:""; border-left: 8px solid transparent; border-right: 8px solid transparent; width: 0; height: 0; -webkit-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s; position: absolute; bottom:-11px; left: 50%; transform: translateX(-50%); border-bottom: 9px solid #fff; z-index:2;}

.community_nav ul li.on a:after { content:""; border-left:8px solid transparent; border-right:8px solid transparent; width: 0; height: 0; -webkit-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); border-bottom: 9px solid #005DB0; z-index:1;}
.community_nav ul li.on a:before { content:""; border-left: 8px solid transparent; border-right: 8px solid transparent; width: 0; height: 0; -webkit-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s; position: absolute; bottom:-1px; left: 50%; transform: translateX(-50%); border-bottom: 9px solid #fff; z-index:2;}

.loupan_info {padding:40px 0 20px;display:flex;}
.loupan_info .con_left { width:660px; margin-right:60px;}
.loupan_info .con_left .pic { margin-bottom:10px; width:660px; overflow:hidden;}
.loupan_info .con_left .pic img {object-fit: cover; display: block; width: 100%; height: 100%;}
.loupan_info .con_left .little_img_box { height:90px; display:flex;}
.loupan_info .con_left .little_img_box a{ background:#333; display:flex; align-items:center; justify-content:center; width:26px; height:90px;}
.loupan_info .con_left .little_img_box a i { color:#fff; opacity:0.8;}
.loupan_info .con_left .little_img_box .little_img { flex:1; padding:0 10px; overflow:hidden;}
.loupan_info .con_left .little_img_box .little_img ul {}
.loupan_info .con_left .little_img_box .little_img ul li { float:left; margin-right:10px; cursor:pointer;}
.loupan_info .con_right { flex:1;}
.loupan_info .con_right .price_box { display:flex; align-items:baseline; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #F0F0F0;}
.loupan_info .con_right .price_box b {color: #E81002;font-size: 36px; line-height:36px;}
.loupan_info .con_right .price_box span {color: #E81002;font-size: 18px;font-weight: 600; margin-right:20px;}
.loupan_info .con_right .price_box p {color: #cccccc;font-size: 18px;}
.loupan_info .con_right .house_information dl { display:flex; margin-bottom:20px;}
.loupan_info .con_right .house_information dl dt{ color:#999; width:100px;}
.loupan_info .con_right .house_information dl dd{ color:#333;}
.loupan_info .con_right .xg {background: #F7FBFF; display:flex; align-items:center; justify-content:center;width: 460px;
height: 82px;font-size: 18px;}
.loupan_info .con_right .xg a { color: #005DB0; padding:28px;}
.loupan_info .con_right .house_information.zufang { overflow:hidden;}
.loupan_info .con_right .house_information.zufang dl{ float:left; width:50%;}

.loupan_item_header { display:flex; justify-content:space-between; align-items:baseline; margin-top:60px;}
.loupan_item_header b {font-size: 24px;}
.loupan_item_header a {color: #005DB0;}
.loupan_item_header a i { font-size:12px; margin-left:12px;}
.loupan_item_header.lblue b {line-height: 24px; padding-left:20px; border-left:6px solid #005bd0;}

.loupan_guwen { margin:20px 0 80px 0;}
.loupan_guwen ul { display:flex;}
.loupan_guwen ul li { flex:1;}
.loupan_guwen ul li a{ display:flex;}
.loupan_guwen ul li a .pic { width:100px; height:120px; margin-right:16px; }
.loupan_guwen ul li a .info { display:flex; justify-content: space-between; flex-direction:column;}
.loupan_guwen ul li a .info h2 { color:#333; font-size:20px;}
.loupan_guwen ul li a .info p i{ color:#333;font-size: 18px;}
.loupan_guwen ul li a .info p span{ color:#333;}
.loupan_guwen ul li a .info p em { color:#999;}
.loupan_guwen ul li a .info p span.red { color:#e81002;}

.Photo_item { margin:7px 0 80px 0;}
.Photo_item ul { margin:0 -13.5px; overflow:hidden;}
.Photo_item ul li { float:left; width:33.333%; overflow:hidden; margin:13.5px 0;}
.Photo_item ul li.big {  width:66.666%}
.Photo_item ul li a { height:295px; margin:0 13.5px; position:relative;}
.Photo_item ul li a h2 { position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,0.5); height:68px; line-height:68px; text-align: center;font-size: 20px; color:#fff;transition: all .3s cubic-bezier(0.3, 0, 0, 1); -webkit-transition: all .3s cubic-bezier(0.3, 0, 0, 1);}
.Photo_item ul li:hover a h2 { background:rgba(0, 93, 176, 0.5);}
.Photo_item ul li a img{object-fit: cover; display: block; width: 100%; height: 100%;}

.house_map { margin:20px 0 80px 0; position:relative;}
#allmap,#allmap1{width:100%;height:520px;}
.house_map .house_map_build {position: absolute; right: 30px; top: 17px; width:400px; box-shadow: 0 2px 20px 0 rgba(0,0,0,0.2); z-index:99; background:#fff;}
.house_map .house_map_build .map_nav {width: 100%;height: 44px; background: #fff; background: #F5F5F5; display:flex; align-items:center;}
.house_map .house_map_build .map_nav a { flex:1; color:#333; text-align:center; border-top:2px solid transparent; height:44px; line-height:44px;transition: all .3s cubic-bezier(0.3, 0, 0, 1); -webkit-transition: all .3s cubic-bezier(0.3, 0, 0, 1);}
.house_map .house_map_build .map_nav a:hover {background:#fff; color:#005DB0;}
.house_map .house_map_build .map_nav a.active { border-top:2px solid #005DB0; background:#fff; color:#005DB0;}
.house_map .house_map_build .map_screen { height: 442px; background: #fff; overflow-x: hidden; overflow-y: auto;}
/*重写滚动条*/
div::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); border-radius: 10px; background-color: #fff;}
div::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #bbb;}
div::-webkit-scrollbar { width: 4px; height: 4px; background-color: #b3b3b3;}
.house_map .house_map_build .map_screen .map_nav_child {border-bottom: 1px solid #efefef; margin-left:20px;}
.house_map .house_map_build .map_screen .map_nav_child .map_child_btns { overflow:hidden;}
.house_map .house_map_build .map_screen .map_nav_child .map_child_btns a{ color:#333; float:left; position:relative; height:55px; line-height:55px; margin-right:24px;}
.house_map .house_map_build .map_screen .map_nav_child .map_child_btns a.active { color:#005DB0;}
.house_map .house_map_build .map_screen .map_nav_child .map_child_btns a.active:after {content: "";height: 2px;width: 100%; background: #005DB0; position: absolute; left: 0; bottom: 0px;}
.house_map .house_map_build .map_screen ul li{ padding:12px 20px; position:relative;}
.house_map .house_map_build .map_screen ul li:hover { background:#f5f5f5;}
.house_map .house_map_build .map_screen ul li span { position:absolute; left:235px; top:12px; z-index:2;}
.house_map .house_map_build .map_screen ul li b { color:#333; margin-bottom:10px; display:block;}
.house_map .house_map_build .map_screen ul li p { color:#333;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}



.zbxq_list ul { margin: 0 -18px; overflow:hidden;}
.zbxq_list ul li{ float:left; margin:18px; width:268px; position:relative;border-radius: 4px; overflow:hidden; }
.zbxq_list ul li a .pic { width:268px; height:240px; border-radius:4px; overflow:hidden; position:relative;}
.zbxq_list ul li a .pic img{ object-fit: cover; display: block; width: 100%; height: 100%;}
.zbxq_list ul li a .pic span{ position:absolute; height:48px; line-height:48px; text-align:center; color:#fff; background:rgba(0,0,0,.5); bottom:0; left:0; right:0; font-size:18px;}
.zbxq_list ul li a:hover .pic span {    background: rgba(0, 93, 176, 0.5);}
.zbxq_list ul li a h2 {font-size: 20px; color:#333;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; margin:12px 0 5px; font-weight:700;}
.zbxq_list ul li a p { color:#666666;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}



.loupan_sx {background: #FAFBFF; padding:25px 60px; margin:28px auto 60px; }
.loupan_sx ul li { padding:10px 0;}
.loupan_sx ul li label { color:#333; float:left; margin-right:20px; font-weight:700;}
.loupan_sx ul li .td { overflow:hidden;}
.loupan_sx ul li .td a { color:#999; float:left; margin-right:20px;}
.loupan_sx ul li .td a.on, .loupan_sx ul li .td a:hover { color:#005DB0;}



.tab_title_ag { height:48px; line-height:48px; border-bottom:1px solid #E6E6E6;}
.tab_title_ag h3 { display:inline-block;font-size: 18px;}
.tab_title_ag h3 span {color: #005DB0;}
.tab_title_ag ul { float:right;}
.tab_title_ag ul li { display:inline-block; margin-left:30px; position:relative; font-size:12px;}
.tab_title_ag ul li a { color:#333;}
.tab_title_ag ul li a.sort { padding:0 10px; position:relative;}
.tab_title_ag ul li a.sort:after { content:""; background:url(../images/arrow.png) center bottom no-repeat; background-size:100%; width:6px; height:7px; position:absolute; top:50%; transform: translateY(-50%); right:0;}
.tab_title_ag ul li a.sort.arrow_down:after { background-position: center center;}
.tab_title_ag ul li a.sort.arrow_pu:after { background-position: center top;}
.tab_title_ag ul li.on a, .tab_title_ag ul li:hover a{ color:#005DB0;}
.tab_title_ag ul li.on:before { color:#005DB0;}

.tab_title_aR { height:48px; line-height:48px; border-bottom:1px solid #E6E6E6;}
.tab_title_aR h3 { display:inline-block;font-size: 18px;}
.tab_title_aR h3 span {color: #005DB0;}
.tab_title_aR ul { float:right;}
.tab_title_aR ul li { display:inline-block; margin-left:30px; position:relative; font-size:12px;}
.tab_title_aR ul li a { color:#333;}
.tab_title_aR ul li a.sort { padding:0 10px; position:relative;}
.tab_title_aR ul li a.sort:after { content:""; background:url(../images/arrow.png) center bottom no-repeat; background-size:100%; width:6px; height:7px; position:absolute; top:50%; transform: translateY(-50%); right:0;}
.tab_title_aR ul li a.sort.arrow_down:after { background-position: center center;}
.tab_title_aR ul li a.sort.arrow_pu:after { background-position: center top;}
.tab_title_aR ul li.on a, .tab_title_ag ul li:hover a{ color:#005DB0;}
.tab_title_aR ul li.on:before { color:#005DB0;}


.tab {margin: 0 auto; display:none; animation: slide-top-10 .2s cubic-bezier(0.3, 0, 0, 1);  -webkit-animation: slide-top-10 .2s cubic-bezier(0.3, 0, 0, 1); }
.tab.act { display:block;}
@-webkit-keyframes slide-top-10 {
0% {
opacity:0.5;
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
100% {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes slide-top-30 {
0% {
opacity:0.5;
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
100% {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}

#xqgw { position:relative;}
.tab_title_ab {height:70px;line-height:70px;background: #F5F8FF; position:relative;}
.tab_title_ab .box{ width:1180px; margin: 0 auto;}
.tab_title_ab h3 { display:inline-block;font-size: 18px;}
.tab_title_ab h3 span {color: #005DB0;}
.tab_title_ab ul { float:right;}
.tab_title_ab ul li { display:inline-block; margin-left:30px; position:relative; font-size:12px;}
.tab_title_ab ul li a { color:#333;}
.tab_title_ab ul li a.sort { padding:0 10px; position:relative;}
.tab_title_ab ul li a.sort:after { content:""; background:url(../images/arrow.png) center bottom no-repeat; background-size:100%; width:6px; height:7px; position:absolute; top:50%; transform: translateY(-50%); right:0;}
.tab_title_ab ul li a.sort.arrow_down:after { background-position: center center;}
.tab_title_ab ul li a.sort.arrow_pu:after { background-position: center top;}
.tab_title_ab ul li.on a, .tab_title_ab ul li:hover a{ color:#005DB0;}
.tab_title_ab:after { content:""; position:absolute; width:300%; background:#F5F8FF; height:70px; left:-150%; right:0; top:0; z-index:-1;}

.guwen_list {margin: 0 auto;width: 1180px;}
.guwen_list ul li { overflow:hidden; border-bottom:1px solid #E6E6E6; padding:40px 0; width:100%;}
.guwen_list ul li a.guwen{ float:left; display:flex;}
.guwen_list ul li a.guwen .pic { width:108px; height:140px; margin-right:16px; }
.guwen_list ul li a.guwen .pic img{ object-fit: cover; display: block; width: 100%; height: 100%;}
.guwen_list ul li a.guwen .info { display:flex; justify-content: space-between; flex-direction:column;}
.guwen_list ul li a.guwen .info h2 { color:#333; font-size:20px;font-weight:700;}
.guwen_list ul li a.guwen .info p i{ color:#333;font-size: 18px;}
.guwen_list ul li a.guwen .info p span{ color:#333;}
.guwen_list ul li a.guwen .info pre{ color:#333;}
.guwen_list ul li a.guwen .info p em { color:#999;}
.guwen_list ul li a.guwen .info p span.red { color:#e81002;}

.guwen_list ul li .guwen_sale { float:right; display:flex;}
.guwen_list ul li .guwen_sale a { width:137px; height:140px; display:flex; justify-content: space-between; flex-direction:column; margin-left:20px;}
.guwen_list ul li .guwen_sale a .pic { width:137px; height:90px;}
.guwen_list ul li .guwen_sale a .pic img{ object-fit: cover; display: block; width: 100%; height: 100%;}
.guwen_list ul li .guwen_sale a h2 { width:137px; color:#333;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; font-weight:700;}
.guwen_list ul li .guwen_sale a p { display:flex; justify-content:space-between; color:#666;}
.guwen_list ul li .guwen_sale a p em { color:#e81002;font-weight:700;}


.bblock {display: inline-block; min-width:132px; height:44px; background: #005DB0; line-height:44px;font-size: 18px; color:#fff; padding:0 21px; margin-top:60px;}

.img_list_box { margin:0 -18px; overflow:hidden;}
.img_list_box a { float:left; margin:18px; width:268px; height:240px; position:relative;border-radius: 4px; overflow:hidden; }
.img_list_box a img{ object-fit: cover; display: block; width: 100%; height: 100%;}
.img_list_box a span { position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,0.5); height:68px; line-height:68px; text-align: center;font-size: 20px; color:#fff;transition: all .3s cubic-bezier(0.3, 0, 0, 1); -webkit-transition: all .3s cubic-bezier(0.3, 0, 0, 1);}
.img_list_box a:hover span { background:rgba(0, 93, 176, 0.5);}


/*委托页*/
.wt_tab { display:flex; width:1180px; margin:42px auto 50px;}
.wt_tab a{ flex:1; border-bottom:1px solid #e6e6e6; color:#666; text-align:center; font-size:20px; padding:18px 0; display:block;transition: all .3s cubic-bezier(0.3, 0, 0, 1); -webkit-transition: all .3s cubic-bezier(0.3, 0, 0, 1); }
.wt_tab a.on, .wt_tab a:hover { border-bottom:1px solid #005db0; color:#005db0;}
.wt_box { width:868px; margin:0 auto;}
.wt_box ul li { overflow:hidden; height:62px; line-height:62px; border-bottom:1px solid #E6E6E6;}
.wt_box ul li label { float:left; width:100px; font-weight:700;}
.wt_box ul li .inout_box { float:left; width:700px;}
.wt_box ul li .inout_box .spe { display:inline-block; padding: 0 10px;}
.wt_box ul li .inout_box input { border:0; width: 100%;}
.wt_box ul li .inout_box.range input { border:0; width: 40%;}
.wt_box ul li .inout_box input::-webkit-input-placeholder { color:#999;}
.wt_box .wtbtn { width:295px; height:52px; line-height:52px; background:#005db0; color:#fff; text-align:center; margin:60px auto; font-size:16px;}


/*关于我们*/
.about_text { text-align:left; padding:60px 0 60px 14px;}

.about_text dt { position:relative; font-size:18px; color:#005DB0; display:block; margin-bottom:18px;}
.about_text dt:before { position:absolute; content:""; width:4px; height:80%; background:#005DB0; top:50%; transform:translateY(-50%); left:-14px;}
.about_text dd { display:block; line-height:2.2; color:#666; margin-bottom:40px;}
.about_text dd p { margin-bottom:10px;}
.about_banner { width:100%; height:400px; position:relative;}
.about_banner:before { content:""; position:absolute; background:rgba(0,0,0,0.2); width:100%; height:100%;}
.about_banner img{ object-fit: cover; display: block; width: 100%; height: 100%;}



/*二手房详情*/
.esxqdetails_title { width:1180px; margin:40px auto -20px;}
.esxqdetails_title h1{ font-size: 36px; margin:0 auto; text-align:left; font-weight:700;}

.esxqdetails_info.loupan_info .price_box { display:block;}
.esxqdetails_info.loupan_info .price_box p { color:#333;font-size: 16px; margin-top: 10px;}
.esxqdetails_info.loupan_info .con_right .house_information dl dt{ width:50px;}

.esxqdetails_info.loupan_info.newhouse_info .con_right .house_information dl dt{ width:100px;}

.esxqdetails_info .house_information dl dd{ color:#333; font-weight:700;}

.esxqdetails_info .guwen{ display:flex; padding:20px 0; border:1px solid #f0f0f0; border-left:0; border-right:0;}
.esxqdetails_info .guwen .pic { width:108px; height:140px; margin-right:16px; }
.esxqdetails_info .guwen .pic img{ object-fit: cover; display: block; width: 100%; height: 100%;}
.esxqdetails_info .guwen .info { display:flex; justify-content: space-between; flex-direction:column;}
.esxqdetails_info .guwen .info h2 { color:#333; font-size:20px;font-weight:700;}
.esxqdetails_info .guwen .info p i{ color:#333;font-size: 18px;}
.esxqdetails_info .guwen .info p span{ color:#333;}
.esxqdetails_info .guwen .info p em { color:#333;}
.esxqdetails_info .guwen .info p span.red { color:#e81002;}
.esxqdetails_info .guwen_phone { padding:20px; border-bottom:1px solid #f0f0f0; display:flex; align-items:center; color:#005db0;}
.esxqdetails_info .guwen_phone i{font-size:26px; margin-right:10px;}
.esxqdetails_info .guwen_phone p{font-size: 24px; font-weight:700;}

.esfy_info ul { overflow:hidden; margin:20px auto 0;}
.esfy_info ul li{ float:left; width:33.33333%; overflow:hidden; padding:10px 0;}
.esfy_info ul li label { color:#999; width:80px; float:left;}
.esfy_info ul li a { color:#005DB0;}
.esfy_info ul li p { float:left; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }

.Photo_item.esfy_pic {}
.Photo_item.esfy_pic li a h2 { display:inline-block; right:auto; padding:0 20px; font-size:14px; height:44px; line-height:44px;}
.Photo_item.esfy_pic li a:hover h2{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:18px;}
.Photo_item.esfy_pic li:last-child em{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.5); display:flex; align-items:center; justify-content:center; font-size:64px; color:#fff; z-index:2;}


.esfy_xqgk { display:flex; }
.esfy_xqgk .xqgk { width:320px; height:520px; padding:23px 24px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08); margin:20px 30px 0 0;}
.esfy_xqgk .house_map { flex:1; margin-bottom:0;}
.esfy_xqgk .xqgk h2 { font-size:20px;}
.esfy_xqgk .xqgk .pic{ width:272px; height:160px; margin:20px auto;}
.esfy_xqgk .xqgk .pic img {object-fit: cover; display: block; width: 100%; height: 100%;}
.esfy_xqgk .xqgk .zushou_box {background: #E8EEFD; text-align:center; height:44px; line-height:44px;color: #638FF9;}
.esfy_xqgk .xqgk .zushou_box a {color: #638FF9; display:inline-block; padding:0 20px;}
.esfy_xqgk .xqgk .esfy_xq { font-size:16px; margin:10px 0; overflow:hidden;}
.esfy_xqgk .xqgk .esfy_xq ul li { display:flex; justify-content:center; margin:15px auto;}
.esfy_xqgk .xqgk .esfy_xq ul li label { flex:1; text-align:right; color:#999;}
.esfy_xqgk .xqgk .esfy_xq ul li p { flex:1; text-align:left; color:#333; font-weight:700;}
.esfy_xqgk .xqgk .xqgkbtn {background: #005DB0; color:#fff; text-align:center; height:48px; line-height:48px;}

/*图片弹窗*/
.bigImg{display: block;position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 1002}
.bigImg .mask{width: 100%;height: 100%;background-color: #000;opacity: .9;filter: alpha(opacity=70);}
.bigImg .list{position: fixed;margin-bottom: 2px;/* left: 0; *//* right: 0; */text-align: center;}
.bigImg .list img{height: 100%;max-width: 100%}
.bigImg .list .loading{position: absolute;width: 32px;height: 32px;left: 50%;top: 50%;margin-left: -16px;margin-top: -16px;background-image: url(../images/loading.gif);background-image: -webkit-image-set(url(../images/loading.gif) 1x, url(../images/loading@2x.gif) 2x)}
.bigImg .list .prev_pop{position: absolute;top: 0;left: -60px;height: 430px;width: 46px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;z-index: 9999;}
.bigImg .list .prev_pop.disable i{opacity: .5;filter: alpha(opacity=50)}
.bigImg .list .next_pop{position: absolute;top: 0;right: -60px;height: 430px;width: 46px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.bigImg .list .next_pop.disable i{opacity: .5;filter: alpha(opacity=50)}
.bigImg .list .prev_pop i, .bigImg .list .next_pop i{display: inline-block;width: 46px;height: 88px;line-height:88px;text-align:center;color: #fff;position: absolute;top: 50%;right: 0;margin-top: -37px;font-size: 20px;}
.bigImg .list .prev_pop i {left: 0;}
.bigImg .close{position: absolute;right: -60px;top: 0px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: pointer;background-image: url(../images/close.png);background-repeat: no-repeat;display: inline-block;width: 28px;height: 28px;background-size: 90%;z-index:999;}
.bigImg .slide{position: absolute;left: 50%;bottom: 0;margin-left: -500px;width: 1000px;height: 93px;overflow: hidden}
.bigImg .slide .desc{font-size: 16px;color: #ffffff;text-align: center;line-height: 39px}
.bigImg .slide ul{position: absolute;left: 0;top: 0;-webkit-transition: left .3s linear;-moz-transition: left .3s linear;-o-transition: left .3s linear;transition: left .3s linear;margin-bottom: 25px;white-space: nowrap;font-size: 0}
.bigImg .slide ul li{display: inline-block;width: 89px;height: 67px;margin-left: 10px;background-color: #000000;cursor: pointer}
.bigImg .slide ul li:first-child{margin-left: 0}
.bigImg .slide ul li img{width: 100%;height: 100%;opacity: .6;filter: alpha(opacity=60)}
.bigImg .slide ul li img:hover{opacity: 1;filter: alpha(opacity=100)}
.bigImg .slide ul li.selected img{opacity: 1;filter: alpha(opacity=100)}

.fy_peitao { margin-top:30px; padding:10px 0; border:1px solid #f0f0f0; border-left:0; border-right:0; overflow:hidden;}
.fy_peitao dl{ float:left; width:10%; text-align:center; padding:20px 0;}
.fy_peitao dl dt i{ font-size:36px;}
.fy_peitao dl.disable { color:#cccccc;}
.fy_peitao dl.disable dd {text-decoration:line-through}

.jjrxx { border:1px solid #e6e6e6; display:flex; justify-content:space-between; align-items:center; width:1180px; padding:36px; margin:40px auto 0;}
.jjrxx .guwen { float:left; display:flex;}
.jjrxx .guwen .pic { width:108px; height:140px; margin-right:16px; }
.jjrxx .guwen .pic img{ object-fit: cover; display: block; width: 100%; height: 100%;}
.jjrxx .guwen .info { display:flex; justify-content: space-between; flex-direction:column;}
.jjrxx .guwen .info h2 { color:#333; font-size:20px;font-weight:700;}
.jjrxx .guwen .info p i{ color:#333;font-size: 18px;}
.jjrxx .guwen .info p span{ color:#333;}
.jjrxx .guwen .info pre{ color:#333;}
.jjrxx .guwen .info p em { color:#999;}
.jjrxx .guwen .info p span.red { color:#e81002;}
.jjrxx .ewm { width:124px; text-align:center;}

.jjrxx .ewm img { width:124px;}




/*轮播图样式*/
.swiper-container{overflow: hidden;}
.swiper-wrapper{height: 100%;display: flex;width: 99999px; z-index:9; position:relative;}
.swiper-slide{height: 100%;background-size: cover;background-position: center;}
.gallery-thumbs .swiper-slide,.gallery-thumbs_pop .swiper-slide{-webkit-filter: brightness(.5);filter: brightness(.5);}
.swiper-slide-thumb-active{-webkit-filter: brightness(1) !important;filter: brightness(1) !important;}
.gallery-top{height: 430px;width: 660px;}
.gallery-thumbs{height: 90px;box-sizing: border-box;padding: 0px 30px;margin:10px auto;position:relative;}
.gallery-thumbs .prev, .gallery-thumbs .next{position: absolute;top:0;height:100%;width:25px;line-height:90px;background:#333;color:#fff;text-align:center; z-index:10;}
.gallery-thumbs .prev{left:0;}
.gallery-thumbs .next{right:0;}
.swiper-button-disabled{cursor: no-drop !important;}
.gallery-top_pop{width:660px;height:430px;margin: auto; position:relative;}
.gallery-thumbs_pop{height:90px;width:660px;margin-left: auto;margin-right: auto;box-sizing: border-box;margin-top: auto;margin-bottom: auto;}
.bigImg .list{top: 50%;transform: translate(-50%,-50%);left: 50%;}
.content_pop{width:660px;margin-left: auto;margin-right: auto;margin-top: auto;margin-bottom: auto;color: #ffffff;text-align: left;font-family: PingFang SC;font-style: normal;font-weight: 500;font-size: 14px;padding-top: 16px;padding-bottom: 16px;}


/*
蓝   005DB0
红   e81002
transition: all .3s cubic-bezier(0.3, 0, 0, 1); -webkit-transition: all .3s cubic-bezier(0.3, 0, 0, 1);
*/
