/* CSS Document */

body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
fieldset,
legend,
input,
textarea,
th,
tr,
td,
em,
span {
	margin: 0;
	padding: 0;
}

body {
	font-size: 16px;
	font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "黑体";
	width: 100%;
	margin: 0 auto;
	background: #f8f8f8;
}

a:link,
a:visited,
a:hover,
a:active {
	text-decoration: none;
	color: #333;
	font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "黑体";
}

img {
	border: 0;
}

a {
	color: #444;
}

a:hover {
	text-decoration: none;
	color: #333;
}


/*头部样式Star*/

.header {
	width: 100%;
	height: 120px;
	background: #fff;
	border-bottom: 2px solid #188eee;
}

.inContent {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.moduleBox {
	background: #fff;
	overflow: hidden;
}

.inHeader {
	width: 1200px;
	height: 48px;
	margin: 0 auto 10px;
	padding-top: 12px;
	box-sizing: border-box;
}

.logo {
	width: 230px;
	height: 48px;
	float: left;
	margin: 0 auto;

}

.logo a {
	float: left;
	height: 48px;
	display: block;
	margin: 0 5px 0 0;
}

.logo a img {
	height: 48px;
}

.search {
	width: 775px;
	height: 42px;
	margin: 5px auto;
	float: right;
}

.searchTxt {
	float: left;
	width: 735px;
	height: 40px;
	line-height: 40px;
	position: relative;
	display: inline-block;
}

.searchText {
	width: 735px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	padding: 0 0 0 10px;
	box-sizing: border-box;
	font-size: 15px;
	font-family: "微软雅黑";
	border: none;
	color: #333;
	border: 1px solid #eee;
	border-right: 0 none;
	border-radius: 3px 0 0 3px;
	outline: none;
}

.searchTxt:hover .searchText {
	cursor: pointer;
	border: 1px solid #188eee;
	border-right: 0 none;
}

.searchTxt ul {
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
	max-height: 457px;
	overflow-y: auto;
	background: #fff;
	position: absolute;
	display: none;
	z-index: 99;
	box-shadow: rgba(0, 0, 0, 0.2) 2px 0 10px;
	border-radius: 3px;
}

.searchTxt ul li {
	list-style: none;
	padding: 5px 10px;
	box-sizing: border-box;
	border-radius: 3px;
}

.searchTxt ul li a {
	display: block;
	color: #333;
	font-size: 16px;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.searchTxt ul li:hover {
	background: #f8f8f8;
	cursor: pointer;
}

.searchTxt ul li a:active,
.searchTxt ul li.active a {
	background: #f8f8f8;
}

.searchTxt ul li p {
	color: #333;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	text-align: left;
	padding: 0;
}

.searchTxt ul li p em {
	font-style: normal;
}

.searchTxt ul li span {
	display: block;
	color: #999;
	height: 28px;
	line-height: 28px;
}

.searchBtn {
	float: right;
	text-align: center;
	width: 40px;
	height: 40px;
	margin: 1px 0 0 0;
	border: none;
	border: 1px solid 188eee;
	border-radius: 0 3px 3px 0;
	overflow: hidden;
	position: relative;
	z-index: 0;
	cursor: pointer;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
	background: url(../images/serachIcon.png) 10px no-repeat #188eee;
}

.anim {
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
}

.anim:before {
	position: relative;
	content: '';
	display: block;
	margin-top: 100%;
}

.anim:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 50%;
}

.searchBtn:hover>.anim {
	-moz-animation: anim-out 0.75s;
	-webkit-animation: anim-out 0.75s;
	animation: anim-out 0.75s;
}

.searchBtn:hover>.anim:after {
	-moz-animation: anim-out-pseudo 0.75s;
	-webkit-animation: anim-out-pseudo 0.75s;
	animation: anim-out-pseudo 0.75s;
}

@-webkit-keyframes anim-in {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

@-moz-keyframes anim-in {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

@-ms-keyframes anim-in {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

@keyframes anim-in {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

@-webkit-keyframes anim-in-pseudo {
	0% {
		background: rgba(0, 0, 0, 0.25);
	}

	100% {
		background: transparent;
	}
}

@-moz-keyframes anim-in-pseudo {
	0% {
		background: rgba(0, 0, 0, 0.25);
	}

	100% {
		background: transparent;
	}
}

@-ms-keyframes anim-in-pseudo {
	0% {
		background: rgba(0, 0, 0, 0.25);
	}

	100% {
		background: transparent;
	}
}

@keyframes anim-in-pseudo {
	0% {
		background: rgba(0, 0, 0, 0.25);
	}

	100% {
		background: transparent;
	}
}

@-webkit-keyframes anim-out {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

@-moz-keyframes anim-out {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

@-ms-keyframes anim-out {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

@keyframes anim-out {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

@-webkit-keyframes anim-out-pseudo {
	0% {
		background: rgba(0, 0, 0, 0.25);
	}

	100% {
		background: transparent;
	}
}

@-moz-keyframes anim-out-pseudo {
	0% {
		background: rgba(0, 0, 0, 0.25);
	}

	100% {
		background: transparent;
	}
}

@-ms-keyframes anim-out-pseudo {
	0% {
		background: rgba(0, 0, 0, 0.25);
	}

	100% {
		background: transparent;
	}
}

@keyframes anim-out-pseudo {
	0% {
		background: rgba(0, 0, 0, 0.25);
	}

	100% {
		background: transparent;
	}
}

/* menu Star */
.menu {
	width: 1200px;
	height: 50px;
	margin: 0 auto;
	overflow: hidden;
}

.menu .menuList {
	width: 1200px;
	height: 50px;
	list-style: none;
	margin: 0 auto;
	position: absolute;
}

.menu .menuList>li {
	float: left;
	height: 50px;
	line-height: 50px;

}

.menu .menuList>li>a {
	font-size: 18px;
	padding: 0 20px;
	box-sizing: border-box;
	text-decoration: none;
	color: #333;
}

.menu .menuList>li:hover>a,
.menu .menuList .selected {
	color: #188eee !important;
}


.menu .menuList>li:hover .ol-list {
	display: block;
}

.menu .ol-list {
	display: none;
	position: absolute;
	top: 52px;
	left: 0;
	z-index: 999;
	background: #fff;
	padding: 10px;
	box-sizing: border-box;
	width: 1200px;
	margin: 0 auto;
	list-style: none;
	box-shadow: rgba(0, 0, 0, 0.2) 2px 0 10px;
	border-radius: 3px;
}

.menu .ol-list>li {
	position: relative;
	width: 19%;
	margin: 0 1% 0 0;
	float: left;
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
	box-sizing: border-box;
}

.menu .ol-list>li:last-child {
	margin: 0;
}

.menu .ol-list>li>a {
	font-size: 14px;
	text-decoration: none;
	color: #333;
	box-sizing: border-box;
	text-align: left;
}

.menu .ol-list>li:hover {
	background: #f8f8f8;
	cursor: pointer;
}

.menu .ol-list>li:hover a {
	color: #188eee;
	cursor: pointer;
}

/* menu End */
.mainBody {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.alphabetBox {
	width: 100%;
	padding: 18px 20px;
	box-sizing: border-box;
	overflow: hidden;
	background: #fff;
	margin: 10px auto 0;
}

.alphabetBox a {
	float: left;
	color: #333;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	padding: 0 8px;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
	margin: 0 17px 0 0;
}

.alphabetBox a:last-of-type {
	margin: 0;
}

.alphabetBox a.active,
.alphabetBox a:hover {
	color: #fff;
	background: #188eee;
	border-radius: 3px;
}

.periodicalBox {
	width: 1200px;
	margin: 10px auto;
	background: #fff;
	overflow: hidden;
}

.periodicalBox .periodicalTable {
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
}

.periodicalTable tr th {
	border-bottom: 1px solid #f8f8f8;
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	color: #777;
	font-weight: normal;
	padding: 0 15px;
	box-sizing: border-box;
	text-align: center;
}

.periodicalTable tr th:first-of-type {
	width: 270px;
}
.periodicalBox .periodicalTable tr th em{
	width:20px;
	height: 42px;
	display: inline-block;
	cursor: pointer;
}
.periodicalBox .periodicalTable tr th em img{
	width: 9px;
	height: 16px;
	margin: -2px auto;
	display: inline-block
}

.periodicalTable tr td {
	padding: 15px;
	box-sizing: border-box;
	border-bottom: 1px solid #f8f8f8;
	text-align: center;
	line-height: 32px;
}

.periodicalTable tr td:first-of-type {
	width: 270px;
	text-align: left;
}

.periodicalTable tr:hover td {
	background: #F5F7FA;
	cursor: pointer;
}

.periodicalTable tr:hover td a {
	color: #188eee;
	text-decoration: underline;
}

/* pageBox star */
.pageBox {
	width: 550px;
	overflow: hidden;
	margin: 50px auto;
}

.pageBox a {
	float: left;
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #999;
	text-align: center;
	border: 1px solid #f3f6f9;
	background-color: #ffffff;
	border-radius: 2px;
	margin: 0 10px 0 0;
}

.pageBox a.active,
.pageBox a:hover {
	color: #fff;
	background: #007eee;
	border: 1px solid #007eee;
}

/* pageBox End */
/* footer star */
.footer {
	width: 100%;
	background: #fff;
	border: 1px solid #ccc;
	overflow: hidden;
	font-size: 13px;
	padding: 20px 0;
	box-sizing: border-box;
	line-height: 20px;
	margin: 20px auto 0;
}

.footer .map-nav {
	float: left;
	overflow: hidden;
}

.footer a {
	color: #333;
	float: left;
}

.footer .map-nav a::after {
	content: "|";
	padding: 0 8px;
	box-sizing: border-box;
}

.footer .map-nav a:last-child::after {
	content: "";
}

.footer a:hover {
	color: #666;
}

.footer .mov-nav {
	float: right;
	overflow: hidden;
}

.footer .mov-nav * {
	float: left;
	color: #333;
}

.footer .mov-nav img {
	margin: 5px;
}

.footer .mov-nav a {
	margin: 0 10px 0 0;
}

.infoot {
	width: 100%;
	clear: right;
	overflow: hidden;
	margin: 40px auto 0;
}

.infoot p {
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	color: #666;
}

/* footer end */

.getTop {
	position: fixed;
	right: 2%;
	bottom: 10px;
	padding-bottom: 120px;
	z-index: 999;
}

.btnTop {
	width: 64px;
	height: 64px;
	margin-bottom: 10px;
	cursor: pointer;
	position: relative;
	border-radius: 5px;
	background: url(../images/topIcon.png)no-repeat center #fff;
	display: none;
}

/* details Page Star */
.crumbs {
	width: 1200px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto 5px;
	overflow: hidden;
	background: url(../images/location_icon.png)no-repeat left;
}

.crumbs * {
	float: left;
}

.crumbs span:first-of-type {
	margin: 0 0 0 20px;
}

.crumbs span {
	color: #333;
}

.crumbs em {
	padding: 0 5px;
	box-sizing: border-box;
	font-style: normal;
	color: #333;
}

.crumbs a {
	color: #188eee;
}

.leftBox {
	width: 862px;
	float: left;
	overflow: hidden;
}

.rightBox {
	width: 318px;
	float: right;
	overflow: hidden;
}

.mainBox_One,
.mainBox_Two {
	padding: 20px;
	box-sizing: border-box;
	margin: 0 auto 20px;
}

.mainBox_One h1.cH1,
.mainBox_Two h1.cH1 {
	font-size: 30px;
	line-height: 48px;
	color: #333;
}

.mainBox_Two h1.cH1 {
/*	padding: 0 10px;*/
	box-sizing: border-box;
}

.mainBox_Two h1.eH1 {
	font-size: 24px;
	line-height: 36px;
	color: #333;
	background: #f9f9f9;
	border-radius: 3px;
	padding: 10px;
	box-sizing: border-box;
	margin: 5px auto;
}

.mainBox_One .mainInfor {
	width: 100%;
	margin: 0 auto;
	list-style: none;
	border-bottom: 2px solid #f8f8f8;
	overflow: hidden;
	padding: 15px 0;
	box-sizing: border-box;
}

.mainBox_One .mainInfor li {
	width: 25%;
	float: left;
	padding: 0 10px 0 0;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 28px;
	color: #666;
}

.mainBox_One .mainInfor li label {
	float: left;
}

.mainBox_One .mainInfor li span {
	float: left;
}

.mainBox_Two .mainInfor p {
	font-size: 14px;
	line-height: 28px;
	color: #333;
	padding: 0 0 0 10px;
	box-sizing: border-box;
}

.mainBox_One .introTitle {
	font-size: 18px;
	line-height: 28px;
	color: #333333;
	font-weight: bold;
	margin: 10px auto;
}

.mainBox_One .introCon {
	overflow: hidden;
}

.mainBox_One .introCon p {
	font-size: 16px;
	line-height: 28px;
	color: #333333;
	margin: 0 auto 20px;
}

.leftBox .in_leftBox {
	width: 200px;
	float: left;
}

.leftBox .in_rightBox {
	width: 642px;
	float: right;
}

.mainBody .titleH2 {
	font-size: 20px;
	line-height: 28px;
	color: #333333;
	padding: 15px 10px;
	box-sizing: border-box;
	border-bottom: 2px solid #f8f8f8;
}

.mainBody .titleH2 span {
	font-weight: normal;
	margin: 0 0 0 5px;
}

.in_alphabetBox,
.in_issueBox {
	padding: 10px;
	box-sizing: border-box;
	overflow: hidden;
}

.in_leftBox .conditionTitle {
	font-size: 16px;
	line-height: 24px;
	color: #999999;
	margin: 0 auto 10px;
}

.issueYear li {
	line-height: 32px;
	overflow: hidden;
}

.issueYear li:hover span,
.issueYear li .activeYear {
	cursor: pointer;
	color: #333;
}

.issueYear li span {
	display: block;
	/*height: 100%;*/
	width: 100%;
	color: #666;
	font-weight: bold;
	position: relative;
}

.issueYear li:first-of-type>dl {
	display: block;
}

.issueYear li>dl {
	display: none;
	width: 100%;
	overflow: hidden;
}

.issueYear li>dl a {
	float: left;
	width: 33.3%;
	font-size: 14px;
	color: #666;
	text-decoration: none;
}

.issueYear li>dl a.active,
.issueYear li>dl a:hover {
	text-decoration: underline;
	color: #188eee;
}

.in_alphabetBox a {
	float: left;
	width: 20px;
	color: #333;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	text-align: left;
}

.in_alphabetBox a.active,
.in_alphabetBox a:hover {
	color: #188eee;
	text-decoration: underline;
}

.periodicalList {
	width: 100%;
	padding: 15px 18px;
	box-sizing: border-box;
	list-style: none;
	overflow: hidden;
}

.periodicalList li {
	width: 100%;
	margin: 0 auto 20px;
	overflow: hidden;
}

.periodicalList li h3 {
	font-size: 16px;
	color: #333;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	margin: 0 auto 10px;
}

.periodicalList li p {
	font-size: 16px;
	color: #333;
	max-height: 48px;
	line-height: 24px;
	overflow: hidden;
	margin: 0 0 10px 0;
}

.periodicalList li p span {
	float: left;
	color: #666;
	font-size: 14px;
	margin: 0 100px 0 0;
}

.periodicalList li:hover {
	cursor: pointer;
}

.periodicalList li:hover h3 a {
	color: #188eee;
	text-decoration: underline;
}

.in_rightBox .pageBox {
	width: 550px;
}

.sideBox {
	width: 100%;
	margin: 0 auto 20px;
}

.sideBox .sideList {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	list-style: none;
}

.sideBox .sideList li {
	padding: 5px;
	box-sizing: border-box;
	border-bottom: 2px solid #fff;
}

.sideBox .sideList li a p {
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	color: #333;
}

.sideBox .sideList li:hover {
	border-bottom: 2px solid #188eee;
}

.sideBox .sideList li:hover a p {
	color: #188eee;
}

.yearPage {
	width: 115px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #ddd;
	margin: 20px auto;
	overflow: hidden;
}

.yearPage a,
.yearPage span {
	float: left;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	color: #777;
	text-align: center;
}

.yearPage a {
	width: 28px;
}

.yearPage span {
	width: 57px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.yearPage span em {
	font-style: normal;
	padding: 0 5px;
	box-sizing: border-box;
}

.yearPage a:hover {
	background: #188eee;
	color: #fff;
}

.tabBox {
	width: 100%;
	overflow: hidden;
}

.tabBox .tabTitle {
	border-bottom: 2px solid #f8f8f8;
}

.tabBox .tabTitle ul {
	list-style: none;
	width: 100%;
	overflow: hidden;
}

.tabBox .tabTitle ul li {
	float: left;
	text-align: center;
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
	color: #333333;
	padding: 15px 20px;
	box-sizing: border-box;
	cursor: pointer;

}

.tabBox .tabTitle ul li.action {
	color: #188eee;
	border-bottom:2px solid #188eee;
}

.tabBox .boxCon .item {
	display: none;
	overflow: hidden;
	padding: 0 20px 0 5px;
	box-sizing: border-box;
}

.tabBox .boxCon .item:first-child {
	display: block;
}

.tabBox .boxCon .item .in_item {
	float: left;
	width: 50%;
	padding: 10px 15px;
	box-sizing: border-box;
	overflow: hidden;
	margin: 20px auto;
}

.tabBox .boxCon .item .in_item h3 {
	font-size: 18px;
	line-height: 28px;
	color: #333333;
	margin: 0 auto 20px;
}

.tabBox .boxCon .item .in_item p {
	font-size: 16px;
	line-height: 28px;
	color: #333333;
	margin: 0 auto 20px;
}

.tabBox .boxCon .item .in_item p img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.tabBox .boxCon .item .e_item {
	background: #f9f9f9;
	border-radius: 3px;
}

.tabBox .pageBox {
	width: 550px;
}
p.content,.boxCon p{
 text-align: justify;
}
/* details Page End */


/* no content Star */
.periodicalBox .noContent,.mainBox_One .introCon .noContent, .in_rightBox .noContent,.tabBox .item .noContent {
		text-align: center;
			padding: 100px 20px;
				box-sizing: border-box;
			}

			.periodicalBox .noContent img,.mainBox_One .introCon .noContent img,.in_rightBox .noContent img,.tabBox .item .noContent img {
					width: 266px;
						display: block;
							margin: 20px auto;
						}
						.periodicalBox .noContent img,.in_rightBox .noContent img{
								height: 298px;
							}
							.mainBox_One .introCon .noContent img {
									height: 97px;
								}
								.periodicalBox .noContent .resultTxt,.mainBox_One .introCon .noContent .resultTxt,.in_rightBox .noContent .resultTxt ,.tabBox .item .noContent .resultTxt{
										font-size: 18px;
											font-weight: bold;
												line-height: 36px;
											}

											.periodicalBox .noContent .suggestTxt,.in_rightBox .noContent .suggestTxt,.tabBox .item .noContent .suggestTxt {
													font-size: 16px;
														line-height: 36px;
													}

													.mainBox_One .introCon .noContent {
															padding:20px;
														}

														/* no content End */