@media(min-width: 767px) {
	/*PC端*/
	.hidden-xss {display: block !important;;}
	.visible-xss {display: none !important;;}
}

@media(max-width: 767px) {
	/*手机端*/
	.hidden-xss {display: none !important;}
    .visible-xss {display: block !important;}
	.clear{clear: both;}
	.wangtingBg .wangtingMain{min-height: auto;padding-top: 10px;}
	.content .main{width: auto;}
	#main, .main{width: auto;}
	.grid-lay-12 .grid-col-9{width: 100%;}
	.lettersOverview{padding:0px 0px 20px;}
	.content{z-index: 1;}
	.grid-lay-12 .grid-rows{margin:0px;}
	.grid-lay-12 .grid-col-9{padding: 0px;}
	.lettersOverview .titleborderB{margin: 0px; margin-top: 10px;line-height: 25px;}
	.titleRespond{font-size: 14px;}
	.titleborderB{border-bottom:1px solid #096DD9 !important;}
	a.more{margin-top: 0px;padding-right: 10px;}
	.fileLibraryBox{margin-bottom: 10px;}
	.fileLibraryBox dl{width: 100%;clear: both;font-size: 80%;}
	.full-height-scroll{margin: 0px;}
	.affairPContent .affairPBar{padding: 0px 5px;}
	.affairPContent .systemList li{margin-top: 0px;}
	.affairPContent .OpenContent{padding: 0 12px 20px;}
	.affairPContent .OpenContent .systemList{padding: 5px 0 0px;}
	.affairPContent .subTitle span{padding:0px 15px;font-size:14px;}
	.affairPContent .OpenContent .moreList a{width:80px;line-height:25px;margin-top:12px;}




*{margin: 0;padding: 0;}
html,body{min-width: 100%;height:auto;background: #fff;}
.phone{
	width: 100%;
	max-width: 750px;
	margin: auto;
}
.phone_main{
	width: 100%;
	padding: 0 3.3333%;
	float: left;
}
.phone_top{
	position: relative;
}
.phone_top .tlt{
	width: 30%;
	height: 35px !important;
    line-height: 30px !important;
    height: 100%;
    float: left;
    text-align: center;
    color: #878a8f;
    font-size: 14px;
    color: #fff;
    background: url(/imagest/beibuxinqu/navbg_on_phone.png) no-repeat top;
    background-size: 100% 35px;
    position: absolute;
    bottom: 15%;
    left: 50%;
    margin-left: -15%;
}


.nytopbanner{
	height: 35px !important;
    line-height: 36px !important;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background:url(/imagest/beibuxinqu/nytopbanner.png) no-repeat center center;
    position:absolute;
	top: 80px;
	border-radius: 3px;
	width: 70%;
	left: 50%;
	margin-left: -35%;
}

.phone_top .sousuo{
	width: 74%;
	height: 35px;
	position: absolute;
	top: 68%;
	left: 50%;
	margin-left: -37%;
}
.phone_top .sousuo input{
	position: absolute;
	left: 0;
	width: 100%;
	height: 35px;
	background: rgba(255,255,255,0.7);
	border-radius: 24px;
	padding-left: 5%;
	padding-right: 32%;
	font-size: 12px;
}
.phone_top .sousuo button{
	position: absolute;
	right: 0;
	height: 35px;
	line-height: 24px;
	width: 25%;
	background:#086dd9;
	background-position-x: 26%;
	background-size: 16px 16px;
	border-radius: 24px;
	font-size: 12px;
	color: #fff;
	border: none;
}
.phone_nav{
	width: 100%;
	margin: 4% 0;
	display: block;
	float: left;
}
.phone_nav ul{
	width: 100%;
	display: block;
	margin-bottom: 0;
	float: left;
}
.phone_nav ul li a{
	display: block;
}
.phone_nav ul li a:hover{
	color: #333;
}
.phone_nav ul li{
	width: 20%;
	text-align: center;
	float: left;
}
.phone_nav ul li img{
	display: inline-block;
	height: 28px;
}
.phone_nav ul li p{
	font-size: 12px;
	margin-top: 10%;
	margin-bottom: 0;
}

.phone_dl{
	width: 100%;
	height: 8px;
	background: #f4f4f4;
	float: left;
}

.tabs{
	width: 100%;
	height: 35px;
	line-height: 30px;
	float: left;
	padding: 15px 0;
	box-sizing: content-box;
	padding-bottom: 0px;
}
.tabs .xwdh{
	width: 30%;
	height: 100%;
	float: left;
	text-align: center;
	color: #878a8f;
	font-size: 14px;
	margin-right: 5%;
	background: url(/imagest/beibuxinqu/navbg_phone.png) no-repeat top;
	background-size: 100% 30px;
	color: #333333;
}
.tabs .xwdh:nth-child(3){
	margin-right: 0;
}
.tabs a.active{
	color: #fff;
	background: url(/imagest/beibuxinqu/navbg_on_phone.png) no-repeat top;
	background-size: 100% 35px;
}

.tabs .gd{
	float: left;
	width: 12%;
	height: 40px;
    line-height: 46px;
    text-align: center;
}
.tabs .gd img{
	display: inline-block;
    width: 7px;
    opacity: 0.6;
}
.tabs-container{
	float: left;
	width: 100%;
}
.tabs-container .list{
	float: left;
	margin-bottom: 0;
	width: 100%;
	padding: 0 3.3333%;
	margin-top: 10px;
}
.tabs-container .list li{
	width: 100%;
	float: left;
	line-height: 32px;
	font-size: 14px;
	padding-left: 10px;
	position: relative;
}
.tabs-container .list li:after{
	content: "";
	width: 4px;
	height: 4px;
	background: #9fa6be;
	position: absolute;
	top: 50%;
	margin-top: -2px;
	left: 0;
}
.tabs-container .list li a{
	display: block;
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
}
.tabs-container .list li a:hover{
	color: #333;
}
.tabs-container .list li p{
	float: left;
	width: 100%;
	padding-right: 100px;
	overflow:hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis;
	margin-bottom: 0;
}
.tabs-container .list li span{
	position: absolute;
	bottom: 0;
	right: 0;
}

.swiperphone{
	width: 100%;
	height: 220px;
	float: left;
	padding: 0 3.3333%;
}
.swiperphone .bd{
	width: 100%;
	height: 100%;
	border-radius: 5px;
	position: relative;
}
.swiperphone img{
	width: 100%;
	display: block;
}
.swiperphone .swiper-container .swiper-slide .title {
    padding-left: 10px;
    margin-bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30px;
    line-height: 30px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 12px;
    padding-right: 75px;
    overflow:hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis;
}
.swiperphone .swiper-container .swiper-pagination {
    position: absolute;
    bottom: 6px;
    overflow: hidden;
    text-align: right;
    right: 5px;
}
#swiper_ztzl .swiper-container .swiper-pagination, #swiper4_phone .swiper-container .swiper-pagination{
    position: absolute;
    bottom: -3px;
    overflow: hidden;
    text-align: right;
    right: 5px;
}

.swiperphone .swiper-container .swiper-pagination li{
	width: 9px;
	height: 9px;
	opacity: .3;
	background: #fff;
	border-radius: 100%;
	margin: 0 2px;
	float: left;
}
.swiperphone .swiper-container .swiper-pagination li.on {
	opacity: 1;
	background: #fff;
}

.nav_ckgd{
	width: 100%;
	float: left;
	height: 30px;
	line-height: 30px;
	border-radius: 30px;
	text-align: center;
	background: #d4e1f0;
	margin: 15px 0;
}
.nav_ckgd:hover{
	color: #333;
}

#swiper4_phone{
	height: 70px;
	margin: 15px 0;
}
#tabs2{
	padding: 0;
}

