@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: #0c7b5b;}
.data-tel li.active a{ border-bottom: 4px #0c7b5b solid;}
@media (min-width: 992px) and (max-width:1199px) {
.data-tel li{padding-right: 7px;}
}
@media (max-width: 991px){
.data-tel li{padding-right: 10px;}
.data-tel li a{font-size: 18px;}
}
/*数据发布*/
.data-bg{background:#f8f8f8;padding: 18px 0 20px;}
.data-charts-box{ }
/*数据发布 标题*/
.data-charts-tel{position: relative; background: url(../images-new/tab-titbg.gif) left bottom repeat-x;}
.data-charts-tel .title{display: inline-block;height: 48px; line-height:48px; padding: 0 10px;color: #0c7b5b; font-weight: bold; font-size: 22px;border-bottom: #0c7b5b 4px solid; }
.data-charts-tel ul{position: absolute;top: 10px;right: 0; 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: #0c7b5b;}
.data-charts-tel ul li.active a{ color: #fff; background: #0c7b5b; border: 1px #0c7b5b 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{padding: 30px 0; overflow: hidden; position: relative;}
/*数据发布 > 筛选条件*/
.data-select{position: absolute;top: 119px; left: 50%;margin-left:-298px;text-align: center;  height:30px; width: 596px;  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{  width: 48px;height: 28px;line-height: 28px; border: #ccc 1px solid;background: #fff; vertical-align: middle; cursor: pointer; text-align: center; font-size: 16px;}
.data-select ul li .quary:hover{background-color:#0c7b5b; border-color: #0c7b5b; color: #fff; }
/*数据发布 > 左侧目录*/
.sjfb_tab{ margin:0 100px;position: relative;}
.sjfb_tab .scroll-wrap{width: 100%;height: 69px;overflow: hidden;}
.sjfb_tab li{width: 180px; float: left;margin-right: 23px;}
.sjfb_tab li a{display: block;text-align: center; height: 58px;line-height: 58px;font-size: 18px; background: #fff; border-radius: 4px; border: 1px #aec8c1 solid;position: relative;}
.sjfb_tab li .arrow{display: none;}
.sjfb_tab li.active a{font-weight: bold; color: #fff;background: #0c7b5b;border-color: #0c7b5b;}

.sjfb_tab li.active .arrow{ display: block; position: absolute; width: 17px; height: 9px; left: 50%;margin-left: -8px; bottom: -9px; background: url("../images-new/sjfb_tabhover.png") 0 0 no-repeat;}
.sjfb_tab .prev,.sjfb_tab .next{display: block;width:20px;height: 34px;position: absolute;top:14px; z-index:9;cursor: pointer;}
.sjfb_tab .prev{left: -33px;background: url("../images-new/sjfb_prev.png") center no-repeat;}
.sjfb_tab .next{right: -33px;background: url("../images-new/sjfb_next.png") center no-repeat;}
    /*数据发布 > 数据图表*/
.sjfb_ny,.date_one{margin-top:90px;}
.sjfb_ny{padding: 20px 25px;background: #fff;}
.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: 110px; left: 70px;}
.guimo_tab1 ul li {float: left; margin-right: 5px;}
.guimo_tab1 ul li.active a {color: #c00 !important;}
.date_list { height: 520px;}
/*数据列表*/
.data-listbox{width:585px; padding: 0 0 30px;}
.data-listbox .gk-list{padding: 14px 0 0;}
.data-listbox .gk-list li{height: 40px;line-height: 40px;}

@media (min-width: 992px) and (max-width:1199px) {
    .sjfb_tab li{padding-right: 10px;}

    .guimo_tab1{left:30px;}
    .data-listbox{width: 486px;}
}
@media (max-width:991px) {
    .data-charts-box{margin: 0 15px;}
    .data-series-box{ padding: 10px 0; height: auto;}

    .data-select{ width: auto;left: 0;margin-left: 0;top: 99px;}
    .data-select li{padding-bottom: 5px;}

    .sjfb_tab{width: auto; float: none;margin: 0 25px;}

    .guimo_tab1{top: 110px;left: 20px;}
    .sjfb_ny, .date_one{float: none; width: auto;}
    .sjfb_ny{margin-top: 90px;}
    .date_list{ overflow: hidden; height: 430px;}
    .mt20{margin-top: 10px;}
    .data-listbox{width:auto; float: none; padding:0 15px 15px;}
}
@media (max-width:767px) {
    .data-charts-tel{margin-bottom: 50px;}
    .data-charts-tel ul{width: 232px; top: auto;bottom: -50px;left: 50%;margin-left: -116px;}
    .sjfb_tab .prev{left: -26px;}
    .sjfb_tab .next{right: -26px;}
    .data-charts-box{margin: 0 10px;}
    /*.data-select{margin: 15px auto;}*/
    .sjfb_ny{padding: 10px;}
    .data-listbox{padding: 0 10px 15px;}
    .date_list{height: 380px;}
}

@media (max-width:479px) {
    .data-charts-tel ul li a{margin-left: 2px; padding: 0 8px; font-size: 16px;}
    .sjfb_tab li{margin-right: 10px;}
    .sjfb_tab li a{font-size: 16px;}
    .date_list{ height: 300px;}
}
@media (max-width:424px) {
    .date_list{width: 333px;}
}
@media (max-width:340px) {
    .date_list{ height: 260px;}
    .data-select{top: 79px;}
}



