@charset "utf-8";
/*CSS reset css重置*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
img {border:0}
address,caption,cite,code,dfn,em,strong,th,var
{font-style:normal;font-weight:normal}
ol,ul {list-style:none}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal}
q:before,q:after {content:''}
#body {font-family:"宋体",Arial, Helvetica, sans-serif;background:#efefef;font-size:12px;}
body {font-family: simsun, microsoft yahei, sans-serif;background:#efefef;font-size:12px;}
@media screen and (min-width: 1920px) {
	body {
		background-size: 100% auto;
	}
}
.logobg {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	height: 180px;
	background:#009cff;
}
.navbg {
	position: absolute;
	height: 83px;
	top: 194px;
	left: 0;
	width: 100%;
	overflow: hidden;
}
.navbg-center {
	width: 1600px;
	height: 70px;
	margin: 13px auto 0;
	position: relative;
}
.navbg-center:before {
	content: '';
	position: absolute;
	right: 1600px;
	bottom: 0;
	height: 83px;
	background-image: linear-gradient(#0a3a6c, #001939);
	width: 300%;
}
.navbg-center:after {
	content: '';
	position: absolute;
	left: 1600px;
	bottom: 0;
	height: 70px;
	background-color: #1a325e;
	width: 300%;
}

#nav:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 83px;
	background-image: linear-gradient(#0a3a6c, #001939);
	width: 10%;
}
#nav:after {
	content: '';
	position: absolute;
	left: 10%;
	bottom: 0;
	height: 83px;
	width: 35px;
	background: url(../images/nav_circle.png) no-repeat;
}
a {text-decoration:none;color:#000;}
select,a,input{outline:none;}

/*树样式*/
.ztree li span.button.switch{width: 10px!important;}
.ztreeT li span.button.switch{width: 15px!important;}

/*文字排版 */
.f10{font-size:10px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f20{font-size:20px;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.t0{text-indent:0;}
.t2{text-indent:2em;}
.lh150{line-height:150%}
.lh180{line-height:180%}
.lh200{line-height:200%}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}
.aHover:hover{color: #156095}

/*定位*/
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.bc{margin-left:auto;margin-right:auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
.vm{vertical-align:middle}
.pr{position:relative}
.pa{position:absolute}
.abs-right{position:absolute;right:0}
.zoom{zoom:1}
.hidden{visibility:hidden}
.hide{display:none}

/*长度高度*/
.w10{width:10px}
.w20{width:20px}
.w30{width:30px}
.w40{width:40px}
.w50{width:50px}
.w60{width:60px}
.w70{width:70px}
.w80{width:80px}
.w90{width:90px}
.w100{width:100px}
.w200{width:200px}
.w250{width:250px}
.w300{width:300px}
.w400{width:400px}
.w500{width:500px}
.w600{width:600px}
.w700{width:700px}
.w800{width:800px}
.w{width:100%}
.h50{height:50px}
.h80{height:80px}
.h100{height:100px}
.h200{height:200px}
.h{height:100%}

/*边距*/
.m10{margin:10px}
.m15{margin:15px}
.m30{margin:30px}
.mt3{margin-top:3px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt50{margin-top:50px}
.mt100{margin-top:100px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb50{margin-bottom:50px}
.mb100{margin-bottom:100px}
.ml5{margin-left:5px}
.ml6{margin-left:6px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.ml50{margin-left:50px}
.ml100{margin-left:100px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr50{margin-right:50px}
.mr100{margin-right:100px}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt50{padding-top:50px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb50{padding-bottom:50px}
.pb100{padding-bottom:100px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl30{padding-left:30px}
.pl50{padding-left:50px}
.pl100{padding-left:100px}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr30{padding-right:30px}
.pr50{padding-right:50px}
.pr100{padding-right:100px}

/*浮动 made by wumin*/
.left{float:left;}
.right{float:right;}
.clear{clear:both}
.clearfix{
    *zoom:1;
}
.clearfix:after{
    content:"";
    display:table;
    clear:both;
}
/*内容定位*/
.alignL{text-align: left!important;}
.alignC{text-align: center;}
.alignR{text-align: right;}

/*top*/

.sanjingpuflash {
	width: 995px;margin: 0 auto;overflow:hidden;position:relative;z-index:10;
}
.sjplink {
	position:absolute;z-index:12;top:0;left:0;
}
#top{
    height: 40px;
    width: 100%;
    background: #205aa7;
}
#top a{
	color: #ffffff;
	font-family: microsoft yahei;
	font-size: 18px;
}
#top .top-wrap{
	width:1600px;
    height: 40px;
    margin: 0 auto;
}
#top li{height: 40px;line-height: 40px;}
#top li{margin-left: 10px;}
#top li.line{background: url(../images/icon-5.png) no-repeat center;width:1px;font-size:0;}
#top .t-left{width: 200px;float: left;}
#top .t-left ul li{float: left;}
#top .t-right{float: right;}
#top .t-right ul li{float: left;}
.navsubmenustyle ul#menuE01,
.navsubmenustyle ul#menuG01 {
	background-color: #0a3a6c;
	border-radius: 0;
}
#menuE01 li a,
#menuG01 li a {
	color: #9fb8d7;
	font-size: 18px;
	line-height: 32px;
	padding:4px 15px;
	font-family: microsoft yahei;
}
#menuE01 li a:hover,
#menuG01 li a:hover {
	color: #fff;
	background: #0a3a6c;
}

/*header*/
#header {
	width:1600px;
	height: 320px;
	margin:0 auto;
    position: relative;
	font-family: microsoft yahei;
}

#header h1 {
	background: url(../images/logo.png) no-repeat;
	width: 446px;
	height: 210px;
	position: absolute;
	left: -150px;
	top: -30px;
	text-indent:-500px;
	overflow:hidden;
	z-index: 1;
}

#header .top-search {
	position: absolute;
	left: 50%;
	bottom: 20px;
	height: 41px;
	overflow: hidden;
	margin-left: -553px;
}
#header .top-search .search-img-title {
    width: 231px;
    height: 40px;
    float: left;
    margin-right: 20px;
}