.xqgk{
	float: left;
	width: 100%;
	margin-top: 15px;
}
.xqgk .tlt img{
	float: left;
	width: 20px;
	margin-right: 10px;
}
.xqgk .tlt a{
	float: right;
}
.xqgk .con{
	float: left;
	width: 100%;
	margin: 15px 0;
}
.xqgk .con ul{
	width: 100%;
	display: block;
	margin-bottom: 0;
	float: left;
}
.xqgk .con ul li a{
	display: block;
}
.xqgk .con ul li a:hover{
	color: #333;
}
.xqgk .con ul li{
	width: 25%;
	text-align: center;
	float: left;
}
.xqgk .con ul li img{
	display: block;
	width: 47%;
	margin: auto;
}
.xqgk .con ul li p{
	font-size: 12px;
	margin-top: 10%;
	margin-bottom: 0;
}

.xxgk{
	float: left;
	width: 100%;
	margin-top: 15px;
}
.xxgk .tlt img{
	float: left;
	width: 20px;
	margin-right: 10px;
}
.xxgk .tlt a{
	float: right;
}
.xxgk .con{
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.xxgk .con ul{
	width: 100%;
	display: block;
	margin-bottom: 0;
	float: left;
}
.xxgk .con ul li a{
	display: block;
}
.xxgk .con ul li a:hover{
	color: #333;
}
.xxgk .con ul li{
	width: 25%;
	text-align: center;
	float: left;
	margin-top: 20px;
}
.xxgk .con ul li img{
	display: block;
	height: 20px;
	margin: auto;
}
.xxgk .con ul li p{
	font-size: 12px;
	margin-top: 10%;
	margin-bottom: 0;
}



.ztzl{
	float: left;
	width: 100%;
	margin-top: 15px;
}
.ztzl .tlt img{
	float: left;
	width: 20px;
	margin-right: 10px;
}
.ztzl .tlt a{
	float: right;
}
.ztzl .con{
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.ztzl .con ul{
	width: 100%;
	display: block;
	margin-bottom: 0;
	float: left;
}
.ztzl .con ul li a{
	display: block;
}
.ztzl .con ul li{
	width: 100%;
	float: left;
	margin-top: 20px;
}
.ztzl .con ul li img{
	width: 100%;
	display: block;
}

.foot_phone{
	font-size: 10px;
	float: left;
	width: 100%;
	background: #434f5d;
	color: #fff;
	text-align: center;
	padding: 10px 5px;
}
.foot_phone a{
	color: #fff;
}
.foot_phone a:hover{
	color: #fff;
}
.foot_phone img{
	width: 12px;
}
.foot_phone .qhdnb{
	float: left;
	width: 100%;
	margin: 15px 0;
}
.foot_phone .qhdnb a{
	width: 100px;
	height: 25px;
	line-height: 25px;
	border-radius: 25px;
	text-align: center;
	background: #086dd9;
	display: block;
	margin: auto;
}
.foot_phone .qhdnb img{
	margin-top: -1px;
	vertical-align: middle;
	margin-right: 5px;
}
.foot_phone .li{
	float: left;
	width: 100%;
	margin-bottom: 5px;
	transform: scale(0.83);
}
.foot_phone .li span{
	margin-right: 10px;
}
.foot_phone .li span:last-child{
	margin-right: 0;
}


.listnav{
	float: left;
	width: 100%;
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #f0f0f0;
	padding: 0 3.3333%;
	box-sizing: border-box;
}
.listnav .swiper-slide{
	width: auto;
	padding: 0 15px;
}
.listnav .swiper-slide a{
	height: 41px;
	display: block;
}
.listnav .swiper-slide a:hover{
	color: #333;
}
.listnav .swiper-slide.on a{
	color: #086dd9;
	border-bottom: 2px solid #086dd9;
}

.newslist{
	float: left;
	width: 100%;
}
.newslist ul{
	float: left;
	width: 100%;
	margin-bottom: 0;
}
.newslist ul li{
	float: left;
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid #f3f3f3;
}
.newslist ul li .img{
	width: 32%;
	height: 70px;
	overflow: hidden;
	float: left;
	border-radius: 5px;
}
.newslist ul li .img img{
	width: 100%;
	height: 100%;
}
.newslist ul li .txt{
	width: 64%;
	height: 70px;
	float: right;
	font-size: 14px;
}
.newslist ul li .txt p{
	float: left;
	width: 100%;	
	-webkit-line-clamp:2;
	display: -webkit-box;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space:initial;
	margin-top: 5px;
	margin-bottom: 5px;
}
.newslist ul li .txt span{
	float: left;
	width: 100%;
	font-size: 12px;
	color: #bababa;
}

.page_phone{
	float: left;
	width: 100%;
	font-size: 14px;
	text-align: center;
	margin: 25px 0;
	line-height: 30px;
}
.page_phone a,.page_phone span{
	padding: 0 10px;
}
.page_phone .active{
	text-decoration: underline;
	color: #086dd9;
}
.page_phone a:hover{
	color: #333;
}

.listnavico{
	position: absolute;
	right: 0;
	top: 10%;
	width: 16px;
	padding: 3.3333%;
	box-sizing: content-box;
}
.listnavico img{
	width: 100%;
	display: block;
}

.nav_phone{
	position: fixed;
	width: 70%;
	max-width: 537px;
	height: 100%;
	background: #fff;
	font-size: 14px;
	z-index: 11;
	top: 0;
	right: -70%;
	transition: all 0.6s;
	overflow-y: auto;
}
.nav_phone::-webkit-scrollbar {
    display: none;
}
.nav_phone .catalog li a{
	display: block;
}
.nav_phone .catalog li a:hover{
	color: #333;
}
.nav_phone .catalog li img{
	float: right;
	width: 12px;
	margin-top: 19px;
	transition: all 0.3s;
}
.nav_phone .catalog{
	padding-top: 20%;
	padding-bottom: 20%;
}
.nav_phone .catalog li div{
	line-height: 50px;
	height: 50px;
	position: relative;
	padding: 0 28%;
}
.nav_phone .catalog li{
	float: left;
	width: 100%;
	line-height: 50px;
	height: 50px;
	overflow: hidden;
	color: #333;
	transition: all 0.6s;
	box-sizing: content-box;
}
.subdirectory a{
	display: block;
	font-size: 14px;
	color: #333;
	text-align: center;
	overflow:hidden;
	white-space: nowrap; 
	text-overflow: ellipsis;
}
.subdirectory{
	float: left;
	width: 100%;
    height: 0;
    background: #f0f0f0;
    overflow: hidden;
	transition: all 0.6s;
}
.subdirectory li{
	border-bottom: 1px solid #e0e0e0;
}
.subdirectory li:last-child{
	border-bottom: none;
}
.side_nav_left{
	overflow: hidden;
	z-index: 9;
}

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

.ztzl_phone{
	float: left;
	width: 100%;
}
.ztzl_phone ul{
	width: 100%;
	display: block;
	margin-bottom: 0;
	float: left;
}
.ztzl_phone ul li a{
	display: block;
}
.ztzl_phone ul li{
	width: 100%;
	float: left;
	margin-top: 20px;
}
.ztzl_phone ul li img{
	width: 100%;
	display: block;
}
.xwxq_phone{
	float: left;
	width: 100%;
}
.xwxq_phone .tlt{
	float: left;
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid #e9e9e9;
}
.xwxq_phone .tlt p{
	float: left;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 10px 0;
}
.xwxq_phone .tlt span{
	float: left;
	width: 100%;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}
.xwxq_phone .con{
	float: left;
	width: 100%;
	padding: 15px 0;
}
.xwxq_phone .con img{
	max-width: 100%;
}

/*清除自带样式*/

#imgTool h1,#imgTool h2,#imgTool h3{font-size:16px!important;line-height: 30px!important;font-weight:700!important;font-family: "微软雅黑"!important;}
#imgTool h4,#imgTool h5,#imgTool h6{font-size:16px!important;line-height: 30px!important;font-weight:400!important;font-family: "微软雅黑"!important;}
#imgTool p,#imgTool div,#imgTool p span{font-size:16px!important;line-height: 30px!important;word-wrap:break-word!important;font-family: "微软雅黑"!important;}
#imgTool p strong{font-weight:700;font-family: "微软雅黑"!important;}
#imgTool h1,#imgTool h2{font-weight:600;font-family: "微软雅黑"!important;}
#imgTool p img+img{margin-top:10px}
#imgTool p:last-child:after{top:auto;left:20px;right:20px;bottom:0;width:auto}
#imgTool p a{color:#2696ff;font-family: "微软雅黑"!important;}
#imgTool p a{color:#69ace2;font-family: "微软雅黑"!important;}
#imgTool table{width:100%!important;font-family: "微软雅黑"!important;}
#imgTool table td{padding:0}[contenteditable]{-webkit-user-modify:read-only;-moz-user-modify:read-only;user-modify:read-only;font-family: "微软雅黑"!important;}

/*清除自带样式*/


/*图片新闻列表*/
.jgxs{
	margin-top: 0;
}
.jgxs ul{
	margin-bottom: 0;
	float: left;
	width: 96%;
	margin: 0 2%;
}
.jgxs ul li{
	width: 48%;
	float: left;
	margin-bottom: 4%;
}
.jgxs ul li:nth-child(4n){
	float: right;
}
.jgxs ul li a{
	display: block;
}
.jgxs ul li .img{
	width: 100%;
	overflow: hidden;
}
.jgxs ul li img{
	width: 100%;
}
.jgxs ul li p{
	font-size: 14px;
	overflow:hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis;
	margin-bottom: 0;
	text-align: center;
	margin-top: 8px;
}




/*自动跳转到第一个子目录样式*/
.phone_sjMenu{width: 100%;display: block;clear: both;padding:10px 0px 20px 0px; box-sizing:border-box;background: #f2f2f2;}
				.phone_sjMenu>ul>li{width:100%;display:block; margin-bottom:20px; background: #FFFFFF;}
				.phone_sjMenu>ul>li .sjMenu_top{width:100%;height:40px;line-height:40px;position:relative;display:block;}
				.phone_sjMenu>ul>li .sjMenu_top span{width:auto;height:40px;line-height:40px;display:inline-block;float:left;position:absolute;top:0px;left:0px;color:#0c72cb;text-indent:22px;font-size:100%;}
				.phone_sjMenu>ul>li .sjMenu_top span img{width: auto; height: 20px; position: absolute; left: 10px; top:9px;}
				.phone_sjMenu>ul>li .sjMenu_bot{width:100%;padding-bottom: 10px;}
				.phone_sjMenu>ul>li .sjMenu_bot li a{width:auto;height:30px;line-height:30px; display:inline-block;white-space:nowrap;float: left;margin-left:20px;font-size: 95%;padding-left:8px;background:url(/imagest/2020_icon09.png) no-repeat left center}
				.phone_sjMenu>ul>li .sjMenu_top span:after {content: "";display: block;position: absolute;top: 9px;left: 10px;width: 4px;height: 20px;background: #0c72cb;
					border-radius: 5px;}

					/*站点地图样式*/
					.phone_ny {
						width: 100%;
						display: block;
						clear: both;
						margin-top: 10px;
						padding: 0px 10px;
					}
					.mapsite{
						background: #fff;
					}
					.mapsite li {
						 font-size: 16px;
						 font-weight: bold;
						}
						
						.mapsite li a {
						 color: #3D8DDC;
						 display: block;
						 padding: 8px;
						 border-bottom:1px dotted #d4e1f0 ;
						 font-size: 16px;
						}
						
						.mapsite li .sub {
						 padding: 0px 10px;
						}
						
						.mapsite li .sub li {
						 padding: 5px 10px;
						 font-size: 14px;
						}
						
						.mapsite li .sub li a {
						 font-size: 14px;
						 color: #000;
						 display: block;
						 font-weight: bold;
						 border: 0px;
						 padding: 5px;
						}
						
						.mapsite li .sub li a:hover {
						 color: #3D8DDC;
						}
						
						.mapsite li a:hover {
						 color: #3D8DDC;
						}

/*专题专栏*/
.grid-lay-12 .grid-col-3{width: 100%;padding: 0 10px;}
				.grid-lay-12 .grid-col-9{padding:0px;}
				.SpecialImgBox.SpecialImgBoxDh .SpecialImgList.lgzttp{width: 95%;margin: 0 auto;}
				.SpecialImgBox.SpecialImgBoxDh .SpecialImgList.lgzttp li{width: 100%;}
				.SpecialImgBox.SpecialImgBoxDh .SpecialImgList.lgzttp li p.pic{padding: 0px;}
				.SpecialImgBox.SpecialImgBoxDh .SpecialImgList.lgzttp li p.title{padding:0px 10px;text-align: center;}
				.nylmlb > ul > li .sjMenu_bot li a{-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: initial;}
				.content .main{width: 100% !important;}


}