/* ---------- normalize.css ---------- */
html {
	font-family: "Microsoft YaHei", "Hiragino Sans GB", "SimSun", sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
	display: block;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

figcaption,
figure,
main {
	display: block;
}
figure {
	margin: 1em 40px;
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
	outline-width: 0;
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}
b,
strong {
	font-weight: inherit;
}
b,
strong {
	font-weight: bolder;
}
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
dfn {
	font-style: italic;
}
mark {
	background-color: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
img {
	border-style: none;
}
svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
button,
input {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
progress {
	display: inline-block;
	vertical-align: baseline;
}
textarea {
	overflow: auto;
}
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}
summary {
	display: list-item;
}

canvas {
	display: inline-block;
}
template {
	display: none;
}

[hidden] {
	display: none;
}
/* ---------- bjciq 2013.css ---------- */
.clearfix:after {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

body {
	margin: 0;
	padding: 0;
	color: #222;
	font-family: "Microsoft YaHei", "Hiragino Sans GB", "SimSun", sans-serif;
	*font-family: SimSun;
	font-size: 12px;
	background-color:#f2f2f2;
	background-image: url('imgsbg.jpg');
	background-repeat: repeat-x;
	background-position: center top;
	background-size: auto auto;
	*text-align: center;
}

body > a {
	display: none !important;
}

body.hant {
	font-family: "Microsoft JhengHei", "Microsoft YaHei", "Hiragino Sans GB", "SimSun", sans-serif;
}

#header {
	min-height: 230px;
}


.container {
	width: 1020px;
	margin: 0 auto;
	padding: 0;
	*text-align: left;
}

.full-width {
	position: relative;
}

.main-width {
	width: 720px;
	max-width: 780px;
	margin: 0;
	padding: 0;
	float: left;
}
.main-width img {
	max-width: 676px;
	*width: 480px;
}
.main-widtha {
	width: 630px;
	max-width: 680px;
	margin: 0;
	padding: 0;
	float: left;
}
.side-width {
	width: 240px;
	margin: 0;
	padding: 0;
	float: right;
}


#topbar {
	height: 30px;
	margin: 0;
	padding: 0;
	clear: both;

	color: #FFF;
	background-color: #001440;
}

#top-marq {
	width: 720px;
	margin: 7px 0 0 0;
	*margin: 0;
}

#top-marq span {
	margin-right: 240px;
	*padding-top: 7px;
}

.top-menu {
	width: auto;
	max-width: 47px;
	height: auto;
	margin: 0 18px 0 0;
	padding: 7px 0 0 0;
	white-space: nowrap;
	float: left;
}


#topbanner {
	height: 155px;
	margin: 0;
	padding: 0;
	clear: both;

	color: #FFF;
}
#topbanner > .container {
	height: 100%;
}

#top-logo {
	width: 720px;
	height: 100%;
	margin: 0;
	padding: 0;
	float: left;

	background-image: url('imgsbjciq-logo.png');	background-image: url('imgsbjciq-logo.jpg')\9;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto auto;
}

#weather {
	width: 192px;
	max-width: 240px;
	height: 110px;
	margin-top: 45px;
	float: right;
	/*overflow:hidden;*/
	text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

#popup {
	display: none;
	width: 224px;
	margin: -12px 0 0 -48px;
	padding: 8px;
	position: fixed;
	z-index: 1000;
	background: rgba(255,255,255,.9);
	*background: #FFF;
	color: #002060;
	box-shadow: 0 0 8px rgba(0,0,0,.6);
	border-radius: 3px;
	overflow: visible;
	text-shadow: none;
}

#popup > h3 {
	margin: 2px 0 8px;
}

#popup > hr {
	margin: 10px 0;
	color: #CCD;
	background: #CCD;
	border: 0px #CCD;
	height: 1px;
}

#popup > p {
	margin: 0px;
}

.tail {
	border: 10px solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	z-index: 900;
}

#popup > .tail {
	border-top: 10px solid rgba(255,255,255,.9);
	border-bottom: none;
	bottom: -10px;
	top: auto;
	right: 24px;
}

#wx-qrcode, #wb-qrcode, #wb2-qrcode {
	width: 128px;
	height: 128px;
	float: left;
	margin-top: -32px;
	position: absolute;
	display: none;
	border-radius: 6px;
}

