body { background-color: #fff; }
.main { width: 100%; height: 355px; }
.main a { width: 100%; height: 355px; float: left; }
.box { margin: 0 auto; width: 1000px; position: relative; }
.content { width: 1000px; margin: 0 auto; height: 1px; position: relative; }
.sub_main { width: 1000px; height: 423px; float: left; }
.banner { float: left; width: 560px; margin: 80px 50px 20px 0px; _display: inline; }
/***********--login--**********/
.hw_login { width: 100%; float: left; }
.login { width: 338px; height: 360px; right: 17px; ; background-color: #fff; top: -393px; position: absolute; }
.login h2 { float: right; width: 338px; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 20px; background-color: #000000; font-family: microsoft yahei; }
.login ul { padding: 15px 36px; float: left; }
.login ul li { float: left; width: 268px; line-height: 36px; color: #333333; font-size: 14px; }
.login input.input_user, .login input.input_password { width: 258px; color: #a6a6a6; height: 35px; line-height: 35px; border: 1px solid #999; font-family: microsoft yahei; font-size: 16px; padding-left: 10px; background-color: #FFF; }
.login input.check { margin-top: 11px; _margin-top: 6px; width: 20px; float: left; margin-right: 5px; }
.login ul li.denglv span { float: left; }
.login ul li a { color: #ff9c4a; padding-left: 10px; }
.login ul li a.fpassword { float: right; }
.login ul li a:hover { color: #ff9c4a; text-decoration: underline; }
.login ul li.denglv { padding-top: 10px; }
.login ul li.reg { padding-top: 10px; }
.login a.button_sub { float: right; font-size: 16px; }
.login input.button_reg { margin-top: 5px; }
span.copyright { margin-right: 50px; }
.login button.J_Submit { background: url("../images/loginbutton.png") no-repeat scroll 0 0 transparent; border: 0 none; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 14px; font-weight: bold; height: 47px; line-height: 47px; font-family: microsoft yahei; font-size: 20px; font-weight: 100; overflow: hidden; vertical-align: middle; width: 270px; }
.login button.J_Submit:hover { background: url("../images/loginbutton.png") no-repeat scroll 0px -48px transparent; }
.hw_main { width: 100%; float: left; }
.index_content { width: 1000px; padding: 10px 0px; margin: 0 auto; }

.index_content .here a { color: #333; padding: 0px 5px; }
.index_content a.now_here { color: #178FE6; }
.index_content a:hover { color: #ff6600; }
.here { width: 1000px; height: 40px; line-height: 40px; }
.sz_sale { width: 960px; background-color: #f4f4f4; float: left; padding: 15px 20px 20px 20px; }
.sz_sale h2 { width: 960px; font-size: 24px; font-family: microsoft yahei; color: #4e4e4e; float: left; margin-bottom: 20px; }
.sz_sale h2 em { font-size: 16px; }
.sz_sale .choose { width: 960px; float: left; }
select.sortSelect { width: 200px; height: 25px; line-height: 25px; margin-left: 10px; }
.sz_sale .choose .choose_list { width: 280px; float: left; margin-right: 20px; }
.mod_houses { float: left; border: 1px solid #373a63; width: 1030px; padding: 19px 9px 9px 9px; position:relative; }
.mod_houses h2 { width: 1030px; height: 28px; float: left;}
.mod_houses .hw_sale { width:1030px; float:left; margin-top:0px;}
.mod_houses .hw_sale b { width:92px; height:32px; float:left; background: url("../images/hw_sale_bg.png") no-repeat;}
.mod_houses .hw_sale font { width:978px; font-family:microsoft yahei; color:#ff6600; font-size: 16px; padding-left:10px; line-height:32px; float:left;  background: url("../images/hw_sale.gif") repeat;}
.mod_houses h2 span.title { font-family: microsoft yahei; font-size: 28px; width: 780px; float: left; height: 30px; }
.mod_houses h2 span.title em.title_name { float:left;}
.mod_houses h2 span.title em.title_name b { font-family: microsoft yahei; font-size: 16px; padding:0px 0px 0px 10px; color: #cc0000; font-weight: 100; }
.mod_houses h2 span.title em.title_name b.add { font-family: microsoft yahei; font-size: 14px;  color: #666; font-weight: 100; }


.mod_houses h2 span.coll { font-size: 12px; width: 200px; text-align: right; float: right; color: #ea5504; height: 30px; padding-top:3px; line-height:30px; }
.mod_houses h2 span.coll a { color:#4B9808;}
.mod_houses h2 em.title_ad { font-family: microsoft yahei; padding-top:10px; font-size: 16px; color: #ff6600; float:left; }
.mod_houses h2 em.title_ad b { float:left;}
.mod_houses h2 em.title_ad marquee { width:430px;}

.mod_houses .houses { width: 980px;  position: relative; height: 510px; float: left; }
.mod_houses .houses .houses_img { width: 570px; margin-right: 10px; height: 310px; float: left; }
.mod_houses .houses_info { width: 980px; color: #fff; position: absolute; bottom:0; margin-bottom:9px; margin-left:9px; left:0; height: 46px; line-height: 46px; float: left; }

.mod_houses .houses_info span { background: url("../images/black_0.6.png") repeat scroll 0 0 transparent; color: #fff; padding: 0px 19px; margin-left: 1px; font-size: 14px; height: 46px; line-height: 46px; float: left; }
.mod_houses .houses_info span em { color: #ff8100; }
.mod_houses .houses_info span.one { color: #fff; padding: 0px 10px; margin: 0px; background: url("../images/black_0.6.png") repeat scroll 0 0 transparent; height: 46px; line-height: 46px; float: left; }
.mod_houses .houses_info span.recom { color: #fff; padding: 0; background: none; height: 46px; line-height: 46px; width: 90px; text-align: center; float: left; }
.mod_houses .houses_info span.recom a { color: #fff; background-color: #ff8100; height: 46px; line-height: 46px; width: 90px; text-align: center; font-weight: bold; float: left; }
.mod_houses .houses_info span.make { color: #fff; padding: 0; background: none; height: 46px; line-height: 46px; width: 90px; text-align: center; float: left; }
.mod_houses .houses_info span.make a { color: #fff; background-color: #178FE6; height: 46px; line-height: 46px; width: 90px; text-align: center; font-weight: bold; float: left; }

.mod_info { width: 1050px; margin-bottom: 20px; float: left; }
.mod_info .info_left { width: 770px; float: left; }
.mod_info .info_left .map { width: 730px; margin-top: 20px; border: 1px solid #e3e3e3; float: left; padding: 19px; }
.mod_info .info_left .map p { width: 290px; line-height: 25px; float: left; }
.mod_info .info_left .map .baidu_map { width: 420px; float: right; height: 260px; border: 1px solid #e3e3e3; }
.mod_info .info_left .huxin { width: 768px; margin-top: 20px; border: 1px solid #e3e3e3; float: left; }
.mod_info .info_left .huxin h2 { width: 730px; font-size: 16px; height: 40px; line-height: 40px; font-family: microsoft yahei; float: left; padding: 0px 19px 0px 19px; }
.mod_info .info_left .huxin ul { width: 768px; padding-bottom: 10px; float: left; }
.mod_info .info_left .huxin ul li { width: 169px; margin-left: 18px; float: left; }
.mod_info .info_left .huxin ul li a { width: 167px; border: 1px solid #e3e3e3; float: left; }
.mod_info .info_left .huxin ul li img { border: 1px solid #fff; width: 165px; height: 165px; float: left; }
.mod_info .info_left .huxin ul li p { width: 167px; float: left; text-align: center; height: 24px; line-height: 24px; font-size: 12px; }
.mod_info .info_left .photo { width: 768px; margin-top: 20px; border: 1px solid #e3e3e3; float: left; }
.mod_info .info_left .photo h2 { width: 730px; font-size: 16px; height: 40px; line-height: 40px; font-family: microsoft yahei; float: left; padding: 0px 19px 0px 19px; }
.mod_info .info_left .photo ul { width: 768px; padding-bottom: 10px; float: left; }
.mod_info .info_left .photo ul li { width: 229px; margin-left: 18px; background: url("../images/photo_bg.gif") no-repeat scroll 0 0 transparent; float: left; }
.mod_info .info_left .photo ul li a { width: 224px; border: 1px solid #e3e3e3; float: left; }
.mod_info .info_left .photo ul li img { border: 1px solid #fff; width: 222px; height: 163px; float: left;}
.mod_info .info_left .photo ul li p { width: 229px; float: left; text-align: center; height: 24px; line-height: 24px; font-size: 12px; }
/* Ñ¡Ï */
.info_tab { width: 768px; border: #e3e3e3 1px solid; float: left; margin-top: 20px; }
.info_tab dl dt { border-bottom: #e3e3e3 1px solid; height: 43px; background: #f1f1f1; margin-bottom: -1px; line-height: 40px }
.info_tab dl dt a { float: left; display: block; cursor: pointer; width: 98px; height: 40px; line-height: 40px; text-align: center; background: #f0f0f0; color: #4a4a4a; border-left: 1px solid #e3e3e3; padding-top: 3px; font-size: 14px; font-weight: bold }
.info_tab dl dt a.tabActive { background: #fff; color: #333; font-weight: bold; position: relative; border-top: 3px solid #178FE6; margin-top: -3px; border-right: none; border-left: none; font-size: 14px; }
.info_tab dl div.introd { padding: 10px; line-height: 25px; clear: both; font-size: 14px; }
.info_tab dl div.introd p { font-size: 14px; line-height: 25px; margin-bottom: 0.5em; text-indent: 2em; }
.info_tab dl dd .pic{margin: 0px; width: 760px; text-align:center;}
.info_tab dl dd .pic li{margin: 10px;}


.info_right { float: right; width: 260px; }
.info_right .s_area { float: left; margin-top: 20px; background-color: #ebebeb; width: 258px; border: 1px solid #e3e3e3; }
.info_right .s_area h2 { float: left; height: 36px; line-height: 36px; font-family: microsoft yahei; font-size: 16px; width: 228px; padding: 0px 15px; background-color: #e3e3e3; border-bottom: 1px solid #e3e3e3; }
.info_right .s_area ul { width: 238px; padding: 0px 9px; float: left; }
.info_right .s_area ul li { width: 238px; float: left; border-bottom: 1px dashed #e3e3e3; margin-top: 10px; }
.info_right .s_area ul li a { width: 238px; border: 1px solid #e3e3e3; float: left; }
.info_right .s_area ul li img { border: 1px solid #fff; width: 236px; height: 136px; float: left; }
.info_right .s_area ul li p { width: 238px; height: 24px; line-height: 24px; float: left; }
.info_right .s_area ul li p em.l_name {  float: left; width:95px; overflow:hidden; height:24px; }
.info_right .s_area ul li p em.l_price { color: #ea1100; float: right; width:93px; overflow:hidden; text-align:right; }