#header .search-text {
    background: #fff;
    float: left;
    height: 35px;
    width: 290px;
    padding: 2px 10px;
    line-height: 35px;
    color: #999;
    font-size: 14px;
    border-radius: 5px 0 0 5px;
    border: 1px solid #999;
}

#header .search-btn {
    float: left;
    border: 1px solid #205aa7;
    width: 73px;
    height: 41px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    background-color: #13508f;
    border-radius: 0 5px 5px 0;
    margin-right: 20px;
}

/******搜索热词*******/
.keyword {
    float: left;
	width: 410px;
	height: 40px;
	overflow:hidden;
	padding-left: 50px;
	position: relative;
}
.keyword:after {
	content: '统计热词';
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	background: #e12eb9;
	color: #fff;
	text-align: center;
	line-height: 15px;
	padding: 5px;
    font-size: 14px;
}
.hot-search {
	width:670px;
	height: 120px;
	line-height: 40px;
	padding-left:100px;
	margin:80px auto;
	overflow:hidden;
	border-top:1px solid #00a5ea;
	font-size: 18px;
}
.hot-search strong{
	color: #00a5ea;
	position:absolute;
	left:0;
	top:0;
}
.hot-search-list li,
.keyword ul li{
	float:left;
	line-height: 20px;
	padding:0 6px;
	white-space:nowrap;
    font-size: 16px;
}
.hot-search-list li {
	line-height:40px;
	padding:0 10px;
}
.index-search {
    background: url(../images/icon-39.png) no-repeat;
	padding-left: 300px;
	width:470px;
	height:50px;
	margin:40px auto 0;
}
.index-search-text{
	float:left;
	width:360px;
	height:28px;
	padding:10px;
	font-size:16px;
	border:1px solid #aaa;
	color: #aaa;
}
.index-search-text:focus{
	border-color:#00a5ea;
	color: #111;
}
.index-search-img {
	width:59px;
	height:50px;
	float:left;
	margin-left:17px;
	cursor:pointer;
    background: url(../images/icon-40.png) no-repeat;
}

