@charset "utf-8";

@font-face {
	font-family: 'pip-common';
	src: url('../../../public/cn/style/fonts/pip-common.eot?icz8hv');
	src: url('../../../public/cn/style/fonts/pip-common.eot?icz8hv#iefix')
		format('embedded-opentype'),
		url('../../../public/cn/style/fonts/pip-common.ttf?icz8hv')
		format('truetype'),
		url('../../../public/cn/style/fonts/pip-common.woff?icz8hv')
		format('woff'),
		url('../../../public/cn/style/fonts/pip-common.svg?icz8hv#pip-common')
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'pip-public';
	src: url('../../../public/cn/style/fonts/pip-public.eot?sih2cf');
	src: url('../../../public/cn/style/fonts/pip-public.eot?sih2cf#iefix')
		format('embedded-opentype'),
		url('../../../public/cn/style/fonts/pip-public.ttf?sih2cf')
		format('truetype'),
		url('../../../public/cn/style/fonts/pip-public.woff?sih2cf')
		format('woff'),
		url('../../../public/cn/style/fonts/pip-public.svg?sih2cf#pip-public')
		format('svg');
	font-weight: normal;
	font-style: normal;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

body {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, "Microsoft Yahei";
	-webkit-text-size-adjust: none;
	background-color: #f2f2f2;
	background-image: url(../image/bg.png);
}

dt, dl, dd, ul, li, form {
	margin: 0px;
	padding: 0px;
}

li {
	list-style-type: none;
}

a {
	text-decoration: none;
}

img {
	border: none;
}

.hidden {
	display: none;
}

.m-display {
	display: none;
}

.mb-common {
	margin-bottom: 32px;
}

.body-wrap, .main-wrap {
	min-width: 1263px;
}

.main-wrap {
	margin: 0 auto;
	width: 75%;
}

.links-wrap {
	position: relative;
}

.main-body {
	margin-top: -72px;
}

.main-body>.main-wrap {
	background-color: white;
	padding: 24px;
	box-sizing: border-box;
}

.main-foot {
	background-color: #1348A4;
}

.main-foot>.main-wrap {
	padding: 24px;
	box-sizing: border-box;
}

.main-head-nav {
	padding: 24px 0;
	background-color: white;
	white-space: nowrap;
}

.main-head-title {
	height: 295px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../image/bg_title.jpg);
}

.main-head-title>svg {
	display: block;
	width: 100%;
	height: 80px;
	padding-top: 72px;
	font-weight: bold;
	font-family: Simsun;
}

.logo {
	display: inline-block;
	vertical-align: top;
}

.logo:before {
	content: "";
	display: inline-block;
	width: 64px;
	height: 64px;
	background-image: url(../../../public/cn/image/logo.png);
	background-repeat: no-repeat;
	vertical-align: top;
}

.logo:after {
	content: attr(title);
	display: inline-block;
	line-height: 64px;
	font-size: 2em;
	font-weight: bold;
	color: #4c4c4c;
	padding-left: 6px;
}

.nav {
	display: inline-block;
}

.nav .location {
	white-space: nowrap;
	line-height: 64px;
	color: #4c4c4c;
	margin-left: 20px;
}

.nav .location:before {
	content: "";
	display: inline-block;
	height: 2rem;
	border-left: 1px dotted black;
	vertical-align: middle;
	padding-left: 20px;
}

.nav .location-m {
	display: none;
}

.nav .site {
	display: inline-block;
	font-size: 1.875em;
	color: black;
	vertical-align: top;
}

.nav .site:after {
	display: inline-block;
	padding-left: 6px;
	font-family: pip-common;
	content: ",";
	color: #f52f3e;
	vertical-align: top;
}

.nav .site:hover {
	cursor: pointer;
	color: red;
}

.nav .department {
	display: inline-block;
	font-size: 1.25em;
	color: black;
	vertical-align: bottom;
}

.nav .department:before {
	content: "[";
}

.nav .department:after {
	content: "]";
}

.nav .site:hover, .nav .department:hover {
	cursor: pointer;
	color: red;
}

.nav .sub {
	padding-top: 8px;
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.1);
	z-index: 1;
}

.nav.focus .sub {
	display: block;
}

.nav .sub .sites {
	background-color: #fbfbfb;;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	line-height: 72px;
	font-size: 1.0625em;
	text-align: center;
}

