﻿@import url(http://house.qingdaonews.com/public/top/house_header.css); 
@import url(http://www.hiao.com/public/topic/common_topic950.css); 
/*全局初始化 S*/
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:#000000; font:12px "宋体",Arial;}
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; font-size:12px;}
a:link,a:visited{ font-family:"宋体",Arial;color:#000;text-decoration:none;}
a:hover,a:active{color:#f00;text-decoration:underline;}
input,button{cursor:pointer;}
/*全局初始化 E*/
/* 清除溢出，浮动 */
.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;}
/* IE7 hack */
*+ .wrapfix{display:inline-block;}
/* IE-mac, IE5, IE6 */
* html .wrapfix{height:1%;}
.wrapfix {display: block;}
/*浮动*/
.left{float:left;}
.right{float:right;}
/* 隐藏元素 */
.invisible{visibility:hidden;}
.hidden{display:none;}


/*广告*/
.ad950{width:950px;height:90px; margin:4px auto 0 auto;}
/*全局通用*/
.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;}
.mb15{ margin-bottom:15px;}

.pt10{ padding-top:10px;}
.pr10{ padding-right:10px;}
.pb10{ padding-bottom:10px;}
.pl10{ padding-left:10px;}
.p10{padding:10px;}
.p5{padding:5px;}
div.hr{ height:1px; margin:5px 0; padding:0;border-bottom:#ccc dotted 1px;overflow:hidden;}
div.hr hr{ display:none;}


/* 颜色属性 */
.cRed,a.cRed,a.cRed:visited{color:#ff0000; }
.cBlue,a.cBlue,a.cBlue:visited{color:#003398;}
.cDRed,a.cDRed,a.cDRed:visited{color:#bc2931;}
.cGray,a.cGray,a.cGray:visited{color: #333333;}
.cDGray,a.cDGray,a.cDGray:visited{color: #666666;}
.cWhite,a.cWhite,a.cWhite:visited{color:#ffffff;}
.cBlack,a.cBlack,a.cBlack:visited{color:#000000;}
.cGreen,a.cGreen,a.cGreen:visited{color:#008000;}
.cYellow,a.cYellow,a.cYellow:visited{color:#ff6600;}
/* 字体属性 */
.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;}
/*浮动*/
.left{float:left;}
.right{float:right;}

#container{background:#fff;width:950px;margin:0 auto;}

/*各块通用布局*/
.commonLeftColumn{float:left;width:325px;}
.commonCenterColumn{width:auto;margin:0 235px 0 335px;}
.commonRightColumn{float:right;width:225px;}
/*首页中部*/
.headerInfo{height:58px;background:url(bg_repeat.gif) no-repeat left -346px;}
.headerInfo h2{text-align:center;}
.headerInfo li{text-align:center;}
.headerInfo h2 a:link,.headerInfo h2 a:visited{font:18px 黑体;color:#cc0000;}
.headerInfo li{color:#717171;margin-top:10px;}
.headerInfo li a:link,.headerInfo li a:visited{color:#00007f;}

.newsPiece1,.newsPiece2{height:auto; line-height:27px;}
.newsPiece1 img,.newsPiece2 img{ margin-right:30px; margin-top:4px;}
.newsPiece1 h3,.newsPiece2 h3{height:32px;background:url(bg_repeat.gif) no-repeat;text-align:right;}
.newsPiece1 h3{background-position:left -460px;}
.newsPiece2 h3{background-position:left -513px;}
.newsPiece1 h3 a:link,.newsPiece1 h3 a:visited{color:#316ebf;}
.newsPiece2 h3 a:link,.newsPiece2 h3 a:visited{color:#71bf47;}

.newsHome{height:55px;border:#f0f4c1 solid 1px; background:#fefff1 url(bg_repeat.gif) no-repeat -437px -56px;}
.newsHome ul{margin:10px 0 0 50px;}
.newsHome ul li{float:left; line-height:20px;color:#d5c681; overflow:hidden;width:320px; height:36px;}
.newsHome ul li a:link,.newsHome ul li a:visited{color:#cc3300;}
/*首页右侧*/
.headerRightStyle{width:auto;}
.headerRightStyle h4{height:16px;padding-left:20px;color:#2383c6;background:url(bg_repeat.gif) no-repeat left -565px;}
.headerRightStyle .conContainer{background:#fafafa; border:#ececec solid 1px;padding-top:5px;padding-bottom:5px;}
/*link*/
#commonLink{border:#feafaa solid 1px; margin-bottom:10px;}
#commonLink .commonLinkTitle{height:56px; background:#f9f9f9 url(bg_x.gif) repeat-x left -75px;border-bottom:#ececec solid 1px;}
#commonLink .commonLinkTitle h1{width:191px; height:36px;background:#fece6a url(bg_repeat.gif) no-repeat left -290px;text-indent:-9999em; margin:0 43px 0 33px;float:left;}
#commonLink .commonLinkTitle ul{width:620px;}
#commonLink .commonLinkTitle ul li a{color:#333;padding:0 5px;}
#commonLink .commonLinkImg{width:895px;height:42px;margin:10px auto;}
#commonLink .commonLinkImg li{ float:left; margin-right:5px;}
#commonLink .commonLinkImg li img{width:100px; height:40px;text-align:center; border:#ececec solid 1px;}
#commonLink .commonLinkTitle ul a{color:#333;border-right:#ccc solid 1px;}
/*友情链接*/
.textlink{width:898px;margin:10px auto;}
.textlink ul{ line-height:26px;}
.textlink li{width:128px; float:left;}
/*footer*/
#commonFooter{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;}
/*焦点区*/
.focusImg{border:#7bb6f1 solid 1px;padding:6px;height:270px; overflow:hidden; width:auto;}
	.fimg li{display:none;text-align:center;}
	.fimg li.on{display:block;}
	.fimg li img{margin-bottom:10px;}
	.fimg li .titles,.fimg li .titles:visited{font-size:14px; font-weight:bold; color:#000; margin-left:20px;}
	.forday{padding-top:10px;}
	.forday a{float:left; display:block;width:100px;}
	.forday ul{float:right; width:113px; height:24px; overflow:hidden;}
	.forday li{ width:21px; color:#706caa;float:left;margin-right:7px; background:url(bg_repeat.gif) no-repeat 0 -835px; text-align:center; cursor:pointer; font-family:Verdana; text-align:center; height:26px; line-height:24px; font-weight:bold;}
	.forday li.on{background:url(bg_repeat.gif) no-repeat -31px -835px;color:#fff;}
/*tab*/
.colA,.colB{ border:#a9c9e3 solid 1px;}
.colA{height:212px;}
.colC{height:auto;}
.colD{height:104px; overflow:hidden}

.notice{height:28px; text-indent:26px;line-height:27px;background:#ffeaad url(bg_x.gif) repeat-x left -715px;}
/*tab*/
.titleTab{ margin:0; height:22px; overflow:hidden; border-bottom:#d2e4f4 solid 1px;}
.titleTab li{ float:left; margin-right:3px;padding:0 6px; text-align:center;cursor:pointer; border:#d4d4d4 solid 1px; border-bottom:none;height:22px; line-height:24px; color:#666666;}
.titleTab li.on{padding:0 6px; font-weight:bold; color:#22547f;background:#b1cee7 url(bg_x.gif) repeat-x left top; border:#cee2f3 solid 1px;}
.titleTab li a{ color:#666666}
.titleTab li.on a{color:#22547f;}

.titleTab1{ margin:0; background:url(bg_x.gif) repeat-x left -271px;width:100%; height:22px; overflow:hidden;}
.titleTab1 h4{float:left;color:#516192;font-weight:bold;width:110px;margin-top:5px;}
.titleTab1 ul{float:left; width:200px;}
.titleTab1 li{float:left; margin-right:4px; text-align:center;cursor:pointer; width:auto;padding:0 8px; height:22px; line-height:24px; color:#666666}
.titleTab1 li.on{ background:#fff;border:#a9c9e3 solid 1px; border-bottom:none;border-top:none;width:auto; font-weight:bold; color:#c0121d;}
.titleTab1 li a{ color:#516192}
.titleTab1 li.on a{color:#fb6602;}

.titleTab2,.titleTab3{ margin:0; width:100%; height:26px; overflow:hidden; border-bottom:#c0121d solid 1px;}
.titleTab2 li h4,.titleTab3 li h4{background:url(bg_repeat.gif) no-repeat;width:120px;height:26px; text-indent:-9999px;}
.titleTab2 li,.titleTab3 li{ float:left; margin-right:4px;text-align:center;cursor:pointer;border:#ccc solid 1px; width:auto;padding:1px 7px;line-height:23px; color:#666666}
.titleTab2 li.on,.titleTab3 li.on{ background:#c0121d;border:#c0121d solid 1px; width:auto; font-weight:bold; color:#fff;}
.titleTab2 li a,.titleTab3 li a{ color:#000;}
.titleTab2 li.on a,.titleTab3 li.on a{color:#fff;}
.titleTab2 li h4{ background-position:-396px -295px;}
.titleTab2 li.no,.titleTab3 li.no{padding:0;}
.titleTab3 li h4{ background-position:-396px -349px;}

.titleTab4{ margin:0; height:22px; overflow:hidden; border-bottom:#d2e4f4 solid 1px;}
.titleTab4 li{ float:left; margin-right:3px;padding:0 6px; text-align:center;cursor:pointer; border:#d4d4d4 solid 1px; border-bottom:none;height:22px; line-height:24px; color:#666666;}
.titleTab4 li.on{padding:0 6px; font-weight:bold; color:#22547f;background:#b1cee7 url(bg_x.gif) repeat-x left top; border:#cee2f3 solid 1px;}
.titleTab4 li a{ color:#666666}
.titleTab4 li.on a{color:#22547f;}
/*左栏左右数据结构*/
.leftContent{margin:8px 3px 0 8px;_display:inline;}
.leftContent .list{float:left;width:150px;display:inline;}
.leftContent .list ul{margin-left:5px;}
.leftContent .list li{clear:both;line-height:22px; text-align:left;}
.leftContent .list li a{color:#003398;}

/*图片排版全局通用*/
dl.img_tex,dl.img_tex1,dl.img_tex2{}
dl.img_tex dd,dl.img_tex1 dd,dl.img_tex2 dd{float:left; margin-right:5px;margin-bottom:5px;_margin-right:3px;}
dl.img_tex dd p,dl.img_tex1 dd p,dl.img_tex2 dd p{display:block; padding:1px; border:1px solid #d7d7d7; width:auto;}
dl.img_tex dd span,dl.img_tex1 dd span,dl.img_tex2 dd span{ display:block;line-height:20px; font-weight:normal; font-size:12px; text-align:center;}
dl.img_tex dd span{background:#666;}
dl.img_tex1 dd span{background:#cc0000;}
dl.img_tex2 dd span{background:#e9e9e9;}

ul.newslist12px,ul.newslist14px{color:#666;overflow:hidden;}
ul.newslist12px li,ul.newslist12px li a{ height:23px; font-size:12px;line-height:23px;overflow:hidden}
ul.newslist14px li,ul.newslist14px li a{ font-size:14px;overflow:hidden;line-height:24px; height:24px}

/*标题样式*/
.titilestyle{width:auto;border:1px solid #b5cae5;}
.titilestyle .title{background: url(bg_x.gif) repeat-x left top; height:27px; line-height:26px;}
.titilestyle .title h2{background:url(bg_x.gif) repeat-x left -444px; display:block;width:100px;height:27px;padding:0 10px;color:#333;font-size:14px;font-weight:bold; margin-left:10px; text-align:center;}

/*头部搜索*/
#commonSearch{ border:#e9e9e9 solid 1px;background:#fff;height:200px;}
#commonSearchTitle{height:30px;background:url(bg_x.gif) repeat-x left -148px;}
#commonSearchTitle h1{float:left;width:128px;height:28px;margin-left:18px;_margin-left:9px;background:url(bg_repeat.gif) no-repeat -372px -112px;text-indent:-9999em;}
#commonSearchTitle li{float:right;width:740px;margin-top:10px;color:#2c4198;}
#commonSearchTitle li em{color:#fff;background:#cc3333;font:11px Arial, Helvetica, sans-serif normal;padding:0 3px; border:#993333 solid 1px;}
#commonSearchTitle li a{color:#2c4198; font-weight:bold;}

#commonSearchClass{margin:15px 0 0 18px;}
#commonSearchClass ul{height:20px;margin-bottom:12px;}
#commonSearchClass h2{float:left;margin-right:25px;width:76px;height:19px;text-align:center;line-height:20px;background:#FFC20C;font-size:12px;color:#000;}
#commonSearchClass ul li{float:left;width:800px;}
#commonSearchClass ul li select{width:80px;margin-right:20px;}
#commonSearchClass ul li input{width:184px;margin-right:10px;}
#commonSearchClass ul .btn{width:auto;}
#commonSearchClass ul li a{color:#316dbf;}

#commonSearchFont{background:#f8f8f8; border-top:#eaeaea solid 1px;height:58px;}
#commonSearchFont h3{float:left;width:43px;height:36px;margin:10px 12px 0 19px;_margin:10px 6px 0 10px;background:url(bg_repeat.gif) no-repeat -457px top;text-indent:-9999em;}
#commonSearchFont ul{float:left;margin-top:10px;}
#commonSearchFont ul li{margin-bottom:10px;}
#commonSearchFont ul .linkcolor1 a{color:#ff3203;}
#commonSearchFont ul .linkcolor2 a,.linkcolor2 a:link,.linkcolor2 a:visited{color:#2d4198;font:11px Arial;}
#commonSearchFont ul .linkcolor2 a:hover,.linkcolor2 a:hover{color:#fff; background:#2d4198;}
/*按钮样式*/
.btn{ border:#9999cc solid 1px;padding:1px 5px;background:url(bg_x.gif) repeat-x left -570px;color:#000;}
/*栏目导航*/
#commonModule1{height:auto; display:inline-block;border:#f5cbc2 solid 1px; margin-bottom:5px;}
#commonModule1 .titleStyle1{height:56px; background:url(bg_x.gif) repeat-x left -745px;}
#commonModule1 .titleStyle1 h1{width:231px; height:47px;background:url(bg_repeat.gif) no-repeat;text-indent:-9999em; margin:0 43px 0 33px;_margin:0 22px 0 16px;float:left;}
#commonModule1 .titleStyle1 h1{ background-position:left -40px;}
#commonModule1 .titleStyle1 ul{ float:left;width:auto;height:46px;margin-top:8px;overflow:hidden;line-height:21px;}
#commonModule1 .titleStyle1 ul li a{color:#cc0000; font-size:14px; text-align:center;padding:0 6px;/*border-right:#f9d59a solid 1px;*/}
#commonModule1 .titleStyle1 ul li a:hover{color:#039;}
/*新楼标题列表*/
.zm{width:auto;}
.zms{overflow:hidden;margin: 0 auto;}

.zm_str{font-size: 12px;Color:#666666;}
.zm_str ul{margin:0;padding:0;}
.zm_str li{text-indent: 10px;display:block;float: left;width:130px;line-height: 2;background: url(zm.jpg) repeat-y left center;margin-left: -5px;}
.zm_str li a{color:#003399;}
.zm_str li a:hover{color:#ff0000;}
/*数据表格样式*/
.mytable {
 width:550px;
 border: 1px solid #bbd7e7;
 padding: 5px;
 margin: 0;
}
.mytable caption {
 padding: 0 0 5px 0;
 width: auto;  
 font: italic 12px;
 text-align: right;
 display:none;
}
.mytable th {
 color: #034c90;
 letter-spacing: 2px;
 text-transform: uppercase;
 padding: 0 2px 0;
 text-align: center;
 background:url(bg_x.gif) repeat-x left -148px;
 font-weight:bold;
}
.mytable th.nobg {
 border-top: 0;
 border-left: 0;
}
.mytable td {
 background: #fff;
 font-size:12px;
 padding: 1px 2px 0;
 color: #4f6b72;
 text-align:center;
}
.mytable td.alt {
 background: #f4f4f4;
 color: #797268;
}
.mytable th.spec {
 border-top: 0;
 background: #fff url(images/bullet1.gif) no-repeat;
 font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.mytable th.specalt {
 border-top: 0;
 background: #f5fafa;
 font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 color: #a06912;
}

.tablelist,.tablelist1,.tablelist2{width:100%;border-collapse:collapse;}
.tablelist th,.tablelist td,.tablelist1 th,.tablelist1 td,.tablelist2 td{border-bottom:1px solid #eee;padding:0 7px;line-height:24px;font-family: 宋体;}
.tablelist th,.tablelist1 th,.tablelist2 th{text-align:center; font-weight:bold;}
.tablelist th{ background:url(bg_x.gif) repeat-x left -150px;}
.tablelist1 th{color:#3366CC;}
.tablelist2 th{background:#f6fdff;color:#3976b3; border-top:#e8f7ff solid 1px;border-bottom:#e8f7ff solid 1px;padding:5px 0;}
.tablelist2 td{border-bottom:1px solid #e8f7ff;}
.tablelist td,tablelist1 td,tablelist2 td{vertical-align:middle;}
.tablelist td.last,.tablelist1 td.last,.tablelist2 td.last{border-bottom:none;}
