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

/*CSS reset*/
blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, img, input, li, ol, p, pre, td, textarea, th, ul { padding: 0; margin: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { vertical-align: top; border: 0 }
address, caption, cite, code, dfn, em, i, th, var { font-weight: 400; font-style: normal }
li, ol, ul { list-style: none }
dd, div, dl, dt, li, ol, ul { zoom: 1; }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-weight: 400; font-size: 100% }

/*清除浮动*/
.clears { *zoom: 1;
}
.clears:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clears { height: 1%; }
* + html .clears { min-height: 1%; }
/* 等比填充 */
*[class*="rect-"] { position: relative; display: block; width: 100%; overflow: hidden; }
*[class*="rect-"] ._full { position: absolute; left: 0; top: 0; width: 100%; height: 100%; *height: auto;
}
.rect-img { padding-bottom: 60.5%; }
 @-webkit-keyframes gupIn { from {
opacity:0;
-webkit-transform:translate3d(0, -30px, 0);
}
}
@-moz-keyframes gupIn { from {
opacity:0;
-moz-transform:translate3d(0, -30px, 0);
}
}
@keyframes gupIn { from {
opacity:0;
transform:translate3d(0, -30px, 0);
}
}
 @-webkit-keyframes gdownIn { from {
opacity:0;
-webkit-transform:translate3d(0, 100px, 0);
}
}
@-moz-keyframes gdownIn { from {
opacity:0;
-moz-transform:translate3d(0, 100px, 0);
}
}
@keyframes gdownIn { from {
opacity:0;
transform:translate3d(0, 100px, 0);
}
}




