/*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{float:left}.fr{float:right}#wrapper{ width:100%;}
/*layout*/
.layABC{width:980px; float:none; margin:0 auto;clear:both;}

/* common */
#topNav{width: 100%;height: 34px;margin: 0 auto;line-height: 34px;background:url(http://www.citygf.com/images/media_bg.png) repeat-x 0 0;color: #656565;}
#icon-home{background:url(http://www.citygf.com/images/media_bg.png) no-repeat 0 -265px;color:#24578c; margin-right:8px;display:inline-block;padding-left:18px;}
#icon-phone{background:url(http://www.citygf.com/images/media_bg.png) no-repeat 0 -293px;color:#24578c; margin-right:8px;display:inline-block;padding-left:18px;}
#icon-mobile{background:url(http://www.citygf.com/images/media_bg.png) no-repeat 0 -327px;color:#24578c; margin-right:8px;display:inline-block;padding-left:18px;}
#icon-tj{background: url(http://www.citygf.com/images/media_bg.png) no-repeat 0 -365px;padding-left: 18px;display: inline-block;}
#topNav .fr a{color:#656565;}

#banner{margin: 20px 0;}

#link{height:24px;}
#link .fl a{display: block;float:left;line-height:12px;margin:6px 0px;padding:0 7px;border-right:1px dotted #aaa;*line-height:14px;}
#link a{margin:0 3px;line-height:24px;}

#btm-nav{border: 1px solid #dcdcdc;padding: 8px 0;height: 14px;overflow: hidden;margin: 12px 0;}
#btm-nav a{padding: 0 11px;display: inline-block;border-right: 1px dashed #DDD;line-height: 14px;}

.line{width: 100%;border-top: 3px solid #2263A5;height: 2px;line-height: 0px;margin-top: 5px;}
#footer { font-family:Arial,sans-serif;border-top:1px solid #B9B9B9;}
#footer ul { width:950px; font-size:12px; margin:0 auto 15px; }
#footer ul li { float:left; padding:0 10px; }
#footer .jjcc img {width:50px; height:66px;float:left;}

/* common */
.region,.mod,.mhd,.mbd{clear:both;content:".";display:block; height:auto;overflow:hidden;*zoom:1}
.l{float: left;}
.r{float: right;}
.cl{clear: both;}
.auto{margin-left: auto;margin-right: auto;}
.ovh{overflow: hidden;}

.fw{font-family:\5FAE\8F6F\96C5\9ED1}
.f14{font-size: 14px;}
.f18{font-size: 18px;}
.f36{font-size: 36px;}
.tc{text-align: center;}
.tr{text-align: right;}

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

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

/* color */
.c1{color: #439fde;}
.c2{color: #fff;}

.dot .item{background: url(jtzb-dot.png) 0 10px no-repeat;padding-left: 10px;}

.zb .mhd{background: #318fcf;line-height: 34px;padding: 0 15px;}
.zb .mbd{margin: 15px;}

.layout{width: 1000px;margin-left: auto;margin-right: auto;clear: both;}
.fw{font-family:\5FAE\8F6F\96C5\9ED1;}
.f0{font-size: 0;}
.f16{font-size: 16px;}
.b{font-weight: bold;}
.vm{vertical-align: middle;}
.lh2{line-height: 2;}
/* common-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;}

/* footer */
.footer{border-top: 7px solid #bfbfbf;padding-top: 20px;margin-top: 20px;}
.footer .f16 a{color: #494949;}
.footer .f16 a:hover{color:#f60;text-decoration:none;}
.footer img{margin: 10px 20px;}