@charset "utf-8";
/* CSS Document */
.lm-opendata-mainbox{ padding-bottom: 20px;}
.ind_tel1{ height:47px;  border-bottom: 1px solid #d4d4d4; overflow: hidden;}
.ind_tel1 li{float:left; padding:0 11px;  text-align:center; height:47px;}
.ind_tel1 li a{font-size:20px; display: block; color: #505050; height: 47px; line-height: 46px;}
.ind_tel1 li a:hover{color:#428ece; font-weight: bold;}
.ind_tel1 li.active{ padding: 0; background: none;}
.ind_tel1 li.active a{color:#fff; padding: 0 24px; font-weight: bold; background: #428ece;}
.ind_tel1 li.active a:hover{color: #fff;}

.lmcontent{ padding: 20px 20px 0;}
.data_newdatabox{ padding-top: 16px; height: 510px; overflow: hidden;}
.data_newdatabox .data_parHd{ height: 45px; background: #f8f8f8; overflow: hidden; position: relative; padding: 0 18px;}
.data_newdatabox .tempWrap{ margin: 0 auto; overflow: hidden;}
.data_newdatabox .data_parHd li{float: left; text-align: center; height: 45px; font-size: 16px; line-height: 44px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 160px;}
.data_newdatabox .data_parHd li.act{ background: #dfe9f4; font-weight: bold; color: #0061d0;}
.data_newdatabox .data_parHd a{display: block; position: absolute; top: 50%; margin-top: -12px; width: 16px; height: 24px; background: url("../images/data_prve.png") 0 0 no-repeat;}
.data_newdatabox .data_parHd .sPrev{left: 0;}
.data_newdatabox .data_parHd .sPrev:hover{ background-position: -16px 0;}
.data_newdatabox .data_parHd .sNext{ right: 0; background-position: -32px 0;}
.data_newdatabox .data_parHd .sNext:hover{ background-position: -48px 0;}
.data_newdatabox .data_parBd{ padding: 20px 0 0; height: 445px; overflow: hidden;}
/* .data_newdatabox .data_parBd div{width: 100% !important;} */
.data_newdatabox .data_parBd .echarts-tooltip{width:auto !important;}


.data_listbox{ width: 570px; overflow: hidden; height: 276px;}
.data_listbox .list{ padding: 12px 0 0;}
.data_listbox .list li{ height: 34px; line-height: 34px;    background: url(../images/dot.jpg) left center no-repeat;  padding: 0 55px 0 12px; overflow:hidden;overflow:hidden; font-size: 16px;  position:relative; }
.data_listbox .list li .date{display:block;float:none;position:absolute;right:0;top:0;color:#ccc; font-size: 14px;}
.data_listbox .list .col-block{float:left; max-width: 100%; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.data_listbox .list .title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; float: none; margin-right: 0; max-width:none;}
.data_listbox .list .explain-list,.data_listbox .list .policy-list{display:block;float:right;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.data_listbox .list .explain-list .split-line,.data_listbox .list .policy-list .split-line{padding:0 5px;color:#666;font-size:14px;}
.data_listbox .list .explain-list .explain-link,.data_listbox .list .policy-list .policy-link{display:inline;color:#F00;float:none;background:none;max-width:none;padding:0;margin:0;}
.data_listbox .list .explain-list .explain-link:hover,.data_listbox .list .policy-list .policy-link:hover{color: #dd0000;}

.data_listbox2{ height: 103px; overflow: hidden;}
.data_listbox2 li{ float: left; margin-left: 20px; width: 216px; background: #f7f7f7; overflow: hidden; transition: 0.4s all;}
.data_listbox2 li.num1{margin-left: 0;}
.data_listbox2 li h3{float: left; width: 216px; height: 54px; padding: 24px 0 25px; cursor: pointer; background: #8fa8eb; line-height: 0; font-size: 0; transition: 0.4s all; border-radius: 5px; text-align: center;}
.data_listbox2 li h3 em{ height: 54px; display: inline-block; vertical-align: middle; width: 48px; background: url("../images/data_ico.png") 0 0 no-repeat; transition: 0.4s all;}
.data_listbox2 li h3 a{ display: inline-block; vertical-align: middle; white-space: nowrap; height: 24px; line-height: 24px; font-size: 20px; color: #fff; text-align: center; transition: 0.4s all; margin:15px 0 15px 20px;}
.data_listbox2 li h3 a:hover{font-weight: bold;}
.data_listbox2 li.num2 h3{ background: #e9c861;}
.data_listbox2 li.num2 h3 em{ width: 40px; background-position: 0 -54px;}
.data_listbox2 li.num3 h3{ background: #a6de71;}
.data_listbox2 li.num3 h3 em{ background-position: 0 -108px; width: 40px;}
.data_listbox2 li .bd{ margin-left: 216px; height: 76px; padding: 13px 0 14px 11px; width: 488px;}
.data_listbox2 li .bd ul{overflow: hidden; width: 458px;}
.data_listbox2 li .bd li{ float: left; width: 184px; height: 38px; line-height: 38px; padding: 0 0 0 18px; margin-left: 15px; background: url(../images/dot.jpg) left center no-repeat; font-size: 14px;}
.data_listbox2 li .bd li a{display: inline-block; max-width: 100%; margin-right: 0 !important; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.data_listbox2 li.active{ width: 685px;}
.data_listbox2 li.active h3 a{ color: #fff;}
.data-hfimg li{ margin-top: 20px;}
.data-hfimg li img{ width: 100%; height: auto;}
.data-hfimg .img-title{ display: none;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .data_newdatabox .tempWrap{width: 100% !important;}
    .data_listbox{ width: 466px;}
    .data_listbox .list li a{max-width: 360px;}
    .data_listbox2 li{width: 170px;}
    .data_listbox2 li.active{width: 572px;}
    .data_listbox2 li h3{width: 170px;}
    .data_listbox2 li h3 a{margin-left: 6px;}
    .data_listbox2 li .bd{margin-left: 170px; padding-left: 0;}
    .data_listbox2 li .bd li{ margin-left: 15px; width: 175px; padding-left: 10px;}
}
@media (max-width:1199px) {
    .data_newdatabox{ height: auto;}
    .data_newdatabox .data_parHd{height: auto;}
    .data_newdatabox .tempWrap{ height: auto; position: static !important; width: 100% !important;}
    .data_newdatabox .tempWrap ul{position: static !important; height: auto; width: 100% !important;}
    .data_newdatabox .data_parHd li{width: auto !important; padding: 0 20px;}
    .data_newdatabox .data_parBd canvas{width: 100% !important;}
    .data_newdatabox .data_parBd img{width: 100%; height: auto;}
    .data_newdatabox .data_parBd{height: auto;}
}

@media (max-width:991px) {
    .lmcontent{padding: 10px;}
    .data_newdatabox .data_parHd li{width: 25% !important; padding: 0;}
    .data_listbox{width: auto; float: none;}
    .data_listbox2{height: auto; margin-top: 0 !important;}
    .data_listbox2 li{float: none; width: 100% !important; margin:5px 0 0; height: 40px;}
    .data_listbox2 li.num1{margin-top: 0;}
    .data_listbox2 li h3,.data_listbox2 li .bd{float: none; width: auto;}
    .data_listbox2 li h3{padding: 0;height: 40px;line-height: 40px;text-align: center;}
    .data_listbox2 li h3 em{display: none;}
    .data_listbox2 li h3 a{ height: 40px; line-height: 40px; padding: 0; margin: 0; text-align: center;}
    .data_listbox2 li .bd{margin-left: 0; padding: 10px; height: auto;}
    .data_listbox2 li .bd li{float: none; width: auto; margin-left: 0;}
    .data_listbox2 li.active{height: auto;}
    .lm-opendata-mainbox{ padding-bottom: 10px;}
    .data-hfimg li{ margin-top: 10px;}
}
@media (max-width:767px) {
    .data_newdatabox .data_parHd li{width: 33.3% !important;}
}
@media (max-width:480px) {
    .data_newdatabox .data_parHd li{width: 50% !important;}
}
/**************数据开放 end**************/