.nav .sub .sites>.main-wrap {
	display: table;
}

.nav .sub .sites>.main-wrap>a {
	display: table-cell;
	color: #aaa;
	cursor: default;
}

.nav .sub .sites>.main-wrap>a[href] {
	color: black;
	cursor: pointer;
}

.nav .sub .sites>.main-wrap>a.focus {
	position: relative;
	color: red;
}

.nav .sub .sites>.main-wrap>a.focus-indicator:after {
	content: "";
	position: absolute;
	width: 100%;
	display: block;
	height: 6px;
	bottom: -1px;
	background:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHcAAAAGCAYAAAD5RwHuAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADImlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0NDYyMDRCMEY0RjIxMUU2OTU2MkU3QTExN0I4MDNEQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0NDYyMDRCMUY0RjIxMUU2OTU2MkU3QTExN0I4MDNEQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NjIwNEFFRjRGMjExRTY5NTYyRTdBMTE3QjgwM0RBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0NjIwNEFGRjRGMjExRTY5NTYyRTdBMTE3QjgwM0RBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+UhS3YQAAAI1JREFUSEvdkUsKgDAMRL2RoCC6qR9ED6/gYaS6UWIqVKod3CcDD8q0zSIvISJ12NTEZG1t827ls4nuGDRHOrCUTiTPia3G/ZgWsuWwcRcJRnOkA0vpvMQFYl3O+RFch+/8X03AUjqPtI9YHySYa3XAUjq3sKJvkFifr2Cu1OEWQSphcU7gXwLBeIZoDF0M++WUvv20WgAAAABJRU5ErkJggg==)
		no-repeat center bottom;
}

.nav .sub .sites>.main-wrap>a[href]:hover {
	color: red;
}

.nav .sub .departments {
	background-color: white;;
	line-height: 36px;
	font-size: 0.9375em;
}

.nav .sub .departments .main-wrap {
	padding: 10px 0 20px;
}

.nav .sub .departments .main-wrap>div:after {
	content: "";
	display: block;
	clear: both;
}

.nav .sub .departments .main-wrap a {
	display: block;
	float: left;
	width: 14.2857%;
	color: #444;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.nav .sub .departments .main-wrap a:before {
	content: "#";
	font-family: pip-common;
	display: inline-block;
	padding-right: 3px;
	font-size: 17px;
	vertical-align: top;
	color: red;
}

.nav .sub .departments .main-wrap a:after {
	content: attr(title);
}

.nav .sub .departments .main-wrap a:hover {
	color: red;
}

.nav .sub .departments .main-wrap a.focus {
	color: red;
}

.search {
	float: right;
	margin-top: 20px;
	width: 320px;
}

.search-wrap {
	box-sizing: border-box;
	border: 1px solid #e4e4e4;
	border-radius: 6px;
	overflow: hidden;
	position: relative;
}

.search.focus .search-wrap {
	border-bottom-left-radius: 0;
}

.search-wrap .search-input {
	vertical-align: top;
	float: left;
	width: calc(100% - 48px);
}

.search-wrap .search-submit {
	float: right;
	border-left: 1px solid #e4e4e4;
	width: 48px;
	box-sizing: border-box;
}

.search-wrap .search-input>input {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border: none;
	background-color: white;
	padding: 8px 12px;
	line-height: 24px;
	height: 40px;
	font-size: 16px;
	outline: none;
}

.search-wrap .search-submit>input {
	display: block;
	width: 100%;
	box-sizing: border-box;
	height: 40px;
	border: none;
	background-color: #fbfbfb;
	font-family: pip-common;
	cursor: pointer;
	color: #015196;
	font-size: 24px;
	outline: none;
}

.search-wrap .search-submit>input:hover {
	background-color: #f6f6f6;
}

.search-extend {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	box-sizing: border-box;
	margin-right: 64px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	background: white;
	border: 1px solid #e4e4e4;
	border-top: 0;
}

.search.focus .search-extend {
	display: block;
}

.search-extend>em {
	display: block;
	float: right;
	width: 32px;
	box-sizing: border-box;
	font-style: normal;
}

.search-extend>em>b {
	display: block;
	line-height: 32px;
	text-align: center;
	font-weight: normal;
	border-bottom: 1px dotted #ccc;
	cursor: pointer;
	color: #888;
}

.search-extend>em>b:hover {
	color: red;
}