#wx-qrcode {
	background: url('imgsiconwx-qrcode.jpg') no-repeat center center;
	/* margin-left: -44px; */
	margin-left: -12px;
}

#wb-qrcode {
	background: url('imgsiconwb1-qrcode.png') no-repeat center center;
	/* margin-left: -12px; */
	margin-left: 20px;
}

#wb2-qrcode {
	background: url('imgsiconwb2-qrcode.jpg') no-repeat center center;
	margin-left: 20px;
}

#wx-qrcode > .tail, #wb-qrcode > .tail, #wb2-qrcode > .tail {
	border-left: 12px solid #FFF;
	border-right: none;
	bottom: 15px;
	right: -12px;
}

#social {
	float: right;
	margin-top: 59px;
}

#social > a {
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	width: 34px;
	height: 21px;
	float: left;
}

#social > a > div {
	display: none;
	background-repeat: no-repeat;
	background-position: center center;
	width: 34px;
	height: 21px;
}

#browser-note {
	height: 98px;
	padding: 5px;
	*overflow:hidden;
	color: #002060;
	background: #FFF;
	border: 1px solid #004A99;
	display: none;
	*display: block;
}

#browser-note p{
	margin: 5px 0;
}

#browser-note img{
	width: 24px;
	height: 20px;
	margin: 0;
	padding: 0;
}

#weather-icon {
	width: 100px;
	height: 110px;
	float: left;

	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto auto;
}

#weather-info {
	max-width: 92px;
	margin-top: 32px;
	white-space: nowrap;
	float: left;

	font-size: 1em;
}

#weather-temp {
	max-width: 92px;
	white-space: nowrap;
	float: left;

	font-size: 2em;
	font-weight: bold;
}

#weather-icon,
#weather-info,
#weather-temp {
	*display: none;
}


#navbar {
	width: 100%;
	height: 45px;
	clear: both;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 5;

	color: #FFF;

	background-color: #004A99;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}


#navs {
	height: 100%;
	position:absolute; bottom:-4px;
}

.nav {
	width: auto;
	max-width: 60px;
	height: auto;
	line-height:37px;
	margin: 0 26px 0 0;
	*margin-right: 20px;
	white-space: nowrap;
	float: left;

	font-size: 1.25em;
	font-weight: bold;

	border-bottom: 4px solid #004A99;
}

#navmenubar {
	height: 0;
}

#nav-menus {
	position: absolute;
	z-index: 3;
}

.nav-menu {
	width: 100%;
	height: auto;
	padding: 20px 28px;
	position: absolute;
	top: -5px;
	display: none;
	clear: both;

	background-color: #FFF;
	background-repeat: no-repeat;
	border-radius: 3px;
	box-shadow: 0 0 24px rgba(0,0,0,0.75);
	*border: 1px solid #D9D9D9;
}

.nav-menu-unpadding {
	margin: -20px -28px;
}

.nav-column {
	width: auto;
	_width:100px;
	min-height:1px;
	min-width: 90px;
	margin: 0 38px;
	_padding:1px 38px;
	float: left;
	overflow:hidden;
}
.nav-column:last-child {
	margin-right: 0;
}
#nav4menu .nav-column { _width:160px;}
.nav-item {
	height: 16px;
	padding-left: 25px;

	color: #222;
	font-size: 1.25em;
	line-height: 16px;

	background-repeat: no-repeat;
}

.nav-title {
	/*height: 24px;*/
	margin-bottom: 5px;
	color: #222;
	font-size: 1.167em;
}

.nav-list {
	margin: 0;
	padding: 6px 0 15px 0;
	text-align:left;
	text-indent:0;

	color: #004A99;
	font-size: 1em;

	list-style: none;
	border-top: 2px solid #d9d9d9;
}

.nav-list li {
	height: 22px;
	margin: 0;
	padding: 0;
}

.nav-list span {
	color: grey;
}

#nav-branch {
	/*width: 100%;*/
	height: 30px;
	padding: 15px 352px 0;
	position: absolute;
	z-index: 5;
}

.branch-left,
.branch-right,
.topic-left {
	width: auto;
	height: 150px;
	margin: 0;
	padding: 40px 60px 10px 340px;

	text-align: left;

	background-position: left center;
	background-repeat: no-repeat;
}

