/*reset*/
body,h1,h2,h3,h4,blockquote,p,dl,dt,dd,ul,ol,li,th,td,form,fieldset,legend,button,input,textarea{margin:0;padding:0}body,button,input,select,textarea{font:12px/1.75 \5b8b\4f53,arial,sans-serif}button,input,select,textarea,h1,h2,h3,h4{font-size:100%}em,i{font-style:normal}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}img,fieldset{border:0;vertical-align:middle}.clearfix:after{content:"\20";clear:both;height:0;display:block;overflow:hidden}.clearfix{*zoom:1}.clear{font-size:0; line-height:0; height:0; overflow:hidden; clear:both; visibility:hidden}a{color:#333;text-decoration:none;outline:none}a:hover{color:#c00;text-decoration:underline}.fl,.mark{float:left}.fr,.subMark{float:right}.wrap{ width:100%;}

/*layout*/
.layout{width: 1000px;margin-left: auto;margin-right: auto;clear: both;}
.lay-a,.lay-b,.lay-c,.layAB{float:left;display:inline;overflow:hidden;}
.layABC{width:980px; float:none; margin:0 auto}

.lay-a{width: 760px;margin-right: 10px;}
.lay-b{width: 210px;}

/*header*/
.top-bar{background: #3fb5e7;height: 38px;line-height: 38px;color: #fff;font-size: 14px;}
.nav-site {color: #bbb;}
.top-bar a{color: #fff;}
.top-login{position: absolute; width:300px; height:38px; overflow:hidden; left:0; top:0;}
.ico-l{background: url(http://www.citygf.com/images/index2014/ico-l.png) 0 45% no-repeat;padding-left: 20px;margin-left: 15px;}
.nav-menu{margin-left: 170px;position: absolute;}
.nav-menu .item{position: relative;float: left;}
.nav-menu .cat{display: block;padding-right: 15px;line-height: 38px;}
.nav-menu .cat a{background: url(http://www.citygf.com/images/index2014/ico-d.png) right 50% no-repeat;padding: 0 15px;}
.nav-menu .cat:hover{background-color: #0088c2;}
.nav-menu .sub{position: absolute;top: 38px;display: none;background:#fff;border:1px solid #cdcdcd;box-shadow:0 0 8px #cdcdcd;padding-bottom: 10px;}
.nav-menu .sub a{display: block;width: 100px;color: #585858;font-size: 12px;padding: 0 10px;line-height: 28px;}
.nav-menu .sub a:hover{color:#252525;background:#f2f2f2;}
.nav-menu .sub i{border-bottom: 1px dashed #dcdddd;display: block;}
.top-set{position: absolute;margin-left: 900px;}
.nav-site{background: #f9f9f9;padding-left: 10px;padding-bottom: 10px;}
.nav-site a{margin-left: 5px;margin-right:5px;display: inline-block;}
#storage{ position:absolute;}
.top-bar .layout{ margin:0 auto; height:38px; position:relative;}
.nav-menu .wxlist{width:330px;}
.nav-menu .wxlist li{float:left;width:110px;}
.nav-menu .wxlist a{padding:0 5px;}

.top-search{position: absolute;margin-left: 660px;_margin-top: 6px;font-size: 0;}
.top-search .keyword{width: 180px;height: 22px;vertical-align: middle;background: #e1f3fd;color: #8c9399;padding-left: 10px;line-height: 22px;border: 0;font-size: 14px;}
.top-search .submit{width: 30px;height: 24px;background: url(http://www.citygf.com/images/index2014/ico-s.png) 0 0 no-repeat;vertical-align: middle;border: 0;cursor: pointer; text-indent:-9999px;}
.topic .tit{font: bold 36px/55px Microsoft YaHei;border-left: 6px solid #318ed2;padding-left: 10px;}
.topic .info{width: 980px; overflow:hidden;}
.topic .share img{vertical-align: middle;margin: 0 2px;}
.topic .share a{text-decoration: none;cursor: pointer;}
.topic .relevant{ float:left;}
.topic .relevant a{margin: 0 5px;}

/* diy */
.region, .mod, .mhd, .mbd{display: block; clear: both; overflow: hidden; height: auto; content: '.'; *zoom: 1;}
.l{float: left;}
.r{float: right;}
.cl{clear: both;}
.auto{margin-right: auto; margin-left: auto;}
.ovh{overflow: hidden;}
.f0{font-size: 0;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f20{font-size: 20px;}
.b{font-weight: bold;}
.tc{text-align: center;}
.tit-m{position: absolute; display: block; overflow: hidden; background-color: rgba(000, 000, 000, .6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000, endColorstr=#90000000);}

.fw{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
.fwn{font-weight: normal;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f18{font-size: 18px;}
.mt20{margin-top: 20px;}
.mb20{margin-bottom: 20px;}
.mt15{margin-top: 15px;}
.mb15{margin-bottom: 15px;}
.pl10{padding-left: 10px;}
.pr10{padding-right: 10px;}
.pt10{padding-top: 10px;}
.pb10{padding-bottom: 10px;}

/* wrapper */
.title h1{font-size: 36px;line-height: 42px;color: #346fab;border-left: 1px solid #c4c4c4;padding-left: 16px;font-weight: normal;margin-top: 7px;margin-left: 16px;}
.top-pic{background: #f8f8f8;height: 340px;overflow: hidden;}
.top-pic em{font-size: 26px;color: #0064b2;}

.m-bt{background: #4173c9;padding: 7px 12px;display: inline-block;border-radius: 2px;}
.m-bt2{background: #f1f1f1;padding: 6px 11px;display: inline-block;border: 1px solid #e5e5e5;border-radius: 2px;}
a.m-bt{color: #fff;text-decoration: none;}
a.m-bt2{text-decoration: none;}
a.m-bt:hover{background: #376ac2;}

.line2{border-top: 5px solid #346fab;height: 8px;overflow: hidden;}

.pic{width: 180px;height: 130px;padding: 3px;border: 1px solid #e0e0e0;margin-right: 16px;}
.mbd{padding: 26px 10px;width: 740px;position: relative;border-bottom: 1px solid #e9e9e9;clear: both; overflow:hidden;}

.mbd:hover{background: #f4f4f4;}
.content h2{height: 40px;}
.time,
.from,
.number{background: url(http://www.citygf.com/images/tfxw_icon.png) 0 0 no-repeat;}
.number{width: 30px;height: 24px;text-align: center;color: #fff;display: block;position: absolute;right: 10px;top: 26px;}
.time{background-position: 0 -30px;padding-left: 20px;co}
.from{background-position: 0 -60px;padding-left: 20px;}

.detial{color: #666;}
.content .info{color: #999;}

/* weibo */
.weibo{background: url(http://www.citygf.com/images/tfxw_weibo.png) 0 0 no-repeat;height: 231px;padding-top: 210px;overflow: hidden;}
.weibo a{display: block;width: 70px;height: 120px;overflow: hidden;text-indent: -9999px;float: left;}

/*page*/
.page {height:60px;width: 100%; margin:10px auto; text-align:center; font-family:Arial;}
.page a.prev {background: url(http://www.citygf.com/images/tfxw_arrow.png) repeat scroll 0 0 transparent;}

.page a.prev:hover {background: url(http://www.citygf.com/images/tfxw_arrow.png) repeat scroll 0 -35px transparent;}
.page a.next {background: url(http://www.citygf.com/images/tfxw_arrow.png) repeat scroll -38px 0 transparent;}
.page a.next:hover {background: url(http://www.citygf.com/images/vtfxw_arrow.png) repeat scroll -38px 35px transparent;}
.page a, .page span {display:inline-block; font-size: 12px; font-weight: normal; height: 24px; line-height: 24px; overflow: hidden; text-align: center;width: 38px; margin-right:4px; vertical-align:middle;}
.page span {background: none repeat scroll 0 0 #F0F0F0; color: #006bc5;}

/* footer */
.footer{border-top: 2px solid #318ed2;padding-top: 20px;}

/*2013-07-02  lzf  大图切换*/
.focusPic{ width:980px; height:340px;position:relative;}
.focusPic .pans,.focusPic .pans .pan{width: 980px;height: 340px;}

/*2013-07-25  lzf  大图加标题*/
.focusPic .lay-a{ position:relative;}
.focusPic .lay-a h2{ position:absolute; bottom:0px; left:0px; height:32px; line-height:32px;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000, endColorstr=#60000000);background-color:rgba(0,0,0,0.6); width:730px; text-align:left; padding:0 15px; font-size:14px;}
.focusPic .lay-a h2 a{ color:#fff;}

/*2013-08-14  lzf  右侧加微薄推荐*/
.weibo{ width:210px; height:auto; overflow:hidden;}
.weibo ul{ overflow:hidden; padding-left:10px; width:210px; float:left; clear:both;}
.weibo ul li{ float:left; display:inline-block; width:60px; height:auto; padding:0 10px 10px 0;}
.weibo ul a{ width:auto; height:auto; line-height:20px; float:left; text-indent:0;color:#4a638c; text-align:center;}
.weibo ul img{ width:60px; height:60px;}
.weibo ul .btn{ width:58px; height:18px; border:1px solid #3163b5; background:#4173c9; color:#fff; text-align:center;} 
.weibo ul a.btn:hover{ text-decoration:none; color:#fff;}