.search-extend>em>b:before {
	font-family: pip-common;
}

#search-close:before {
	content: "|";
}

#search-reset:before {
	content: "\e90b";
}

.search-extend>ul {
	margin-right: 32px;
	padding: 8px;
	border-right: 1px dotted #ccc;
}

.search-extend>ul:after {
	content: "";
	display: block;
	clear: both;
}

.search-extend>ul>li {
	padding: 5px;
	width: 33.3333%;
	float: left;
	box-sizing: border-box;
}

.search-extend>ul>li>input {
	width: 100%;
	box-sizing: border-box;
	padding: 0 8px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #ddd;
	outline: none;
	border-radius: 3px;
}

.common-box .box-title {
	border-bottom: 1px solid #015196;
	padding: 8px 0 16px;
}

.common-box .box-title .box-title-name {
	font-size: 1.5em;
	line-height: 24px;
	color: #015196;
}

.common-box .box-title .box-title-name:before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 24px;
	margin-right: 16px;
	vertical-align: top;
	background-color: #015196;
}

.common-box .box-title a.box-title-name:hover {
	color: red;
}

.common-box .box-title .box-title-more {
	display: block;
	float: right;
}

.common-box .box-title .box-title-more.box-title-dir-download {
	padding: 0 12px;
	line-height: 32px;
	background-color: #015196;
	color: white;
	text-align: center;
	opacity: 0.8;
}

.common-box .box-title .box-title-more.box-title-dir-download:hover {
	opacity: 1;
}

.common-box .box-title .box-title-more.box-title-dir-download:before {
	content: "\e902";
	font-family: pip-common;
}

.common-box .box-title .box-title-more.box-title-dir-download:after {
	content: "目录";
}

.common-box .box-content {
	padding: 8px 0;
}

.common-list>* {
	display: block;
	padding: 9px 0;
}

.common-list>*>span {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #000;
	font-size: 1.0625em;
	line-height: 32px;
}

.common-list>*>em {
	display: block;
	color: #777;
	font-style: normal;
	font-size: 0.8125em;
	line-height: 20px;
}

.common-list>*:hover>span {
	color: red;
}

.common-list.list-indicator>* {
	position: relative;
	padding-left: 10px;
}

.common-list.list-indicator>*:before {
	content: "";
	position: absolute;
	left: 0;
	top: 22px;
	width: 3px;
	height: 5px;
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUU2ODQ3Q0M3OThCMTFFQTgxQjNBMDE4MzFGNTg0MkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUU2ODQ3Q0Q3OThCMTFFQTgxQjNBMDE4MzFGNTg0MkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRTY4NDdDQTc5OEIxMUVBODFCM0EwMTgzMUY1ODQyRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRTY4NDdDQjc5OEIxMUVBODFCM0EwMTgzMUY1ODQyRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PizcyuUAAABGSURBVHjaDMcxDoAwDATBs+OKgvdAgL9TkCdFIiL24WY1q33fGBGgEzohGGfllzJFwcuBclw0oecalnaLuQDr07KCX4ABAMegGGmsu7UZAAAAAElFTkSuQmCC);
}

.common-list.list-suffix-b>*>b {
	display: block;
	float: right;
	color: #777;
	font-weight: normal;
	font-size: 0.875em;
	margin-top: -36px;
	line-height: 36px;
}

.common-list.list-suffix-b>*>span {
	margin-right: 100px;
}

.leader-list {
	margin-top: 10px;
	height: 344px;
	overflow-y: auto;
}

.leader-list {
	scrollbar-arrow-color: white;
	scrollbar-face-color: #f6f6f6;
	scrollbar-3dlight-color: white;
	scrollbar-highlight-color: white;
	scrollbar-shadow-color: white;
	scrollbar-darkshadow-color: white;
	scrollbar-track-color: white;
	scrollbar-base-color: white;
}

.leader-list::-webkit-scrollbar {
	width: 6px;
}

.leader-list::-webkit-scrollbar-thumb {
	background-color: rgba(128, 128, 128, .1);
	border-radius: 6px;
	opacity: 0.1;
	height: 50%;
}

.leader-list::-webkit-scrollbar-thumb:hover {
	background-color: rgba(128, 128, 128, .2);
}

.leader-list>dt>a {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}

.leader-list>dt>a>* {
	display: table-cell;
}