.topic-left {
	height: 28px;
	padding: 36px 0px 36px 330px;
}

.branch-right {
	padding: 40px 340px 10px 60px;

	text-align: right;

	background-position: right center;
}

.branch-left h2,
.branch-right h2,
.topic-left h2 {
	margin: 0;
	color: #002060;
	font-size: 2em;
	line-height: 100%;
}

.topic-left h2 {
	color: #FFF;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.branch-left p,
.branch-right p {
	margin: 1em 0;
	color: #888;
	font-size: 1em;
	line-height: 150%;
}



.search {
	width: 156px;
	width: 154px\9;
	margin: 10px 0;
	padding: 4px;
	display: block;
	float: left;

	color: #222;
	font-size: 14px;
	font-family: "Microsoft YaHei", "Hiragino Sans GB", sans-serif;

	border: none;
	border-color: #D9D9D9;
	outline: none;
	background-color: #FFF;
	border-radius: 2px;
}

#search-submit {
	width: 65px;
	height: 23px;
	margin: 10px 0;
	padding: 0;
	display: block;
	float: right;
}

.button-icon {
	margin: 0 20px;
}

input[type="submit"],
input[type="button"],
input[type="reset"],
.button {
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}

input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
.button:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}

input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active,
.button:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6;
}

#search-mask {
	width: 100%;
	height:100%;

	position: fixed;
	top: 0;
	left:0;
	z-index:9;

	background-color:rgba(0,0,0,0.3);
	display: none;
}

#search-layer {
	width: 670px;
	height: 1300px;
	margin: 0 auto;
	padding: 5px;

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index:19;

	background-color: #FFF;
	border: none;
	border-radius: 4px;
	box-shadow: 0 0 24px rgba(0,0,0,0.75);
	display: none;
	*text-align: left;
}

#search-result {
	width: 100%;
	height: 100%;

	border: none;
	overflow: hidden;
}	


#mainwrapper {
	margin: 30px 0;
}
#mainwrappera {
	margin: 1px 0;
}
#mainwrapperb {
	margin: 5px 0;
}

/* #wrapper {
	overflow: hidden;
} */

#category, #post, #topics, #sitemap, 
.box {
	width: auto;
	margin-bottom: 22px;
	padding: 22px;
	clear: both;

	background-color: #FFF;
	border-radius: 3px;
	box-shadow: 0 0 4px rgba(0,0,0,0.15);
	*border: 1px solid #D9D9D9;
}

.box-text {
	font-size: 1.25em;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0.6em 1em;
}
.box p {
	margin: 0 0 0.5em 0;
}

#topics {
	height: auto;

	background-position: right center;
	background-repeat: no-repeat;
}

#topics p {
	width: 50%;
	font-size: 1em;
}

.breadcrumb {
	width: 100%;
	margin-bottom: 15px;
}

.breadcrumb i, .cat-breadcrumb i {
	font-style: normal;
}

.cat-breadcrumb {
	width: auto;
	margin: 0px;
	padding: 22px 0 0 0;
	float: right;
	white-space: nowrap;
	overflow: hidden;
/*
	*padding: 14px 0 0 0;
	*float: left;
	*font-size: 1.25pxem;
	*font-weight: bold;*/
}

.topic-title .cat-breadcrumb {
	/*display: none;*/
}

.cat-title,
.topic-title,
.topic-cat-title,
.index-cat-title {
	width: 100%;
	height: 38px;
	margin: 0;
	padding-bottom: 3px;
	border-bottom: 4px solid #d9d9d9;
	*margin-bottom: 10px;
}

.cat-title {
	margin: 0 0 12px 0;
}

.topic-title {
	border-bottom: none;
}

.topic-cat-title,
.index-cat-title {
	height: 26px;
	position:relative;
	white-space: nowrap;
	overflow: hidden;
	top:-6px;
	background-image: url('imgsiconarrow.png');
	*background-image: none;
	background-position: 644px 0px;
	background-repeat: no-repeat;
	border-bottom: 3px solid #d9d9d9;
	*margin-bottom: 4px;
}

.topic-cat-title1 {
	height: 26px;
	position:relative;
	white-space: nowrap;
	overflow: hidden;
	top:-6px;
	background-image: url('imgsiconarrow.png');
	*background-image: none;
	background-position: 644px 0px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #d9d9d9;
	*margin-bottom: 4px;
}

