@charset "utf-8";

/* CSS Document */
body {
	font-family: '微软雅黑';
	font-size: 16px;
}

a:hover {
	color: #4788d7;
}

.header {}

.h_top {
	height: 40px;
	line-height: 40px;
	background: #ededed;
}

.fixedWidth {
	width: 1180px;
	margin: 0 auto;
	overflow: hidden;
}

.fontSize_change {
	float: left;
}

.fontSize_change li {
	float: left;
	padding: 0 5px;
}

.login_btn {
	float: right;
}

.login_btn li {
	float: left;
}

.login_btn li a {
	display: block;
	padding-left: 30px;
	padding-right: 20px;
}

.login_iconA a {
	background: url(zgnj_index_pics201807-01.png) no-repeat left center;
}

.login_iconB a {
	background: url(zgnj_index_pics201807-02.png) no-repeat left center;
}


.h_mid {
	height: 168px;
	background: url(zgnj_index_pics201807-03.jpg) no-repeat center center;
	overflow: hidden;
}

.h_logo {
	width: 450px;
	height: 168px;
	background: url(zgnj_index_pics201807-04.png) no-repeat;
	float: left;
	background-position-y: 30px;
}

.h_from {
	width: 500px;
	float: right;
	padding-top: 46px;
}

.form_inuput {
	height: 36px;
	background: url(zgnj_index_pics201807-05.png) no-repeat right center;
	position: relative;
}

.form_inuput input {
	outline: none;
	border: none;
	background: none;
}

.h_txt {
	width: 366px;
	height: 16px;
	line-height: 16px;
	padding: 10px 0;
	position: absolute;
	left: 53px;
	top: 0;
	font-family: '微软雅黑';
	font-size: 16px;
}

.h_btn {
	width: 80px;
	height: 36px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}

.hot_words {
	padding-top: 10px;
}

.hot_words li {
	float: left;
	border-radius: 5px;
	padding: 2px 6px;
	background: #5c9cd1;
	margin-right: 10px;
}

.hot_words li.first_hot {
	background: none;
	border-radius: 0;
	margin-right: 0;
	color: #122175;
}

.hot_words li a {
	display: block;
	text-decoration: none;
	color: #fff;
}

.hot_words li:hover a {
	color: #c00;
}

.h_nav {
	height: 50px;
	background: #1561af;
}

.nav_ul {
	width: 110%;
}

