@charset "utf-8";
body {
	background-color: #f6f6f6;
	font-family: microsoft yahei;
}

#nav ul li:first-child a {
	font-weight: 700;
}

#nav ul li:first-child a:after {
	content: '';
	background: #fff;
	position: absolute;
	border-radius: 3px;
	height: 5px;
	width: 80%;
	bottom: 1px;
	left: 10%;
}
#content {
	width:1600px;
	margin:0 auto;
}
#footer {
	margin-top: 30px;
}

#header .top-search {
	left: 0;
	margin-left: 0;
}
.reportDiv{
	margin-top: 30px;
}
/*main--top*/
.main_top{
	position:relative;
    background: #edf6ff;
    padding:30px 40px 20px;
}
.newPublish {
	float: right;
    width: 40%;
    padding: 20px 20px 20px 30px;
    box-sizing: border-box;
    height: 516px;
    background: #fff;
}
.newPublish li {
	line-height: 40px;
	list-style: initial;
	font-size: 20px;
    float: left;
    width: calc(100% - 20px);
    color: #b9d1ee;
    margin-left: 20px;
}
.newPublish li a {
	color: #333;
    float: left;
    width: calc(100% - 120px);
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.newPublish li span {
	color: #999;
    float: right;
    width: 120px;
}
.newPublish li::marker {
  font-size: 20px;
}
.main_top .more{ position:absolute; right:40px; bottom:15px; color:#2059a6;z-index:100;font-size: 20px;}
.main_top .more a{ color:#2059a6;}

/*******2023-12-27 start*******/
.extraBox {
	position: relative;
}
.main_extra .extra .extraContent{
	overflow: hidden;
	float: left;
}
.main_extra .extra .extraContent img {
	width: 100%;
	height: 100%;
}
.main_extra .extra .extraContent1{
	width:200px;
	float: left;
	margin-left: 30px;
	
}
.datamap {
	height: 103px;
	cursor: pointer;
}
.getDataVideo{
	height: 80px;
	cursor: pointer;
	margin-top: 17px;
}
.main_extra .extra .extraContent1 a,
.main_extra .extra .extraContent1 img{
	display: block;
	width: 100%;
	height: 100%;
}

.extraContent3 {
	margin-left: 30px;
	background: #fff;
	padding: 30px 30px 49px;
	float: left;
}

.stats-year,
.stats-publish {
	float: left;
}

.stats-year > a,
.stats-publish > a,
.stats-year > a > img,
.stats-publish > a > img {
	display: block;
	height: 201px;
}

.stats-publish {
	margin-left: 60px;
}

.hot-question {
	width: 422px;
	float: right;
}

.hot-question > a,
.hot-question > a > img{
	display: block;
	width: 100%;
}

.extraContent2{
	margin-top: 30px;
	position: relative;
}

.extraContentT {
	width:250px;
	height:100px;
	position: absolute;
	top: 120px;
	left: -40px;
	z-index: 11;
	display: none;
}

.extraContentB {
	height:68px;
	padding: 36px 41px;
	background:#fff;
}

.extraContentB li{
	float: left;
	padding: 10px;
	cursor: pointer;
	width: 48px;
	height: 48px;
	border-radius: 5px;
	position: relative;
}

.extraContentB li:hover{
	background-color:#e7e7e7;
}

.extraContentB li:after{
	content: '';
	position: absolute;
	right: 11px;
	top: 9px;
	width: 48px;
	height: 48px;
	background: url(../images/icon-app.png) no-repeat;
}
.extraContentB li:nth-child(2):after {
	background-position: -48px 0;
}
.extraContentB li:nth-child(3):after{
	background-position: -96px 0;
}
.extraContentB li:nth-child(4):after{
	background-position: -144px 0;
}
.extraContentB li:nth-child(5):after{
	background-position: -192px 0;
}

.twoCode {
	display: none;
	width: 100%;
	height: 100%;
	background:#f1f1f1;
	box-shadow: 0 0 16px rgba(95,95,95,0.8);
	position: absolute;
	top: 0;
	left: -10px;
}
.twoCode:before {
	content: '';
	position: absolute;
	bottom: 100px;
	left: 116px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #f1f1f1;
}
.twoCode:nth-child(2) {
	left: 60px;
}
.twoCode:nth-child(3) {
	left: 128px;
}
.twoCode:nth-child(4) {
	left: 196px;
}
.twoCode:nth-child(5) {
	left: 264px;
}
.twoCode.active {
	display: block;
}
.twoCodeName {
	width: 50%;
	height: 64px;
	border-left: 1px dashed #73c9ff;
	position: relative;
	text-align: center;
	float: right;
	margin-top: 12px;
	padding-top: 12px;
	font-size: 18px;
	font-family: Microsoft YaHei;
}
.twoCodeName:before {
	content: '';
	position: absolute;
	left: -100px;
	top: 0;
	width: 76px;
	height: 76px;
	background: url(../images/icon-app-code.png) no-repeat;
}
.twoCode:nth-child(2) .twoCodeName:before {
	background-position: -76px 0;
}
.twoCode:nth-child(3) .twoCodeName:before {
	background-position: -152px 0;
}
.twoCode:nth-child(4) .twoCodeName:before {
	background-position: -228px 0;
}
.twoCode:nth-child(5) .twoCodeName:before {
	background-position: -304px 0;
}
.main_extra{
	margin: 30px auto 0;
}
.main_extra .extra {
	position: relative;
	float: left;
	padding: 30px 50px 50px 46px;
	background: #fff;
}
.main_extra .extra a,
.main_extra .extra span,
.main_extra .extra img{
	display: block;
	width: 100%;
	height:100%;
}
.main_extra .extra a:hover{
	color:#0962be;
}
/*******2023-12-27 end*******/


/*main--middle*/
.main_middle{
	margin:10px 0 0 0;
	*margin:-10px 0 0 0;
	*_margin:10px 0 0 0;
	*border:1px solid #fff;
}
.main_middleL{
	float:left;
	margin:0px auto;
	width:250px;
}
.main_middleL .latest{
	width:228px;
	height:210px;
	border:1px solid #e3e3e3;
	border-top:none;
	text-align:left;
	padding:10px;
}

.main_bottom .updateList li {
	width: 100%;
	height:36px;
	line-height:36px;
	list-style: initial;
	padding-left: 5px;
	color: #b9d1ee;
	float: left;
}
.main_bottom .updateList li span {
	white-space: nowrap;
	width: 30%;
	text-align: right;
	float: right;
	font-size: 17px;
	color: #666;
}
.main_bottom .updateList li a {
	font-size: 17px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	float: left;
	width: 70%;
}
.main_bottom .updateList li a:hover {
	color:#0962be;
}

/*  三经普数据    */
.jp3 {
	width:217px;
	height:255px;
	border:1px solid #e3e3e3;
	background:url(../images/tab_menu.jpg) repeat-x top;
	overflow:hidden;
}
.jp3 h2 {
	line-height:28px;
}
.jp3 ul {
	padding-top:12px;
}
.jp3 ul li {
	padding-left:5px;
	line-height:25px;
	border-bottom:1px solid #e3e3e3;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.jp3 ul li.last {
	border:none;
}

/* 2018年时间利用调查 */
.titleBg {
    height:36px;
    line-height:20px;
    color:#0962be;
    font-size: 24px;
    margin-bottom: 20px;
    position: relative;
    font-weight: 600;
}
.titleBg a {
	color: inherit;
}
.titleBg:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
    border-bottom:4px solid #0962be;
    width: 57px;
}

.timefind-tab h2{
	float: left;
	width: 40%;
	cursor: pointer;
}
.titleBg.dark {
	color: #333;
}
.titleBg.dark:after {
	border-bottom: none;
}

.timefind-content ul {
	display: none;
}

.timefind-content ul.active {
	display: block;
}

.timefind {
	box-sizing: border-box;
	width: calc(50% - 15px);
	float: right;
	padding: 30px 50px;
	height: 512px;
	overflow: hidden;
	background:#fff;
}

.timefind li {
	height: 45px;
	line-height: 45px;
	padding-left: 5px;
	list-style: initial;
	color: #b9d1ee;
	float: left;
	width: 100%;
}

.timefind li a {
	color: #333;
	font-size: 17px;
	float: left;
	width: 80%;
}
.timefind li a:hover {
	color:#0962be;
}

.timefind li span {
	float: right;
	width: 20%;
	color: #333;
	font-size: 17px;
}

/*发布日程*/ 
.main_middleR{
    width:400px;
    padding: 30px;
    background: #fff;
}

/*main--bottom*/
.main_bottom{
	margin-top: 30px;
}
.main_bottomL{
	float:left;
	margin:0px auto;
	width:250px;
}
.main_bottomL .title{
	background:url(../images/bannerbg_blue.jpg) repeat-x;
	width:238px;
	height:28px;
	line-height:28px;
	border:1px solid #205aa7;
	color:#fff;
	padding:0 0 0 10px;
	font-size:14px;
}
.main_bottomL .data_map{
	background:#0962be;
	width:228px;
	height:240px;
	border:1px solid #205aa7;
	border-top:none;
	text-align:center;
	padding:10px;
	overflow:hidden;
	
}

.main_bottomL .data_map img{
	vertical-align:top;
}
.main_bottomL .data_map .mapPic{
	border:1px solid #fff;
	width:226px;
}
.main_bottomL .data_map .mapText {
	margin-top:9px;
	border:1px solid #fff;
	width:226px;
	height:84px;
	text-align:left;
}
.main_bottomL .data_map .mapText .picL{
	width:90px;
	padding-right:5px;
	float:left;
}
.main_bottomL .data_map .mapText .textR{
	width:131px;
	float:right;
}
.main_bottomL .data_map .mapText .textR ul li{
	text-align:left;
}
.main_bottomL .data_map .mapText .textR ul .font14{
	font-weight:bold;
	color:#fff;
}

.main_bottomL .data_map table.data{
	margin:5px 0 0 0;
	width:228px;
}
.main_bottomL .data_map table.data td{
	border:none;
	font-size:9px;
	padding:0px;
	border-collapse:collapse;	
	white-space:nowrap;	
	height:25px;
	line-height:25px;
}


.main_bottomM {
	width: 474px;
	background: #fff;
	padding: 33px;
}

.roller-container {
	width: 280px;
}
#rollDiv{
	position:absolute;
	/*top:48px;*/
	right:5px !important;
	_right:0;
	width:280px;
}
.main_bottomM .visual_charts .roller-container{
    width: 280px;
}
.main_bottomM .visual_charts .pop_clock .clockNb{
	padding:0 2px 0 0 !important;
	margin:0;
	display: inline;
	width:24px;
	height:33px;
    float:left; 
	_padding-top:19px;
}
.main_bottomM .visual_charts .pop_clock .clockNbOne{
	padding-right:6px !important;
	_padding-right:7px;
	_padding-top:21px;
	display: inline;
	width:24px;
	height:33px;
	float:left; 
}
.main_bottomM .visual_charts .pop_clock img{
	padding:0;
	margin:0;
	border:0;
}

.main_bottomM .visual_charts .pop_clock .padingWd{
	padding-right:3px;
}
.main_bottomM .visual_charts .chart{
	float:right;
	width:92px;
	height:95px;
}

.main_bottomM .visual_charts .chartL img{
	width: 100%;
	height: calc(100% - 25px);
	vertical-align:top;
	text-align: center;
	border-bottom:1px solid #009aff;
	padding-bottom:1px;
}
.main_bottomM .visual_charts a:hover{
	text-decoration:none;
}
.main_bottomM .visual_charts .chartBox a span{
	white-space:nowrap;
	display:block;
}
.main_bottomM .visual_charts .chartL{
	float:left;
	border:4px solid #009aff;
	background:#fff;
	width: 195px;
	height: 96px;
	padding:1px;
	text-align:center;	
	margin:0 16px 20px;
	font-size: 15px;
}
.main_bottomM .visual_charts .chartL span{
	vertical-align:text-bottom;
}
.main_bottomM .visual_charts .chartR img{
	vertical-align:top;
	text-align: center;
	border-bottom:1px solid #009aff;
	padding-bottom:1px;
}
.main_bottomM .visual_charts .chartR{
	float:right;
	border:3px solid #009aff;
	background:#fff;
	width:156px;
	height:76px;
	padding:1px;
	text-align:center;
	margin:8px 0 2px 0 !important;
	>margin:-4px 0 2px 0 !important;
	_margin:-3px 0 2px 0;
}
.main_bottomM .visual_charts .chartR span{
	vertical-align:text-bottom;
}
.main_bottomM .visual_charts .textL{
	font-size: 17px;
}

.chartBox {
	margin-top: 30px;
}

.main_bottom table td {
	vertical-align: top;
	background: #fff;
}
.main_bottom table td.margin {
	border-right: 30px solid #f6f6f6;
	border-left: 30px solid #f6f6f6;
}

.main_bottomR{
	width: 480px;
	overflow: hidden;
	padding: 30px;
}

.main_bottomR .latest{
	width:228px;
	height:260px;
	border:1px solid #e3e3e3;
	border-top:none;
	text-align:left;
	padding:0px 10px;
}
.main_bottomR .latest li{
	list-style:none;
	text-align:left;
	width:227px;
	float:left;
}
.main_bottomR .latest li a{
	border-bottom:1px solid #e3e3e3;
	display:block;
	color:#131313;
	line-height:25px;
	text-decoration:none;
}
.main_bottomR .latest li a:hover{
    color:#0962be;
}
.main_bottomR .latest li.noline a{
	border-bottom:none;
	display:block;
	color:#131313;
	line-height:25px;
	text-decoration:none;
}
.main_bottomR .latest li.noline a:hover{
    color:#0962be;
}

/* 统计数据产品 */
.appBox li{
	float:left;
	margin:10px 5px;
	display:inline;
	text-align:center;
}
.appBox li p{
	text-align:left;
	padding:5px 0 10px 5px;
}
.appBtn{
	width:186px;
	height:56px;
	display:block;
	background:url(../images/appbtn.png) no-repeat;
}
.ios{
	background-position:0 0;
}
.ios1{
	width:156px;
	background-position:0 -168px;
}
.ios2{
	width:156px;
	background-position:0 -224px;
}
.apk{
	width:156px;
	background-position:0 -280px;
}
.apk1{
	background-position:0 -56px;
}
.apk2{
	background-position:0 -112px;
}

.moreChart {
	text-align: right;
	padding-right: 20px;
	font-size: 18px;
}
.moreChart a {
	color: #0962be;
	text-decoration: underline;
}