.topic-noncat-title {
	background-image: none;
}


#cat-title-name,
.cat-title-name,
.topic-cat-title-name,
.index-cat-title-name {
	height:26px;
	padding-bottom: 3px;
	display: inline-block;
	*display: inline;

	font-size: 2.5em;
	font-weight: bold;

	border-bottom: 4px solid #004a99;
}

.topic-cat-title-name1 {
	height:26px;
	padding-bottom: 3px;
	display: inline-block;
	*display: inline;

	font-size: 1.5em;
	font-weight: bold;

	border-bottom: 4px solid #004a99;
}


#cat-title-name {
	height:38px;
}
.index-cat-title-name {
	 _bottom:-3px;
	 position:relative;
}
.topic-title #cat-title-name {
	/*display: block;*/
	border-bottom: none;
}

.topic-cat-title-name {
	margin-right: 12px;

	font-size: 1.75em;
	border-bottom: 3px solid #004a99;
}

.topic-cat-title-tip {
	display: inline-block;
	color: #777;
	font-size: 1.3em;
}

.index-cat-title-name {
	height: 19px;
	padding-top:7px;
	margin-right: 15px;

	font-size: 1.25em;
	border-bottom: 3px solid #D9D9D9;
}

.index-cat-title .topic-cat-title-name {
	color: #002060;
	border-bottom: 3px solid #AAA;
}

.picnews-box {
	height: 320px;
	overflow:hidden;
	background: #004A99;
}

.zhuanti-box {
	height: 320px;
	overflow:hidden;
	background: #ed430d url(imgszhuantiBg.png) repeat-y right top;
}

.picnews-pic,
#vidnews-vid {
	width: 480px;
	height: 100%;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}

#vidnews-vid {
	float:right;
	background: #333;
}

#picnews-pic,
#vidnews-vid {
	width: 480px;
	height: 100%;
	object-fit: cover;
	border-radius: 3px 0 0 3px;
}

.picnews-btn,
.vidnews-btn {
	width: 192px;
	height: 14px;
	padding: 3px 0;
	position: absolute;
	bottom: 15px;
	right: 15px;
	z-index: 2;

	background: rgba(0,0,0,0.5);
	border-radius: 10px;
}

.vidnews-btn {
	position: static;

	background: transparent;
}

.picnews-txt,
.vidnews-txt {
	width: 202px;
	height: 280px;
	padding: 20px 0px 0px 19px;
	margin-bottom:20px;
	float: left;
	overflow: hidden;
}

#picnews-title,
#vidnews-cat-title,
#vidnews-title {
	margin: -6px 0 14px;

	color: #FFF;
	font-size: 1.833em;
	font-weight: bold;
	line-height: 150%;
}

#vidnews-title {
	margin-top: 6px;
	clear: both;
	font-size: 1.5em;
}

#picnews-body,
#vidnews-body {
	color: #FFF;
	font-size: 1.083em;
	font-weight: normal;
	line-height: 150%;
}
#picnews-body p,
#vidnews-body p{ margin:0; padding:0;}

#post-list-none {
	display: none;
}

.post-list-container {
	margin: 0;
	padding: 0;

	font-size: 1.167em;
	line-height: 30px;
	color: #002060;

	list-style: none outside;
}

.post-list {
	width: auto;
	*width: 658px;
	height: 30px;
	margin: 0;
	padding: 0 8px;
	clear: both;

	text-align: left;
	*text-align: justify;

	display: block;
	border-radius: 2px;
}

.post-list a {
	/*width: 538px;*/
}

a.post-list:hover {
	background-color: #E3F2FD;
}

	a.post-list span {
		display: inline-block;
		vertical-align: middle;
	}
	a.post-list .itemcat {
		min-width: 10em;
	}

.post-list-date {
	width: 20%;
	*width: 120px;
	height: 100%;
	float: right;

	text-align: right;
}
	.nodate .post-list-date {
		display: none !important;
	}

a.icon-list, a.icon-list-small {
	display: block;
	width: 104px;
	float: left;
	margin: 10px 10px 0 0;
}

a.icon-list img {
	width: 104px;
	height: 104px;
	border-radius: 3px;
}

