﻿@charset "utf-8";
canvas{
	width:900px
}
.tj_ssul li{
	float:left;
	font-size:14px;
	margin-left:10px;
	margin-bottom:10px
}
.sj_select{position: absolute;
	top: 0;
	right: 0;
	z-index: 999;}
.selectbox-wrapper{
	color: #666;
	font-size: 15px;
	height: 28px;
	text-indent: 10px;
	border: #dbdbdb 1px solid;
	/*background: #fff url(../images/tjico.png) 90px center no-repeat;*/
	background: #fff;
	width: 115px;

}
.date_list_a{height: 510px;padding-top: 50px;}
.sjfb_chart{
	margin-top:0;
}
.tj_ssul{
	margin-bottom:5px
}

.panel {
	width: 231px;
	height: 510px;
	position: relative;
	/*min-width: 231px;*/
	/*max-width: 720px;*/
	background: #fef9f2;
}
.sjfb{position: relative;}
.sjfb_top{position: absolute;right: 0;top: -19px;}
.sjfb_top li{float: left;margin-left: 22px;}
.sjfb_top li a{display: block;line-height:38px;font-size: 20px;}
.sjfb_top li.active a{border-bottom: #c50001 1px solid;color: #c50001;font-weight: bold;}

.sjfbcon{width: auto;margin-left: 240px;float: none;}
/*******二级-月度数据-主体******/
.shuj_maincon{border:#dcdcdc 1px solid;padding:25px 39px 35px;margin-bottom:25px;}
.shuj_dbt{height:50px;line-height:40px;font-size:22px;font-weight:bold;color:#fe8f00;}

/*左侧*/
.shuj_lbox{width:231px;background:#f9f9f9;}
.shuj_ltop{height:50px;line-height:50px;padding:0 10px 0 20px;font-size:17px;color:#fff;background:#c50001;}
.shuj_treebox{padding:20px 10px;}
.shuj_showIcon{height:400px;overflow: initial !important;}
.shuj_showIcon.ztree li a{border:0;height:32px;line-height:32px;display:block;padding:0 3px 0 1px;}
.shuj_showIcon.ztree li span.button.switch{width:20px;/*height:32px;*/}
/*.shuj_showIcon.ztree li span.button.noline_open{background: url("../images/shuj_tree_down.png") 0 center no-repeat;}*/
/*.shuj_showIcon.ztree li span.button.noline_close{background: url("../images/shuj_tree_up.png") 0 center no-repeat;}*/
.shuj_showIcon.ztree li span{line-height:32px;font-size:15px;}
.shuj_showIcon.ztree li a.curSelectedNode,.shuj_showIcon .ztree li a.curSelectedNode_Edit{background: none;color: #fe8f00;opacity: 1;}
/*右侧*/
.sj_select span{float: left;line-height: 30px;}
.sj_select select{float: left; height: 30px;line-height: 20px;padding: 4px 10px;border: #ddd 1px solid;background: #fff;color: #666;margin: 0 3px;}
.sj_select .startYear,.sj_select .endYear{width: 110px;}
.sj_select .btn-search{height:30px;width: 50px; text-align: center;color:#000; background: #fff;border: #ddd 1px solid;margin-left: 3px;}
.sj_select .btn-search:hover{border-color:#c50001;background: #c50001; color: #fff;}

.shuj_rbox{width:864px;}
.shuj_flbox{height:30px;}
.shuj_flbox ul li{float:left;height:30px;}
.shuj_flbox ul li.drop .bt{display:block;float:left;width:41px;height:30px;line-height:30px; padding-left:6px;font-size:13px;color:#666;} 
.shuj_flbox ul li.drop .ipt{display:block;float:left;height:30px;}
.shuj_flbox ul li.drop .ipt input{float:left;width:131px;height:24px;line-height:24px;border:#cfcfcf 1px solid;padding:2px 9px;font-size:13px;color:#999;border-radius:2px 0 0 2px;background: url("../images/shuj_iptico.png") 129px center no-repeat;}
.shuj_flbox ul li.drop .drop_clear{display:block;float:left;width:28px;height:28px;border:#cfcfcf 1px solid;border-left:0;border-radius:0 2px 2px 0; background:url("../images/shuj_clearico.png") center center no-repeat;cursor: pointer;}
.shuj_flbox ul li.drop .drop_clear:hover{background-image:url("../images/shuj_clearicoh.png");transition:all 0.3s;}
.shuj_flbox ul li.toolbar_button span{display:block;float:left;white-space:nowrap;height:28px;line-height:28px;padding:0 11px;font-size: 13px;color: #666;border: #cfcfcf 1px solid;background: #f8f8f8;border-radius:2px;margin-left: 16px;cursor: pointer;}
.shuj_flbox ul li.toolbar_button span:hover{background: #fe8f00;border-color:#fe8f00;color:#fff;transition:all 0.3s;}
.shuj_tbcon{width:100%;height:auto;margin-top:20px;}
.shuj_tbcon img{width:100%;}
@media (min-width: 992px) and (max-width:1199px) {

	.shuj_maincon{padding:20px 25px 25px;}
	.shuj_conts{background-position:-123px 0;}
	/*右侧*/
	.shuj_rbox{width:684px;}
}
@media (max-width:991px) {
	.panel{width: 200px;}
	.sjfbcon{margin-left: 200px;}

	.shuj_maincon{padding:10px 15px 15px;margin:0 15px 15px;}
	.shuj_dbt{height:40px;line-height:30px;font-size:20px;}
	.shuj_conts{background-position:-120px 0;}
	/*左侧*/
	.shuj_lbox{width:220px;}
	.shuj_treebox{padding:15px;}
	.shuj_showIcon{height:350px;}
	/*右侧*/
	.shuj_rbox{width:471px;}
	.shuj_flbox ul li.drop .bt{width:40px;padding-left:0;} 
	.shuj_flbox ul li.drop .ipt input{width:120px;background-position:115px center;}
	.shuj_flbox ul li.toolbar_button span{padding:0 6px;margin-left:10px;}
	.shuj_tbcon{margin-top:15px;}
}
@media (max-width:767px) {
	.sjfb_top{position: static;margin-top: 20px;}
	.sjfb_box{margin-top:0px;}
	.panel{width:100%;height: auto;float: none;}
	.sjfbcon{margin-left:0;margin-top: 20px;}

	.shuj_maincon{padding:10px 10px 10px;margin-bottom:10px;}
	.shuj_conts{background:none;}
	/*左侧*/
	.shuj_lbox{float:none;width:auto;}
	.shuj_treebox{padding:15px;}
	.shuj_showIcon{height:240px;}
	.shuj_showIcon.ztree li a{height:26px;line-height:26px;}
	.shuj_showIcon.ztree li span.button.switch{height:26px;}
	.shuj_showIcon.ztree li span{line-height:26px;font-size:14px;}
	/*右侧*/
	.shuj_rbox{float:none;width:auto;margin-top:10px;}
	.shuj_flbox{height:70px;}
	.shuj_flbox ul li.drop{position:relative;width:100%;}
	.shuj_flbox ul li.drop .bt{float:none;position:absolute;left:0px;top:0;} 
	.shuj_flbox ul li.drop .ipt{float:none;margin: 0 29px 0 47px;}
	.shuj_flbox ul li.drop .ipt input{float:none;width:100%;height:30px;background-position:94% center;box-sizing:border-box;}
	.shuj_flbox ul li.drop .drop_clear{float:none;position:absolute;right:0px;top:0;}
	.shuj_flbox ul li.toolbar_button{width:100%;margin-top:10px;}
	.shuj_flbox ul li.toolbar_button span{margin:0 15px 0 0;}
}

@media (max-width:400px) {
.date_list_a{height: 400px;}
}
/*******二级-月度数据-主体end******/
.sjfb_con{width: 570px;}
.sjfb_title{height: 40px; border-bottom: 2px solid #c50001; font-size: 0; line-height: 0;}
.sjfb_title li{float: left;}
.sjfb_title li a{display: block;min-width: 80px; padding: 0 20px; font-weight: bold;font-size: 20px; line-height: 40px; height: 40px; text-align: center;}
.sjfb_title li a:hover,.sjfb_title li.active a{color: #fff; background:#c50001;}

.sjfb_list{padding: 10px 0;}
.sjfb_list li{ overflow: hidden; padding: 0 80px 0 0px; height:34px; line-height: 34px;background: url("../images/dot.png") left center no-repeat; font-size:16px; overflow: hidden; position: relative; padding-left: 15px;}
.sjfb_list li .nr{float:left; max-width: 100%; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sjfb_list li .title,.sjfb_list li .tit{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; float: none;}
.sjfb_list li .gl{display:block;float:right;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sjfb_list li .gl .split{padding:0 2px;}
.sjfb_list li .gl a{display:inline;color:#c50001;float:none;background:none;max-width:none;padding:0;margin:0;}
.sjfb_list li span.date{ font-family: Arial; white-space: nowrap; color: #999; font-size: 14px; position: absolute; right: 0; top: 0;}
@media (min-width: 992px) and (max-width:1199px) {
    .sjfb_con{width:466px;}
}
@media (max-width: 991px) {
    .sjfb_list li .gl{display: none;}
    .sjfb_con{width:100%;float: none;}
}

@media (max-width: 767px) {
    .sjfb_title{height: auto;}
    .sjfb_title li a{font-size: 18px;padding: 0 10px;}
}
