/* 手机端样式 */
@media screen and (max-width: 768px) {
	.hidden-pc {
		display: block;
	}

	.hidden-mobile {
		display: none;
	}

	.title-news-center {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 59px;
		background-size: 100% 100%;
		color: #fff;
		font-size: 18px;
		background-image: url(../images/news-center-bg.png);
	}

	/* 轮播图 */
	.swiper1 {
		margin: 10px 0;
	}

	.swiper-slide img {
		width: 100vw;
		height: 215px;
	}

	.swiper-slide .title {
		position: absolute;
		bottom: 0;
		background-color: #66614f;
		height: 50px;
		width: 100%;
		filter: alpha(Opacity=80);
		-moz-opacity: 0.5;
		opacity: 0.5;
	}

	.swiper-pagination {
		text-align: right !important;
	}

	.swiper-slide span {
		color: #fff;
		float: left;
		line-height: 50px;
		height: 50px;
		width: 100%;
		overflow: hidden;
		position: absolute;
		left: 0;
		bottom: 0;
		text-align: left;
		text-indent: 10px;
	}

	.swiper-container .swiper-pagination-bullet {
		background: #fff;
		opacity: 0.8;
	}

	.swiper-container .swiper-pagination-bullet-active {
		background: #007aff;
		opacity: 0.8;
	}

	/* 工作状态、通知公告 */
	.n_listBox,
	.n_listBox1 {
		width: calc(100% - 20px);
		margin-left: 10px;
	}

	.n_l_nav {
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1px solid #eee;
	}

	.n_l_nav a {
		color: #235399;
		font-size: 14px;
	}

	.n_l_nav span {
		font-weight: bold;
		display: block;
		float: left;
		cursor: pointer;
		padding: 0 20px;
		font: bold 16px/33px 宋体;
		color: #333333;
		background: #EEEEEE;
	}

	a {
		color: #434343;
		text-decoration: none;
	}

	.n_l_nav span.on {
		color: #FFF;
		background: #258BCB;
		font: bold 16px/33px 宋体;
	}

	.n_listBox ul,
	.n_listBox1 ul {
		width: 100%;
		padding: 10px 0;
	}

	.n_listBox ul li,
	.n_listBox1 ul li {
		padding: 10px 0;
		border-bottom: 1px solid #eee;
	}

	.n_listBox ul li a,
	.n_listBox1 ul li a {
		font-size: 15px;
	}

	.n_listBox .cont .date,
	.n_listBox1 .cont .date {
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 13px;
		color: #666666;
		margin-top: 6px;
	}

	/* 机构职能等 */
	.govinfoBox {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 10px;
		width: calc(100vw - 20px);
		font-size: 15px;
		font-weight: bold;
	}

	.govinfoBox a {
		width: 30%;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 20px;
	}

	.govinfoBox a div {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 60px;
	}

	.govinfoBox a span {
		margin-top: 8px;
	}

	.govinfoBox em {
		display: block;
		margin: 0 auto;
		width: 40px;
		height: 40px;
		background: url("../images/gov_icon.png") center no-repeat;
	}

	.gov_icon1 em {
		background-position: center top;
	}

	.gov_icon2 em {
		background-position: center -50px;
	}

	.gov_icon3 em {
		background-position: center -100px;
	}

	.gov_icon4 em {
		background-position: center -150px;
	}

	.gov_icon5 em {
		background-position: center -200px;
	}

	.govinfoBox .gov_icon1 div {
		background: #4FA7DD;
	}

	.govinfoBox .gov_icon2 div {
		background: #916FCB;
	}

	.govinfoBox .gov_icon3 div {
		background: #27BB9B;
	}

	.govinfoBox .gov_icon4 div {
		background: #D3CD3F;
	}

	.govinfoBox .gov_icon5 div {
		background: #6DB909;
	}

	/* 融易办等 */
	.onlineBox {
		display: flex;
		flex-wrap: wrap;
		margin: 10px;
		width: calc(100vw - 20px);
		font-size: 15px;
		font-weight: bold;
	}

	.onlineBox a {
		display: flex;
		align-items: center;
		width: 100%;
		height: 51px;
		margin-bottom: 10px;
		background: #F8F8F8;
	}

	.onlineBox em {
		background: url("../images/cms_logo.png") top repeat-x;
		display: block;
		margin: 0 15px;
		width: 35px;
		height: 35px;
	}

	.onlineBox .online_icon1 em {
		background: url("../images/index_icon_one.png") top repeat-x;
		display: block;
		width: 27px;
		height: 35px;
	}

	.onlineBox .online_icon2 em {
		background-position: left -50px;
	}

	.onlineBox .online_icon3 em {
		background-position: left -100px;
	}

	.onlineBox .online_icon4 em,
	.onlineBox .online_icon5 em,
	.onlineBox .online_icon6 em {
		background-position: left -150px;
	}
}

