/*全局初始化 S*/
* html{ filter: expression(document.execCommand("BackgroundImageCache", false, true));}/*强制ie缓存背景图片*/
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;word-break:break-all;} 
body{color:#000; font:12px "宋体",serif;background:url(http://www.qingdaonews.com/images/13162.files/bg.jpg) no-repeat left 27px;}
address,caption,cite,code,dfn,em,th,var {font-weight:normal;font-style:normal;} 
ol,ul,li{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;line-height:16px;}
a{font-family:sans-serif,宋体;}
a:link {color:#004499;text-decoration:none;}
a:visited {color:#039;text-decoration:none; }
a:hover {color: #bb2323;text-decoration:underline;}
button{cursor:pointer;}
/* 清除溢出，浮动 */
.clear{overflow:hidden;clear:both;}
/*浮动*/
.left{float:left;}
.right{float:right;}
div.hr{ height:1px; margin:4px 0; padding:0;border-bottom:#ccc dotted 1px;overflow:hidden;}
div.hr hr{ display:none;}
div.hr1{ height:1px; margin:11px 0; padding:0;border-bottom:#ccc dotted 1px;overflow:hidden;}
div.hr1 hr{ display:none;}
.newslist14px div.hr{ clear:both;}
.p5{padding:5px;}
.fix{height:1%;}
/*虚线*/
div.hr{ height:1px; margin:10px 0; padding:0;border-bottom:#ccc dotted 1px;overflow:hidden;}
div.hr hr{ display:none;}

/*新闻列表*/
ul.newslist12px li,ul.newslist14px li,ol.newslist14px li,ol.newslist12px li{overflow:hidden;}
ul.newslist12px li,ol.newslist12px li{line-height:22px;height:22px;}
ul.newslist14px li,ol.newslist14px li{line-height:27px;height:27px;}
ul.newslist12px li a,ul.newslist12px li a:visited{font-size:12px;color:#049;}
ul.newslist14px li,ul.newslist14px li a,ul.newslist14px li a:visited{font-size:14px;color:#049;}
ul.newslist12px li a:hover,ul.newslist14px li a:hover{color:#BC2D09;}
ul.newslist14px span{float:right; margin-right:20px;color:#666666; font-family: Arial, Helvetica, sans-serif;font-size:10px;}

#container{width:950px;margin:0 auto;}
#conleft{width:325px;}
#conright{width:250px;}
/*菜单*/
#hiaoTop{background:url(http://www.hiao.com/images/13162.files/bg_x.gif) repeat-x left top;/*filter:Alpha(opacity=50); opacity:0.5;*/height:28px; clear:both; overflow:hidden;}
.toolbar{height:26px; width:950px; margin:0 auto;}
.toolbar .formStyle{float:left;margin-top:2px;padding-top:3px;}
.toolbar .formStyle .inputstyle{width:58px;height:13px;}
.toolbar img{ vertical-align:middle;}

.version{float:right; margin-top:3px;}
.version a{ display:block; background:url(http://www.hiao.com/images/13162.files/bg_repeat.gif) no-repeat;text-indent:-9999px;}
.zhibo{width:76px;height:20px;display:block;}
a.zhibo{ background-position:left -261px;}
a:hover.zhibo{ background-position:-86px -261px;}
/*按钮样式*/
.btn{color:#039;height:19px;font-size:12px;background:#ffffff url(http://www.hiao.com/images/13162.files/bg_x.gif) repeat-x left -479px; border:#7f9db9 solid 1px;padding:1px 3px;}
/*栏目导航*/
.header{height:46px;padding:0 10px 0 8px;margin:15px auto;font-size:12px;font-family:"宋体"; }
.header .logo{float:left;margin:4px 40px 0 0}
.header ul,.header ul li,.header a{list-style:none;padding:0;margin:0;border:0;}
.header ul{width:102px;float:left;padding-left:12px;margin:5px 0 0 0;background:url(http://www.hiao.com/images/13162.files/navline.gif) repeat-y right;line-height:22px;}
.header ul a:link,.header ul a:visited{color:#039;margin-right:6px;text-decoration:none}
.header ul a:hover{color:#cc0000;text-decoration:underline;}
.header ul span{font-weight:bold;float:left;width:33px;}
.header .item1{width:109px;}
.header .item2{width:138px;background:transparent;}

/*面包屑*/
.crumbs{height:35px;line-height:35px;clear:both;overflow:hidden;}
.crumbs em{color:#000000; font-weight:bold;}
/*布局*/
.layout3{margin:0 auto 5px auto;overflow:hidden;clear:both;height:1%;}
.layout3 .left{width:576px;float:left; border:1px solid #d0e2ea; background:#f5fafe}
.layout3 .center{width:355px;float:left;}
.layout3 .right{width:250px;float:right;}
.layout3 .newslist14px span.right{ float:left; width:auto;}
.layout3 .center{border:#d5dee5 solid 1px;background:url(mainbg.gif) no-repeat top right; /*height:928px;*/}
/*新闻头图*/
.newspic{border:#dce1e7 solid 1px;background:#f5fafe;padding:5px 0 5px 7px;margin-bottom:5px;}
.newspic img{width:310px;height:200px;}
.newspic p{width:310px;height:31px;line-height:30px;_line-height:27px;text-align:center;}
.newspic p a,.newspic p a:visited{color:#000; font-weight:bold;font-size:14px;}
.newspic p a:hover{color:#ff0000;}

/*左侧标题样式*/
.ltstyle{padding:0 12px 10px 12px;border:#b1d0e9 solid 1px;overflow:hidden;clear:both;background:url(http://www.hiao.com/images/13162.files/bg_x.gif) repeat-x left -693px;}
.ltstyle h2{background:url(http://www.hiao.com/images/13162.files/bg_repeat.gif) no-repeat left top;height:24px;line-height:24px;margin-bottom:10px;overflow:hidden;clear:both;}
.ltstyle h2 strong{font-size:14px;font-weight:bold;color:#fff;width:94px;text-align:center;display:inline-block;zoom:1;}
.ltstyle h2 span{ position:relative;right:-170px;}
.ltstyle h2 span a,.ltstyle h2 span a:visited{color:#000;}
.ltstyle li{color:#004499;}
.hiaohot{border:#b1d0e9 solid 1px;margin-top:5px;}

.main{padding:0;}
.main h1{height:30px; line-height:30px; padding-left:10px;color:#ffffff;font-size:16px;font-weight:bold;font-family:微软雅黑,宋体; background:#196abb; clear:both;}
.main hr{ height:1px; margin:3px 0; padding:0;border-bottom:#ccc dotted 1px;overflow:hidden;}
.main .newslist14px{ padding:0 10px;}
.main .hr{margin:10px;}
/*右侧标题样式*/
.rtstyle{border:#e4e4e4 solid 1px;border-top:none;overflow:hidden;clear:both;}
.rtstyle h3{height:30px;line-height:30px;padding-left:35px;padding-right:10px;background:#f5f5f5 url(http://www.hiao.com/images/13162.files/bg_repeat.gif) no-repeat left -133px;}
.rtstyle h3 strong{font-weight:bold;font-size:14px;}
.rtstyle h3 span{float:right;}
.rtstyle h3 span a,.rtstyle h3 span a:visited{color:#1764ab;}
.rtstyle h3 span a:hover{color:#ff0000;}
.special{border-bottom:none;}
.rconpadd{padding:5px 5px 7px;}
.ltstyle,.rtstyle{margin-top:5px;}
/*图片标题摘要*/
.extra{border:#a2c5ec solid 1px;border-top:none;}
.imgtittxt{clear:both;overflow:hidden;padding:9px 2px 5px 5px;height:1%;}
.imgtittxt img{width:90px;float:left;}
.imgtittxt .tit{width:140px;float:right;}
.imgtittxt .tit h4{line-height:20px;height:20px;font-weight:bold;overflow:hidden;}
.imgtittxt .tit p{color:#666;line-height:18px;height:54px;overflow:hidden;}
/*切换*/
.titleTab{width:250px;overflow:hidden;clear:both;height:23px;background:url(http://www.hiao.com/images/13162.files/bg_repeat.gif) no-repeat left -434px;}
.titleTab li{width:82px;height:23px;line-height:23px;float:left; text-align:center;/*cursor:pointer;*/ background:url(http://www.hiao.com/images/13162.files/bg_repeat.gif) no-repeat;margin-right:2px;}
.titleTab li{background-position:left -185px;}
.titleTab li.on{font-weight:bold;height:24px;line-height:23px;background:#fff url(http://www.hiao.com/images/13162.files/bg_repeat.gif) no-repeat left -215px;}
.titleTab li a,.titleTab li a:visited{ color:#1f376d;}
.titleTab li.on a,.titleTab li.on a:visited{color:#1f376d; font-weight:bold;}
.mr{margin-right:2px;}

.titleTabr{width:358px;height:30px;border-bottom: 1px solid #E2E4E9; background:#f3f8fc; font-size: 14px;}
.titleTabr ul{padding-left:27px;padding-top:4px;}
.titleTabr li{padding:0 8px;line-height:25px;float:left;}
.titleTabr li.on{font-weight:bold;background:#fff;border:#ededee solid 1px;border-bottom:none;}
.titleTabr li a,.titleTabr li a:visited{color:#333;}
.titleTabr li.on a,.titleTabr li.on a:visited{color:#000;}
/*图片轮播*/
.flashNews {position:relative;width:230px;overflow:hidden; clear:both;margin-left:10px;margin-bottom:5px;padding-top:10px;}
.flashNews, .firstNews {height:122px;}
.flashNews .bg {position:absolute;left:0;bottom:0;width:230px;height:40px;}
#SwitchTitle h3 { display:none}
#SwitchTitle {height:20px; text-align:center; line-height:22px; background:#ffffff; padding:0 10px; overflow:hidden; width:210px;}
#SwitchTitle a:link,#SwitchTitle a:visited { color:#000000; font-weight:bold;}
#SwitchTitle a:hover { color:#ff0000; text-decoration:none;}
.flashNews ul {position:absolute;right:0;bottom:0;padding-left:47px;_padding-left:46px; z-index:2;}
.flashNews ul li {float:left;width:15px;height:18px;line-height:18px;text-align:center;margin-left:1px;background:#000000;}
.flashNews ul li a {display:block;width:15px;height:18px;font-size:10px;font-family:Tahoma;font-weight:bold;color:#FFFFFF;}
.flashNews ul li a:hover, .flashNews ul li a.sel {color:#F20000;}
.flashNews ul li a:visited { color:#FFFFFF}
.flashNews ul li a.sel:link,.flashNews ul li a.sel:visited,.flashNews ul li a.sel:hover {color:#fff; background:#ff0000;}
/*文字链接*/
.txtlink{width:248px;height:35px;margin:5px 0 0;border-top:#ccc dotted 1px;}
.txtlink p{text-align:center;padding:8px 0;}
.txtlink a,.txtlink a:visited{font-size:14px;}
/*翻页*/
#displaypagenum{height:50px;line-height:50px;margin-top:5px;}

/*底部*/
#commonFooter{margin-top:10px;padding-top:5px;border-top:#e4e4e4 solid 1px;text-align:center; clear:both; overflow:hidden;}
#commonFooter iframe{width:900px;height:80px;}

.commonRight{float:right;width:360px;overflow:hidden;color:#333333;}
.titlestyle{border:#dadde2 solid 1px;border-top-color:#3b65b0; margin-bottom:10px;}
.titlestyle h2{height:28px;line-height:28px;border-bottom:#e2e4e9 solid 1px;padding:0 10px 0 20px;text-align:right;background:#f3f8fc;font-weight:normal;}
.titlestyle h2 strong{float:left;color:#004499;font-size:14px;font-weight:normal;}
.titlestyle h2 strong a,.titlestyle h2 strong a:visited{color:#004499;font-size:14px;}
.titlestyle h2 strong a:hover{color:#cc0000;}
.titlestyle .padding{padding:10px 15px;_height:1%;}

#displaypagenum a{padding:4px 6px;border:1px solid #DCDDDD;background:#fff;color:#004499;font-size:12px;}
#displaypagenum a:hover{ padding:4px 6px; border:1px solid #004499;background:#004499;color:#fff; text-decoration:none;}
#displaypagenum span{ padding:4px 6px; border:1px solid #DCDDDD; background:#004499; font-weight:bold;color:#fff;}/* 选中 */
#displaypagenum span.page_num { padding:4px 6px; border:0px;background:#fff;color:#ccc;font-weight:normal;}

/*焦点图(轮)*/
#focusimg {position:relative;height:200px;width:328px;overflow:hidden;clear:both;overflow:hidden; margin-bottom:8px;}
#focusimg .opacityDiv {position:absolute;left:0;bottom:0;width:340px;height:28px;background:#000;filter:Alpha(opacity=45);-moz-opacity:0.45;opacity:0.45;text-indent:-9999px;}
#focusimg h3 {position:absolute;width:328px;height:30px;line-height:34px;left:0;bottom:0;color: #FFFFFF;padding-left:10px;overflow:hidden;}
#focusimg h3 a,#focusimg h3 a:visited{color:#fff;font-family:微软雅黑,宋体;font-size:15px; font-weight:bold;}
#focusimg h3 a:hover{color:#f8eabc;text-decoration:none;}
.focuspage{position:relative;z-index:20;margin-top:-14px;_margin-top:-16px;*margin-top:-18px;float:right;font-family:Arial;font-size:12px; font-weight:bold;}
.focuspage a,.focuspage a:visited {padding:2px 4px 1px;color:#FFFFFF;text-decoration:none;line-height:12px;cursor:pointer; background:#333333;}
.focuspage strong,.focuspage a:hover {background:#cc3333;color:#FFFFFF;padding:2px 4px 1px;cursor:pointer;}
/* 图片列表 */
.box{height:1%; overflow:hidden; padding-top:15px;}
.box li{width:160px;height:132px;float:left; padding:5px; border:1px solid #EAEAEA; margin:0 0 15px 15px;display:inline}
.box img{width:158px;height:110px;}
.box li p{ width:150px; padding:0 5px; text-align:center;line-height:26px; height:26px;color:#16387c;text-decoration:none;display:block;overflow:hidden;font-size:12px;}
.box ul{ height:1%; overflow:hidden; }
/* 图列 */
.pic a{width:150px;height:122px;﹥width:164px;﹥height:136px;padding:7px;text-align:center;line-height:26px;color:#16387c;text-decoration:none;display:block;overflow:hidden;font-size:12px;}
.pic a:visited{color:#16387c;text-decoration:none;}
.pic a:hover{color:#333;text-decoration:none;background-color:#f5f5f5;}
.pic a:hover img{text-decoration:none;}
.pic a img{width:150px;height:100px;}
.pic .box{width:164px;height:136px;float:left;overflow:hidden;}

.photolist li{text-align:center;}
.photolist span{display:block;line-height:20px;overflow:hidden;padding:3px 0;}
.photomore{ float:right; width:160px; clear:none; line-height:20px; font-size:12px;}
.photomore p{ padding:0; margin:0;}
 
.zt,.zt li{width:160px;}
.zt span{height:25px;line-height:25px;background:#f6f6f6;}
/* 热帖排行 */
#clubli{ overflow:hidden; height:240px;}
ol.newslist14px{background:url(http://www.qingdaonews.com/images/33482.files/sprites2012.png) -673px -135px no-repeat; overflow:hidden; padding-left:31px;}
ol.newslist14px em{ float:right; background:#fff; font-style:normal; color:#999999; padding-left:10px;line-height:24px; }
ol.newslist14px a{ line-height:24px; color:#004499;}
ol.newslist14px a:hover{ color:#004499;}
#newsli ol.newslist14px li{ height:24px; line-height:24px;}

.r_nav{padding-top:10px; overflow: hidden}
.r_nav li{display:inline; float:left; width:100px; padding:0 0 15px 15px; text-align:center}
.pl10{padding-left:10px}

.mb{ display:none;}


ol.newslist14px em, #newsli ul.newslist14px em {background: none repeat scroll 0 0 #FFFFFF;float: right;padding-left: 10px;}
address, caption, cite, code, dfn, em, th, var {font-style: normal;font-weight: normal;}
#fanyejs{height:50px;line-height:50px;margin-top:5px;}
#fanyejs a{padding:4px 6px;border:1px solid #DCDDDD;background:#fff;color:#004499;font-size:12px;}
#fanyejs a:hover{ padding:4px 6px; border:1px solid #004499;background:#004499;color:#fff; text-decoration:none;}
#fanyejs span{ padding:4px 6px; border:1px solid #DCDDDD; background:#004499; font-weight:bold;color:#fff;}/* 选中 */
#fanyejs span.page_num { padding:4px 6px; border:0px;background:#fff;color:#ccc;font-weight:normal;}

@media screen and (max-device-width: 600px) {
.commonRight,#nuploc_65,.header ul,#fanyejs,.crumbs,#commonFooter iframe{ display:none;}#hiaoTop{ background-image:none; height:auto; clear:none; text-align:right;}
#container,.layout3 .left{width:auto;}
.header{margin:0; padding:0; height:auto;}.toolbar{height:auto; width:auto;padding-left:80px; position:absolute;}
.header .logo{ height:23px;}.pc{ display:none;}ul.newslist14px span{ margin-right:5px;}.mb{ display:block;}#commonFooter .mb{ padding:12px 0;}
.box img{ height:auto;width:100%;}.box{ padding-top:8px;}/* 图片列表显示优化 */
.box ul li{height:120px;padding:0;width:46%; border:none; position:relative; text-align:center; margin:0 0 0 2%;} 
.box li p{position:absolute; bottom:0; background:#fff; width:100%;}
}