/*分栏拖拽样式*/
.splitbar {
    background: url(../images/splitbar-bg.png) no-repeat;
    cursor: e-resize;
    height: 77px;
    position: absolute;
    width: 9px;
}



/**footer**/
#footer {
    background:#014586;
	font-family: microsoft yahei;
	margin-top: 20px;
}
.footer-content {
	width: 1600px;
	height: 84px;
	margin:0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 17px;
    position: relative;
}
.select-item li{
	cursor: pointer;
	width: 200px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	float: left;
	padding: 0 20px;
	margin-right: 20px;
	background: #0e6eca;
	position: relative;
}
.select-item li.active{
	background: #fff;
	color: #333;
}
.select-item li:after {
	content: '';
	position: absolute;
	right: 15px;
	top: 15px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #fff;
}
.select-item li.active:after{
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #333;
	top: 6px;
}

.select-content {
	display: none;
	position: absolute;
	bottom: 84px;
	width: 100%;
	left: 0;
	background: #e9e9e9;
	border-top: 10px solid #1e64a8;
	padding: 16px 0;
	z-index: 11;
	overflow: hidden;
}

.select-content li{
	width: 25%;
	line-height: 40px;
	float: left;
	box-sizing: border-box;
	padding: 0 40px;
	font-size: 15px;
}

.footer-text {
	line-height: 36px;
	padding: 0 30px;
	color: #fff;
}

.about {
	border-top: 2px solid #507fab;
	background: #014586;
	margin: 0 auto;
	padding-top: 15px;
	font-size: 15px;
	font-family: microsoft yahei;
}
.about table{
	margin: 0 auto;
}
.about tr{
	height: 40px;
}
.about td{
	padding: 0 30px;
	color: #fff;
}

/*留言板*/
.messageTxt,
.messageTxtarea {
    padding:0 3px;
    vertical-align:middle;
    text-align:left;
    color:#aaa;
    border:1px solid #e3e3e3;
    height:18px;
    line-height:18px;
    width:240px;
}
.messageTxtarea {
    height:180px;
}
.messageBtn {
    color:#fff;
    cursor:pointer;
    height:22px;
    line-height:22px;
    width:54px;
    text-align:center;
    background:url(../images/signupbtn.jpg) repeat-x;
    display:inline;
}
.messageBtn:hover {
    background-position:0 -22px;
}
#messageTable strong {
	color:#f00;
}
#messageTable h2 {
	color:#009cff;
}
#messageTable tr {
	height:28px;
}

/***浏览器提示***/ 
.experience {
	position:fixed;
	bottom:0;
	height:30px;
	line-height:30px;
	background:url(../images/experience.png) repeat;
	color:#fff;
	width:1600px;
	left:0;
	z-index:6000;
	display:none;
}
.experience .close {
	background:url(../images/close.png) no-repeat;
	width:30px;
	height:30px;
	position:absolute;
	cursor:pointer;
	right:0;
	top:0;
}