.leader-list>dt>a>.leader-pic {
	vertical-align: middle;
	width: 1px;
}

.leader-list>dt>a>.leader-pic img {
	display: block;
	max-width: 88px;
	max-height: 132px;
	padding-right: 20px;
}

.leader-list>dt>a>.leader-title {
	vertical-align: top;
}

.leader-list>dt>a>.leader-title>* {
	display: block;
	color: #222;
}

.leader-list>dt>a>.leader-title b {
	font-size: 1.0625em;
	line-height: 2.5em;
}

.leader-list>dt>a>.leader-title span {
	font-size: 0.875em;
	line-height: 1.5em;
}

.leader-list>dt>a:hover b {
	color: red;
}

.leader-list>dd {
	display: block;
	float: left;
	width: 50%;
	border-bottom: 1px dotted #bbb;
	font-size: 0.9375em;
	line-height: 40px;
	height: 40px;
	box-sizing: border-box;
}

.leader-list>dd>a {
	display: block;
	color: #444;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.leader-list>dd>a:before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 40px;
	vertical-align: top;
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAGCAYAAADkOT91AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkRDRDU1QkM3QTI2MTFFQTk4NkVCRUI2MUIzOTAwRjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkRDRDU1QkQ3QTI2MTFFQTk4NkVCRUI2MUIzOTAwRjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRENENTVCQTdBMjYxMUVBOTg2RUJFQjYxQjM5MDBGNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRENENTVCQjdBMjYxMUVBOTg2RUJFQjYxQjM5MDBGNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PukvsD8AAABGSURBVHjaPIvBDcAwDAIxTiZq9h+gkjdKTJ1G7T1OSADDqNuhYguUZYn4aNeS7RDsgk38lbDKRAv3mjhG5rsk6n/awyPAAILSGqm84uyOAAAAAElFTkSuQmCC);
	background-repeat: no-repeat;
	background-position: left center;
}

.leader-list>dd>a:hover {
	color: red;
}

.leader-list>dd:last-of-type, .leader-list>dd:nth-of-type(odd):nth-last-of-type(-n+2)
	{
	border-bottom: none;
}

.icon-buttons {
	width: 100%;
}

.icon-buttons>li {
	position: relative;
	float: left;
	box-sizing: border-box;
	padding: 5px;
}

.icon-buttons>li>em {
	display: none;
	position: absolute;
	top: 5px;
	right: 5px;
	font-style: normal;
}
.icon-buttons.col-5>li:nth-child(5n+5)>em {
	right: 0;
}

.icon-buttons>li>em>a {
	display: block;
	padding: 0 12px;
	line-height: 32px;
	background-color: #015196;
	color: white;
	text-align: center;
	opacity: 0.8;
	box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
}

.icon-buttons>li>em>a:hover {
	opacity: 1;
}

.icon-buttons>li>em>a:before {
	content: "\e902";
	font-family: pip-common;
}

.icon-buttons>li:hover>em, .icon-buttons>li.focus>em {
	display: block;
}

.icon-buttons>li>em>a:after {
	content: "目录";
}

.icon-buttons>li>a {
	display: block;
	text-align: center;
	background-color: #f3f3f3;
	padding-bottom: 5px;
}

.icon-buttons>li>a:before {
	content: attr(icon);
	display: block;
	font-size: 32px;
	line-height: 32px;
	font-family: pip-public;
	color: #aaa;
	padding-top: 24px;
}

.icon-buttons>li>a[href]:before {
	color: #015196;
}

.icon-buttons>li>a:after {
	content: attr(title);
	color: #999;
	display: block;
	line-height: 1.25em;
	height: 2.5em;
	padding: 5px 5px 0;
	overflow: hidden;
}

.icon-buttons>li>a[href]:after {
	color: #444;
}

.icon-buttons>li.empty>a:before {
	content: "b";
	color: #ccc;
}

.icon-buttons.circle-buttons>li>a:before {
	border-color: #ccc;
}

.icon-buttons>li>a[href]:hover:after {
	color: red;
}

.icon-buttons.col-5>li {
	width: 20%;
}

.icon-buttons.col-5>li:nth-child(5n+1) {
	padding-left: 0;
}

.icon-buttons.col-5>li:nth-child(5n+5) {
	padding-right: 0;
}

.icon-buttons.col-6>li {
	width: 16.6666%;
}