/* 手机端样式 end */

/* 电脑端样式 */
@media screen and (min-width: 768px) {
	body {
		font-family: 宋体 !important;
	}

	.hidden-pc {
		display: none;
	}

	.hidden-mobile {
		display: block;
	}

	.warp {
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
		width: 1000px;
	}

	.newsBox {
		display: flex;
		justify-content: space-between;
		width: 100%;
		overflow: hidden;
	}

	.newsBox .n_imgsBox {
		width: 495px;
		height: 305px;
		float: left;
		position: relative;
		overflow: hidden;
		margin-left: 0 !important;
	}

	.n_imgsBox a {
		display: block;
		position: relative;
	}

	.n_imgsBox a:hover {
		text-decoration: none;
	}

	.swiper-slide a img {
		width: 495px;
		height: 305px;
		display: block;
	}

	.n_imgsBox .swiper-slide .title {
		position: absolute;
		bottom: 0;
		background-color: #66614f;
		height: 50px;
		width: 100%;
		filter: alpha(Opacity=80);
		-moz-opacity: 0.5;
		opacity: 0.5;
	}

	.swiper-pagination {
		text-align: right !important;
	}

	.swiper-container .swiper-pagination-bullet {
		background: #fff;
		opacity: 0.8;
	}

	.swiper-container .swiper-pagination-bullet-active {
		background: #007aff;
		opacity: 0.8;
	}

	.n_imgsBox .swiper-slide span {
		color: #fff;
		float: left;
		line-height: 50px;
		height: 50px;
		width: 100%;
		overflow: hidden;
		position: absolute;
		left: 0;
		bottom: 0;
		text-align: left;
		text-indent: 10px;
	}

	.newsBox .n_listBox {
		width: 493px;
		height: 303px;
		float: right;
		border: 1px solid #DFDFDF;
		overflow: hidden;
		position: relative;
	}

	.n_l_nav {
		border-bottom: 1px solid #DFDFDF;
		height: 33px;
		background: url(../images/box.png) top repeat-x;
	}

	.n_l_nav span {
		font-weight: bold;
		display: block;
		float: left;
		cursor: pointer;
		padding: 0 20px;
		font: bold 16px/33px 宋体;
		border-right: 1px solid #DFDFDF;
	}

	a {
		color: #434343;
		text-decoration: none;
	}

	.n_l_nav span.on {
		color: #258BCB;
		background: #FFF;
		border-top: 3px solid #258BCB;
		font: bold 16px/31px 宋体;
	}

	.n_listBox .cont {
		position: absolute;
	}

	.n_listBox ul {
		padding: 10px;
		width: 475px;
		height: 250px;
		float: left;
	}

	.n_listBox li {
		font: 14px/28px 宋体;
		overflow: hidden;
	}

	.n_listBox li em {
		background: #CBCBCB;
		width: 3px;
		height: 3px;
		margin: 14px 5px 0 2px;
		float: left;
	}

	.n_listBox li em {
		background: #CBCBCB;
		width: 3px;
		height: 3px;
		margin: 14px 5px 0 2px;
		float: left;
	}

	.n_listBox li a {
		display: block;
		float: left;
		width: 300px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.n_listBox li span {
		float: right;
		color: #999999;
	}

	/* 环评公示等 */
	.i_contL {
		width: 495px;
	}

	.i_contR {
		width: 495px;
	}

	.sipListBox .tit {
		height: 40px;
		border: 1px solid #DFDFDF;
		background: #f8f8f8;
		border-bottom: 3px solid #DFDFDF;
	}

	.sipListBox .tit span.active {
		border-bottom: 3px solid #258BCB;
		color: #258BCB;
	}

	.sipListBox .tit span {
		display: block;
		float: left;
		font: bold 14px/40px 宋体;
		border-right: 1px solid #DFDFDF;
		padding: 0 20px;
	}

	.sipListBox .more {
		float: right;
		font: 12px/40px 宋体;
		padding: 0 10px;
	}

	.sipListBox .cont {
		border: 1px solid #DFDFDF;
		border-top: none;
		padding: 10px;
		margin-bottom: 10px;
		overflow: hidden;
	}

	.listBox ul {
		padding: 10px;
	}

	.sipListBox .cont li {
		font: 14px/32px 宋体;
		overflow: hidden;
	}

	.listBox li em {
		background: #CBCBCB;
		width: 3px;
		height: 3px;
		margin: 14px 5px 0 2px;
		float: left;
		color: #CBCBCB;
		display: inline-block;
		overflow: hidden;
	}

	.listBox li a {
		display: block;
		float: left;
		width: 70%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.listBox li span {
		float: right;
		color: #999999;
	}

	/* 机构职能在线办理等 */
	.govCont {
		display: flex;
		justify-content: space-between;
		padding: 20px 0;
		overflow: hidden;
		position: relative;
	}

	.govinfoBox {
		float: left;
	}

	.govinfoBox a {
		display: block;
		float: left;
		margin: 0 1px 0 0;
		width: 80px;
		height: 80px;
		padding: 10px 0 0;
		text-decoration: none;
		cursor: pointer;
	}

	.govinfoBox a span {
		display: block;
		text-align: center;
		font: 12px/26px "宋体";
		color: #FFF;
		text-decoration: none;
	}

	.govinfoBox em {
		display: block;
		margin: 0 auto;
		width: 40px;
		height: 40px;
		background: url("../images/gov_icon.png") center no-repeat;
	}

	.govinfoBox a:hover {}

	.govinfoBox a:hover em {
		animation: gov_icon 1s;
		-moz-animation: gov_icon 1s;
		-webkit-animation: gov_icon 1s;
	}

	.gov_icon1 em {
		background-position: center top;
	}

	.gov_icon2 em {
		background-position: center -50px;
	}

	.gov_icon3 em {
		background-position: center -100px;
	}

	.gov_icon4 em {
		background-position: center -150px;
	}

	.gov_icon5 em {
		background-position: center -200px;
	}

	.govinfoBox .gov_icon1 {
		background: #4FA7DD;
	}

	.govinfoBox .gov_icon2 {
		background: #916FCB;
	}

	.govinfoBox .gov_icon3 {
		background: #27BB9B;
	}

	.govinfoBox .gov_icon4 {
		background: #D3CD3F;
	}

	.govinfoBox .gov_icon5 {
		background: #6DB909;
	}

	.onlineBox {}

	.onlineBox .tit {
		float: left;
		width: 20px;
		height: 80px;
		background: #268BCB;
		font: bold 13px/16px "宋体";
		text-align: center;
		color: #FFF;
		padding: 10px 5px 0 5px;
		position: relative;
		margin: 0;
	}

	.onlineBox .tit em {
		padding: 0;
		width: 0;
		height: 0;
		border-top: 5px solid transparent;
		border-left: 5px solid #268BCB;
		border-bottom: 5px solid transparent;
		position: absolute;
		top: 48%;
		right: -5px;
	}

	.onlineBox .cont {
		float: left;
	}

	.onlineBox .cont a {
		display: block;
		float: left;
		width: 83px;
		height: 80px;
		margin: 0 0 0 1px;
		background: #F2F2F2;
		border-top: 5px solid #DFDFDF;
		padding: 5px;
		overflow: hidden;
		white-space: nowrap;
	}

	.govinfoBox a:hover {
		background: #434343;
	}

	.onlineBox a span {
		display: block;
		text-align: center;
		font: 12px/16px "微软雅黑";
	}

	.onlineBox a:hover {
		text-decoration: none;
	}

	.onlineBox .cont em {
		background: url("../images/cms_logo.png") top repeat-x;
		display: block;
		margin: 0 auto;
		width: 35px;
		height: 35px;
	}

	.onlineBox .cont a:hover em {
		animation: gov_icon 1s;
		-moz-animation: gov_icon 1s;
		-webkit-animation: gov_icon 1s;
	}

	.onlineBox .cont .online_icon3 span {
		font: 12px/24px "微软雅黑";
	}

	.onlineBox .cont .online_icon1 {
		border-top: 5px solid #FE6D1D;
	}

	.onlineBox .cont .online_icon2 {
		border-top: 5px solid #008F3A;
	}

	.onlineBox .cont .online_icon3 {
		border-top: 5px solid #589CBF;
	}

	.onlineBox .cont .online_icon4 {
		border-top: 5px solid #21BC96;
	}

	.onlineBox .cont .online_icon5 {
		border-top: 5px solid #278ACB;
	}
	
	.onlineBox .cont .online_icon6 {
		border-top: 5px solid #FE6D1D;
	}

	.onlineBox .online_icon1 em {
		background: url("../images/index_icon_one.png") top repeat-x;
		display: block;
		margin: 0 auto;
		width: 27px;
		height: 35px;
	}

	.onlineBox .online_icon2 em {
		background-position: left -50px;
	}

	.onlineBox .online_icon3 em {
		background-position: left -100px;
	}

	.onlineBox .online_icon4 em,
	.onlineBox .online_icon5 em,
	.onlineBox .online_icon6 em {
		background-position: left -150px;
	}

}

/* 电脑端样式 end */