@media(min-width: 767px) {
	/*PC端*/
	.hidden-xss {display: block;}
	.visible-xss {display: none;}
}
@media(max-width: 767px) {
	/*手机端*/
	.hidden-xss {display: none !important;}
    .visible-xss {display: block !important;}
	/* CSS Document */
	*{margin: 0;padding: 0;}
	html, body, menu, ul, ol, li, div, form, h1, h2, h3, h4, h5, h6, img, a img, input, button, textarea, fieldset, p, dd {
		padding: 0;
		margin: 0;
		border: 0
	}
	body {
		color: #333;
		line-height: 1.5;
		word-wrap: break-word;
		font-family: "微软雅黑", "microsoft yahei", Arial;
		background:#2a7fd6;
		width: 100% !important;
		min-width: 100% !important;
	}
	ul, ol, li {
		list-style: none
	}

	html {
		font-size: 14px;
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
	}
	h1, h2, h3, h4, h5, h6, b, i, em {
		font-weight: normal;
		font-style: normal
	}
	input[type="text"], input[type="password"], input[type="button"], input[type="submit"], textarea {
		-webkit-appearance: none;
		border-radius: 0
	}
	a {
		text-decoration: none;
		display: inline-block;
		color: #333;
	}
	a:hover,a:active,a:visited,a:link,a:focus{
		-webkit-tap-highlight-color:rgba(0,0,0,0);
		-webkit-tap-highlight-color: transparent;
		outline:none;
		background: none;
		text-decoration: none;
	}
	img {
		-webkit-transform: scale(1) rotate(0) translate3d(0, 0, 0);
		transform: scale(1) rotate(0) translate3d(0, 0, 0);
		display: block;
	}

	.phone{
		width: 100%;
		height: 100%;
		max-width: 768px;
		margin: auto;
		position: relative;
		overflow: hidden;
		background: #fff;
		transition: all 0.6s;
	}

	/*主体*/
	.main{	
		width: 93.3333% !important;
		margin: auto;
		position: relative;
	}

	/*头部*/
	.top{
		position: relative;
	}
	.top img{
		width: 100%;
	}
	.top_nav{
		position: absolute;
		z-index: 10;
		top: 0;
		width: 100%;
		/*padding: 18px 0;*/
		transition: all 0.5s;
	}
	.top_nav .leftnav{
		width: 24px;
		float: left;
		margin-top: 3px;
		padding: 18px 3.3333%;
		transition: all 0.5s;
	}
	.top_nav .search{
		width: 24px;
		float: right;
		padding: 18px 3.3333%;
		transition: all 0.5s;
	}


	/*导航*/
	.nav ul {
		display: inline-block;
		margin: 2% 0 5% 0;
	}
	.nav li img{
		width: 80%;
		margin: auto;
	}
	.nav li{
		float: left;
		width: 25%;
		text-align: center;
		margin-top: 3.5%;
	}
	.nav li a{
		display: block;
	}
	.nav li span{
		font-size: 12px;
		display: block;   
		margin-top: -5px;
		overflow:hidden; 
		white-space: nowrap; 
		text-overflow: ellipsis;
	}

	/*新闻中心*/
	.title_top{
		position: relative;
		margin: 6% 0;
		line-height: 14px;
		padding-left: 2%;
	}
	.title_top hr{
		width: 2px;
		height: 14px;
		position: absolute;
		left: 0;
		top: 24%;
		background: #006bd0;
		border: none;
	}
	.title_top span{
		font-size: 12px;
		color: #999;
	}
	.news_nav{
		height: auto;
		display: flex;
		margin-bottom: 6%;
	}
	.news_nav ul{
		width: 100%;
		height: auto;
		display: inline-block;
	}
	.news_nav li img{
		width: 100%;
		display: block;
	}
	.news_nav li a{
		display: block;
	}
	.news_nav li{
		width: 48.5%;
		float: left;
		margin-right: 1.5%;
		margin-bottom: 3.5%;
	}
	.news_nav li.last{
		margin-left: 1.5%;
		margin-right: 0;
	}
	.news_nav li:nth-child(3),.news_nav li:nth-child(4){
		margin-bottom: 0;	
	}

	/*政务公开*/
	.open_nav{
		height: auto;
		display: flex;
		margin-bottom: 6%;
	}
	.open_nav ul{
		width: 100%;
		height: auto;
		display: inline-block;
	}
	.open_nav li img{
		width: 30%;
		display: block;
		margin: auto;
		margin-top: 14%;
	}
	.open_nav li.last{
		margin-right: 0;
	}
	.open_nav li{
		width: 30%;
		height: 6.285714rem;
		float: left;
		margin-right: 4%;    
		margin-bottom: 2.8%;
		border: 1px solid #e5e5e5;
		border-radius: 5px;
		position: relative;
	}
	.open_nav li:nth-child(4),.open_nav li:nth-child(5),.open_nav li:nth-child(6){
		margin-bottom: 0;	
	}
	.open_nav li a{
		display: block;
	}
	.open_nav li span{
		display: block;
		width: 100%;
		font-size: 12px;
		position: absolute;
		bottom: 14%;
		text-align: center;
		overflow:hidden; 
		white-space: nowrap; 
		text-overflow: ellipsis;
	}


	/*解读回应*/
	.interpret_nav img{
		width: 100%;
	}
	.interpret_nav{
		margin-bottom: 6%;
	}
	.interpret_nav li{
		margin-bottom: 4%;
	}
	.interpret_nav li.last{
		margin-bottom: 0;
	}
	.interpret_nav li a{
		display: block;
	}

	/*底部*/
	.foot{
		width: 100%;
		padding: 6% 0;	
		display: inline-block;
		background: #7d7d7d;
	}
	.foot p{
		font-size: 12px;
		line-height: 24px;
		transform: scale(.83);
		-webkit-transform: scale(.83);  
		text-align: center;
		color: #fff;
	}

	/*分割线*/
	.dl{
		width: 100%;
		height: 0.714285rem;
		border: none;
		background: #f1f1f1;
	}


	/*新闻中心子页*/

	/*头部*/
	.top2 {
		position: relative;
		background: #006bd0;
		color: #fff;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		padding: 4% 0;
	}
	.top2 a{
		position: absolute;
		z-index: 9;
		width: 100%;
	}
	.top2 .return {
		width: 1.857142rem;
		left: 3.3333%;
		top: 30%;
	}
	.top2 .rightnav {
		width: 1.857142rem;
		right: 3.3333%;
		top: 36%;
	}
	.top2 img {
		width: 100%;
	}

	/*列表*/
	.news_li{
		display: block;

	}
	.news_li a{
		display: flex;
	}
	.news_li li{
		padding: 4% 0;
		width: 100%;
		height: auto;
		display: inline-block;
		border-bottom: 1px solid #eeeeee;
	}
	.news_li .list_title{
		font-size: 14px;
		width: 100%;
		height: 1.285714rem;
		line-height: 1.285714rem;
		float: left;    
		overflow:hidden; 
		white-space: nowrap; 
		text-overflow: ellipsis;
	}
	.news_text{
		width: 100%;
		display: inline-block;
		height: auto;
	}
	.news_li span{
		font-size: 12px;
		display: block;
		width: 100%;
		float: left;    
		height: 1.714285rem;
		line-height: 2rem;
		margin-left: -8.3%;
		transform: scale(.83);
		-webkit-transform: scale(.83); 
		color: #999999;
	}
	.news_li .list_text{
		font-size: 12px;
		float: left;     
		line-height: 1.4rem;
		-webkit-line-clamp:2;
		display: -webkit-box;
		-webkit-box-orient:vertical;
		overflow:hidden;
		text-overflow: ellipsis;
		color: #666666;
	}
	.news_li .news_text2{
		width: 60%;
		display: inline-block;
		height: auto;
		float: left;
		margin-right: 4%;
	}
	.news_img{
		width: 36%;
		float: left;
		height: 5.6rem;
		overflow: hidden;
	}
	.news_img img{
		width: 100%;
		display: block;
	}

	/*列表2*/
	.news_list{
		display: block;

	}
	.news_list a{
		display: block;
	}
	.news_list li{
		padding: 4% 0;
		width: 100%;
		height: auto;
		display: inline-block;
		border-bottom: 1px solid #eeeeee;
	}
	.news_list p{
		width: 76%;
		font-size: 14px;
		height: 21px;
		float: left;
		line-height: 21px;
		overflow:hidden; 
		white-space: nowrap; 
		text-overflow: ellipsis;	
	}
	.news_list span{
		display: block;
		float: right;
		font-size: 12px;
		height: 21px;
		line-height: 21px;	
		color: #999999;
	}

	/*新闻详情*/
	.news_detail{
		
	}
	.news_detail_top{
		padding: 6% 0 4% 0;
		text-align: center;
		border-bottom: 1px solid #eee;
		margin-bottom: 5%;
	}
	.news_detail h2{
		font-size: 16px;
		padding-bottom: 3%;
	}
	.news_detail span{
		font-size: 12px;
		color: #999999;
		text-align: center;	
		display: inline-block;
		overflow:hidden;
		white-space: nowrap; 
		text-overflow: ellipsis;	
	}
	.news_detail span:nth-child(3){
		width: 122px;
	}
	.news_detail p{
		font-size: 14px;
		line-height: 21px;
		text-indent: 2.1em;
		margin-bottom: 10px;
		color: #666666;
	}
	.news_detail img{
		width: 100%;
		display: block;
	}
	.news_detail a{
		color: #2280da;
		display: block;
		height: auto;
		font-size: 14px;
		text-decoration: underline;
	}
	.news_detail a.last{
		float: left;
	}
	.news_detail a.next{
		float: right;
	}
	.page2{
		display: block;
		text-align: center;
		padding: 3% 5% 8% 5%;
		height: 20px;
	}


	/*专题专栏*/
	.zhuanti{
		margin-top: 6%;
		font-size: 0;
		-webkit-text-size-adjust:none;
	}
	.zhuanti ul{
		display: inline-block;
	}
	.zhuanti ul li{
		width: 47.5%;
		height: auto;
		display: block;
		float: left;
		margin-right: 5%;
		margin-bottom: 4%;
		text-align: center;
	}
	.zhuanti ul li.last{
		margin-right: 0;
	}
	.zhuanti ul li:nth-child(7),.zhuanti ul li:nth-child(8){
		margin-bottom: 0;
	}
	.zhuanti ul li img,.zhuanti ul li a{
		width: 100%;
		display: block;
	}
	.zhuanti ul li p{
		width: 100%;
		font-size: 14px;
		height: 2.714285rem;
		line-height: 2.714285rem;
		overflow:hidden;
		white-space: nowrap; 
		text-overflow: ellipsis;
	}



	/*页码*/
	.page{
		display: block;
		text-align: center;
		padding: 8% 0;
		width: 100%;
		height: auto;
	}
	.page ul{
		display: inline-block;
		margin:auto;
		width: 100%;
		height: auto;
	}
	.page ul li{
		width: auto;
		padding: 0 1%;
		display: inline-block;
	}
	.page ul li a{
		width: 2.5rem;
		height: 2.5rem;
		line-height: 2.5rem;
		display: block;
		color: #999;
		font-size: 14px;
		border: 1px solid #eeeeee;
		border-radius: 3px;
	}
	.page ul li a.on{
		color: #fff;
		border: none;
		border: 1px solid #006bd0;
		background: #006bd0;
	}


	/*搜索弹窗*/
	#search{
		position: absolute;
		top: -92px;
		/*transform: translate3d(0px, -92px, 0px);*/
		transition: all 0.6s;
		z-index: 9;
		background: #f7f7f7;
		height: 92px;
		width: 100%;
	}
	#search {
		text-align: center;
	}
	#search .search_text{
		width: 87%;
		height: 45px;
		border-bottom: 1px solid #eee;
		border-top: 1px solid #eee;
		outline: none;
		padding: 0 6.5%;
		font-size: 14px;
	}
	#search .search_btn{	
		width: 100%;
		position: absolute;
		bottom: 0;
	}
	#search .search_btn input{
		width: 50%;
		height: 45px;
		border: none;
		outline: none;
		color: #333;
		float: left;
		background: #fff;
	}
	.off_search .top_nav{
		background: rgb(255, 255, 255);
		border-bottom: 1px solid rgb(238, 238, 238)
	}
	#search .search_btn input.on{
		color: #2a7fd6;
	}
	#search .search_btn hr{
		width: 1px;
		height: 20px;
		float: left;
		border: none;
		background: #ccc;
		position: absolute;
		left: 50%;
		top: 14px;
	}
	.off_search .search_bg{
		position: fixed;
		z-index: 8;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: block;
		transition: background 350ms cubic-bezier(.165,.84,.44,1);
		background: rgba(0,0,0,.4);
		box-shadow: -4px 0 4px rgba(0,0,0,.5), 4px 0 4px rgba(0,0,0,.5);
		-webkit-tap-highlight-color: transparent;
	}

	/*首页侧拉导航*/
	#side_nav{
		position: fixed;
		width: 70%;
		max-width: 537px;
		height: 100%;
		background: #2a7fd6;
		z-index: 11;
		top: 0;
		left: -70%;
		text-align: center;
		transition: all 0.6s;
	}
	#side_nav .catalog li span{
		float: left;
		font-size: 14px;	
		max-width: 50%;    
		overflow:hidden;
		white-space: nowrap; 
		text-overflow: ellipsis;
	}
	#side_nav .catalog li i{
		position: absolute;
		right: 10%;
		top: 19px;
		display: block;
	}
	#side_nav .catalog li i img{
		width: 12px;
		margin: 0;
		display: block;
	}
	#side_nav .catalog{
		padding-top: 20%;
	}
	#side_nav .catalog li div{
		line-height: 50px;
		height: 50px;
		position: relative;
	/*	background: #1e67b3;*/
	}
	#side_nav .catalog li{
		line-height: 50px;
		height: 50px;
		overflow: hidden;
		color: #fff;
		display: block;
		transition: all 0.6s;
	}
	#side_nav .catalog li i{
		transition: all 0.3s;
	}
	#side_nav .catalog li img{
		width: 20px;
		height: auto;
		margin-top: 16px;
		margin-right: 15px;
		margin-left: 20%;
		float: left;
		display: inline-block;
		vertical-align: middle;
	}
	.subdirectory a{
		display: block;
		font-size: 12px;
		color: #fff;
		text-align: left;
		padding-left: 34%;
	}
	.subdirectory{	
		background: #1e67b3;
	}
	.subdirectory li{
		border-bottom: 1px solid #165ba2;
	}
	.subdirectory li:last-child{
		border-bottom: none;
	}
	.side_nav_left{
		overflow: hidden;
		z-index: 12;
	}

	.side_nav_left .search_bg2{
		position: fixed;
		z-index: 12;
		top: 0;
		right: 0;
		bottom: 0;
		left:0;
		display: block;
		transition: background 350ms cubic-bezier(.165,.84,.44,1);
		background: rgba(0,0,0,0);
		box-shadow: -4px 0 4px rgba(0,0,0,0), 4px 0 4px rgba(0,0,0,0);
		-webkit-tap-highlight-color: transparent;
	}


	/*子页侧拉导航*/
	#side_nav2{
		position: fixed;
		width: 70%;
		max-width: 537px;
		height: 100%;
		background: #2a7fd6;
		z-index: 11;
		top: 0;
		right: -70%;
		text-align: center;
		transition: all 0.6s;
	}
	#side_nav2 .catalog li span{
		float: left;
		font-size: 14px;
	}
	#side_nav2 .catalog li i{
		position: absolute;
		right: 10%;
		top: 19px;
		display: block;
	}
	#side_nav2 .catalog li i img{
		width: 12px;
		margin: 0;
		display: block;
	}
	#side_nav2 .catalog{
		padding-top: 20%;
	}
	#side_nav2 .catalog li div{
		line-height: 50px;
		height: 50px;
		position: relative;
	/*	background: #1e67b3;*/
	}
	#side_nav2 .catalog li{
		line-height: 50px;
		height: 50px;
		overflow: hidden;
		color: #fff;
		transition: all 0.6s;
	}
	#side_nav2 .catalog li i{
		transition: all 0.3s;
	}
	#side_nav2 .catalog li img{
		width: 20px;
		height: auto;
		margin-top: 16px;
		margin-right: 15px;
		margin-left: 20%;
		float: left;
		display: inline-block;
		vertical-align: middle;
	}
	.subdirectory a{
		display: block;
		font-size: 12px;
		color: #fff;
		text-align: left;
		padding-left: 34%;
		padding-right: 15%;
		overflow:hidden;
		white-space: nowrap; 
		text-overflow: ellipsis;
	}
	.subdirectory{	
		background: #1e67b3;
	}
	.subdirectory li{
		border-bottom: 1px solid #165ba2;
	}
	.subdirectory li:last-child{
		border-bottom: none;
	}
	.side_nav_left{
		overflow: hidden;
		z-index: 12;
	}

	.side_nav_left .search_bg2{
		position: fixed;
		z-index: 12;
		top: 0;
		right: 0;
		bottom: 0;
		left:0;
		display: block;
		transition: background 350ms cubic-bezier(.165,.84,.44,1);
		background: rgba(0,0,0,0);
		box-shadow: -4px 0 4px rgba(0,0,0,0), 4px 0 4px rgba(0,0,0,0);
		-webkit-tap-highlight-color: transparent;
	}



	/*rem*/
	@media screen and (min-width: 320px) and (max-width: 344px){
		html{font-size: 12.2px;}
	}
	@media screen and (min-width: 345px) and (max-width: 359px){
		html{font-size: 12.7px;}
	}
	@media screen and (min-width: 360px) and (max-width: 374px){
		html{font-size: 13px;}
	}
	@media screen and (min-width: 375px) and (max-width: 389px){
		html{font-size: 13.3px;}
	}
	@media screen and (min-width: 390px) and (max-width: 412px){
		html{font-size: 13.6px;}
	}
	@media screen and (min-width: 413px) and (max-width: 449px){
		html{font-size: 14.1px;}
	}
	@media screen and (min-width: 450px) and (max-width: 499px){
		html{font-size: 16px;}
		.nav li span,.open_nav li span,.foot p{font-size: 14px;}
	}
	@media screen and (min-width: 500px) and (max-width: 549px){
		html{font-size: 18px;}
		.nav li span,.open_nav li span,.foot p{font-size: 14px;}
	}
	@media screen and (min-width: 550px) and (max-width: 599px){
		html{font-size: 20px;}
		.nav li span,.open_nav li span,.foot p{font-size: 16px;}
	}
	@media screen and (min-width: 600px) and (max-width: 649px){
		html{font-size: 22px;}
		.nav li span,.open_nav li span,.foot p{font-size: 16px;}
	}
	@media screen and (min-width: 650px) and (max-width: 699px){
		html{font-size: 24px;}
		.nav li span,.open_nav li span,.foot p{font-size: 18px;}
	}
	@media screen and (min-width: 700px) and (max-width: 749px){
		html{font-size: 26px;}
		.nav li span,.open_nav li span,.foot p{font-size: 20px;}
	}

	@media screen and (max-width: 359px){
		.open_nav li span,.nav li span{
			width: 114%;
			margin-left: -7%;
			font-size: 12px;
			transform: scale(.83);
			-webkit-transform: scale(.83);
		}
	}
	@media screen and (min-width: 360px) and (max-width: 412px){
		.open_nav li span,.nav li span{
			font-size: 12px;
			transform: scale(.9);
			-webkit-transform: scale(.9);
		}
	}
	@media screen and (min-width: 500px) and (max-width: 749px){
		.title_top span{
			font-size: 0.857142rem;
			line-height: 1rem;
		}
	}
	@media screen and (min-width: 750px){
		html,.news_li .list_title,.news_detail a,.page ul li a,.zhuanti ul li p{font-size: 28px;}
		.nav li span,.open_nav li span{font-size: 20px;}
		.news_li span,.news_li .list_text,.news_detail span{font-size: 24px;}
		.title_top p{font-size: 28px;line-height: 28px;}
		.title_top span{font-size: 24px;line-height: 24px;}
		.title_top hr {width: 4px;height: 28px;}
		.foot p{font-size: 24px;line-height: 36px;}
		.top2{font-size: 36px;}
		.news_detail h2{font-size: 32px;}
		.news_detail span:nth-child(3) {width: 244px;}
		.news_detail p{font-size: 24px;line-height: 42px;}
		.page2{height: 40px;}
		.news_list p{font-size: 28px;line-height: 42px;height: 42px;}
		.news_list span{font-size: 24px;line-height: 42px;height: 42px;}
		#side_nav .catalog li div,#side_nav .catalog li{line-height: 100px;height: 100px;}
		#side_nav .catalog li span{font-size: 28px;}
		#side_nav .catalog li img{width: 40px;margin-top: 32px;margin-right: 30px;}
		#side_nav .catalog li i img{width: 24px;}
		#side_nav .catalog li i{top: 38px;}
		#side_nav2 .catalog li div,#side_nav2 .catalog li{line-height: 100px;height: 100px;}
		#side_nav2 .catalog li span{font-size: 28px;}
		#side_nav2 .catalog li img{width: 40px;margin-top: 32px;margin-right: 30px;}
		#side_nav2 .catalog li i img{width: 24px;}
		#side_nav2 .catalog li i{top: 38px;}
		.subdirectory a{font-size: 24px;}
		.top_nav .leftnav{width: 48px;margin-top: 6px;padding: 36px 3.3333%;}
		.top_nav .search{width: 48px;padding: 36px 3.3333%;}
		#search{height: 184px;top:-184px;}
		#search .search_text,#search .search_btn input{height:90px;font-size: 28px;}
		#search .search_btn hr{width: 2px;height: 40px;top: 28px;}
		
	}
	@media screen and (min-width: 1024px){
		body{background: #fff;}
	}

	.clearfix {
		clear: both;
		font-size: 0px;
		height: 0px !important;
		line-height: 0px;
		width: 0px;
		visibility: hidden;
		overflow: hidden;
	}
}