.icon-buttons.col-6>li:nth-child(6n+1) {
	padding-left: 0;
}

.icon-buttons.col-6>li:nth-child(6n+6) {
	padding-right: 0;
}

.icon-buttons.circle-buttons>li>a {
	background-color: transparent;
}

.icon-buttons.circle-buttons>li {
	padding-top: 12px;
}

.icon-buttons.circle-buttons>li>a:before {
	display: inline-block;
	padding: 11px;
	font-size: 28px;
	line-height: 28px;
	border: 1px solid #015196;
	border-radius: 32px;
}

.row-common {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.row-common>* {
	display: table-cell;
	vertical-align: top;
}

.row-common>*:first-child {
	width: 320px;
	padding-right: 24px;
}

.menu-box>em {
	content: attr(title);
	display: block;
	line-height: 48px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 1.5em;
	text-align: center;
	color: white;
	background-color: #015196;
	padding: 0 16px;
	font-style: normal;
}

.menu-box>ul {
	border: 1px solid #97bedf;
	border-top: none;
}

.menu-box li {
	display: flow-root;
	border-top: 1px solid black;
	line-height: 48px;
}

.menu-box li:first-child {
	border-top: none;
}

.menu-box li>a {
	float: left;
	width: calc(100% - 49px); 
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 8px;
	box-sizing: border-box;
}

.menu-box li>a:after {
	content: attr(title);
}

.menu-box li.focus>a {
	font-weight: bold;
}

.menu-box li>a[href]:hover {
	color: red;
	cursor: pointer;
}

.menu-box li>em {
	display: block;
	float: right;
	font-family: pip-common;
	font-style: normal;
	font-size: 32px;
	width: 48px;
	height: 48px;
	text-align: center;
	border-left: 1px solid black;
	cursor: pointer;
	opacity: 0.6;
}

.menu-box li>em:before {
	content: "'";
}

.menu-box li.extend>em:before {
	content: "&";
}

.menu-box li>em:hover {
	opacity: 1;
	color: red;
}

.menu-box li>ul {
	display: none;
	border-top: 1px solid black;
	background-color: white;
}

.menu-box li.extend>ul {
	display: block;
	clear: both;
}

.menu-box>ul>li {
	border-color: #97bedf;
}

.menu-box>ul>li>em {
	color: #015196;
	border-color: #97bedf;
	background-color: #f0f7fb;
}

.menu-box>ul>li>a {
	font-size: 1.125em;
	padding-left: 24px;
	color: #015196;
	background-color: #f0f7fb;
}

.menu-box>ul>li>ul {
	border-color: #97bedf;
}

.menu-box>ul>li>ul>li {
	border-color: #ccc;
}

.menu-box>ul>li>ul>li>em {
	color: #444;
	border-color: #ccc;
	background-color: #f6f6f6;
}

.menu-box>ul>li>ul>li>a {
	font-size: 1em;
	padding-left: 32px;
	color: #444;
	background-color: white;
}

.menu-box>ul>li>ul>li>a:before {
	content: "·";
	font-family: Simsun;
	font-weight: bold;
}

.menu-box>ul>li>ul>li>ul {
	border-color: #ccc;
}

.menu-box>ul>li>ul>li>ul>li {
	border-color: #eee;
}

.menu-box>ul>li>ul>li>ul>li>a {
	font-size: .9375em;
	padding-left: 48px;
	color: #666;
	background-color: white;
}

.menu-box>ul>li>ul>li>ul>li>a:before {
	content: "·";
	font-family: Simsun;
	font-weight: bold;
}

.menu-box.loading:after {
	content: "";
	display: block;
	width: 32px;
	height: 32px;
	animation: circle infinite .75s linear;
	border: 2px solid #aaa;
	border-top-color: black;
	border-radius: 100%;
	margin: 24px auto;
}

.menu-box li.loading>em:before {
	content: "";
	display: inline-block;
	width: 21px;
	height: 21px;
	animation: circle infinite .75s linear;
	border: 2px solid #aaa;
	border-top-color: black;
	border-radius: 100%;
}

@
keyframes circle { 0% {
	transform: rotate(0);
}

100%
{
transform


:

 

rotate


(360
deg
);


}
}
.common-box .box-title.priorities-title {
	margin-bottom: 32px;
	text-align: center;
}

.common-box .box-title.priorities-title .box-title-name {
	position: relative;
	top: 10px;
	display: inline-block;
	padding: 0 20px;
	font-size: 1.5em;
	background-color: white;
}

.foot-wrap {
	display: table;
	width: 100%;
}

.foot-wrap>* {
	display: table-cell;
	vertical-align: middle;
}

.foot-wrap>*:last-child {
	text-align: right;
}

.foot-spans a, .foot-spans span {
	display: inline-block;
	color: #ced3e6;
	font-size: 0.875em;
	margin-left: 6px;
	line-height: 24px;
}

.foot-spans a:hover {
	color: white;
}

.foot-spans a img, .foot-spans span img {
	vertical-align: sub;
}

.foot-spans a:first-child, .foot-spans span:first-child {
	padding-left: 0;
	margin-left: 0;
}

.foot-links a:before {
	content: "";
	display: inline-block;
	height: 14px;
	padding-right: 9px;
	vertical-align: middle;
	border-left: 1px solid #ddd;
}

.foot-links a:first-child:before {
	content: none;
}

.foot-logo {
	vertical-align: middle;
}

.foot-logo>img {
	display: block;
}

.foot-logo-border {
	border: 1px solid #ddd;
	border-radius: 6px;
	overflow: hidden;
}

.page-tile {
	text-align: center;
	padding: 24px 0;
}

.page-tile:after {
	display: block;
	content: "";
	clear: both;
}

.page-tile a {
	color: #888;
	display: inline-block;
	padding: 0 10px;
	min-width: 40px;
	box-sizing: border-box;
	text-align: center;
	font-size: 0.875em;
	line-height: 40px;
	height: 40px;
	font-family: Arial;
	background-color: #f0f0f0;
	border-radius: 5px;
	margin: 0 2px;
	vertical-align: top;
}

.page-tile a.prev, .page-tile a.next {
	font-family: Verdana;
}

.page-tile a:before {
	font-size: 1.25em;
}

.page-tile a.more:before {
	content: "\2026"
}

.page-tile a.prev:before {
	content: "\2039"
}

.page-tile a.next:before {
	content: "\203A"
}

.page-tile a.focus {
	background-color: #015196;
	color: white;
	cursor: default;
}

.page-tile a[href]:hover {
	color: #015196;
}

.page-tile em {
	display: block;
	font-style: normal;
	line-height: 40px;
	font-size: 0.875em;
	color: #999;
}

.department-list:after {
	content: "";
	display: block;
	clear: both;
}

.department-list>a {
	display: block;
	float: left;
	width: 25%;
	box-sizing: border-box;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 16px;
}

.department-list>a:before {
	content: "'";
	font-family: pip-common;
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	color: #015196;
}

.department-list>a:after {
	color: #aaa;
	content: attr(title);
}

.department-list>a[href]:after {
	color: #444;
}

.department-list>a[href]:hover:after {
	color: red;
}

.page-list>a {
	display: block;
	padding: 16px 0;
	color: #444;
	border-top: 1px solid #ddd;
}

.page-list>a:first-child {
	border-top: none;
}

.page-list>a>span {
	display: block;
	font-size: 1.125em;
	line-height: 1.5em;
	font-weight: bold;
	padding: 8px 0;
}

.page-list>a:hover>span {
	color: red;
}

.page-list>a>em {
	display: block;
	font-size: 0.875em;
	line-height: 1.5em;
	max-height: 3em;
	overflow: hidden;
	font-style: normal;
	color: #888;
}

.page-list>a>b {
	display: inline-block;
	font-size: 0.875em;
	font-weight: normal;
	color: #888;
	padding-top: 8px;
}

.jiceng-card span {
	display: inline-block;
	min-width: 360px;
	color: #888;
	font-size: 0.9375em;
	line-height: 2em;
}

.jiceng-card span.single-row {
	display: inline-block;
	min-width: 100%;
	color: #888;
	font-size: 0.9375em;
	line-height: 2em;
}

.jiceng-card span:before {
	content: attr(label) "：";
}

.content-wrap .jiceng-card {
	border: 1px solid #E2EBF6;
	background-color: #F8FCFE;
	padding: 12px 24px;
}

.content-wrap .jiceng-card span {
	width: 49%;
}

.content-nav-wrap {
	display: none;
	position: relative;
}

.content-nav {
	position: absolute;
	width: 200px;
	border-right: 1px solid #DEE8F3;
}

.content-nav>a {
	display: block;
	color: #444;
	line-height: 1.25em;
	font-size: 1.125em;
	text-align: right;
}

.content-nav>a:before {
	display: inline-block;
	content: attr(title);
	padding: 8px 12px;
}

.content-nav>a.focus:before {
	color: white;
	background-color: #0085CE;
}

.content-nav>a:not (.focus ):hover {
	color: black;
}

.content-wrap.has-content-nav .content-nav-wrap {
	display: block;
}

.content-wrap.has-content-nav .content-body {
	margin-left: 200px;
	border-left: 1px solid #DEE8F3;
}

.content-wrap .content-title {
	font-size: 1.75em;
	line-height: 1.25em;
	text-align: center;
	color: #444;
	padding: 48px;
}

.content-wrap .content-body {
	padding: 0 24px;
	line-height: 2em;
}

.content-wrap .content-body>section {
	margin-bottom: 32px;
}

.content-wrap .content-body>section:before {
	content: attr(title);
	display: block;
	font-size: 1.3125em;
	line-height: 1em;
	padding-bottom: 10px;
	margin-bottom: 16px;
	border-bottom: 1px solid #ddd;
	color: #0066bb;
}

.content-wrap .content-txt {
	line-height: 2em;
}

.content-wrap .content-txt img {
	max-width: 100%;
}

.content-wrap .content-txt table {
	margin: 0 auto;
}

.content-wrap .content-relative {
	margin-top: 30px;
}

.content-wrap .content-relative>div {
	font-size: 1.25em;
	line-height: 2em;
	color: #000;
	border-bottom: 1px solid #ddd;
}

.content-wrap .content-relative>ul {
	padding: 10px 0;
}

.content-wrap .content-relative>ul>li {
	font-size: .875em;
	color: #888;
	line-height: 1.75em;
}

.content-wrap .content-relative>ul>li:before {
	content: "·";
}

.content-wrap .content-relative>ul>li>a {
	color: #888;
	text-decoration: underline;
}

.content-wrap .content-relative>ul>li>a:hover {
	color: #f52f3e;
}

.content-wrap .content-relative.attachment>ul>li {
	font-size: .875em;
}

.content-wrap .content-relative.attachment>ul>li>a {
	color: #444;
}

.content-wrap .content-relative.attachment>ul>li>a:hover {
	color: #f52f3e;
}

#qrcode {
	padding: 16px 0;
	text-align: center;
}