a.icon-list-small {
	display: table;
	height: 74px;
	width: 74px;
	*height: 72px;
	*width: 72px;
	padding: 7px;
	font-size: 1.077em;
	background: #004A99;
	color: #FFF;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	border-radius: 3px;
}

a.icon-list-small:hover {
	background: #0063CC;
	text-decoration: none;
}

a.icon-list-small > div {
	display: table-cell;
	vertical-align: middle;
	line-height: 120%;
}

a.icon-list-small > div >div {
	max-height: 74px;
	max-width: 74px;
	overflow: hidden;
}

a.icon-list:last-child {
	margin-right: 0;
}

a.icon-list > div {
	font-size: 1.077em;
	text-align: center;
	line-height: 175%;
}

.topic-post-list-container {
	margin: 0 0 -6px 0;
	padding: 0;
	*width: 674px;
	font-size: 1.083em;
	line-height: 26px;
	color: #002060;
	list-style: none outside;
}
.topic-post-list-containera {
	margin: 0 0 -6px 0;
	padding: 0;
	*width: 674px;
	font-size: 1.083em;
	line-height: 26px;
	color: #002060;
	list-style: none outside;
}

.topic-post-list-container li {
	height: 26px;
}

div.gongjian-container {
	height: 320px;
	overflow: auto;
}

.gongjian-container iframe {
	width: 770px;
	height: 1200px;
}

.cat-bottom {
	width: 100%;
}

#loadcatmore {
	margin: 8px auto;
	color: #002060;
	font-size: 1.167em;
	line-height: 30px;
	text-align: center;
	border-radius: 2px;
	border-top: 3px solid #d9d9d9;
}

#post-title {
	margin-top: 0;
	margin-bottom: 0.5em;
	font-size: 2.25em;
	font-weight: bold;
	line-height: 1.3em;
}

.post-meta {
	width: 100%;
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #e0e0e0;
}

.post-date, .post-tags {
	padding-left: 20px;
	padding-right: 20px;
	background-image:url('imgsicondoc.png');
	background-repeat:no-repeat;
}

.post-tags {
	display: none;
}

.post-feature {
	margin: 1em 0;
	text-align: center;
}
	.post-feature video {
		display: inline-block;
		box-shadow: 0 0 4px rgba(0,0,0,0.25);
	}

#post-body {
	font-size: 1.25em;
	font-weight: normal;
	line-height: 1.8em;
}

#post-body p {
	margin: 0 0 0.6em 0;
}

#post-body img {
	border-radius: 2px;
	box-shadow: 0 0 4px rgba(0,0,0,0.15);
}

#post-body strong {
	color: #002060;
}

.box-img {
	width: 100%;
	display: block;

	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 3px;
}


/* 侧栏 */
#sidebar, .sidebar {
	margin: 30px 0;
}

.side-box {
	width: 100%;
	margin: 0;
	margin-bottom: 35px;
	padding: 0;

	color: #002060;
}

.side-title {
	width: auto;
	margin: 0 0 9px 0;
	padding: 0 10px;

	font-size: 1.4167em;
	font-weight: bold;
	line-height: 1.15em;

	border-left: 4px solid #004A99;
}

.side-content {
	width: auto;
	margin: 0;
	padding: 10px 0 10px 14px;

	border-top: 1px solid #e0e0e0;
}

.side-topicbanner {
	margin-bottom: 5px;
}

.side-list {
	margin: 0;
	padding: 0;

	font-size: 1.083em;
	line-height: 30px;

	list-style: none outside;
}

/* ---------- 2017-10-27 guide index sidebar begin ---------- */
#sidebar-services .side-list {
	line-height: 2;
}
#sidebar-services .side-list .item {
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
#sidebar-services .side-list .item .date {
	margin-right: .5em;
}

/* ---------- 2017-10-27 guide index sidebar end ---------- */

.side-list>.title {
	margin-left: -14px;
	padding-left: 14px;
	border-radius: 4px;
	font-weight: bold;
	cursor: pointer;
}
.side-list>.title:hover {
	background-color: #e3e3e3;
}

.side-list li {
	margin: 0;
	padding-left: 40px;

	display: block;
	border-radius: 2px;
}

.side-list-normal {
	font-size: 1.083em;
	line-height: 30px;
	margin: 0;
	list-style-type: circle;
	padding-left: 18px;
}

