/* CSS Document */

body, html, p, div, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, img { margin: 0 auto; padding: 0;}
body{background: #fff;color: #333333; font-size:14px;font-family:"Microsoft YaHEI","Arial";}
img{border: 0 none;}
li{list-style: none outside none;}
a{text-decoration: none;color:#333}
a:hover{color:#cc0000!important; text-decoration:underline}
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft YaHEI","Arial"; font-weight:normal}
input{ font-size:14px; padding:0 5px; margin:0}
button{ border:none; cursor:pointer;padding:0; margin:0}

em,i{ font-style:normal!important}

.red{ color:#c00!important}
.gray{ color:#818181!important}
.bold{ font-weight:bold!important}
.f_left{ float:left!important}
.f_right{ float:right!important}
.clear{ clear:both; height:0; font-size:0; float:none;line-height: 0;visibility: hidden;}
.bd_line{ border-bottom:1px dashed #cbcbcb!important}
.mt20{ margin-top:20px!important}

.clearfix:after {clear: both;content: ".";display: block;font-size: 0;height: 0;line-height: 0;visibility: hidden;}

/*header*/
.header{ width:1200px; margin:24px auto 0;}
.logo{}
.city{ float:left;position:relative;font-size:14px; color:#555;margin-top:20px; width:100px;z-index: 1000; }
.city .menu-hd{position:absolute; left:0; top:0; z-index:100; display:block}
.city .menu-hd a.partbd{height:28px; line-height:28px;display:block; width:50px;border:1px solid #fff; border-bottom:none;padding-right:13px; text-align:center; background:#fff no-repeat 50px 11px;color:#555; text-decoration:none }
.city .menu-hd a.partbd:hover{height:28px; line-height:28px;display:block; width:50px;border:1px solid #c2c2c2; border-bottom:none;padding-right:13px; text-align:center; background:#f8f8f8 no-repeat 50px 11px;}


.city .menu-hd ul{padding:10px 0; position:absolute; left:0; top:28px; background:#f8f8f8;border:1px solid #c2c2c2;width:215px; display:none;}
.city .menu-hd ul li{ float:left; width:33%; text-align:center; height:24px; line-height:24px;}
.city .menu-hd ul li a{color:#555; text-decoration:none; background:none;border:none}
.city .menu-hd ul li a:hover{color:#d50d0d; text-decoration:underline}
.city .menu-hd:hover a.partbd{height:28px; line-height:28px;display:block; width:50px;border:1px solid #c2c2c2; border-bottom:none;padding-right:13px; text-align:center; background:#f8f8f8 no-repeat 50px 11px; position:absolute; left:0; top:0; z-index:100}
.city .menu-hd:hover ul{ display:block}

/*top*/
.top{ background:#f7f7f7;border-bottom: 1px solid #e0e0e0;height: 37px;margin-bottom: 20px;width: 100%;}
.top_block{ width:1200px; margin:0 auto}
.top_nav{ float:left; width:500px; height:37px; line-height:37px}
.top_nav a{ display:inline-block; margin-right:10px}
.righticon {display: inline-block;float: right;padding:7px 0 0 10px;width: 103px;}
.righticon a{  display:inline-block; float:left; width:30px; height:25px; margin-right:5px;}
.righticon a.icon1{ background-position:3px -138px;}
.righticon a.icon2{ background-position:0 -222px;}
.righticon a.icon3{ background-position:0 -263px; margin:0}
.righticon a:hover.icon1{ background-position:3px -303px;}
.righticon a:hover.icon2{ background-position:0 -390px;}
.righticon a:hover.icon3{ background-position:-1px -434px;}
.sddm1{ float:left;width:30px; position:relative; height:30px}
.sddm1 span{ display:inline-block;margin: 0;padding: 0;position: absolute;right: 0;top: 30px;z-index: 100000;}

.regist{ float:right;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;position: relative;z-index: 10002;}
.menu-sj-block,.menu-dh-block{float: left;height: 37px;padding:0 10px; line-height:37px; }
.tb_sj{background:url() no-repeat left -15px;padding-left:22px}
.menu-dh{background:url() no-repeat left -52px;padding-left:27px}
.tb_sj:hover{ background-position:left -481px}
.menu-dh:hover{ background-position:left -517px}
.web_nav{ position:absolute;top:37px; right:-1px; background:#fff; border:1px solid #e0e0e0; padding:10px 0; width:524px;}
.web_nav .mod{ float:left; width:140px;}
.mod-a dt a{color:#018fe5;}
.mod-b dt a{color:#69ab19;}
.mod-c dt a{color:#eb6120;}
.mod-a,.mod-b{ border-right:1px dashed #e0e0e0}
.mod dl{text-align:center}
.mod dl dt{ font-size:20px; margin-bottom:10px}
.mod dl dt a{ float: none;}
.mod dl dt a:hover{ text-decoration: none}
.mod dl dd a{float:none; margin:0 0 2px;padding:8px 10px}
.mod dl dd a:hover{color:#fff!important; text-decoration:none; border-radius:3px}
.mod-a dl dd a:hover{background:#018fe5;}
.mod-b dl dd a:hover{background:#69ab19;}
.mod-c dl dd a:hover{background:#eb6120;}

.web_nav .mod-c{width:240px}
.web_nav .mod-c dl{ border-right:none; float:left;width:120px;}

.nav-link{ float:right; line-height:37px;padding:0 10px}
.nav-link a{ margin-right:10px}

.top_code{ position:absolute; top:37px;left:-1px; border:1px solid #e0e0e0; background:#fff;width:181px; padding:10px;}
.top_code span{ display:block; line-height:24px; text-align:center; font-size:18px}
.top_code span img{ margin-bottom:6px}
.top_code a{ display:block; }
.top_code a:hover{ text-decoration:none;color:#333!important}
.top_code em{font-style:normal; display:block; color:#ea5505; font-size:14px}

/*search*/
.search{ width:533px; height:46px;position:relative; z-index:100}
.searchbox{ background:url(../img/input_ico.png) no-repeat left top; width:414px; float:left; height:46px; border:none; line-height:46px;padding:0 15px}
.searchbtn{ height:46px; line-height:46px; background:#018fe5; float:left; width:88px; text-align:center;color:#fff;font-family:"Microsoft YaHEI","Arial"; font-size:22px}

.search_tips_result{ position:absolute; left:0; top:45px; z-index:100; width:442px; background:#fff; border:1px solid #dfdfdf; padding:10px 0px}
.search-suggest ul li a{ display:block;line-height:30px; height:30px; padding:0 15px}
.search-suggest ul li a:hover{color:#333!important; background:#e8e8e8}
.search-suggest ul li span{ display:block; float:left; width:296px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.search-suggest ul li em{ display:block; float:right; width:50px; font-size:12px;text-align: right;width: 80px;}


/*quick_house*/
.quick_house{ margin:0 50px 0 30px;line-height:46px; width:95px; position:relative}
.quick_house .qh_menu{ display:block; background:#fff url(../img/newhouse_ico.png) no-repeat 76px 21px; padding:0 13px; color:#333;}
.quick_house .qh_menu:hover{ text-decoration:none}
.qh_menu_list{ padding:0 10px;border:1px solid #e3e3e3; position:absolute; z-index:100; right:-40px; top:44px; width:600px; background:#fff;}
.qh_menu_list em{ display:block; width:93px; height:46px; position:absolute;right:38px; top:-48px; border:1px solid #e0e0e0; border-bottom:1px solid #fff;}
.qh_quxian{ line-height:42px;}
.qh_quxian strong{ color:#818181;}
.qh_quxian a{ margin-right: 10px; color:#333}

.qh_price strong{ float:left;color:#818181}
.qh_price_block{float:left; width:544px; height:66px; padding:0; position:relative; }
.qh_price_block a{ display:inline-block;padding:0 10px 0 0;line-height:10px; }

/*new_nav*/
.new_nav{ background:#018fe5; height:45px;font-family:"Microsoft YaHEI","Arial"; font-size:18px;}
.new_nav ul{ width:1200px; margin:0 auto;}
.new_nav ul li{ float:left; height:45px; line-height:45px;padding:0 1px 0 0}
.new_nav ul li a{ display:block; padding:0 35px; color:#fff}
.new_nav ul li a:hover,.new_nav ul li.cur a{ background:#006cac;text-decoration:none; color:#fff!important}



/*main*/
.main{ width:1200px; margin:0 auto;}

/*page*/
.pages{ padding:20px 0;text-align:center}
.pages .pg a {border: 1px solid #e5e5e5;margin: 0 3px;   padding: 10px 15px;text-decoration: none; display:inline-block}
.pages .pg span{background:#41a1de;border: 1px solid #41a1de;color: #fff; margin: 0 3px;padding: 10px 15px; display:inline-block}

/*left_nav*/
.left_nav{ position:fixed;bottom:80px; left:10px; z-index:1000; _position: absolute;_top: expression(documentElement.scrollTop + 10 + "px");}
.left_nav ul li{ text-align:center; margin:0 0 10px;_margin:0}
.left_nav ul li a{ display:block; background:url(../img/left_nav_ico.png) no-repeat left top;width:40px; height:38px; padding:9px 8px; line-height:20px; margin:0; overflow:hidden}
.left_nav ul li a:hover{ text-decoration:none;background:url(../img/left_nav_ico.png) no-repeat left top;}
.left_nav ul li.ln_ico08 {display:none;}
.left_nav ul li.ln_ico08 a{ background-position:left -594px;padding:24px 8px 0; height:32px;}
.left_nav ul li.ln_ico01 a:hover,.left_nav ul li.ln_ico01.cur a{ background-position:left -66px;color:#fff!important;}
.left_nav ul li.ln_ico02 a:hover,.left_nav ul li.ln_ico02.cur a{ background-position:left -199px;color:#fff!important;}
.left_nav ul li.ln_ico03 a:hover,.left_nav ul li.ln_ico03.cur a{ background-position:left -265px;color:#fff!important;}
.left_nav ul li.ln_ico04 a:hover,.left_nav ul li.ln_ico04.cur a{ background-position:left -331px;color:#fff!important;}
.left_nav ul li.ln_ico05 a:hover,.left_nav ul li.ln_ico05.cur a{ background-position:left -397px;color:#fff!important;}
.left_nav ul li.ln_ico06 a:hover,.left_nav ul li.ln_ico06.cur a{ background-position:left -463px;color:#fff!important;}
.left_nav ul li.ln_ico07 a:hover,.left_nav ul li.ln_ico07.cur a{ background-position:left -529px;color:#fff!important;}
.left_nav ul li.ln_ico08 a:hover,.left_nav ul li.ln_ico08.cur a{ background-position:left -133px;color:#fff!important;}

/*right_nav*/
.right-nav{position:fixed;top:100px; right:10px; z-index:1000; _position: absolute;_top: expression(documentElement.scrollTop + 10 + "px");}
.right-nav ul li{ position:relative; z-index:100}
.right-nav ul li.cur .mortgage-calculation,.right-nav ul li.cur .feedback{ display:block}
.right-nav ul li a{ display:block; background:url(../img/left_nav_ico.png) no-repeat left top;width:40px; height:38px; padding:9px 8px; line-height:20px; margin:0; overflow:hidden; text-align:center;margin-bottom:10px}
.right-nav ul li a:hover,.right-nav ul li.cur a,.right-nav ul li.cur .feedback a{ text-decoration:none;background:url(../img/left_nav_ico.png) no-repeat left -199px;color:#fff!important}
.right-nav ul li.ln_ico08 a{ background-position:left -594px;padding:24px 8px 0; height:32px}
.right-nav ul li.ln_ico08 a:hover{ background-position:left -133px;color:#fff!important;}

/*底部css*/
#bottom{ margin-top:10px;background:#f7f7f7; border-top:1px solid #e0e0e0; width:100%; float:left; height:85px}
.bottombox {width:1200px; margin:0 auto; padding-top:15px; color:#818181; height:30px;  line-height:29px; text-align:center}
.bottombox a{  padding:0 6px; display:inline-block}
.bottombox a:hover{ color:#c00}
.leftbottom a{ color:#818181;}
.rightbottom{ float:right;}
.leftbottom{ float:left;}
.rightbottom a{ background:url() no-repeat; color:#333  }
.rightbottom a.icon1{ background-position:0 -11px;padding-left:20px}
.rightbottom a.icon2{ background-position:0 -383px;padding-left:32px}
.rightbottom a.icon2 em{ background:url() no-repeat 0 7px; width:20px; height:25px; display:inline-block  }
.rightbottom a.icon3{ background-position:0 -434px;padding-left:35px}
.rightbottom a:hover.icon1{background:url() no-repeat 0 -477px;}
#bottom p{ width:100%; clear:both}
#bottom p a{ color:#333}
#bottom p a:hover{ color:#c00}

/* 楼盘页浮动顶部 */
.scroll-header{ height:40px; background:#018fe5; width:100%;display:block;position:fixed;top:0px;display: none;}
.scroll-header-block{ width:1200px; margin:0 auto}
.scroll-header-block h3{ float:left; color:#fff; font-size:18px; line-height:40px}
.scroll-header-block .property-tel{ margin-top:10px}
.scroll-header-block .property-tel a,.scroll-header-block .property-tel a:hover{color:#fff!important}
.scroll-header-block .property-tel a em{color:#fff}
.scroll-header {z-index:1000001;}


/*links*/
.links{ border:1px solid #ebebeb;padding:15px;width:1170px; margin:20px auto 0 auto;}
.title03{ font-size:14px; margin-bottom:10px; height:30px; line-height: 30px}
.title03 h3{ display:inline-block; font-size:18px; padding-right:30px; float:left}
.llinks-block{ line-height:30px; margin-left:-10px}
.llinks-block a{ display:inline-block; color:#818181; margin:0 10px}

.xafcshow{position:relative;}
.xafcshow .adicon{left:-1px;z-index:99;width:30px;bottom:1px;border-top-left-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;font-size:8px;color:#fff;position: absolute;}
