﻿/* CSS Document */

body{ font-size:14px !important;}

.fuwlogo{ width:339px; height:74px; margin-top:42px;}
.fuwlogo h1{ display:block; width:100%; height:100%;}
.fwBack{ width:85px; height:69px;border-bottom-left-radius:5px; border-bottom-right-radius:5px; background-color:rgba(0,0,0,0.2);}
.fwBack i{ display:block; width:85px; height:35px; background:url(../images/return1.png) no-repeat;}
.fwBack span{ display:block; width:85px; line-height:30px; text-align:center;  color:#fff; font-size:16px;}

/*--底部--*/

/*------页脚样式----------*/
.footer{ width:100%; margin-top:20px; background:#2d9fd5;}
.footer2{width:1200px; margin:0px auto; padding:10px 0px; color:#fff;}
.yjcopy{ width:750px;  font-size:12px;}
.copylink{width:750px; line-height:30px;color:#fff; text-align:center;}
.copylink a{color:#FFF; margin:0px 3px;}
.copywen{ line-height:24px;text-align:center; }
.copywen img{margin:0px 5px; vertical-align:middle; }

.yelogo{width:225px; overflow:hidden;zoom:1;margin-top:15px; text-align:center;}
/*.yelogo a{margin-right:10px; height:46px; float:left; display:inline-block;}*/
.yelogo span{margin-right:10px;  float:left; display:inline-block;}
/*.yelogo span img{ width:110px; height:46px;}*/


/*侧边导航*/
.nav-side{
    width: 142px;
    height: 345px;
    background: url("../images/sfz-sidebg.png") no-repeat;
    position: fixed;
    top: 35%;
    right: 22px;
}
.nav-side ul{
    padding-top: 15px;
    margin-left: 10px;
}
.nav-side li{
    width: 120px;
    height: 42px;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    text-align: center;
    margin-bottom: 10px;
}
.nav-side li a{
    display: inline-block;
    width: 114px;
    height: 36px;
    line-height: 36px;
    background-color: #eee;
    font-size: 16px;
    margin-top: 3px;
}
.nav-side li.active,.nav-side li:hover{
    border: 1px solid #f68051;
}
.nav-side li.active a,.nav-side li:hover a{
    background-color: #f68051;
    color: #fff;
}


/*----------市长信箱------------*/
.conCent,.mayorMenu,.sfzNr,.sfzNr2,.sfzNr3,.zshbg1,.rdwt,.directory{ width:100%; margin:0px auto;}
.hCent,.mayorMenuCan,.chart,.caidan,.liveCent,.zssj,.interest,.menucaid{ width:1200px; margin:0px auto;}
.sfzFouse{ width:100%; height:529px;margin:0px auto; position:relative;}

.menunav{ width:100%; height:59px; background:url(../images/menu-bg.png) repeat-x; position:absolute;  left:0px; bottom:0px; z-index:999px;}
.menucaid { overflow:hidden;}
.menucaid a{ display:block; width:266px; line-height:50px; height:50px; padding-top:9px; float:left; padding-left:133px; color:#fff; overflow:hidden;}
.menucaid a.current{ background:url(../images/menu-hoverbg.png) no-repeat;}
.menucaid a i{ display:block; width:30px; height:50px;  background:url(../images/menu-icon.png) no-repeat 0 0;float:left;}
.menucaid a span{ display:block; font-size:18px; margin-left:10px; float:left; color:#fff;}
a i.zsk{ background-position:0 0 !important;}
a i.wjk { background-position:0 -50px !important;}

.mayorMenu{ height:60px; background:url(../images/mayors-menubg.png) repeat-x; position:absolute; bottom:-6px; left:0px; }
.mayorMenuCan{ height:60px; }
.mayorMenuCan ul li{ float:left; width:150px; height:60px; overflow:hidden;zoom:1; line-height:60px; color:#fff; font-size:16px; margin-right:20px; }
.mayorMenuCan ul li a{ display:block;width:150px; height:60px; color:#fff;}
.mayorMenuCan ul li i{ display:block;margin-left:20px; float:left; width:30px; height:60px; background:url(../images/shiz-icon1.png) no-repeat 0 0; } 
.mayorMenuCan ul li span{ display:block; float:left; margin-left:8px;}
.mayorMenuCan ul li a:hover,.mayorMenuCan ul li.current{ background:url(../images/mayors-menubg-hover.png) no-repeat;}
.mayorMenuCan ul li.shzico5{ background:url(../images/writ-bg.png) no-repeat !important; float:right !important; marign-right:0 !important;}
.mayorMenuCan ul li.shzico5 a:hover{ background:none;}
li.shzico1 i{ background-position:0 0;}
li.shzico2 i{ background-position:0 -60px !important;}
li.shzico3 i{ background-position:0 -120px !important;}
li.shzico4 i{ background-position:0 -180px !important;}
li.shzico5 i{ background-position:0 -240px !important;}



/*---内容区------*/
/*---- 图表内容---------*/
.sfzNr .chart{ width:1072px;background:url(../images/border-bg.jpg) no-repeat top center; margin-top:64px; position:relative; height:447px; padding:90px 64px;}
.sfzNr .chart h2{ display:block; width:147px; height:47px; background:url(../images/tit-bg2.png) no-repeat; line-height:47px; text-align:center; font-size:20px; color:#fff; position:absolute; top:-17px; left:30px;}
.tubiao{ width:1072px;}
.tubiao .hd{ height:59px; background:url(../images/tit-bg3.jpg) repeat-x;}
.tubiao .hd ul li{ float:left; width:160px; margin-right:5px; height:59px; line-height:51px; text-align:center;}
.tubiao .hd ul li:hover,.tubiao .hd ul li.on{ background:url(../images/tit-bg4.jpg) no-repeat; color:#fff;}
.tubiao .bd{ width:100%; margin-top:33px;}
.tubiao .bd ul li .graph{ width:1072px; height:387px;}

/*---- 排行榜---------*/

.sfzNr2{ background:url(../images/cent-bg2.jpg) no-repeat center top; margin-top:55px; height:652px; padding-top:71px;}
.ranking{ width:290px; padding:15px 15px; background:#fff; height:553px;}
.ranking .tit{ width:290px; height:55px; background:url(../images/tit-bg5.jpg) no-repeat; line-height:48px; text-indent:15px; font-size:20px; color:#fff;}
.paihang{ width:100%; margin-top:16px;}
.paihang .hd{ height:39px; background:url(../images/tit-bg6.jpg) repeat-x;}
.paihang .hd ul li{ float:left; width:145px; height:39px; line-height:34px; font-size:16px; text-align:center; }
.paihang .hd ul li.on{ background:url(../images/tit-bg7.jpg) no-repeat; color:#fff; }
.paihang .bd{ margin-top:9px;}
.paihang .bd ul li{ border-bottom:1px dashed #c1c1c1; height:41px; line-height:41px; overflow:hidden;zoom:1;}
.paihang .bd ul li span{ float:left; display:inline-block;}
span.mingci{ width:16px; height:16px; margin-top:13px; color:#fff; line-height:16px; font-size:12px; text-align:center; padding-right:4px; background:url(../images/mingc1.png) no-repeat;}
span.mc1{ background:url(../images/mingc2.png) no-repeat;}
span.mc2{ background:url(../images/mingc3.png) no-repeat;}
span.mc3{ background:url(../images/mingc4.png) no-repeat;}
span.danw{ width:175px; margin-left:20px;}
span.shuzi{ width:65px; float:right !important;}

.hotspot{ width:830px; padding:15px 15px; background:#fff; height:553px;}
.hotspot .hd{ height:46px; background:#f2f2f2; border-bottom:2px solid #0b83c0;}
.hotspot .hd ul li{ float:left; width:161px; margin-right:20px; font-size:20px; line-height:46px; text-align:center;}
.hotspot .hd ul li.on{ background:#0b83c0; color:#fff;}
.hotspot .bd{margin-top:18px;}

.problem{width:830px;}
.problem dl{width:828px; border:1px solid #e9e9e9; margin-bottom:10px;}
.problem dt{  width:787px; height:39px;line-height:39px; background:url(../images/shiz-icon2.png) no-repeat 13px 11px; background-color:#f1f1f3;  overflow:hidden;zoom:1; padding-left:41px;}
.problem dt a{ float:left; color:#0b83c0; }
.problem dt span{ float:right; margin-right:16px;}


.problem dd{ width:787px; height:39px;line-height:39px; background:url(../images/shiz-icon3.png) no-repeat 13px 11px; overflow:hidden;zoom:1; padding-left:41px;}
.problem dd a{ float:left; }
.problem dd span{ float:left;}
.problem dd span.time{ marign-left:23px; color:#888888 !important;}
.problem dd span.mayi{ float:right !important; margin-right:16px;}

/*---翻页---*/
.page{ width:819px; overflow:hidden;zoom:1;margin:15px auto; padding-left:100px; margin-top:17px;}
.page a{ display:block; float:left; border:1px solid #cccccc;width:25px; hegiht:25px; margin-right:10px; text-align:center; height:23px; line-height:23px;}
.page a:hover,.page a.current{ background:#41bcd6; color:#fff; border:1px solid #41bcd6;}
a.page1{ width:61px; }
.page span{ display:block; float:left; width:120px; height:25px; line-height:25px;}
.page span input{ display:inline;background:none; text-align:center; width:45px; height:23px;border:1px solid #d3e6fc; line-height:23px; background:#e2effd; margin:0px 5px; outline:none; color:#444;}

/*---民生问题----*/
.field .hd{ height:50px; background:#399cce; overflow:hidden;zoom:1;}
.caidan h2.tit{ display:block; float:left; width:140px; height:50px; line-height:50px; color:#fff;text-align:center; background:url(../images/tit8.jpg) no-repeat; font-size:18px;}

.field .hd ul {width:1038px !important;float:left;}
.field .hd ul li{ float:left; width:136px; margin-left:15px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:18px;}
.field .hd ul li.on,.field .hd ul li:hover{ background:url(../images/tit-bg9.png) no-repeat;}

.field .bd .fieldCent{ width:100%; margin:0 auto; padding-top:96px;height:657px;}
.field .bd .live1{background:url(../images/ms-bg1.jpg) no-repeat center top; }
.field .bd .live2{background:url(../images/ms-bg2.jpg) no-repeat center top;}
.field .bd .live3{background:url(../images/ms-bg3.jpg) no-repeat center top;}
.field .bd .live4{background:url(../images/ms-bg4.jpg) no-repeat center top;}
.field .bd .live5{background:url(../images/ms-bg5.jpg) no-repeat center top;}
.field .bd .live6{background:url(../images/ms-bg6.jpg) no-repeat center top;}
.field .bd .live7{background:url(../images/ms-bg7.jpg) no-repeat center top;}


.liveCent ul{width:600px !important;}
.liveCent ul li{ width:507px; height:45px;line-height:45px; background:url(../images/list-bg.png) no-repeat; padding-bottom:8px; color:#fff; overflow:hidden;zoom:1; margin-bottom:20px; }
.live2 .liveCent ul li{background:url(../images/list-bg2.png) no-repeat !important; }
.live3 .liveCent ul li{background:url(../images/list-bg3.png) no-repeat !important; }
.live4 .liveCent ul li{background:url(../images/list-bg4.png) no-repeat !important; }
.live5 .liveCent ul li{background:url(../images/list-bg6.png) no-repeat !important; }
.live6 .liveCent ul li{background:url(../images/list-bg6.png) no-repeat !important; }
.live7 .liveCent ul li{background:url(../images/list-bg7.png) no-repeat !important; }


.live2 .liveCent ul,.live3 .liveCent ul,.live5 .liveCent ul{margin-left:619px;}



.liveCent ul li a{ width:273px; display:inline-block; color:#fff;  background:url(../images/shiz-icon4.png) no-repeat 23px 10px; padding-left:63px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.liveCent ul li a:hover{ text-decoration:underline;}
.liveCent ul li span{ float:right; margin-right:22px;}
li.weiz1{ margin-left:58px;}
li.weiz2{ margin-left:88px;}
li.weiz1{ margin-left:28px;}
li.weiz1{ margin-left:58px;}


/*-------------- 知识库开始-----------*/
.zshbg1{ background:url(../images/zhishi-bg1.jpg) no-repeat center top; height:409px; padding-top:42px;}
.zhbt{ width:100%; height:48px; }
.zhbt h2{ display:block; width:228px; height:48px;line-height:44px; font-size:24px; color:#fff; text-indent:55px;}
.zhbt h2.stuff{  background:url(../images/zhi-tit1.png) no-repeat;}
.zhbt h2.issue{  background:url(../images/zhi-tit2.png) no-repeat;}
.zssj{margin-top:20px;}
.shujWn{ width:747px; margin-left:15px;}
.shujWn p{ margin-bottom:5px; line-height:30px; font-size:16px;}
.shujWn p.shixi{ font-size:18px; color:#1091eb; font-weight:bold;}
.shujWn p.shixi span{ margin-right:36px;}
.shutu{ width:307px; height:307px; margin-right:30px;}
p.liul{ margin-top:50px;}
p.liul span{ color:#cc0606;}
p.rm span{ font-weight:bold; color:#1091eb; margin: 0 5px;}


/*---热点问题--*/
.rdwt{ padding-top:57px; background:url(../images/zhishi-bg2.jpg) no-repeat center;}

.interest{ margin-top:34px;}
.hotlist{ width:1166px; margin-left:19px;}
.hotlist dl{ border:1px solid #e1e2e3; width:1160px; padding:2px 2px; margin-bottom:10px; }
.hotlist dl dt{ background:#e3f4fa; height:45px; line-height:45px; overflow:hidden;zoom:1;}
.hotlist dl dt a{ display:inline-block; float:left; width:860px; overflow:hidden; text-overflow:ellipsis; white-space:normal; font-size:16px; color:#333; font-weight:bold; text-indent:24px;}
.hotlist dl dt span{ float:right; margin-right:24px;}
.hotlist dd{ padding:5px 24px; background:#FFF; overflow:hidden;zo0m:1;}
.hotlist dd p{ line-height:26px; height:60px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis; }
.hotlist dd span{ width:112px; background:url(../images/tub4.jpg) no-repeat left; padding-left:28px; color:#24a8df; display:inline-block; float:right; margin-bottom:15px;}
.interest .page{margin-top:40px !important; }

/*----知识目录---*/
.directory{ background:#ddeef4; padding:51px 0; margin-top:50px;}
.mulv-sbTop{ height:33px;  background:url(../images/shub-bg-top.png) no-repeat; width:1200px;}
.mulv-sbBottom{ height:33px;  background:url(../images/shub-bg-bottom.png) no-repeat; width:1200px;}

.mulv{ width:1200px; background:url(../images/shub-bg-bogy.png) repeat-y;}

.mulv .hd{ width:251px; padding-left:19px;}
.mulv .hd .bgtit{ display:block;width:241px;background:url(../images/tit-bg10.jpg) no-repeat; background-size:cover; position:relative; background-color:#0794cf; margin-bottom:25px; padding:5px 5px; overflow:hidden;zoom:1;}
.mulv .hd .bgtit h2{ display:block; border:1px solid #fff;width:229px; padding:20px 5px;text-align:center; font-size:26px; color:#fff; line-height:36px;}
.mulv .hd .bgtit span{ display:block; width:27px; height:40px;background:url(../images/tit-bg-arrow.png) no-repeat; position:absolute;  right:-1px; bottom:0;}
.mulv .hd ul li.on a,.mulv .hd ul li a:hover{ color:#fff;}



.mulv .hd ul li{ width:251px; height:103px; background:url(../images/tit-bg11.jpg) no-repeat; margin-bottom:3px;}

.mulv .hd ul li a{ display:block; width:100%; height:100%;}
.mulv .hd ul li.on a,.mulv .hd ul li a:hover{ background:url(../images/tit-bg12.jpg) no-repeat; color:#fff !important;}
.mulv .hd ul li i{ display:block; width:40px; height:103px; float:left; margin-left:55px; background:url(../images/zhis-icon1.png) no-repeat 0 0;}
.mulv .hd ul li span{ display:block; line-height:103px; font-size:20px; margin-left:10px; float:left;}

li.xjico1 i{ background-position:0 0;}
li.xjico1.on i,li.xjico1 a:hover i{ background-position:-40px 0!important;}

li.xjico2 i{ background-position:0 -103px !important;}
li.xjico2.on i,li.xjico2 a:hover i{ background-position:-40px -103px !important;}

li.xjico3 i{ background-position:0 -206px!important;}
li.xjico3.on i,li.xjico3 a:hover i{ background-position:-40px -206px !important;}

li.xjico4 i{ background-position:0 -309px!important;}
li.xjico4.on i,li.xjico4 a:hover i{ background-position:-40px -309px !important;}
li.xjico5 i{ background-position:0 -412px !important;}
li.xjico5.on i,li.xjico5 a:hover i{ background-position:-40px -412px!important;}

.mulv .bd{ width:822px; margin-right:18px;}
.mulv .bd .suoyou ul li{padding:8px 20px; width:782px;}
.mulv .bd .suoyou ul li:hover{ background:#ebfaf9;}
.mulv .bd .suoyou dl{ margin-bottom:10px; }
.mulv .bd .suoyou dt{ background:url(../images/zhis-icon2.png) no-repeat left; height:40px; line-height:40px; font-size:18px; color:#222; text-indent:22px;}
.mulv .bd .suoyou  dd{  overflow:hidden;zoom:1;}
.mulv .bd .suoyou dd p{ color:#777777; line-height:26px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis; height:60px;}
.mulv .bd .suoyou dd span{ display:inline-block; float:right; margin-left:10px; color:#777777;}


/*--增加的图标--*/

.zhbt h2{ display:block; width:228px; height:48px;line-height:44px; font-size:24px; color:#fff; text-indent:55px;}
.zhbt h2.issue{  background:url(../images/zhi-tit2.png) no-repeat;}

.wenj{ width:100%; height:48px; background:url(../images/wj-titbg.png) no-repeat;}
.wenj h2{ display:block; width:180px; margin:0 auto;height:26px;line-height:26px;color:#0d99d2; font-weight:bold;  font-size:30px; text-indent:50px;}

.titlist{ margin:40px 0;}
.titlist li{ float:left; width:177px; height:128px;margin:0 23px 20px 0; background:url(../images/biaoti-bg2.png) no-repeat;}
.titlist li.on,.titlist li:hover{ background:url(../images/biaoti-bg.jpg) no-repeat;}
.titlist li.on span,.titlist li:hover span{ color:#fff;}
.titlist li i{ display:block; width:67px; height:67px; margin:0 auto; margin-top:15px; background:url(../images/wj-icon1.png) no-repeat 0 0;}
.titlist li span{ display:block; width:100%; line-height:24px; margin-top:5px; text-align:center; font-size:16px;}

li.zhis1 i{ background-position:0 -268px;}
li.zhis1.on i,li.zhis1:hover i{ background-position:-73px -268px !important;}

li.zhis2 i{ background-position:0 -335px;}
li.zhis2.on i,li.zhis2:hover i{ background-position:-73px -335px !important;}

li.zhis3 i{ background-position:0 -804px;}
li.zhis3.on i,li.zhis3:hover i{ background-position:-73px -804px !important;}

li.zhis4 i{ background-position:0 -871px;}
li.zhis4.on i,li.zhis4:hover i{ background-position:-73px -871px !important;}

li.zhis5 i{ background-position:0 -938px;}
li.zhis5.on i,li.zhis5:hover i{ background-position:-73px -938px !important;}

li.zhis6 i{ background-position:0 -402px;}
li.zhis6.on i,li.zhis6:hover i{ background-position:-73px -402px !important;}

li.zhis7 i{ background-position:0 -1005px;}
li.zhis7.on i,li.zhis7:hover i{ background-position:-73px -1005px !important;}

li.zhis8 i{ background-position:0 -1072px;}
li.zhis8.on i,li.zhis8:hover i{ background-position:-73px -1072px !important;}

li.zhis9 i{ background-position:0 -1139px;}
li.zhis9.on i,li.zhis9:hover i{ background-position:-73px -1139px !important;}

li.zhis10 i{ background-position:0 -1206px;}
li.zhis10.on i,li.zhis10:hover i{ background-position:-73px -1206px !important;}

li.zhis11 i{ background-position:0 -1273px;}
li.zhis11.on i,li.zhis11:hover i{ background-position:-73px -1273px !important;}

li.zhis12 i{ background-position:0 -0px;}
li.zhis12.on i,li.zhis12:hover i{ background-position:-73px -0px !important;}

li.zhis13 i{ background-position:0 -737px;}
li.zhis13.on i,li.zhis13:hover i{ background-position:-73px -737px !important;}

li.zhis14 i{ background-position:0 -1340px;}
li.zhis14.on i,li.zhis13:hover i{ background-position:-73px -1340px !important;}