.side-list-normal li a {

}

.side-list-normal li a:hover {
	color: #004A99;
	text-decoration: underline;
}


.side-icon, .side-icon-hover {
	color: #002060;
	background-color: transparent;
	background-image: url('imgsiconicons-b.png');
	background-repeat: no-repeat;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.side-icon-hover {
	color: #FFF;
	background-color: #004A99;
	background-image: url('imgsiconicons-w.png');
	background-repeat: no-repeat;
}

#leader-portrait {
	width: 150px;
	height: 210px;
	margin-right: 10px;
	float: left;
}

#leader-portrait a {
	position: absolute;
	visibility: hidden;
	z-index: 2;
}

#leader-portrait img {
	border-radius: 2px;
	box-shadow: 0 0 4px rgba(0,0,0,0.15);
}

.leader-title li {
	padding-left: 0;
	line-height: 30px;
	*line-height: 30px;

	/*font-weight: bold;
	text-align: right;*/
}

.side-items {
	float: left;
	line-height: 30px;
	*line-height: 30px;
}

.side-items li {
	padding: 0 12px;
	*padding: 0;

	font-weight: bold;
}

#footer {
	height: 310px;
	clear: both;
	margin: 0;
	padding: 0;

	color: #FFF;
	background-color: #002060;
	box-shadow: 0 -2px 4px rgba(0,0,0,0.3);
}

#footer > .container {
	position: relative;
}
.footer-token {
	position: absolute;
	right: 20px;
	bottom: 10px;
}
	.footer-token>span {
		display: inline-block;
	}
	#_span_jiucuo>img {
		cursor: pointer;
		margin-bottom: 5px;
	}

.footer-info {
	width: auto;
	height: auto;
	margin: 0;
	padding: 20px 20px 0 20px;
}
.footer-pin-right {
	width: 100%;
	height: 0;
	text-align: right;
}
	.footer-pin-right span {
		position: relative;
		top: 222px;
	}

.footer-heading {
	width: 84px;
	margin: 0;
	padding: 0;
	float: left;
	
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.8em;

	*background-image: url('imgsiconarrow-right.png');
	background-image: url('imgsiconarrow-r.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto auto;
}

.footer-content {
	width: auto;
	margin: 0;
	padding: 3px 0;
	float: left;
	
	font-size: 1em;
	font-weight: normal;
	line-height: 1.8em;
}

#sitemap-list {
	padding: 0;
	font-size: 0.9333em;
	list-style: none;
}

#sitemap-list h2 {
	margin-bottom: 6px;
	padding: 6px 0;
	font-size: 1.5em;
}

#sitemap-list h3 {
	margin: 0;
	padding: 4px 6px;
	font-size: 1.083em;
}

#sitemap-list ul {
	padding-left: 2em;
	list-style: none;
}

#sitemap-list>li>ul {
	margin-bottom: 2em;
}

#sitemap-list>li>ul>li {
	margin-bottom: 0.6em;
	padding-bottom: 1px;
	border-radius: 3px;
}

#sitemap-list>li>ul>li>ul>li {
	margin-bottom: 0.5em;
}

#sitemap-list li {
	line-height: 1.5em;
}

#sitemap-list li li li li {
	display: inline-block;
	margin-right: 22px;
}

.list-inline>li {
	display: inline-block;
	margin-right: 22px;
}

/* Hyperlink Styles */
img {
	border: none;
}

a {
	color: #004A99;
	text-decoration: none;
}

#post-body a {
	color: #004A99;
}

a:hover {
	text-decoration: underline;
}

li a {
	color: inherit;
	text-decoration: none;
}

li a:hover {
	color: #FFF;
	text-decoration: underline;
}

.top-menu a,
#top-marq a,
.footer-info a,
#picnews-title a,
#vidnews-title a,
.nav a {
	color: #FFF;
	text-decoration: none;
}

.top-menu a:hover,
#top-marq a:hover,
.footer-info a:hover,
#picnews-title a:hover,
#vidnews-title a:hover {
	color: #FFF;
	text-decoration: underline;
}

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

.nav-title a,
.nav-item a,
.branch-left a,
.branch-right a,
.topic-left a {
	color: inherit;
	text-decoration: none;
	white-space:nowrap;
}