#qrcode>canvas {
	min-width: 100px;
}

#qrcode:after {
	display: block;
	content: "扫一扫在手机打开当前页";
	font-size: 0.875em;
	color: gray;
}

.page-not-found {
	text-align: center;
	font-size: 24px;
	padding: 48px;
	min-height: 280px;
}

.major-channels>li {
	padding: 16px;
}

.major-channels>li>a {
	display: block;
	color: #777;
	font-size: 1.25em;
	line-height: 1em;
	padding-bottom: 10px;
}

.major-channels>li>a[href] {
	color: #015196;
}

.major-channels>li>a:before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 1em;
	margin-right: 12px;
	vertical-align: top;
	background-color: #6ea5d4;
}

.major-channels>li>a:after {
	content: "(" attr(alt) ")";
}

.major-channels>li>a[href]:hover {
	color: red;
}

.major-channels>li>div {
	padding: 12px 12px 12px 0;
	border: 1px solid #ddd;
	background-color: #f8f8f8;
	border-radius: 5px;
}

.major-channels>li>div:after {
	content: "";
	display: block;
	clear: both;
}

.major-channels>li>div>a {
	display: block;
	float: left;
	min-width: 25%;
	box-sizing: border-box;
	white-space: nowrap;
	padding-left: 24px;
	color: #999;
	line-height: 2em;
}

.major-channels>li>div>a[href] {
	color: #222;
}

.major-channels>li>div>a:before {
	content: "·";
	font-family: Simsun;
	font-size: 1.125em;
	vertical-align: top;
}

.major-channels>li>div>a:after {
	content: "(" attr(alt) ")";
}

.major-channels>li>div>a[href]:hover {
	color: red;
}

.major-content-title {
	padding: 16px;
	text-align: center;
	font-size: 1.25em;
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	border-radius: 6px;
	margin-bottom: 16px;
}