@charset "utf-8";
.data_header{height: 630px;width: 100%;background: url(../images/zjg_data_header_bg.jpg) center  top no-repeat;}
.data_header .container{position: relative;}
.data_header .data_logo{position: absolute;top: 30px;left: 0;}
.data_header .data_name{position: absolute;top: 262px;left: 0;font-size: 62px;font-weight: bold;background: url(../images/data_name_bg.png) left bottom no-repeat;color: #fff;width: 464px;}
.data_header .data_memo{color: #fff;font-size: 20px;position: absolute;top:355px;left: 0;width: 655px;line-height: 2em;}

.data .big-head .hd li.on{padding-bottom: 20px;border-bottom: 2px solid #e34747;}
.data .sideBar.fl{width: 20%;padding:15px 1.5%;background: #f9f9f9;overflow-y: auto;height: 880px;}



.data .mainContent.fr{width: 77%;}
.data .sideMenu li a{font-size: 16px;border: 0;background: none;padding: 0 4% 0 12%;margin:20px 0;cursor: pointer;}
.data_dqlb{font-size: 28px;font-weight: bold;}
.data_jdnd ul{border-radius: 21px;background: #eaeaea;line-height: 42px;text-align: center;font-size: 18px;}
.data_jdnd ul li{float: left;width: 140px;height: 42px;border-radius: 21px;cursor: pointer;}
.data_jdnd ul li.on{background: #6894ed;color: #fff;}


.data_box {padding:20px 0;}
.data_box .bold{font-weight: bold;}
.data_box .layui-btn-primary{background: #f4f4f4;}
.data .innerBox{overflow:visible;}
.data .inBox{position: relative;}
.data .sjb_sjt{position: absolute;right: -40px;top: -60px;}
.data .sjb_sjt ul:before{content:"";display: block;height: 10px;width: 40px;border-left: 1px solid #ededed; }
.data .sjb_sjt ul:after{content:"";display: block;height: 30px;width: 40px;border-left: 1px solid #ededed; }
.data .sjb_sjt ul li{width: 18px;padding: 20px 11px;border-left: 1px solid #ededed;cursor: pointer;}
.data .sjb_sjt ul li.on{font-weight: bold;border-bottom: 1px solid #ededed;border-right: 1px solid #ededed;border-top: 1px solid #ededed;background: url(../images/data_sjt_bg.jpg) right top repeat-y;border-left: 0;}
.data_list_box .infoList li{width: 48.5%;}
.data_list_box .infoList li:nth-child(2n){float: right;}
.data_list_box .infoList li.fr{float: right;}
.data_list_box .common-head .menu1 li{font-size: 28px;}


.datasz-main-mod .datasz-search{padding-top:15px;}
.datasz-main-mod .datasz-search .layui-form-item{clear:none; }
.datasz-main-mod .datasz-search .layui-form-item:after{clear:none;}
.datasz-main-mod .datasz-search .layui-form-item .layui-inline{margin-right:0;}
.datasz-main-mod .datasz-search .layui-form-item .layui-item-mod{float:none !important; display:inline-block; margin-right:5px !important;vertical-align: middle;}
.datasz-main-mod .datasz-search .layui-form-item .layui-input-inline{width:87px;}
.layui-form-select .layui-input{padding-right: 23px;}
.datasz-main-mod .datasz-search .layui-form-label{padding-right:5px; padding-left:10px; width:auto;}
.datasz-main-mod .datasz-search .layui-form-select dl dd.layui-this{background-color:#2898e9;}
.datasz-main-mod .datasz-search .layui-btn-primary:hover{border-color:#2898e9;}

.datasz-main-mod .datasz-table{position:relative;  margin-bottom:20px;}
.datasz-main-mod .datasz-fixed-thead{}
.datasz-main-mod .datasz-table-mod{height:555px; overflow:hidden;}
.datasz-main-mod .datasz-table table{background-color:#fff;}
.datasz-main-mod .datasz-table table thead th{font-weight:bold;background-color: #6894ed;color: white;}
.datasz-main-mod .datasz-table table thead th,
.datasz-main-mod .datasz-table table tbody td{padding:5px;font-size:14px;text-align:center;line-height:150%;border: 1px solid #9ab8f4;}
.datasz-main-mod .datasz-table table tbody td.thead{background-color: #6894ed;color: white;}
.datasz-main-mod .datasz-table table tbody tr:hover{background-color:#e2e2e2;}
.datasz-main-mod .datasz-table .table1 .col1{width:30%;}
.datasz-main-mod .datasz-table .table1 .col2{width:;}
.datasz-main-mod .datasz-table .table1 .col3{width:30%;}
.datasz-main-mod .datasz-table .table2 .col1{width:30%;}
.datasz-main-mod .datasz-table .table2 .col2{width:;}

.data_table_chart {position: relative;}
.mCSB_inside > .mCSB_container{margin-right: 0px!important;}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #7cb8ec!important;
	}
.panel-chart{width: 100%;height: 620px;}
#myChart{height: 620px;width:100%;}
@media (max-width: 1199px){
	.data_header .container{width: 98%;}
	.data_table_chart{margin-right: 30px;}
}


@media (max-width: 991px){
	.data .innerBox{position: relative;height: 925px;}
	.data .sideBar{width: 220px !important;position: absolute;left: -232px;top: 0;z-index:110;box-shadow:0 0 8px #ccc; ;}
	.mainContent{width: 95% !important;position: absolute;right:0;top: 0;z-index: 8;}
	.mobile-sideBar-icon{bottom: 50%;left: 220px;width: 20px;border-radius:0;}
	.mobile-sideBar-mark{background: none;}
	.parentChannel{display: block;margin-bottom: 30px;}
}



@media (max-width: 768px){
	.data_header .data_memo{width: 100%;top:225px;}
	.data_header .data_name{top: 142px;}
	.data_header{height: 440px;}
	.data_list_box .infoList li{width: 100%;}
}

@media (max-width: 480px){
	.data_header .data_name{width: 100%;font-size:52px;}
	.data .sideBar.fl{padding: 15px 2%;}
	.data_dqlb{margin-bottom: 20px;}
}
@media (max-width: 450px){
	.layui-form-item .layui-input-inline{margin-left: 0px;}
	.layui-form-item .layui-inline{margin-bottom: 0;display: inline-block;}
}
@media (max-width: 360px){
	.data_header .data_name{font-size:40px;}
}