#sitemap-list h4 {
	margin: 0;
	font-weight: normal;
	font-size: 1em;
}

#sitemap-list a {
	text-decoration: none;
}

#sitemap-list li li li li a,
.list-inline>li>a,
.nav-title a:hover,
.topic-cat-title-name a:hover,
.index-cat-title-name a:hover {
	color: #004A99;
	text-decoration: none;
}

.nav-item a:hover,
.nav-list a:hover,
.branch-left a:hover,
.branch-right a:hover,
#sitemap-list a:hover {
	color: #004A99;
	text-decoration: underline;
}

.topic-left a:hover {
	color: #FFF;
	text-decoration: underline;
}

.post-list a {
	color: inherit;
	text-decoration: none;
}

.post-list a:hover {
	color: #FFF;
	text-decoration: underline;												
}

a.btn-on,
a.btn-off {
	width: 14px;
	height: 14px;
	margin: 0 5px;
	display: block;
	float: left;

	background-image: url('imgsiconbtn.png');
	background-position: -14px 0;
	background-repeat: no-repeat;

	text-decoration: none;
}

a.btn-on {
	background-position: 0 0;
}

a.btn-on:hover,
a.btn-off:hover {
	background-position: 0 0;
	text-decoration: none;
}



/* Single Attribute */
.clear {
	clear: both;
}

.endblock {
	margin-right: 0;
}

.hide {
	display: none;
	visibility: hidden;
}

.nopadding {
	padding: 0;
}

.line {
	width: auto;
	height: 1px;
	margin: 0 8px;
	clear: both;
	overflow:hidden;
	background:#EEE;
}

.sticky {
	position: fixed;
	top: 0;
}


/* combine branches */
#branches {
	height: 600px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.branch-left, .branch-right {
	background-position-x: left;
	background-image: url('imgsbranches.jpg');
}

.branch-right {
	background-position-x: right;
}


/* navbar scroll auto fixed */
.fixed-navbar {
	position: fixed !important;
	top: 0;
}

.fixed-nav-menus {
	position: fixed !important;
	top: 45px;
}

/* inner scrollbar style */
.scroll::-webkit-scrollbar {
	width: 8px;
}

.scroll::-webkit-scrollbar-track-piece {
	-webkit-border-radius: 3px;
	background: #ebebeb;
}
 
.scroll::-webkit-scrollbar-thumb {
	-webkit-border-radius: 3px;
	background-color: darkgrey;
}

/* Category pagination style add1 */
.page-div {
	font-size: 1.167em;
	margin: 12px 0 0 0;
	padding: 20px 0 10px 0;
	text-align: center;
	border-top: 4px solid #d9d9d9;
}


/* sharebar */
#page {
	position: relative;
}
#page, #navbar {
	min-width: 1180px !important;
}

#navbar>.container {
	position: relative;
}

#sharebar {
	position: absolute;
	top: 76px;
	left: -70px;
	color: black;
	font-size: 1em;
}

#sharebar>div {
	width: 48px;
	height: 48px;
	margin-bottom: 6px;
	border-radius: 5px;
	position: relative;
	-webkit-transition:background 0.3s;
	-moz-transition:background 0.3s;
	-o-transition:background 0.3s;
	transition:background 0.3s;
	background-color: #d7d7d7;
}
#sharebar-wechat:hover {background-color: #2DC100;}
#sharebar-weibo:hover {background-color: #F44336;}
#sharebar-faq:hover {background-color: #7E57C2;}
#sharebar-consult:hover {background-color: #5C6BC0;}
#sharebar-phone:hover {background-color: #0288D1;}
#sharebar-correction:hover {background-color: #FFB300;}
#sharebar-top:hover {background-color: #448AFF;}

.sharebar-bubble {
	position: absolute;
	z-index: 800;
	top: 0px;
	left: 64px;
	clear: both;
	display: none;
	padding: 20px 10px;
	background-color: white;
	width: 361px;
	border-radius: 6px;
	box-shadow: 0 0 8px rgba(0,0,0,0.4);
}

.sharebar-bubble::after {
	content: " ";
	width: 20px;
	height: 50px;
	position: absolute;
	top: 0;
	left: -18px;
	z-index: 700;
}

.sharebar-content {
	width: 160px;
	float: left;
	padding: 0 10px;
	border-right: 1px solid #ccc;
}