/* Public */
*{margin: 0;padding: 0;}
body { color: #333; font-size: 16px; line-height: 30px; font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif; -webkit-text-size-adjust: none }
body { min-width:1200px;}
li, ol, ul { list-style: none }
a { color: #333; text-decoration: none; outline: none; transition: 0.3s; }
a:hover {color:#0054d1; text-decoration: none; }
.hide { display: none; }
.fl { float: left !important; }
.fr { float: right !important; }
.content {margin: 0px;display: block;width: 100%;padding: 70px 0px;}
.w1200 { width: 1200px; margin: 0px auto; padding: 0; }


/* banner */
.head { width: 100%; margin: 0px; padding: 0px; height: 550px; background: url(../images/gkjz-banner.png) no-repeat top center; position: relative; }
.logo { width: 1200px; margin: 0px auto; padding-top: 35px }
.top-logo {width: 320px;margin-top: 26px;float: left;}
.go-home {display: block;float: right;color: #333;background-color: rgba(255, 255, 255, .75);padding: 0 25px;line-height: 60px;font-size: 21px;border-radius: 0 0 6px 6px;margin-top: 40px;}
.top-logo a{display: inline-block; width: 320px;height: 70px;}
.go-home:hover {color: #2251c3;text-decoration: none;}
.w760 { width: 760px; margin: 180px auto 0px; padding: 0;height: 100px; }
.head .w760 p{text-align: center;color: #FFFFFF; font-weight: bold;} 

/* 头部导航*/
.top_icon { width:100%; position:absolute; left:0px; /* bottom:-67px; */bottom:-90px;}
.top_icon ul { position:relative; width:1160px; height:159px; /* height:112px; */padding:23px 20px 0px 20px; z-index:10px; background:url(../images/gkjz-top-bg1.png) no-repeat center center; margin:0px auto}
.top_icon ul li { float:left; width:auto; padding:0px 27px; background:url(../images/gkjz-top-li.png) no-repeat right center; text-align:center; position:relative;}
.top_icon ul li div.code { display:none; padding:15px; background:#fff; box-shadow:0px 5px 5px #ececec; position:absolute; left:60px; top:88px; border:#ececec 1px solid; z-index: 20;}
.top_icon ul li p { padding-top:3px;color: #2251c3;font-size: 18px;font-weight: bold;}
.top_icon ul li a { color:#666; font-size:16px;}
.top_icon ul li a:hover { color:#0054d1;}
.top_icon ul li:hover div.code { display:block}
.top_icon ul li:last-child { background:none;}

.top_icon ul li .jssm { width: 324px;font-size: 14px;line-height: 20px;padding-top: 5px;}


/* 市直部门法定主动公开矩阵 */
#szjuzheng{
	background-color: #FFFFFF;
}

.jzlist table{
    clear: both;
    width: 100%;
    font-size: 16px;
	border-spacing: 0px;
}

.jzlist table td,th{
    text-align: center;
    padding: 0;
	
border: 1px solid #DBDBDB;
}

.jzlist table thead td {
    height: 60px;
    font-weight: bold;
    color: #FFFFFF;
    /* background: #0054D1; */
	background: #b70000; 
	font-size: 22px;
}

.jzlisthead {display: inline-block;}

.jzlist table tbody tr{
    height: 50px;
}

.jzlist table tbody td{
    color: #333;
	font-size: 18px;
}
.jzlist table tbody th span{
   /* color: #BD1A08; */
  /* color: #0054D1; */
  /* color: #890000; */
  color: #b70000;
	font-size: 22px;
	font-weight: bold;
}

.jzlist table tbody td a:hover{
    /* color: #BD1A08; */
	/* color: #890000; */
	color: #b70000;
	font-weight: bold;
}



.jzlist-th1 {background-color: #ffffff;/* background-color: #E9F2FF; color: #0054D1; */}
.jzlist-th2 { background-color: #EAEAEA;/* background-color: #E8FAFF;color: #00B6F2; */}

/* .jzlist table tbody tr :nth-child(2n+1) { background: #EAEAEA;} */



/* 县市区基层政务公开矩阵 */
#xsqjuzheng{
	background: url(../images/gkjz-jczwgk-bg.png) no-repeat center;
	height: 899px;
}


/* 地图 */
.map {
    width: 100%;
    height: 860px;
    overflow: hidden;
}

.qxzl {
    background: url(../images/mapbg_02.png) center center no-repeat;
    height: 899px;
}

.map-box {
    width: 1199px;
    height: 830px;
    position: relative;
    background: url(../images/gkjz-sys_map.png) center top no-repeat;
}

.qxzl a {
    display: block;
    position: absolute;
    font-size: 16px;
    color: #4f5c6a;
}

.map-box a{
    display: block;
    position: absolute;
}
.map-box a span{
    position: absolute;
    font-size: 16px;
    color: #4f5c6a;
    background-color: rgba(255, 255, 255, .75);
    padding: 0 10px;
    border-radius: 5px; z-index: 10;}
.map-box a img{transition:all .45s ease-out; opacity: 0;}
.map-box a:hover img{opacity: 1;}
.map-box a:hover span {
    background-color: #2251c3;
    color: #fff;
}

.map-box a.map_index {
	      width: 323px;
	      height: 60px;
	      left: 877px;
	      top: 0px;
}
.map-box a.map_index span{
	   font-size: 30px;
       font-weight: bold;
       line-height: 60px;
       text-align: center;
	   color: #BD1A08;
       border: 1px solid #DBDBDB;
}

.map-box a.map_00 {
    width: 285px;
    height: 178px;
    left: 680px;
    top: 33px;
}

.map-box a.map_01 {
    width: 213px;
    height: 247px;
    left: 857px;
    top: 109px;
}

.map-box a.map_02 {
    width: 69px;
    height: 54px;
    left: 810px;
    top: 183px;
}

.map-box a.map_03 {
    width: 60px;
    height: 47px;
    left: 764px;
    top: 186px;
}

.map-box a.map_04 {
    width: 93px;
    height: 78px;
    left: 776px;
    top: 210px;
}

.map-box a.map_05 {
    width: 278px;
    height: 273px;
    left: 621px;
    top: 199px;
}

.map-box a.map_06 {
    width: 254px;
    height: 309px;
    left: 465px;
    top: 15px;
}

.map-box a.map_07 {
    width: 337px;
    height: 236px;
    left: 265px;
    top: 153px;
}

.map-box a.map_08 {
    width: 254px;
    height: 225px;
    left: 382px;
    top: 308px;
    z-index: 100;
}

.map-box a.map_09 {
    width: 341px;
    height: 309px;
    left: 405px;
    top: 361px;
}

.map-box a.map_010 {
    width: 299px;
    height: 405px;
    left: 129px;
    top: 254px;
}

.map-box a.map_011 {
    width: 273px;
    height: 338px;
    left: 189px;
    top: 462px;
}

.map-box a.map_012 {
    width: 69px;
    height: 54px;
    left: 810px;
    top: 183px;
}

.map-box a.map_00 span{top: 80px;left: 102px;}
.map-box a.map_01 span{top: 104px;left: 81px;}
.map-box a.map_02 span{top: 16px; left: 1px;}
.map-box a.map_03 span{top: -9px;left: -29px;}
.map-box a.map_04 span{top: 26px;left: 0;}
.map-box a.map_05 span{top: 126px;left: 106px;}
.map-box a.map_06 span{top: 137px;left: 104px;}
.map-box a.map_07 span{top: 98px;left: 179px;}
.map-box a.map_08 span{top: 98px;left: 87px;}
.map-box a.map_09 span{top: 181px;left: 132px;}
.map-box a.map_010 span{top: 91px;left: 190px;}
.map-box a.map_011 span{top: 176px;left: 82px;}
/* 经开区 */
.map-box a.map_012 span{top: -16px;left: 1px;}
/* 
.qxzl a:hover {
    background-color: #604bef;
    color: #fff;
} */

/* 全市新媒体矩阵 */
#xmtjuzheng{
	background: url(../images/gkjz-xmt-bg.png) no-repeat center;
	
}


.top_icon1 { height: 100px; margin-top: 40px; margin-bottom: 40px;margin-left: 0px;}
.top_icon1 ul { position:relative; width:1160px; height:112px; padding:23px 20px 0px 20px; z-index:10px; background:url(../images/gkjz-top-bg.png) no-repeat center center; margin:0px auto}
.top_icon1 ul li { float:left; width:auto; padding:0px 208px; background:url(../images/gkjz-top-li.png) no-repeat right center; text-align:center; position:relative;}
.top_icon1 ul li div.code { display:none; padding:15px; background:#fff; box-shadow:0px 5px 5px #ececec; position:absolute; left:191px; top:88px; border:#ececec 1px solid; z-index: 20;}
.top_icon1 ul li p { padding-top:3px}
.top_icon1 ul li a { color:#666; font-size:16px;}
.top_icon1 ul li a:hover { color:#0054d1;}
.top_icon1 ul li:hover div.code { display:block}
.top_icon1 ul li:last-child { background:none;}




/* 市直部门新媒体 */
.sz .ct { position: relative; min-height: 400px;background: #F6FBFF; }
.sz .ct>.c { width: 185px; height: 54px; line-height: 54px; text-align: center; font-size: 18px; color: #0054d1; background: #fff; border-bottom: 5px solid #3d7bda; border-radius: 50px; position: relative; cursor: default; margin-right: 17px; margin-bottom:30px }
.sz .ct>.c:hover { background:#0054d1; color:#fff; border-bottom:#cbd9fb 5px solid;}
.sz .ct>.c:nth-child(6n+1) { margin-right:0;}
.sz .ct>.c>span { font-size:18px;display: table-cell; vertical-align: middle; text-align: center; width:185px; height:54px; }
.sz .er { position: absolute; left: 0px; top: 72px; background: #fff; border: 3px solid #0054d1; z-index: 2; margin: 0; padding: 0; overflow: hidden; max-width: 738px; }
.sz .ar { position: absolute; left: 0; top: 51px; z-index: 11; }
.sz .er, .sz .ar { display:none; }
.sz .ct>.c:hover .er, .sz .ct>.c:hover .ar { display: block; }
.sz .er .c { padding: 20px 0px 10px 0px; border-left: #e8e8e8 1px solid; text-align: center; margin: 0px; border-bottom: #e8e8e8 1px solid; width: 183px; }
.sz .er span { font-size: 14px; display: block; line-height: 40px; color: #333; }
.er img { width: 143px; height:133px; }

.zs .ct { width: 520px; padding-top: 80px; }
.zs span.t { font-size: 30px; height: 34px; ine-height: 25px; background: url(../images/red.png) no-repeat left center; display: block; padding-left: 30px; line-height: 30px; font-weight: bold; }
.zs .ct p { padding:30px 0px; font-size:18px; color:#acacac;}
.zs .ct ul.list { background:#f9f9f9; padding:20px 10px;}
.zs .ct ul.list li { float:left; width:143px; height:160px; margin:11px 0px 11px 18px; text-align:center; font-size:16px}
.zs .ct ul.list li span { padding-top: 5px; display: block; line-height: 20px; }



/*县市区新媒体*/
.map { background: url(../images/gkjz-xsqxmt-map.png) no-repeat center center; height: 512px; display: block; overflow: inherit; position: relative; width: 950px; margin: 0px auto; padding: 40px 0px; }
.map li { width: 186px; height: 40px; line-height:38px; display: block; position: absolute; }
.map li .code { position: absolute; top: 58px; background: #fff; border: 3px solid #0054d1; z-index: 10; margin: 0; padding: 0; overflow: hidden; max-width: 920px; width: -webkit-max-content; width: -moz-max-content; width: max-content; }
.code_1 { width:185px;}
.code_2 { width:370px;}
.code_3 { width:555px;}
.code_4 { width:740px;}
.code_5 { width:925px;}

.map li .ar { position: absolute; left: 0; top: 37px; z-index: 11; }
.map li .code, .map li .ar { display: none; }
.map li:hover .code, .map li:hover .ar { display: block; }
.map li .code .img { padding: 20px 0px 10px 0px; border-left: #e8e8e8 1px solid; text-align: center; margin: 0px; border-bottom: #e8e8e8 1px solid; width: 183px; float:left; }


.map li a { width:120px;height:40px; font-size: 16px; color:#fff;display:block; border-radius:30px; width:auto}
.map li a:hover{text-decoration: none;}
.map li.li1 {top: 0; left: 280px;}
.map li.li2 { top: 0; right: 280px; }
.map li.li3 {top: 127px; left: 78px;}
.map li.li4 {top: 127px; right: 78px;}
.map li.li5 {top: 189px; left: 20px;}
.map li.li6 {top: 189px; right: 20px;}
.map li.li7 {top:273px; left:3px;}
.map li.li8 {top:273px; right:3px;}
.map li.li9 {top:356px; left:20px;}
.map li.li10{ top: 346px; right: 20px; }
.map li.li11{top:420px; left:78px;}
.map li.li12{top: 401px;right:78px;}
.map li.li13{ top: 552px; left: 280px; }
.map li.li14{ top: 552px; right: 280px; }
.map li.li15{top: 480px;right: 123px;}
.map li.li1 a{background:url(../images/gkjz-title-icon.png) no-repeat 142px center #a2b971}
.map li.li2 a{background:url(../images/gkjz-title-icon.png) no-repeat 25px center #77ba70}
.map li.li3 a{background:url(../images/gkjz-title-icon.png) no-repeat 142px center #46aeb9}
.map li.li4 a{background:url(../images/gkjz-title-icon.png) no-repeat 25px center #6f77dc}
.map li.li5 a{background:url(../images/gkjz-title-icon.png) no-repeat 142px center #f27078}
.map li.li6 a{background:url(../images/gkjz-title-icon.png) no-repeat 25px center #e6846a}
.map li.li7 a{background:url(../images/gkjz-title-icon.png) no-repeat 142px center #f6a34b}
.map li.li8 a{background:url(../images/gkjz-title-icon.png) no-repeat 25px center #e5d33a}
.map li.li9 a{background:url(../images/gkjz-title-icon.png) no-repeat 142px center #adc181}
.map li.li10 a{background:url(../images/gkjz-title-icon.png) no-repeat 25px center #81c26e}
/* .map li.li11 a{width: 140px; background:url(../images/gkjz-title-icon.png) no-repeat 150px center #468cb9} */
.map li.li12 a{background:url(../images/gkjz-title-icon.png) no-repeat 25px center #46aeb9}
.map li.li13 a{background:url(../images/gkjz-title-icon.png) no-repeat 142px center #f270b0}
.map li.li14 a{background:url(../images/gkjz-title-icon.png) no-repeat 25px center #e1ab38}
/* .map li.li15 a{background:url(../images/gkjz-title-icon.png) no-repeat 25px center #04ddfe} */
.map li.li1 a,.map li.li3 a,.map li.li5 a,.map li.li7 a,.map li.li9 a,.map li.li11 a,.map li.li13 a { padding-right: 60px; text-align: right }
.map li.li2 a,.map li.li4 a,.map li.li6 a,.map li.li8 a,.map li.li10 a,.map li.li12 a,.map li.li14 a,.map li.li15 a{padding-left:60px; text-align:left}

.map li.li1 a:hover,.map li.li3 a:hover,.map li.li5 a:hover,.map li.li7 a:hover,.map li.li9 a:hover,.map li.li11 a:hover,.map li.li13 a:hover {background:url(../images/gkjz-title-icon.png) no-repeat 142px center #0054d1}
/* .map li.li11 a:hover {background-position: 150px center;} */
.map li.li2 a:hover,.map li.li4 a:hover,.map li.li6 a:hover,.map li.li8 a:hover,.map li.li10 a:hover,.map li.li12 a:hover,.map li.li14 a:hover,.map li.li15 a:hover {background:url(../images/gkjz-title-icon.png) no-repeat 25px center #0054d1}
.map li .code span { font-size: 14px; display: block; line-height: 40px; }
.map li>.code a { width: auto; height: auto; position: relative; display: block; background: none; margin: 0px; padding: 0px; text-align: center; border-radius: 0px; color: #333; }
.map li>.code a:hover { color:#0c4ee3; background:none}