@media screen and (max-width: 1679px) {
	#header,
	.navbg-center,
	#top .top-wrap,
	.footer-content {
		width: 1200px !important;
	}
	.navbg-center:before {
		right: 1200px !important;
	}
	.navbg-center:after {
		left: 1200px !important;;
	}

	.quickmessage .quickmessageL, .quickmessage .quickmessageR{
		width:333px !important;
	}

	#nav ul li:first-child {
		margin-right: 0 !important;
	}

	.play-box > ul > li .play-box-l > dl > dt {
		font-size: 24px !important;
	}

	.play-box > ul > li .play-box-l > dl > dd {
		font-size: 16px !important;
		line-height: 40px !important;
	}
	.main_top .more {
		bottom: 20px !important;
		font-size: 16px !important;
	}
	
	.timefind li span,
	.timefind li a,
	.tagContentL li a,
	.main_bottomM .visual_charts .textL,
	.main_bottom .updateList li span,
	.main_bottom .updateList li a {
		font-size: 15px !important;
	}

	.moreChart,
	.footer-content,
	.calendar .details li,
	#top a,
	#nav ul li a,
	#menuE01 li a,
	#menuG01 li a {
		font-size: 16px !important;
	}
	#content {
		width: 1200px !important;
	}
	.newPublish,
	.play-box {
		height: 380px !important;
	}
	.newPublish {
		padding-left: 20px!important;
	}
	.newPublish .titleBg {
		margin-bottom: 10px!important;
	}
	.newPublish li {
		line-height: 30px !important;
		font-size: 16px !important;
	}
	.newPublish li a {
	    width: calc(100% - 105px) !important;
	}
	.newPublish li span {
	    width: 100px !important;
	}
	.extra .extraContent {
		width: 285px !important;
		height: 150px !important;
	}
	.extra .extraContent1 {
		width: 120px !important;
		margin-left: 10px !important;
	}
	.datamap {
		height: 76px !important;
	}
	.getDataVideo{
		height: 60px !important;
		margin-top: 14px !important;
	}
	#footer,
	.main_bottom,
	.reportDiv,
	.main_extra,
	.quickmessage {
		margin-top: 20px !important;
	}
	#con,
	.timefind {
		padding: 20px 50px !important;
		width: calc(50% - 10px) !important;
	}
	.quickmessage .quickmessageL a,
	.quickmessage .quickmessageR a,
	.titleBg {
		font-size: 20px !important;
	}
	.titleBg::after {
		border-width: 3px !important;
		width: 48px !important;
	}
	#tags li a {
		font-size: 18px !important;
	}
	.hot-question {
		width:362px !important;
	}
	.stats-publish {
		margin-left: 20px !important;
	}
	
	.stats-year > a,
	.stats-publish > a,
	.stats-year > a > img,
	.stats-publish > a > img {
		height: 177px !important;
	}
	.main_extra .extra {
		width: 415px !important;
		padding: 30px 30px 57px !important;
	}
	
	.twoCode:nth-child(1) {
		left: -40px !important;
	}
	.twoCode:nth-child(2) {
		left: 30px !important;
	}
	.twoCode:nth-child(3) {
		left: 98px !important;
	}
	.twoCode:nth-child(4) {
		left: 166px !important;
	}
	.twoCode:nth-child(5) {
		left: 234px !important;
	}
	.extraContentT {
		top: 110px !important;
	}
	.extraContentB {
		padding: 26px 11px !important;
	}
	.extraContent3 {
		padding: 30px !important;
		margin-left: 20px !important;
	}
	.main_middleR {
		padding: 20px !important;
	}
	.calendar {
		width: 308px !important;
	}
	.calendar .days .day {
		width: 36px !important;
		line-height: 36px !important;
		height: 36px !important;
		font-size: 16px !important;
	}
	.calendar-pages .header h2 {
		font-size: 16px !important;
		width: 44px !important;
	}
	.calendar .days .day i {
		right: 5px !important;
		top: 5px !important;
	}
	.main_bottom table td.margin {
		border-right: 20px solid #f6f6f6!important;
		border-left: 20px solid #f6f6f6!important;
	}
	.main_middleR {
		width: 320px !important;
	}
	.main_bottomM,
	.main_bottomR {
		width: 360px !important;
		padding: 20px !important;
		height: 467px !important;
	}

	.play-prev,
	.play-next {
		width: 42px !important;
		height: 74px !important;
		background-size: 100%;
		margin-top: -37px !important;
	}
	.main_bottomM .visual_charts .chartL {
		width: 160px !important;
		height: 80px !important;
		font-size: 13px !important;
		margin: 0 6px 15px !important;
		border-width: 3px !important;
	}
	.main_bottomM .title,
	.main_bottomR .title {
		margin-bottom: 10px !important;
	}

}