/* reset */
body,h1,h2,h3,h4,p,ul,ol,dd{margin:0;}
body,button,input,select,textarea{font:12px/1.8 \5b8b\4f53,arial,sans-serif;}
em,i{font-style:normal;}
ol,ul{list-style:none;padding: 0;}
img{border:0;}
a{color:#373737;text-decoration:none;}
a:hover{color:#c00;text-decoration:underline;}

/* diy */
.auto{margin-left:auto; margin-right:auto;}
.clearfix:after{content:"\20";clear:both;height:0;display:block;overflow:hidden;}.clearfix{*zoom:1;}
.l{float:left;}.r{float:right;}.cl{clear:both;}.z{*zoom:1;}
.rel{position:relative;}.abs{position:absolute;}
.fa{font-family:arial;}.ft{font-family:tahoma;}.fv{font-family:verdana;}.fh{font-family:\9ED1\4F53;}.fw{font-family:\5FAE\8F6F\96C5\9ED1;}
.ovh{overflow: hidden;}
.f12{font-size: 12px;}.f14{font-size: 14px;}.f16{font-size: 16px;}.f18{font-size: 18px;}.f24{font-size: 24px;}
.mt6{margin-top: 6px;}.mt10{margin-top: 10px;}.mt20{margin-top: 20px;}.m10{margin: 10px;}
.mt30{margin-top: 30px;}
.mr10{margin-right: 10px;}.m50{margin:5px 50px 0px 0px;} .m20{margin:16px 30px 0px 0px;}
.mb20{margin-bottom: 16px;}  .mr20{margin-right: 20px;} 
.pl50{ padding-left:70px;}.plr20{padding-left: 20px;padding-right: 20px;}
.pt10{padding-top: 10px;}.pd20{padding: 20px;}
.tc{text-align: center;}
.cb{vertical-align:middle; margin-top:-2px; margin-bottom:1px;}
.fwb{font-weight: bold;}
.b{font-weight: bold;}
.f0{font-size: 0px;}
.f15{font-size: 15px;} .f17{font-size: 17px;} .f19{font-size: 19px;}.f20{font-size: 20px;}.f21{font-size: 21px;}
.f27{font-size: 27px;}.f28{font-size: 28px;}.f31{font-size: 31px;}.f38{font-size: 38px;}


/* color */
.white{color: #fff;}
.gray{color: #c1c3c3;}
.cyan{color: #00568a;}
.blue{color: #cf0f0f;}
.c2{color: #fff;}
.c5{color: #de1414;}
.c6{color:#000;}

.dot{background: url(./cfgc_dot.png) 0 45% no-repeat;padding-left: 14px;}

/* layout */
.layout{width: 960px;margin-left: auto;margin-right: auto;clear: both;}
.layout1{width: 100%; margin:0 auto; position:static; text-align:center;}
.lay-a,
.lay-b,
.lay-a1,
.lay-b1,
.lay-c,
.lay-d,
.lay-e{float:left;display:inline;}

.lay-a{width:650px;margin-left: 20px;}
.lay-b{width:350px;}
.lay-a1{width:600px;margin-right: 20px; margin-left:20px;}
.lay-b1{width:300px;}
.lay-c{width:270px; padding-left:10px;}
.lay-d{width:440px;}
.lay-e{width:500px;padding:0 10px;}

.region {clear:both;content:".";display:block; height:auto;overflow:hidden;}

/* header */
body{}
.top-nav{background:url(http://www.citygf.com/images/tn_bg.png) repeat-x;height: 40px;line-height: 40px;overflow: hidden;}
.nav{ background:url(nav.jpg) no-repeat 50% 50%; width:100%; height:42px;  padding-top:8px; }
.nav .w960{ width:960px; margin:0px auto;}
.nav a{ padding-left:68px;}
.nav a:hover{ color:#FFF; text-decoration:underline;}
.top-pic{}
.summary{background:url(./cfgc_summary_bg.jpg) 50% 0 no-repeat;}
.summary .layout{background:url(./cfgc_summary.jpg) 50% 0 no-repeat;height: 176px;}
.summary .mbd{margin: 44px 20px 0;height: 105px;overflow-x: hidden;overflow-y: auto;}

/* wrapper */
.wrapper .layout{}

.pic230{width: 530px;height: 352px;padding: 6px 16px 18px 19px;background: url(./cfgc_pic_bg1.jpg) -7px 0 no-repeat;margin-top: 5px;}
.news-se{margin: 62px 10px 10px;border-bottom: 1px dashed #bab9b9;padding-bottom: 10px;}
.weibo .mbd{width:340px;margin-top: 5px;}

.station .layout{height: 72px;overflow: hidden;padding-top: 10px;padding-bottom: 10px;}
.station{background: url(./cfgc_station.jpg) 50% 0 no-repeat;}

.pic390{width: 390px;height: 180px;padding: 5px 20px 17px 24px;background: url(./cfgc_pic_bg2.jpg) 0 0 no-repeat;}

.pic158{background: url(./cfgc_pic_bg3.jpg) 50% bottom no-repeat;height: 180px;padding-left: 18px;padding-top: 18px;}
.pic158 img{width: 158px;height: 100px;padding: 5px;border: 1px solid #e7e7e7;}
.pic158 li{display: inline-block;width: 170px;text-align: center;float: left;margin-right: 18px;}

.pic180{background: url(./cfgc_pic_bg3.jpg) 50% bottom no-repeat;height: 500px; padding:10px 18px 40px; }
.pic180 img{width: 270px;height: 190px;padding: 5px;border: 1px solid #e7e7e7;}
.pic180 li{display: inline-block;width: 282px;text-align: center;float: left; margin:0px 16px 10px 10px;}

/* pic-show */
.pic-show{background: url(./cfgc_pic_bg4.jpg) -1px 0 no-repeat;padding: 30px 0 0px;}
.pic-show1{background: url(./cfgc_pic_bg5.jpg) -1px 0 no-repeat;padding: 70px 20px 20px 28px; width:912px; }
.syFocusThumb{width:900px;height: 700px;border:5px #fff solid;position:relative;background:#e5e5e5; margin: 40px auto 26px; overflow:hidden;}
.syFocusThumb .pagination{width:100%;height:96px;clear:both;position:absolute;top:600px;left:0px; text-align:left;color:#000; background:#fff;border: 1px #dfdfdf solid;}
.syFocusThumb .pagination img{border:1px #555 solid;margin:5px}
.syFocusThumb .thumbWrap {position:absolute; left:50px; top:17px; width:800px; height:75px; overflow:hidden;}
.syFocusThumb .holder {width:4000px}
.syFocusThumb .prev, .syFocusThumb .next{position:absolute;top:7px;left:5px; width:33px; height:86px;background:url(./cfgc_left.gif) 50% 50% no-repeat;cursor:pointer}
.syFocusThumb .next{left:auto; right:5px;background:url(./cfgc_right.gif) 50% 50% no-repeat;}
.syFocusThumb .pagination i.selected {background:url(./cfgc_arrow_0330.png) no-repeat center top;}
.syFocusThumb .pagination a:hover img,.syFocusThumb .pagination i.selected img{border:2px solid #ff8a00}
.syFocusThumb .contentdiv{height:600px;}
.syFocusThumb .contentdiv .dPic{height:600px;overflow:hidden}
.syFocusThumb .contentdiv .dPic img{width: 900px;height: 600px;}
.syFocusThumb .toc img {width:88px; height:54px}
.syFocusThumb .contentdiv .dtitle{height:100px;width:760px;position:absolute; top:500px;left:120px;z-index:0;background: #fff;padding:10px;}

#num{ position:absolute; color:#ccc; font-size:36px; font-family: Arial, Helvetica, sans-serif; top:500px; left:0; line-height:80px; background: #fff;width: 120px;height: 100px;}
#num2{position: absolute;top:510px;width: 750px;left: 120px;line-height: 24px;}
#index{color: #36322f;margin-left: 20px;}

.syFocusThumb .prevBtn, .syFocusThumb .nextBtn{ width:450px; height:500px; top:-600px;position:absolute;background:none; display:block;}
.syFocusThumb .prevBtn{ left:2px; cursor:url(./cfgc_arr_left.cur), auto;}
.syFocusThumb .nextBtn{ right:2px; cursor:url(./cfgc_arr_right.cur), auto;}

/* footer */
.footer ul{width: 700px;margin:0 auto;}
.footer ul li {float:left;overflow:hidden;padding:0 10px;}
.footer ul li.info {margin-top:8px;}


/*list*/

.pic-show1 .bbs{height: 550px;position: relative;}
.pic-show1 .bbs .item{position: absolute;color: #fff;overflow: hidden;padding: 5px 10px;line-height: 1.2;}

.comment{position: absolute;width: 553px;height: 176px;}
.comment .tit{line-height: 30px;margin-top: 24px;}
.comment .mbd{border: 1px solid #379be9;height: 120px;}
.comment .content{height: 60px;width: 531px;padding: 10px;border: 0;}
.comment .sp{border-top: 1px solid #ddd;padding: 2px 10px;*padding-top: 6px;}
.comment .name{border: 1px solid #787878;font-size: 14px;}
.comment .submit{width: 68px;line-height: 24px;padding: 0;border: 0;background: #379be9;color: #fff;cursor: pointer;}

/*J_Show*/
.g1{/* background: #c6395f; */}
.g2{background: #17a2b7;}
.g3{background: #3c90f3;}
.g4{background: #125ccb;}
.c6 {
    color: #9fe5ff;
}

.s1{width: 200px;height: 74px;}
.s2{width: 200px;height: 166px;}
.s3{width: 86px;height: 166px;}

.t0{top:0;}
.t93{top: 92px;}
.t186{top: 183px;}
.t372{top: 369px;}
.l0{left: 0;}
.l124{left: 114px;}
.l252{left: 228px;}
.l504{left: 456px;}
.l630{left: 570px;}
.l756{left: 684px;}
.l882{left: 798px;}

/* common-header */
.nav1{border-top: 3px solid #438ed6;}
.nav1 a{width: 124px;border: 1px solid #ddedfb;background: #f8fbfd;font: 16px/42px \5FAE\8F6F\96C5\9ED1;display: inline-block;margin-left: -1px;color: #438ed6;}
.nav1 a:hover,
.nav1 .on{background: #438ed6;color: #fff;text-decoration: none;}

.tit-m{display: block;position:absolute;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000, endColorstr=#90000000);background-color:rgba(000,000,000,0.6);overflow: hidden;}

/* focus */
.focus-pic .pan,
.focus-pic .item{width: 650px;height: 352px;overflow: hidden;}
.focus-pic .item .it1{position: absolute; left: -1000px;}
.focus-pic .item .it2{position: absolute; left: -500px;}
.focus-pic .item .it3{position: absolute; left: 0px;}
.focus-pic .tit-m{width: 610px;height: 45px;margin-top: 297px;padding: 5px 20px; text-align:left;}
.focus-pic .tabs{position: absolute;margin-top:337px;margin-left:280px;z-index: 2;}
.focus-pic .tab{background: #fff;width: 26px;height: 5px;display: inline-block;margin-right: 5px;}
.focus-pic .on{background: #ffd803;}
.focus-pic .pan{position: relative; overflow: hidden; }

/* nTab */
.nTab{float: left;width: 270px;margin: 0 auto;}
.nTab .TabTitle{overflow: hidden;}
.nTab .TabTitle ul{border:0;margin:0;padding:0;}
.nTab .TabTitle li{float: left;margin-right:5px;  cursor: pointer; text-align:center; }
.nTab .TabTitle .active{background: #187bcc;padding:3px 14px 0px; text-align:center;color:#fff; height:37px; font-weight:bold;}
.nTab .TabTitle .normal{padding:3px 14px 0px; height:37px; text-align:center;color:#8c8c8c;font-weight:bold;}
.nTab .TabContent{width:auto;background:#fff;margin: 0px auto;padding:4px 0 0 0;}
.none {display:none;}
.lineA{ border-bottom:1px solid #7cabdf;}

/* mqxl */
.mqxl{ width:960px; float:left;}
#scroll {width:872px; height:200px; overflow:hidden; float:left;position: relative; }
.mqxl .list{width: 1320px;position: absolute;top:0;}
.mqxl .scroll2{left: 1320px;}
.mqxl .item{width: 200px;height: 145px; padding:3px; border:1px solid #e7e7e7;margin-right: 12px;float: left;text-align: center;}
.mqxl .btn-m{cursor: pointer;width: 40px;height: 136px;}
.mqxl .ico-l2{background:  url(ico_l2.png) 50% 50% no-repeat; margin-right:4px;}
.mqxl .ico-r2{background:  url(ico_r2.png) 50% 50% no-repeat; margin-left:4px;}
.mqxl .item img{ width:200px; height:145px;   background-color:#e9eef2;}

/* mqxl add */
#scroll1 {width:872px; height:200px; overflow:hidden; float:left;position: relative; }

.pic412{ padding:0 18px 40px; }
.pic412 img{width: 154px;height: 120px;padding: 3px;border: 1px solid #e7e7e7;}
.pic412 li{display: inline-block;width: 412px;text-align: center;float: left; margin:0px 46px 10px 0; border-bottom:1px dashed #dfdfdf; padding:14px 0 20px;}
.w162{ width:162px;}
.w250{ width:226px; padding-left:24px;}
.c7{color:#00568a;}
.tl{ text-align:left;}
.mt26{ margin-top:26px;}
.mht{ line-height:60px; padding-left:16px;}
.f26{ font-size:24px;}
.more{ line-height:60px;}
.more a,.more a:hover{ color:#fff;}