@charset "utf-8";
/* CSS Document */

/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"微软雅黑"; font-size:14px; cursor:default; color:#4c4c4c;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color:#4c4c4c;}
a:hover{ text-decoration:underline;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}

.clear{ clear:both;}
.fl{ float: left;}
.fr{ float: right;}

body{ background: url(2016zzgjj_bg.png) no-repeat center top;}

.top{ height: 36px; background:#fff; line-height: 36px;}
.top-cont{ width: 1140px; margin: 0 auto;}
.top-cont p{ float: left; background: url(2016zzgjj_date.png) no-repeat left center; font-size: 12px; padding-left: 30px;}

.header{ width: 1140px; height: 170px; margin: 0 auto; overflow: hidden;}
.header .logo{ float: left; padding-top: 56px;}
.header-right{ float: right; padding-top: 28px;}
.header-right .zz-logo{ display: block; width: 150px; height: 45px; margin: 0 auto;}
.header-right .search{ width: 353px; height: 33px; border:1px solid #c2d4d8; margin-top: 18px;}
.header-right .search .search-text{ float: left; width: 269px; height: 33px; line-height: 33px; border: 0; border: none; background: #fff; padding: 0 10px; cursor: text;}
.header-right .search .search-btn{ float: left; width: 64px; height: 33px; border: 0; border: none; color: #fff; background: #367eb4; cursor: pointer;}

.nav{ width: 1140px; height: 57px; background: #47699d; overflow: hidden; margin: 0 auto;}
.nav ul{ width: 1143px;}
.nav ul li{ float: left; width: 127px; height: 57px; line-height: 57px; text-align: center; font-size: 16px;}
.nav ul li a{ display: block; width: 100%; height: 100%; color: #fff;}
.nav ul li a:hover{ text-decoration: none; color: #f0e30e;}

.main{ width: 1120px; background: #fff; padding: 10px 10px 20px; margin: 0 auto;}
.main-left{ float: left; width: 447px; overflow: hidden;}
.main-right{ float: right; width: 652px;}

/* 工作动态 */
.gzdt{ float: left; width: 467px; height: 367px; background: #2581c2; overflow: hidden;}
.gzdt .title{ height: 50px; background: #1262a4; line-height: 50px; padding: 0 20px; overflow: auto;}
.gzdt .title h2{ float: left; font-size: 16px; color: #fff;}
.gzdt .title a{ float: right; font-size: 12px; color: #fff;}
.gzdt .hot-news{ border-bottom: 1px dashed #fff; padding: 20px 0; margin: 0 20px;}
.gzdt .hot-news h3{ font-size: 20px; line-height: 30px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.gzdt .hot-news h3 a{ color: #fff;}
.gzdt .hot-news p{ font-size: 12px; line-height: 22px; color: #fff; margin-top: 10px;}
.gzdt .hot-news p a{ color: #fef009;}
.gzdt .list{ padding: 20px;}
.gzdt ul li{ font-size:14px; width:100%; height:30px; line-height:30px; *vertical-align:top;}
.gzdt ul li a{ float:left; color:#fff; background:url(2016zzgjj_dian01.png) no-repeat left center; text-indent:8px; max-width:75%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gzdt ul li span{ float:right; font-size: 12px; color:#fff;}

/* 图片新闻 */
.slideBox{ width:653px; height:367px; overflow:hidden; position:relative; float:right;}
.slideBox .hd{ height:10px; overflow:hidden; position:absolute; right:10px; bottom:12px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1;}
.slideBox .hd ul li{ float:left; margin-left:5px; width:10px; height:10px; font-size: 0px; line-height: 999px; background:#145e9b; cursor:pointer; overflow: hidden;}
.slideBox .hd ul li.on{ background:#fff;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ width:653px; height:367px; zoom:1; vertical-align:middle; position:relative;}
.slideBox .bd li a{ display:block; width:100%; height:100%;}
.slideBox .bd li p{ display:block; background:url(2016zzgjj_tmbg.png) repeat; width:653px; height:34px; text-indent: 20px; line-height:34px; color:#fff; font-size:16px; position:absolute; left:0; bottom:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor: pointer;}
.slideBox .bd img{ width:100%; height:100%; display:block;}

/* 政府信息公开 */
.zfxxgk{ margin-top: 20px;}
.zfxxgk h2{ height: 20px; background: url(2016zzgjj_title.png) no-repeat right center; font-size: 18px; font-weight: normal; line-height: 20px; color: #1262a4;}
.zfxxgk ul{ margin-left: -2px; margin-top: 16px;}
.zfxxgk ul li{ float: left; background: url(2016zzgjj_icon01.png) no-repeat left center; width: 148px; height: 15px; line-height: 15px; text-align: center; margin-top: 15px;}
.zfxxgk ul li a{ color: #2581c2;}

/* 咨询热线 */
.zxrx{ width: 447px; height: 86px; margin-top: 20px;}

/* 公积金查询 */
.gjjcx{ float: left; width: 218px; height: 205px; background: #ed9407; margin-top: 20px; overflow: hidden;}
.gjjcx h3{ font-size: 18px; color: #fff; text-align: center; font-weight: normal; line-height: 10px; padding-top: 10px; *line-height:13px;}
.gjjcx h3 span{ font-size: 8px;}
.gjjcx-cont{ background: #fff; width: 212px; height: 146px; margin: 8px auto 0; padding-top: 12px;}
.gjj-text{ display: block; border: 1px solid #cacaca; width: 168px; height: 26px; line-height: 26px; color: #b0b0b0; cursor: text; margin: 0 auto 10px; padding: 0 10px;}
.gjj-text2{ width: 76px; float: left; margin-left: 11px;}
.gjj-yzm{ float: left; border: 1px solid #cacaca; width: 61px; height: 24px; margin: 1px 0 0 5px;}
.gjj-btn{ float: left; border: 0; border: none; width: 111px; height: 25px; background:url(2016zzgjj_gjjcx.png); font-size: 0px; line-height: 999px; overflow: hidden; cursor: pointer; margin-left: 50px;}

/* 网上办事大厅 */
.wsbsdt{ float: left; width: 218px; height: 205px; margin: 20px 0 0 11px; overflow: hidden;}

/* 便民服务 */
.bmfw{ float: left; width: 447px; margin-top: 17px;}
.bmfw .title{ height: 34px; line-height: 34px; border-bottom: 2px solid #2581c2;}
.bmfw .title h2{ float: left; width: 87px; height: 34px; background: #2581c2; font-size: 16px; text-align: center; color: #fff;}
.bmfw .title a{ float: right; font-size: 12px;}
.bmfw .list{ width: 447px; height: 92px; overflow: hidden; margin-top: 12px;}
.bmfw .list ul{ width: 458px;}
.bmfw .list ul li{ float: left; width: 218px; height: 42px; font-size: 16px; line-height: 42px; text-indent: 91px; margin: 0 11px 8px 0;}
.bmfw .list ul li a{ display: block; width: 100%; height: 100%; color: #2581c2; background: no-repeat 45px center #f0f0f0;}
.bmfw .list ul li.bmfw01 a{ background-image: url(2016zzgjj_bmfw_icon01.png);}
.bmfw .list ul li.bmfw02 a{ background-image: url(2016zzgjj_bmfw_icon02.png);}
.bmfw .list ul li.bmfw03 a{ background-image: url(2016zzgjj_bmfw_icon03.png);}
.bmfw .list ul li.bmfw04 a{ background-image: url(2016zzgjj_bmfw_icon04.png);}
.bmfw .list ul li a:hover{ text-decoration: none; color: #fff; background-color: #2581c2;}
.bmfw .list ul li.bmfw01 a:hover{ background-image: url(2016zzgjj_bmfw_icon05.png);}
.bmfw .list ul li.bmfw02 a:hover{ background-image: url(2016zzgjj_bmfw_icon06.png);}
.bmfw .list ul li.bmfw03 a:hover{ background-image: url(2016zzgjj_bmfw_icon07.png);}
.bmfw .list ul li.bmfw04 a:hover{ background-image: url(2016zzgjj_bmfw_icon08.png);}

/* 通知公告 - 政策法规 */
.tzgg{ margin-top: 20px;}
.tzgg .title{ height: 34px; line-height: 34px; border-bottom: 2px solid #2581c2;}
.tzgg .title ul{ float: left;}
.tzgg .title ul li{ float: left; height: 34px; font-size: 16px; margin-right: 1px;}
.tzgg .title ul li a{ display: block; padding: 0 12px; height: 34px; background: #cbe5f7;}
.tzgg .title ul li a:hover{ text-decoration: none;}
.tzgg .title ul li.on a{ background: #2581c2; color: #fff;}
.tzgg .title span.more{ float: right;}
.tzgg .title span.more a{ font-size: 12px; color: #2581c2;}
.tzgg .list{ padding-top: 16px; height: 150px; overflow: hidden;}
.tzgg .list ul li{ font-size:14px; width:100%; height:30px; line-height:30px; *vertical-align:top;}
.tzgg .list ul li a{ float:left; background:url(2016zzgjj_dian02.png) no-repeat left center; text-indent:8px; max-width:75%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tzgg .list ul li a:hover{ color: #2581c2;}
.tzgg .list ul li span{ float:right; font-size: 12px;}

/* 场景式服务 */
.cjsfw{ width: 652px; height: 140px; background: url(2016zzgjj_cjsfw.png) no-repeat; margin-top: 20px;}
.cjsfw h3{ float: left; width:16px; height: 110px; background: #488bba; font-size: 16px; line-height: 16px; color: #fff; padding: 30px 12px 0;}
.cjsfw ul{ float: left; margin: 11px 0 0 52px;}
.cjsfw ul li{ float: left; width: 164px; height: 119px; text-align: center; font-size: 18px; line-height: 170px; margin-right: 11px;}
.cjsfw ul li a{ display: block; width: 164px; height: 119px; color: #fff;}
.cjsfw ul li a:hover{ text-decoration: none;}
.cjsfw ul li.cj01 a{ background: url(2016zzgjj_cjsfw_icon01.png) no-repeat center 32px #4eb7b2;}
.cjsfw ul li.cj02 a{ background: url(2016zzgjj_cjsfw_icon02.png) no-repeat center 32px #86b74c;}
.cjsfw ul li.cj03 a{ background: url(2016zzgjj_cjsfw_icon03.png) no-repeat center 32px #ec7525;}

.banner{ float: left; width: 1120px; height: 100px; margin-top: 20px; overflow: hidden;}

/* 二维码 */
.qr-code{ float: left; width: 447px; height: 203px; background: #f0f0f0; margin-top: 20px; overflow: hidden;}
.qr-code li{ float: left; width: 126px; margin: 15px 0 0 18px;}
.qr-code li p{ color: #2581c2; text-align: center; line-height: 24px;}

/* 互动交流 */
.hdjl{ float: left; width: 355px; height: 203px; background: #f0f0f0; margin: 20px 0 0 20px;}
.hdjl h2{ width: 334px; height: 18px; background: url(2016zzgjj_hdjl_title.png) no-repeat center center; text-align: center; font-size: 18px; line-height: 18px; font-weight: normal; color: #1262a4; margin: 20px auto 0;}
.hdjl ul li{ float: left; width: 100px; height: 100px; text-align: center; line-height: 140px; margin: 38px 0 0 14px;}
.hdjl ul li a{ display: block; width: 96px; height: 96px; border: 2px solid #cacaca; color: #2581c2;}
.hdjl ul li a:hover{ text-decoration: none; border-color: #2581c2;}
.hdjl ul li.hdjl01 a{ background: url(2016zzgjj_hdjl_icon01.png) no-repeat center 20px;}
.hdjl ul li.hdjl02 a{ background: url(2016zzgjj_hdjl_icon02.png) no-repeat center 20px;}
.hdjl ul li.hdjl03 a{ background: url(2016zzgjj_hdjl_icon03.png) no-repeat center 20px;}

/* 投诉监督电话 */
.tsjddh{ float: right; width: 226px; height: 203px; background: #f0f0f0; margin-top: 20px; padding: 0 12px;}
.tsjddh .title{ height: 21px; line-height: 21px; margin-top: 18px;}
.tsjddh .title h3{ float: left; font-size: 18px; color: #1262a4; font-weight: normal;}
.tsjddh .title span{ display: block; float: right; width: 87px; height: 21px; background: #e7e7e7; font-size: 16px; text-align: center; color: #2581c2;}
.tsjddh ul{ margin-top: 20px;}
.tsjddh ul li{ line-height: 26px;}

/* 友情链接 */
.friend-link{ float: left; width: 1120px; height: 40px; line-height: 40px; background: #2581c2; margin-top: 20px;}
.friend-link h3{ float: left; font-size: 16px; color: #fff; margin: 0 15px;}
.friend-link span.dropselect_box{ position:relative; width:334px; display:inline-block; border:none; float:left; height:30px; z-index:99; margin-right:6px; margin-top:5px;}
.dropselect_SimpleSelect1 { /*height:30px;*/ display:block; overflow:hidden; background:url(2016zzgjj_jt.png) no-repeat 310px 12px #fff; line-height:41px; text-align:center; position: relative; left:0px; top:0px; padding:0;}
.dropselect_SimpleSelect1 li{ font-size:14px; padding:0 5px; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.dropselect_SimpleSelect1 li a{height:auto; width:85%; color:#2581c2;}
.dropselect_SimpleSelect1 li.hover a { color:#2581c2; width:100%; display:block; text-decoration: none;}
.dropselect_SimpleSelect1 li a:hover,.dropselect_SimpleSelect1 li a:focus,.dropselect_SimpleSelect1 li:hover,.dropselect_SimpleSelect1 li:focus{background:none;}
.hidden {display:none;}


.footer{ background: #014886; padding: 30px 0;}
.footer-cont{ width: 880px; margin: 0 auto;}
.footer-left{ float: left; padding-top: 15px;}
.footer-right{ float: left; color: #fff; line-height: 24px; margin-left: 30px;}
.footer-right span{ color: #f9d913; font-weight: bold; margin: 0 5px;}