.sharebar-bubble>.tail {
	border-right: 12px solid white;
	border-left: none;
	top: 14px;
	left: -12px;
}

.sharebar-content>p {
	margin: 0;
	text-align: center;
}

.sharebar-content:last-child {
	border-right: none;
}

.sharebar-qrcode {
	width: 140px;
	height: 140px;
	padding: 0 10px 10px 10px;
}

.sharebar-qrcode>img {
	width: 100%;
	height: 100%;
}

a.sharebar-button {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
}

a.sharebar-button>img {
	display: inline-block;
}


/* NEW category list styles */

.category.in-post {
	margin: 3em 0 1.5em;
}

.category-title {
	font-size: 1.25em;
	margin-bottom: 0.5em;
	border-bottom: 3px solid #004A99;
}

.category-post-list, .category-headings {
	font-size: 1.167em;
	line-height: 30px;
}

.category-post-list>a {
	display: block;
	border-radius: 3px;
	color: #002060;
	padding: 0;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.category-post-list>a:hover {
	background-color: #1976D2;
	color: #FFF;
}

.category-post-list>a>span, .category-headings>span {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.category-post-list>a>span:first-child {padding-left: 8px;}
.category-post-list>a>span:last-child {padding-right: 8px;}

.category-headings {
	height: 30px;
	font-weight: bold;
	border-bottom: 4px solid #d9d9d9;
	margin-bottom: 12px;
}

span.category-post-cat {
	width: 72px;
	height: 20px;
	line-height: 20px;
	margin: 5px 14px 5px 0;
	padding-left: 0 !important;
	text-align: center;
	background: transparent;
	color: #fff;
	font-size: 12px;
	box-sizing: border-box;
	border-radius: 3px;
}

.category-headings>span.category-post-cat {
	height: 30px;
	line-height: 30px;
	margin: 0 14px 0 0;
	padding-left: 8px !important;
	text-align: left;
	color: inherit;
	font-size: 1em;
	border-radius: 0;
}

.category-headings>span:first-child {
	padding-left: 8px !important;
}

span.category-post-title {
	width: 540px;
	text-align: left;
}
span.category-post-title.with-cat {
	width: 462px;
	height: 30px;
	white-space: nowrap;
}

span.category-post-index {
	width: 164px;
	padding-left: 14px;
}

span.category-post-dept {
	width: 108px;
	padding-left: 14px;
}

span.category-post-date {
	width: 120px;
	text-align: right;
}

div.category-title {
}

div.category-title>span {
	display: inline-block;
	padding: 0.5em 0.75em 0.3em;
	line-height: 1em;
	vertical-align: bottom;
	border-top-left-radius: 0.4em;
	border-top-right-radius: 0.4em;
}

span.category-title-main {
	font-size: 1.2em;
	background-color: #004A99;
	color: #FFF;
}

span.category-title-main>a {
	color: #FFF;
}

/* ---------- 2016-09-20 lq begin ---------- */
#post-pubs {
	width: 100%;
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px solid #e0e0e0;
}

#post-pubs > p {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}

#post-pubs .pub-title {
	width: 6em;
	display: inline-block;
}
/* ---------- 2016-09-20 lq end ---------- */

/* ---------- 2017-10-23 leader begin ---------- */
.post-links {
	text-align: center;
	margin-top: 2em;
}
.post-links a.link-btn {
	display: inline-block;
	border-radius: 4px;
	padding: 0.3em 0.75em;
	font-size: 1.5em;
	background-color: transparent;
	color: #004a99;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.post-links a.link-btn:hover {
	background-color: #004a99;
	color: #fff !important;
	text-decoration: none;
}
/* ---------- 2017-10-23 leader end ---------- */

/* ---------- Material Icon Font ---------- */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('jscssfontMaterialIcons-Regular.eot'); /* For IE6-8 */
  src: local('/jscss/font/Material Icons'),
	   local('/jscss/font/MaterialIcons-Regular'),
	   url('jscssfontMaterialIcons-Regular.woff2') format('woff2'),
	   url('jscssfontMaterialIcons-Regular.woff') format('woff'),
	   url('jscssfontMaterialIcons-Regular.ttf') format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 18px;  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.15); }
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.2); }

.gao{height:115px; }