﻿@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,blockquote,th,td {padding:0; margin:0;} 
body{color:#333; font-size:12px;font-family: microsoft yahei}
address,caption,cite,code,dfn,em,th,var {font-weight:normal;font-style:normal;} 
ol,ul {list-style: none;} 
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;} 
table {border-collapse:collapse;border-spacing:0;} 
q:before, q:after {content: ”;}
abbr,acronym {border:0;}
img{border:0;}
select,input{vertical-align:middle;}
a:link,a:visited{color:#333; font-family: microsoft yahei;text-decoration:none;}
a:hover,a:active{font-family: microsoft yahei;color:#333;text-decoration:underline;}
input,button{cursor:pointer;}
.clear{clear:both;overflow:hidden;margin:0px;padding:0px;height:0;}
.clear hr{display:none;}
.wrapfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.wrapfix{*zoom:1;}
.wrapfix {display: block;}
.invisible{visibility:hidden;}
.hidden{display:none;}

.mt10{ margin-top:10px;}
.mr10{ margin-right:10px;}
.mb10{ margin-bottom:10px;}
.mt5{ margin-top:5px;}
.mb5{ margin-bottom:5px;}
.ml10{margin-left:10px;}
.m10{ margin:10px;}
.mr9{ margin-right:9px;}
.mr30{ margin-right:30px;}
.mb30{ margin-bottom:30px;}
.mb20{ margin-bottom:20px;}

.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pr10{ padding-right:10px;}
.pb10{ padding-bottom:10px;}
.pl10{ padding-left:10px;}
.p10{padding:10px;}
.pt28{ padding-top:28px;}
.pb38{ padding-bottom:38px;}
.pt14{ padding-top:14px;}
div.hr{ height:1px; margin:5px 0; padding:0;border-bottom:#ccc dotted 1px;overflow:hidden;}
div.hr hr{ display:none;}

/* 字体属性 */
.fb{font-weight:bold;}
.fi{font-style:italic;}
.fl{text-align:left;}
.fr{text-align:right;}
.fc{text-align:center;}
.unLine,.unLine a{text-decoration:none;}
.noBorder{border:none;}
/* 字体大小*/
.f12px{font-size:12px;}
.f14px{font-size:14px;}
.f32px{font-size:32px;}
.f0px{font-size:0;}
/*浮动*/
.fl{float:left;}
.fr{float:right;}
/*宽度*/
.w950,.g-box-1{width:950px;margin:0 auto;}
.g-box-1{ overflow:hidden}
.g-box-2{width:565px}
.g-box-3{ width:350px;}
/*顶部导航栏*/
ul,li,h1{margin:0; list-style:none}
#header{width:948px; margin:3px auto; height:24px; border:#c8dbea solid 1px; background:#e7f4fd url(http://www.hiao.com/public/topic/images/dhbj.gif) repeat-x bottom;}
#header img{border:0px;}
#header h1{float:left; margin-left:10px;}
#header ul{width:auto;float:right;word-wrap:break-word;padding-top:7px;margin-right:10px;display:inline;line-height:normal; overflow:hidden;list-style:none;}
#header ul li{float:left;padding:0 3px; border-right:#ccc dotted 1px;line-height:normal;height:auto;}
#header ul li a{line-height:14px;font-size:12px;color: #00007f;text-decoration: none;display:block; padding:0 4px 0 4px;}
#header ul li a:hover{line-height:14px;color: #fff; background:#ff0000;}
#header ul .end{ border:none;}
/*footer*/
#commonFooter{ margin-top:30px; padding-top:20px; border-top:1px solid #e9e9e9;height:95px;text-align:center;}
#commonFooter ul{width:520px;height:auto;margin:0 auto;}
#commonFooter ul li{ float:left; text-align:center; padding:0 12px; border-right:#ccc solid 1px;}
#commonFooter ul li a:link,#commonFooter ul li a:visited{color:#005aaa;}
#commonFooter ul li a:hover{color:#cc0000;}
#commonFooter ul .no{ border:0;}
#commonFooter var{ font-style:normal;line-height:23px;color:#333;}
#commonFooter var a{color:#cc3333;font:宋体, sans-serif;}

/*顶部标题栏*/
.topTitle {margin:4px auto 0 auto;height:82px;}
.topTitle .logo { display:inline;height:32px;cursor:auto;text-decoration:none;padding-top:25px;float:left;}
/*房产导航*/
.linkmenu{margin:0 auto 15px auto;height:44px;width:100%;background-color:#1b68ad;}
.linkmenu a {display:inline-block;width:auto;padding-left:10px;padding-right:10px;height:44px;color:#fff;font-size:12px;text-decoration:none;line-height:44px;text-align:center;}
.linkmenu a:hover{background-color:#144d7f;}
.linkmenu .il{border-right:1px solid #0f4b81;padding-right:20px;}
.linkmenu .ir{border-left:1px solid #4c8ac1;padding-left:14px;}
.linkmenu font {color:white;font-size:12px;margin-left:-5px;margin-right:-5px;}

/*焦点图*/
.focus{ position:relative; width:565px; height:395px; background-color:#000; float:left}  
.focus img{ width:565px; height:395px;} 
.focus .shadow .title{width:565px; height:60px;padding-left:30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9}  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10}  
.focus .shadow{ width:565px;position:absolute; bottom:0; z-index:10; height:40px; line-height:40px; background:rgba(0,0,0,0.7);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:16px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:18px; right:5px; position:absolute; height:21px; text-align:center; z-index: 200;*left:480px;_left:480px}  
.focus .fbg div{margin:15px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:10px; height:10px; border-radius:5px; margin:0 3px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#fff; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#ff7506;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal}
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(http://auto.qingdaonews.com/images/73262.files/focus_btn.png) no-repeat;}
.focus .prev{bottom:0; left:0;background-position:0 14px; cursor:pointer; }  
.focus .next{bottom:0; right: 0;  background-position:-40px 14px;cursor:pointer;}  
.focus .prev:hover{background-position:0 14px}  
.focus .next:hover{background-position:-40px 14px}

.m-ht{margin-bottom:20px;}
.m-ht h2{display:block; margin-bottom:10px; text-align:center;}
.m-ht h2 a{font-size:16px; font-weight:bold;}
.m-ht p{display:block; font-size:14px; color:#666; line-height:26px; text-align:left}
.m-ht p a{color:#ed781e;font-size:14px;}
.m-tt-1{display:block; height:40px; border-bottom:2px solid #1b68ad; line-height:40px;  text-align:right}
.m-tt-1 strong{display:inline; float:left; font-size:18px; color:#1b68ad; font-weight:normal}
.m-lst-1 li{overflow:hidden; display:block; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #e3e3e3; _height:1%}
.m-lst-1 li img{ display:block; float:left; width:105px; height:75px}
.m-lst-1r{float:right; width:440px;}
.m-lst-1r strong,.m-lst-1r p{ display:block; font-size:14px}
.m-lst-1r p{ padding-top:5px; color:#666; font-size:12px}
.m-lst-1r p a{color:#ed781e}
.m-lst-2{padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #e3e3e3}
.m-lst-2 li{display:block; height:28px; line-height:28px; font-size:14px; overflow:hidden; text-align:left}
.m-lst-3{ padding:10px; margin-bottom:15px; background:#f4f5fa; border:1px solid #c3d1de;text-align:left}
.m-lst-3:hover{ background:#e4e6f2}
.m-lst-3 strong{display:block; margin-bottom:5px; padding-left:40px; height:40px; font-weight:normal;line-height:40px; font-size:18px; color:#1b68ad}
.m-lst-3 p{ line-height:26px; color:#666}
.u-ico-1{ background:url(ico_1.png) left center no-repeat}
.u-ico-2{ background:url(ico_2.png) left center no-repeat}
.u-ico-3{ background:url(ico_3.png) left center no-repeat}
.m-msg{overflow:hidden; _height:1%}
.m-msg strong{display:block; height:30px; margin-bottom:10px; line-height:30px; padding-left:20px; color:#fd6a01; text-align:left; font-size:18px; background:url(ico_4.png) left center no-repeat; font-weight:normal}
.m-msg a,.m-msg a:link{display:block; float:left; width:72px; height:62px; padding-top:10px;  text-align:center; background:#ed781e; color:#fff; margin:0 20px 20px 0; font-size:18px;}
.m-msg a:hover{background:#f1a502; text-decoration:none; color:#fff}


