@charset "utf-8";
/* CSS Document */

/*--common style--*/
* { margin:0; padding:0; font-family: Microsoft Yahei;}
ul li { list-style-type:none}
a { color:#787878; text-decoration:none; font-size:14px;}
img { border:none}
.clear { clear:both}

/*--logo--*/
.logo_con { width:1200px; height:70px; overflow:hidden; margin:45px auto 5px auto}
.logo_con .logo { float:left; margin-top:8px;}
.ewm { float:right}
.ewm span { float:right; line-height:30px; font-size:14px; color:#333; text-align:right; margin-right:10px; margin-top:18px;}
.ewm img { float:right; width:70px; height:70px; overflow:hidden}

/*--nav--*/

.nav { position:fixed; left:0; top:0; width:100%; height:40px; background:#333333; z-index:9999}
.nav_con { width:1200px; height:40px; margin:0 auto;}
.nav_con span { float:left;}
.nav_con span a { float:left; padding:0 25px; height:40px; line-height:40px; color:#FFF;}
.nav_con span a.active, .nav_con span a:hover { background:#0099FF}
.nav_con .user_action { float:right}
.nav_con .user_action a { background:#fff; color:#333; height:25px; padding:0 15px; line-height:25px; margin:7px; float:right}
.nav_con .user_action a:hover { background:#f3f3f3;}

/*--location--*/
.location { width:1200px; height:30px; border:1px solid #DDDDDD; margin:0 auto;  border-top:3px solid #0066CC}
.location span { background:url(../images/location.png) left center no-repeat; padding-left:30px; float:left; line-height:30px; font-size:12px; margin-left:5px;}



/*--newhouse_detial--*/
.newhouse_detial { width:1170px; margin:5px auto; height:auto; padding:15px; border:1px solid #ddd; overflow:hidden}

.part { width:100%; height:auto; border-bottom:1px solid #ddd; padding-bottom:15px;margin-bottom:15px; overflow:hidden}
#tFocus-btn li.active,#tFocus-leftbtn,#tFocus-rightbtn {display:block;background:url(img/nhd_btn.png) no-repeat;}
/* link css */

#tFocus{ float:left; width:420px;height:406px; margin-right:15px; background:#eee;overflow:hidden;}
#tFocus-pic{width:420px;height:315px;position:relative;}
#tFocus-pic li{width:420px;height:315px;position:absolute;left:0;top:0;filter:alpha(opacity:0);opacity:0;}
#tFocusBtn{width:415px;height:81px;padding-left:3px;margin-top:5px;z-index:20;overflow:hidden;}
#tFocus-btn{width:380px;height:81px;position:relative;left:0;bottom:0;overflow:hidden;float:left;margin-right:3px;}
#tFocus-btn ul{width:100000px;position:absolute;left:0;top:0;}
#tFocus-btn li{height:68px;width:91px;padding-top:7px;display:block;float:left;margin-right:5px;}
#tFocus-btn li img{border:2px solid #dddddd}
#tFocus-btn li.active{  background-position:0px -43px;}
#tFocus-btn li.active img{border:2px solid #40b9e5}
#tFocus-leftbtn,#tFocus-rightbtn{height:40px;margin-top:24px;width:12px;float:left; text-indent:-9999px;}
#tFocus-leftbtn{margin-right:5px;background-position:0px 0px;}
#tFocus-rightbtn{background-position:-22px 0px;}


.info_detial { float:left; width:730px;}
.info_detial .title { float:left; height:auto; width:730px; margin-bottom:20px; overflow:hidden}
.title img { float:left; width:85px; height:85px; margin-right:15px;}
.title div { float:left; width:630px; height:auto; overflow:hidden }
.title div b { float:left; font-size:32px; height:40px;  color:#666; font-weight:normal}
.title div i { background:#9abe54; float:left; width:50px; height:25px; line-height:25px; margin:10px; font-size:14px; text-align:center; color:#fff}
.title div span { float:left; margin-left:20px; height:38px; border:1px solid #ddd; background:#f1f1f1; color:#ff3333; width:240px; font-size:20px; text-indent:2em; line-height:38px;}
.title div small { float:left; background:#f1f1f1; color:#787878; padding:5px 10px; margin-right:15px; margin-top:13px; font-size:12px;}
.info_detial .info { float:left;  margin-top:17px; height:auto; overflow:hidden}
.info p { font-size:14px; color:#999; line-height:30px; display:block;  overflow:hidden}
.info p strong { font-size:30px; margin-right:10px; color:#ff3333} 
.info p a { display:inline-block; color:#333; margin-left:30px; line-height:30px;  }
.info p a span { background:url(../images/nhd_btn.png) no-repeat; margin-right:5px; }
.info p a.p1 span { background-position:0px -50px; width:20px; height:20px; float:left}
.info p a.p2 span { background-position:-25px -50px; width:20px; height:20px; float:left}
.info p a.p3 span { background-position:-48px -50px; width:20px; height:20px;  float:left}


/*--buildings_info--*/
.bi_left { float:left;  width:860px; height: auto; overflow:hidden}
.bi_left h2 { display:block; width:100%; line-height:45px; font-size:30px; color:#333; text-align:left; border-bottom:1px solid #ddd; font-weight:normal; padding-bottom:10px; }
.bi_left h2 b { float:left; font-size:30px; line-height:45px; margin-right:10px; color:#ff0000}
.bi_left h2 a { float:right; font-size:14px; color:#999;border-bottom:2px solid #09f; background:#09f; color:#fff; border-radius:10px}

.bi_left ul { width:100%; margin-top:15px;}
.bi_left ul li { height:35px;}
.bi_left ul li a { height:35px; line-height:35px;}
.bi_left ul li a:hover { color:#09f; text-decoration:underline}
.bi_left ul li span { float:right; color:#999; font-size:12px; line-height:35px;}


    .bi_right { float:right; width:280px; height:auto; background:#f1f1f1; overflow:hidden}
    .bi_right span { display:block; height:40px; background:#333; color:fff; margin-bottom:15px; color:#fff; line-height:40px; text-align:center;}
    .bi_right form { width:280px; height:auto; overflow:hidden }
	.bi_right input { display:block; width:245px; height:40px; line-height:40px; border:none; background:#fff; text-indent:1em; color:#666; margin:0  auto 15px auto;}
	.bi_right select { display:block; width:245px; height:30px; margin:0 auto 15px; text-indent:.5em; color:#666; border:none; overflow:hidden}
	.bi_right label { display:block; width:245px; margin:0 auto; height:40px; }
	.bi_right label input { float:left; width:140px; height:40px; margin-right:10px; }
	.bi_right input.button { height:40px; background:#09f; font-size:14px; text-align:center; text-indent:0; color:#fff }
   
/*--buildings_pic--*/
.part .tit { width:100%; border:1px solid #ddd; border-left:5px solid #333; background:#f1f1f1; height:48px; line-height:40px; color:#333; font-size:26px; margin-bottom:20px; font-weight:normal}
.part .tit strong { display:block; line-height:48px; color:#666; font-size:18px; font-weight:normal; text-indent:1em }
.part .tit  ul li { float:left; font-size:18px; padding:0 20px; line-height:48px; cursor:pointer}
.not { display:none}
.part .tit  ul li.on { background:#999; color:#fff}

.rollBox{overflow: hidden; HEIGHT:167px; background-color:#ffffff;text-align:left;}
.button{DISPLAY: inline;overflow: hidden;width: 20px;CURSOR: pointer;BACKGROUND-REPEAT: no-repeat;}
.left{ width:55px; height:167px; background:url(../house_images/lb.jpg) no-repeat; float: left; margin-right:52px;}
.right{width:55px; height:167px; background:url(../house_images/rb.jpg) no-repeat; float:right;}
.Box{float: left; overflow: hidden; width: 990px;}

.Box A:link{color: #626466; TEXT-DECORATION: none}
.Box A:visited{color: #626466; TEXT-DECORATION: none}
.Box A:hover{color: #f00; TEXT-DECORATION: underline}
.item{ float: left; width: 220px; height:245px; margin-right:25px; overflow:hidden;}
.item a { display:block; width:218px; border:1px solid #ddd; height:auto; overflow:hidden}
.item a span { display:block; width:218px; height:165px; position:relative}
.item a span b { background:url(../images/slide_bg.png) repeat-x; width:100%; display:block; line-height:30px; height:30px; text-indent:1em; color:#fff; font-size:14px; position:absolute; left:0; bottom:0;}
.item a p { color:#666; font-size:14px; line-height:30px; margin-top:9px; margin-bottom:9px;}
.item a p strong { font-size:20px; margin-left:10px; margin-right:5px; color:#f00}
.item a small { float:left; margin-left:10px; border:1px solid #9cba74; color:#9cba74; font-size:12px; padding:2px 3px; margin-bottom:5px;}
.item a small:hover { background:#9cba74; color:#fff}
.Box .text {FONT-SIZE: 14px; float: right; width: 390px; color: #000000; LINE-HEIGHT: 22px}
.Box .text a{FONT-SIZE:14px;}
.font14{FONT-SIZE: 14px; color: #0057aa}


ul.head { display:block; width:100%; height:40px; line-height:40px; margin-top:20px; border-bottom:1px solid #e9e9e9; overflow:hidden}
ul.head li { float:left; width:100px; line-height:38px; margin-right:10px; text-align:center;}
ul.head li.on { border-bottom:2px solid #09f; background:#09f; color:#fff; }




/*--around--*/
.part .map { width:840px; height:375px; float:left;}
.part .maplist { float:right; width:323px; height:373px; border:1px solid #ddd}
.part .maplist .Tab { height:30px; border-bottom:1px solid #ddd;  }
.part .maplist .Tab li { float:left; font-size:12px; text-align:center; color:#999; line-height:30px; width:80px;  border-right:1px solid #ddd; }
.part .maplist .Tab li.on { border-top:1px solid #f00; }
#cont_tab_1 { height:342px; overflow:hidden}
.part .maplist .listinfo { height:342px; width:293px; margin:0px 0px 0 30px;     overflow-y: scroll;
    overflow-x: hidden;}
.part .maplist .listinfo li { line-height:30px;}

/*--foot--*/
.footer { width:100%; height:auto; background:#EFEFEF; overflow:hidden}
.foot_con { width:1000px; margin:15px auto; height:auto; overflow:hidden}
.foot_con .introduce { float:left; width:495px; padding-right:40px; border-right:1px solid #dcdcdc; overflow:hidden}
.foot_con h3 { display:block; line-height:30px; font-size:16px; margin-bottom:15px;  color:#666;}
.foot_con .introduce p { line-height:25px; color:#666; width:100%; font-size:12px;}
.foot_con .phone { float:left; margin-left:30px; width:220px; margin-right:40px; border-right:1px solid #dcdcdc; overflow:hidden}
.foot_con .phone span { display:block; font-size:12px; color:#666; line-height:30px;}
.foot_con .phone b { font-size:28px;  color:#666; line-height:40px;}
.foot_con .QRcode { float:right; width:170px;}
.foot_con .QRcode img { width:92px; height:100px; display:block;  margin:0 auto}
.foot_con .QRcode span { display:block; line-height:25px; text-align:center; font-size:12px; color:#666}
.foot_info { width:100%; height:auto; border-top:1px solid #dcdcdc; padding-top:20px; text-align:center; overflow:hidden}
.foot_info p { line-height:30px; font-size:12px; color:#888888}
.foot_info a { display:inline-block; padding:0 10px; line-height:30px; font-size:12px; color:#888888}
.foot_info a:hover { font-size:14px; color:#900}