.nav_ul li {
	float: left;
	line-height: 50px;
	font-size: 18px;
	background-image: url(zgnj_index_pics201807-06.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

.nav_ul li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 67px;
}

.nav_ul li:hover {
	background: #4788d7;
}

/*当前项的定位样式  current*/
.nav_ul .current {
	background-color: #4788d7;
}

.nav_ul .navIcon1.current a {
	background: url(zgnj_index_pics201807-13.png) no-repeat 35px center;
}

.nav_ul .navIcon2.current a {
	background: url(zgnj_index_pics201807-14.png) no-repeat 40px center;
}

.nav_ul .navIcon3.current a {
	background: url(zgnj_index_pics201807-15.png) no-repeat 40px center;
}

.nav_ul .navIcon4.current a {
	background: url(zgnj_index_pics201807-16.png) no-repeat 40px center;
}

.nav_ul .navIcon5.current a {
	background: url(zgnj_index_pics201807-17.png) no-repeat 40px center;
}

.nav_ul .navIcon6.current a {
	background: url(zgnj_index_pics201807-18.png) no-repeat 35px center;
}

.navIcon1 a {
	background: url(zgnj_index_pics201807-07.png) no-repeat 30px center;
}

.navIcon2 a {
	background: url(zgnj_index_pics201807-08.png) no-repeat 35px center;
}

.navIcon3 a {
	background: url(zgnj_index_pics201807-09.png) no-repeat 35px center;
}

.navIcon4 a {
	background: url(zgnj_index_pics201807-10.png) no-repeat 35px center;
}

.navIcon5 a {
	background: url(zgnj_index_pics201807-11.png) no-repeat 35px center;
}

.navIcon6 a {
	background: url(zgnj_index_pics201807-12.png) no-repeat 30px center;
}

.navIcon1 a:hover {
	background: url(zgnj_index_pics201807-13.png) no-repeat 30px center;
}

.navIcon2 a:hover {
	background: url(zgnj_index_pics201807-14.png) no-repeat 35px center;
}

.navIcon3 a:hover {
	background: url(zgnj_index_pics201807-15.png) no-repeat 35px center;
}

.navIcon4 a:hover {
	background: url(zgnj_index_pics201807-16.png) no-repeat 35px center;
}

.navIcon5 a:hover {
	background: url(zgnj_index_pics201807-17.png) no-repeat 35px center;
}

.navIcon6 a:hover {
	background: url(zgnj_index_pics201807-18.png) no-repeat 30px center;
}


.sub_nav {
	height: 40px;
	line-height: 40px;
	background: #ecf3fb;
	display: none;
}

.sub_div {
	text-align: center;
}

.sub_nav span {
	padding: 0 10px;
}

.container {
	padding-top: 20px;
}

.focus_box {
	height: 366px;
	overflow: hidden;
}

/*新闻图片滚动效果的样式*/
.slide_x {
	width: 640px;
	height: 366px;
	overflow: hidden;
	position: relative;
	z-index: 10;
	float: left;
}

.slide_x a {
	color: #FFF;
	text-decoration: none;
}

.slide_x .box {
	width: 640px;
	height: 366px;
	overflow: hidden;
	position: relative;
}

.slide_x .list {
	width: 9999px;
	overflow: hidden;
}

.slide_x .list li {
	width: 640px;
	float: left;
	position: relative;
	height: 366px;
}

.slide_x .btn {
	overflow: hidden;
	position: absolute;
	bottom: 20px;
	right: 0;
	width: 100%;
	text-align: center;
	*left: 280px;
}

.slide_x .btn li {
	width: 10px;
	height: 10px;
	margin: 0 6px 0 0;
	cursor: pointer;
	border-radius: 50%;
	display: inline-block;
	background: #fff;
	*float: left;
}

.slide_x .btn .selected {
	width: 20px;
	background: #ae170d;
	color: #fff;
	border-radius: 5px;
}

.focus_right {
	width: 515px;
	float: right;
}

.col_name {
	height: 34px;
	border-bottom: 1px solid #dcdcdc;
}

.col_name span {
	font-size: 18px;
	position: relative;
	padding: 0 10px;
	display: inline-block;
	color: #666;
}

.col_name a {
	color: #666;
	text-decoration: none;
}

.col_name i {
	display: block;
	width: 100%;
	height: 0;
	border-bottom: 2px solid #3090e8;
	position: absolute;
	left: 0;
	bottom: -11px;
	display: none;
}

.currentSpan a {
	color: #4788d7;
}

.currentSpan i {
	display: block;
}

.col_lists {
	margin-top: 15px;
}

.col_lists ul {
	display: none;
}

.col_lists li {
	height: 40px;
	line-height: 40px;
	padding-left: 15px;
	background: url(zgnj_index_pics201807-20.jpg) no-repeat left center;
}

/* 政务信息css */
.govInfor {
	min-height: 520px;
	background: #f6f6f6;
	margin-top: 20px;
}

.gov_btn {
	height: 60px;
	line-height: 60px;
	border-bottom: 3px solid #1561af;
	overflow: hidden;
}

.gov_btn ul {
	width: 110%;
}

.gov_btn li {
	width: 230px;
	float: left;
	font-size: 24px;
	color: #4788d7;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 115px center;
	padding-left: 164px;
}

.govicon1 {
	background-image: url(zgnj_index_pics201807-21.png);
}

.govicon2 {
	background-image: url(zgnj_index_pics201807-22.png);
}

.govicon3 {
	background-image: url(zgnj_index_pics201807-23.png);
}

.govicon1.currentCov {
	background-image: url(zgnj_index_pics201807-24.png);
	background-color: #1561af;
	color: #fff;
}

.govicon2.currentCov {
	background-image: url(zgnj_index_pics201807-25.png);
	background-color: #1561af;
	color: #fff;
}

.govicon3.currentCov {
	background-image: url(zgnj_index_pics201807-26.png);
	background-color: #1561af;
	color: #fff;
}

.gov_box {
	padding-top: 30px;
	display: none;
}

.gov_left {
	width: 780px;
	height: 410px;
	float: left;
	overflow: hidden;
	padding-right: 20px;
	border-right: 1px solid #d9d9d9;
}

.jg_leaders {
	overflow: hidden;
}

.jg_leaders ul {
	width: 110%;
}

.jg_leaders li {
	width: 140px;
	height: 50px;
	background: #fff;
	float: left;
	margin-right: 20px;
}

.jg_leaders li a {
	display: block;
	height: 48px;
	text-decoration: none;
	padding-left: 55px;
	line-height: 48px;
}

.jg_leaders li:hover a {
	border: 1px solid #4788d7;
	color: #4788d7;
}

.leaders_li1 a {
	background: url(ico01_xxgk_20180713.png) no-repeat 15px center;
}

.leaders_li2 a {
	background: url(ico02_xxgk_20180713.png) no-repeat 15px center;
}

.leaders_li3 a {
	background: url(ico03_xxgk_20180713.png) no-repeat 15px center;
}

.leaders_li4 a {
	background: url(ico04_xxgk_20180713.png) no-repeat 15px center;
}

.leaders_li5 a {
	background: url(ico05_xxgk_20180713.png) no-repeat 15px center;
}

.gov_files {
	margin-top: 25px;
	position: relative;
	padding-left: 160px;
	height: 240px;
	overflow: hidden;
}

.files_ul {
	position: absolute;
	left: 0;
	top: 0;
}

.files_ul li {
	width: 146px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: url(zgnj_index_pics201807-27.png) no-repeat left center;
	margin-bottom: 10px;
}

.files_ul li a {
	text-decoration: none;
	display: block;
}

.files_ul .currentFile {
	background: url(zgnj_index_pics201807-28.png) no-repeat left center;
}

.files_ul .currentFile a {
	color: #fff;
}

.files_lists dd {
	height: 40px;
	line-height: 40px;
}

.files_lists dd a {
	padding-left: 2px;
}

.five_open {
	overflow: hidden;
	padding-top: 20px;
}

.five_open ul {
	width: 110%;
}

.five_open li {
	float: left;
	width: 140px;
	height: 66px;
	text-align: center;
	background: #d9edf7;
	margin-right: 20px;
	overflow: hidden;
}

.five_open li a {
	text-decoration: none;
	display: block;
	height: 56px;
	padding-top: 10px;
	color: #1561af;
}

.five_open .lastFive a {
	padding-top: 20px;
	height: 46px;
}

.gov_right {
	width: 360px;
	float: right;
}

.ysqgk_col {
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #4788d7;
	color: #fff;
	font-size: 22px;
	margin-bottom: 20px;
}

.ysqgk_btn {
	height: 34px;
	border-bottom: 1px solid #dcdcdc;
}

.ysqgk_btn span {
	font-size: 18px;
	position: relative;
	padding: 0 10px;
	display: inline-block;
	color: #666;
}

.ysqgk_btn a {
	color: #666;
	text-decoration: none;
}

.ysqgk_btn i {
	display: block;
	width: 100%;
	height: 0;
	border-bottom: 2px solid #1561af;
	position: absolute;
	left: 0;
	bottom: -11px;
	display: none;
}

.currentYsqgk a {
	color: #1561af;
}

.currentYsqgk i {
	display: block;
}

.ysqgk_down {
	padding-top: 20px;
	display: none;
}

.ysqgk_lists li {
	height: 40px;
	line-height: 40px;
}

.ysqgk_lists li a {
	padding-left: 2px;
}


/* 在线服务css */
.online_ser {
	text-align: center;
}

.online_ser span {
	margin-right: 10px;
}

.person_ser {
	padding-top: 10px;
	display: none;
}

.person_ser .slide_x {
	width: 780px;
	height: 370px;
	overflow: hidden;
	position: relative;
	z-index: 10;
	float: left;
}

.person_ser .slide_x a {
	text-decoration: none;
	color: #000;
}

.person_ser .slide_x .box {
	width: 780px;
	height: 370px;
	overflow: hidden;
	position: relative;
}

.person_ser .slide_x .list {
	width: 9999px;
	overflow: hidden;
}

.person_ser .slide_x .list li {
	width: 780px;
	float: left;
	position: relative;
	height: 370px;
}

.person_ser .slide_x .btn {
	overflow: hidden;
	position: absolute;
	bottom: 10px;
	right: 0;
	width: 100%;
	text-align: center;
	*left: 340px;
}

.person_ser .slide_x .btn li {
	width: 40px;
	height: 8px;
	margin: 0 6px 0 0;
	cursor: pointer;
	display: inline-block;
	background: #ccc;
	*float: left;
	border-radius: 0;
}

.person_ser .slide_x .btn .selected {
	background: #ff9900;
}

.person_ser .slide_x .list li dl {
	width: 110%;
}

.person_ser .slide_x .list li dd {
	width: 178px;
	height: 48px;
	float: left;
	border: 1px solid #d9d9d9;
	margin: 15px 20px 0 0;
	line-height: 48px;
	transition: all .3s;
}

.person_ser .slide_x .list li dd a {
	padding-left: 65px;
	position: relative;
	display: block;
	height: 48px;
	transition: all .3s;
}

.person_ser .slide_x .list li dd a img {
	position: absolute;
	left: 10px;
	top: 10px;
}

.person_ser .slide_x .list li dd a i {
	display: block;
	width: 1px;
	height: 32px;
	background: #d9d9d9;
	position: absolute;
	left: 50px;
	top: 10px;
}

.person_ser .slide_x .list li dd:hover {
	border: 1px solid #4788d7;
}

.person_ser .slide_x .list li dd:hover a {
	color: #1561af;
}

.three_ser {
	overflow: hidden;
	padding-top: 25px;
	*padding-bottom: 25px;
}

.three_ser ul {
	width: 110%;
}

.three_ser li {
	width: 106px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #4788d7;
	float: left;
	margin-right: 20px;
	margin-bottom: 22px;
}

.three_ser li a {
	display: block;
	color: #fff;
	text-decoration: none;
}

.three_ser li:hover {
	background: #73aaed;
}

.key_ser {
	padding-top: 15px;
}

.key_ser li {
	padding-left: 32px;
	height: 48px;
	line-height: 48px;
	border-bottom: 1px solid #cbd1d6;
	background: url(zgnj_index_pics201807-36.png) no-repeat 8px center;
}

/* 互动回应css */
.news_box {
	margin-top: 0;
	height: 210px;
}

.news_box .files_ul li {
	margin-bottom: 27px;
}

.newsDL li {
	padding-bottom: 20px;
	border-bottom: 1px dashed #999;
	margin-bottom: 20px;
	position: relative;
	min-height: 81px;
	padding-left: 135px;
}

.newsImg {
	width: 120px;
	height: 81px;
	position: absolute;
	left: 0;
	top: 0;
}

.newsImg i {
	display: block;
	width: 60px;
	height: 20px;
	position: absolute;
	right: 0;
	bottom: 0;
	font-style: normal;
	line-height: 18px;
	text-align: center;
	color: #fff;
	background: #ee8f06;
	font-size: 14px;
}

.newsTitle {
	position: relative;
	height: 81px;
}

.posTit {
	font-size: 15px;
	position: absolute;
	left: 0;
	top: -2px;
}

.gray_font {
	font-size: 14px;
	color: #878787;
}

.pos_P1 {
	position: absolute;
	left: 0;
	bottom: 18px;
}

.pos_P2 {
	position: absolute;
	left: 0;
	bottom: -2px;
}

.myzj_box {
	margin-top: 20px;
}

.myzj_left {
	width: 49%;
	float: left;
}

.myzj_right {
	float: right;
}

.myzj_lists {
	padding-top: 20px;
}

.myzj_lists li {
	height: 36px;
	line-height: 36px;
}

.myzj_lists li a {
	padding-left: 5px;
}

.mayorMail {
	margin-bottom: 20px;
}

.hygq_lists {
	margin-top: 10px;
}

.hygq_lists li {
	height: 40px;
	line-height: 40px;
}

.hygq_lists li a {
	padding-left: 5px;
}

/* 专题专栏css */
.special_box {
	margin-top: 20px;
}

.special_col {
	border-bottom: 1px solid #dcdcdc;
	height: 15px;
	margin-bottom: 30px;
	position: relative;
}

.special_col span {
	position: absolute;
	left: 50%;
	top: -2px;
	font-size: 22px;
	color: #1561af;
	background: #fff;
	display: block;
	margin-left: -44px;
	z-index: 100;
}

.special_col i {
	position: absolute;
	left: 50%;
	top: 14px;
	border-top: 2px solid #1561af;
	display: block;
	width: 190px;
	margin-left: -95px;
	z-index: 10;
}

.scroll_horizontal {
	position: relative;
	height: 164px;
}

.scroll_horizontal .box {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 164px;
	;
	margin: 0 auto;
}

.scroll_horizontal .list {
	overflow: hidden;
	width: 9999px;
}

.scroll_horizontal .prev {
	position: absolute;
	top: 50px;
	width: 32px;
	height: 32px;
	left: 0;
	background: url(zgnj_index_pics201807-31.png) no-repeat;
	cursor: pointer;
	z-index: 10000;
}

.scroll_horizontal .next {
	position: absolute;
	top: 50px;
	width: 32px;
	height: 32px;
	right: 0;
	background: url(zgnj_index_pics201807-32.png) no-repeat;
	cursor: pointer;
	z-index: 10000;
}

.scroll_horizontal li {
	width: 220px;
	height: 164px;
	padding-right: 20px;
	float: left;
	;
}

.scroll_horizontal li p {
	width: 220px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #edf7f8;
	margin-top: 10px;
	font-size: 15px;
}




/* footer */
.footer {
	border-top: 8px solid #1561af;
	padding: 20px;
	margin-top: 35px;
	background: #f6f6f6;
	height: 140px;
}

.footer_box {
	position: relative;
}

.footer_box p {
	text-align: center;
}

.footer_box p span {
	padding: 0 5px;
}

.smallFont {
	font-size: 14px;
	margin-top: 15px;
}

.smallFont img {
	margin: -2px 8px 0 0;
}

.jiucuo {
	position: absolute;
	left: 20px;
	bottom: 0;
}

.dzjgIcon {
	position: absolute;
	right: 20px;
	bottom: 0;
}

/* 侧边栏导航定位css */
.side_fixed {
	width: 60px;
	height: 300px;
	background: #f6f6f6;
	position: fixed;
	right: 0;
	top: 35%;
	z-index: 100000;
}

.side_fixed li {
	height: 72px;
	line-height: 72px;
	text-align: center;
	cursor: pointer;
	transition: all .3s;
	position: relative;
}

.side_fixed li p {
	display: none;
	line-height: 18px;
	color: #fff;
	padding-top: 18px;
}

.side_fixed li p a {
	color: #fff;
	text-decoration: none;
}

.side_fixed li:hover {
	background: #4788d7;
}

.side_fixed li:hover p {
	display: block;
}

.side_fixed li:hover .hideImg {
	display: none;
}

.side_fixed .mobileLi p {
	padding-top: 28px;
}

.twoCodes {
	width: 150px;
	height: 215px;
	background: url(zgnj_index_pics201807-45.png);
	position: absolute;
	left: -150px;
	top: 0;
	text-align: center;
	display: none;
}

.twoCodes span {
	line-height: 24px;
	font-size: 14px;
	color: #fff;
	display: block;
	margin-top: 10px;
}

.twoCodes img {
	margin-top: 15px;
}

.side_fixed li:hover .twoCodes {
	display: block;
}


/* 第一屏内容 */
.screen1-content {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	text-align: center;
	color: white;
}

.screen1-logo {
	margin-top: 110px;
}

.menu_box {
	width: 780px;
	height: 125px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 150px;
	margin: auto;
}

.home_menu {
	width: 840px;
	height: 125px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.menu_item {
	width: 112px;
	height: 112px;
	background: rgba(243, 101, 34, 0.75);
	border-radius: 50%;
	text-align: center;
	position: relative;
	border-width: 0;
	/* border-style: solid; */
	/* 确保动画时样式一致 */
	border-color: transparent;
}

.activem a img {
	display: block;
}

.activem p {
	display: none;
}

.filter-white {
	width: 50%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	filter: brightness(0) invert(1);
	transition: all 0.3s ease;
	display: none;
}

.menu_item a p {
	width: 48px;
	height: 55px;
	font-family: Source Han Serif SC;
	font-weight: 300;
	font-size: 24px;
	color: #FFFFFF;
	line-height: 30px;
	margin: 0 auto;
	margin-top: 25px;
	transition: all 0.3s ease;
}

.arrow-down {
	width: 40px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 60px;
	margin: auto;
	cursor: pointer;
}