@charset "utf-8";
/* CSS Document */
/*公共标题*/
.data-tel{ background: 0 bottom repeat-x; background-image:  url("../images_new/telbg_ccc.gif") !important;}
.data-tel li{float: left; padding-right: 25px; height: 44px;}
.data-tel li a{display: block; height: 40px; padding: 0 6px; font-weight: bold; font-size: 22px; line-height: 32px;}
.data-tel li a:hover,.data-tel li.active a{ color: #487bc5;}
.data-tel li.active a{ border-bottom: 4px #487bc5 solid;}
@media (min-width: 992px) and (max-width:1299px) {
.data-tel li{padding-right: 7px;}
}
@media (max-width: 991px){
.data-tel li{padding-right: 10px;}
.data-tel li a{font-size: 18px;}
}
/*数据发布*/
.data-charts-box{ padding: 26px 0 0;}
.data-hf li{ margin-bottom: 20px;}
.data-hf .img-title{ display: none;}
.data-hf img{ width: 100%; height: auto;}
/*数据发布 标题*/
.data-charts-tel{ background: 0 bottom repeat-x; background-image: url("../images_new/telbg_ccc.gif") !important; height: 44px; overflow: hidden;}
.data-charts-tel .title{display: block; float: left; height: 40px; padding: 0 6px; font-weight: bold; font-size: 22px; line-height: 32px;border-bottom: 4px #487bc5 solid; color: #487bc5;}
.data-charts-tel ul{float: right; text-align: right; padding: 2px 3px 0 0; font-size: 0; line-height: 0;}
.data-charts-tel ul li{display: inline;}
.data-charts-tel ul li a{display: inline-block; margin: 0 0 0 7px; padding: 1px 18px; position: relative; height: 29px; border-radius: 28px; text-align: center; font-weight: bold; font-size: 18px; line-height: 28px;}
.data-charts-tel ul li .arrow{display: none;}
.data-charts-tel ul li a:hover{ color: #487bc5;}
.data-charts-tel ul li.active a{ color: #fff; background: #487bc5; border: 1px #487bc5 solid; padding: 0 16px;}
.data-charts-tel ul li.active .arrow{display: block; position: absolute; bottom: -7px; width: 14px; height: 7px; left: 50%; margin-left: -7px; background: url("../images_new/data_arrow.png?v=1") center bottom no-repeat;}
/*数据发布框架*/
.data-series-box{height: 658px; border: 1px solid #ccc; border-top: 0 none; padding:15px 20px 5px; overflow: hidden; position: relative;}
/*数据发布 > 筛选条件*/
.data-select{height:30px; width: 595px; text-align: right; position: absolute; right: 44px; top: 33px; z-index: 2; line-height: 0; font-size: 0;}
.data-select ul li { display: inline-block; *float: left; *display: block; vertical-align: middle; height: 30px; padding-left: 10px;}
.data-select ul li.bt,.data-select ul li.bt1{width: 84px; white-space: nowrap; overflow: hidden; line-height: 30px; font-size: 16px; padding-left: 0; text-align: left;}
.data-select ul li.bt1 {width: 33px; text-align: center;}
.data-select ul li.sel {width: 100px;}
.data-select ul li.p0 { padding-left: 0;}
.data-select ul li.sel select {width: 100%; height: 30px;line-height: 20px; padding: 4px 6px; border: #ccc 1px solid; vertical-align: middle; font-size: 16px;}
.data-select ul li .quary{ height: 28px; width: 48px; border: #ccc 1px solid; vertical-align: middle; cursor: pointer; text-align: center; font-size: 16px;}
.data-select ul li .quary:hover{background-color:#487bc5; border-color: #487bc5; color: #fff; }
/*数据发布 > 左侧目录*/
.sjfb_tab{ width: 294px; float: left;}
.sjfb_tab .j-scrollbar{ height: 630px; overflow: hidden; overflow-y: auto;}
.sjfb_tab li{ padding: 10px 19px 0 0;}
.sjfb_tab li a{ height: 58px; position: relative; padding: 0 0 0 29px; font-size: 16px; line-height: 58px; background: #f6f6f6; border-radius: 4px; display: block; border: 1px #f6f6f6 solid;}
.sjfb_tab li .arrow{display: none;}
.sjfb_tab li a:hover{color: #496fbb;}
.sjfb_tab li.active a{font-weight: bold; color: #fff; background: #496fbb; border-color:#496fbb;}
.sjfb_tab li.active .arrow{ display: block; position: absolute; width: 10px; height: 20px; right: -10px; top: 50%; margin-top: -10px; background: url("../images_new/data_arrow.png?v=1") 0 0 no-repeat;}
/*数据发布 > 数据图表*/
.sjfb_ny,.date_one{float: right; margin-top:60px; width:964px;}
.date_one{margin-top: 0;}
.data_series_mouth {position: relative;}
.date_con1 {display: none; position: relative; z-index: 1;}
.date_con1.active {display: block;}
.guimo_tab1 {position: absolute; top: 60px; left: 70px;}
.guimo_tab1 ul li {float: left; margin-right: 5px;}
.guimo_tab1 ul li.active a {color: #c00 !important;}
.date_list {width: 964px; height: 592px;}
/*数据列表*/
.data-listbox{width:635px; padding: 0 0 34px;}
.data-listbox .list{padding: 14px 0 0;}
.data-listbox .list li a{max-width: 100%; vertical-align: middle;}
.data-listbox .list li .date{color: #999;}

@media (min-width: 992px) and (max-width:1299px) {
.sjfb_tab{width: 285px;}
.sjfb_tab li{padding-right: 10px;}
.sjfb_ny, .date_one,.date_list{width: 665px;}
.guimo_tab1{left:30px;}
.data-listbox{width: 486px;}
}
@media (max-width:991px) {
.data-charts-box{padding-top: 10px;}
.data-series-box{ padding: 10px; height: auto;}
.data-select{position: static; height: auto; width: auto;}
.data-select li{padding-bottom: 5px;}
.sjfb_tab{width: auto; float: none;}
.sjfb_tab li{ float: left; width: 50%; box-sizing: border-box; padding: 10px 5px 0;}
.sjfb_tab li.active .arrow{ width: 0; height: 0; border-left: 7px transparent solid; border-right: 7px transparent solid; border-top: 7px #496fbb solid; right: auto; left: 50%; margin: 0 0 0 -7px; top: auto;}
.sjfb_tab li a{padding-left: 0; text-align: center; height: 44px; line-height: 44px;}
.sjfb_tab .j-scrollbar{height: auto !important; padding-bottom: 10px;}
.sjfb_tab .slimScrollDiv{height: auto !important;}
.guimo_tab1{position: static; line-height: 30px; padding: 0 0 0 5px;}
.sjfb_ny, .date_one{float: none; width: auto;}
.sjfb_ny{margin-top: 10px;}
.date_list{width: 746px; overflow: hidden; height: 430px;}
.mt20{margin-top: 10px;}
.data-listbox{width:auto; float: none; padding-bottom: 10px;}
}
@media (max-width:767px) {
.date_list{width: 578px; height: 380px;}
    .data-hf li{ margin-bottom: 10px;}
}
@media (max-width:619px) {
.date_list{width: 438px;}
}
@media (max-width:479px) {
.data-charts-tel ul li a{margin-left: 2px; padding: 0 8px; font-size: 16px;}
.sjfb_tab li{width: 100%;}
.sjfb_tab li a{height: 36px; line-height: 36px;}
.date_list{width: 383px; height: 300px;}
}
@media (max-width:424px) {
.date_list{width: 333px;}
}
@media (max-width:374px) {
.date_list{width: 278px; height: 260px;}
}