/*****
*怀化市政府集约化建设子站公共样式文件
*@crtime:2019年8月5日21:55
*@Company:湖南微象科技有限公司 www.microxiang.com
*@Author:金鑫
*@modifyLog: what when who
*
*/
/* IE8兼容*/
.content-box{overflow:hidden;}
.echarts-tit{height:92px;line-height:92px;font-size: 22px;}
.echarts-box{height:333px;}
.tjnj-tt{height:60px;}
.tjnj-list{height:138px;}
.date-tjnj{height:282px;}
.date-xxlist{height:326px;}
.tjnj-list ul{height:138px;}
/* 内容样式 - 背景*/
body{background-color: #f8f8fa;}
.echarts-box{margin-bottom: 40px;background-color: #fff;overflow: hidden;position: relative;}
.echarts-bg{padding:15px 8px 0;}
.echarts-item,.echarts-item canvas{height:286px;width:100%;float: left;}

.data-ct-box .tabtitle ul li a{font-size: 22px;margin-right: 32px;}
.data-ct-box .tabtitle ul li.on>a{color: #3f85e0;background-color: #f8f8fa;border-bottom: 2px solid #3f85e0;}
.data-ct-box .tabtitle ul li a:hover, .data-ct-box .tabtitle ul li a:focus{color: #3f85e0;}
.data-ct-box .list-body{margin-top: 24px;}
.data-ct-box .list-body ul li {float: left;width: 20%;border-bottom: 0px;padding-left: 0;background: none;padding-right: 1.33%;margin-bottom: 1.33%;}
.data-ct-box .list-body ul li:nth-child(5n+0){padding-right: 0;}
.data-ct-box .list-body ul li a {display: block;text-align: center;width: 100%;background-color: #fff;max-width: 100%;}
.list-body li a{background: none;padding-left: 0;}


.data-ct-box .list-body .data-directory li{height: 80px;line-height: 80px;}
.data-ct-box .list-body .data-directory li a:hover {background-color: #3f85e0;color: #fff;}
.pic_datas{background-image: url(../images/pic_datas.png);display: inline-block;vertical-align: middle;}
.data-directory li a {position: relative;text-align: right;height: 80px;line-height: 80px;}
.tabtitle{margin-bottom: 16px;}
.data-directory li a span{margin-left: 40%;}
.pic_gl{background-position: 0 -80px;width: 80px;height: 80px;position: absolute;left: 15%;}
.data-ct-box .list-body .data-directory li a:hover .pic_gl{background-position: 0 0;}
.pic_gc{background-position: -80px -80px;width: 80px;height: 80px;position: absolute;left: 15%;}
.data-ct-box .list-body .data-directory li a:hover .pic_gc{background-position: -80px 0;}
.pic_sy{background-position: -160px -80px;width: 80px;height: 80px;position: absolute;left: 15%;}
.data-ct-box .list-body .data-directory li a:hover .pic_sy{background-position: -160px 0;}
.pic_zf{background-position: -240px -80px;width: 80px;height: 80px;position: absolute;left: 15%;}
.data-ct-box .list-body .data-directory li a:hover .pic_zf{background-position: -240px 0;}
.pic_zy{background-position: -480px -80px;width: 80px;height: 80px;position: absolute;left: 15%;}
.data-ct-box .list-body .data-directory li a:hover .pic_zy{background-position: -480px 0;}
.pic_gb{background-position: -320px -80px;width: 80px;height: 80px;position: absolute;left: 15%;}
.data-ct-box .list-body .data-directory li a:hover .pic_gb{background-position: -320px 0;}
.pic_jy{background-position: -560px -80px;width: 80px;height: 80px;position: absolute;left: 15%;}
.data-ct-box .list-body .data-directory li a:hover .pic_jy{background-position: -560px 0;}
.pic_ws{background-position: -400px -80px;width: 80px;height: 80px;position: absolute;left: 15%;}
.data-ct-box .list-body .data-directory li a:hover .pic_ws{background-position: -400px 0;}
.pic_fw{background-position: -640px -80px;width: 80px;height: 80px;position: absolute;left: 15%;}
.data-ct-box .list-body .data-directory li a:hover .pic_fw{background-position: -640px 0;}
.pic_sbjy{background-position: -720px -80px;width: 80px;height: 80px;position: absolute;left: 15%;}
.data-ct-box .list-body .data-directory li a:hover .pic_sbjy{background-position: -720px 0;}
.pic_ys{background-position: -800px -80px;width: 80px;height: 80px;position: absolute;left: 15%;}
.data-ct-box .list-body .data-directory li a:hover .pic_ys{background-position: -800px 0;}

/* 部门数据-统计公报*/
.date-xxlist{padding:0 32px 16px;background-color:#fff;margin-bottom:40px;margin-top: 40px;border-top: 4px solid #0d4c99;}
.slyj div ul li {float: left;width: 50%;background: url(../images/sj.png) no-repeat 0 6px;}
.slyj div ul li:nth-child(1), .slyj div ul li:nth-child(2){margin-bottom: 16px;}
.slyj div{padding: 11px 0;}
.sgtj {margin: 24px 0;}
.sgtj div ul li a, .slyj div ul li a{margin-left: 19px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;width: 80%;}
.sgtj div ul li {float: left;width: 50%;background: url(../images/sj.png) no-repeat 0 6px;}
.sgtj div ul li:nth-child(1), .sgtj div ul li:nth-child(2){margin-bottom: 16px;}
.sgtj div {padding: 25.6px 0;width: 74%;padding-left: 4%;}
.sgtj h2, .slyj h2{border-right: 1px solid #e6e8e8;text-align: center;color: #3f85e0;}
.divsion-data, .public-data{width: 48%;}

.data-right h2{font-size: 22px;;width: 100%;height: 92px; line-height: 92px;}
.slyj div{width: 74%;padding-left: 4%;}
.divsion-data {margin-right: 2%;}
.divsion-pub-box{background-color: #fff;}
.public-data h2,{border-bottom: 1px solid #e6e8e8;width: 100%;}
.divsion-data>h2{width: 100%;}
.public-data ul li , .data-right ul li{height: 43px;line-height: 43px;background: url(../images/zfx.png) no-repeat 10px 20px;padding: 0 16px;}
.djkb-box{background: #fff;padding: 16px 16px;}
/* .public-data ul li:first-child{margin-top: 16px;} */
.public-data ul li a{padding-left: 16px;display: inline-block;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.public-data ul li span{float: right;color: #666;}
.data-right ul li a{padding-left: 16px;display: inline-block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.data-right ul li span{float: right;}

.echarts-box .hd{text-align: center;width: 100%;}
.echarts-box .hd li{display:inline-block;border-bottom-left-radius: 8px;border-top-right-radius:8px;}
.echarts-box .hd li.on{
    background-color: #0d4c99;
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
    /*右、下、距离、模糊程度、阴影颜色，内阴影*/
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
    -ms-box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
    }
.echarts-box .hd li.on a{color:#fff;}
.echarts-box .hd li a{padding:0 16px;line-height:32px;text-align: center;display: block;}

/* 数据发布-修改 */
.data-left{width: 68.5%;}
.data-right{width: 28%;margin-left:3.5%;}

.date-tjnj1{background: #FFF;padding: 32px 40px 0px 40px;margin-bottom: 40px;}
.echarts-box1 .hd {width:20%;float:left;}
.echarts-box1 .hd li {width: 100%; height:58px;text-align: center;line-height: 24px;background: #f7f8fc;display:table;padding: 0 10px;box-sizing: border-box;}
.echarts-box1 .hd li a {display: table-cell;color: #000;/* font-size:14px; */vertical-align: middle;}
.echarts-box1 .hd li.on {background: #0d4c99;}
.echarts-box1 .hd li.on a {color:#fff;}
.echarts-box1 .bd {width:100%;}

/* 统计年鉴 */
.date_box {background: #FFF;}
.date-tjnj{padding:32px 40px;}
.tjnj-tt h2{font-size: 22px;padding-bottom: 30.5px;text-align: center;}
.tjnj-list ul{padding: 8px 146px 27px 146px;border-bottom: 1px dashed #808080;}
.tjnj-list ul li{float: left;margin-right: 80px;position: relative;}
.tjnj-list ul li::after{content: '';width: 8px;height: 8px;left: 50%;margin-left: -4px;bottom: -37px;background: #FFF;display: block;border-radius: 50%;border: 4px solid #f89a13;position: absolute;
    box-shadow: 0px 0px 8px 0px rgba(255,148,71,0.66);
    -webkit-box-shadow: 0px 0px 8px rgba(255,148,71,0.66);
    -moz-box-shadow: 0px 0px 8px rgba(255,148,71,0.66);
    -ms-box-shadow: 0px 0px 8px rgba(255,148,71,0.66);
    -o-box-shadow: 0px 0px 8px rgba(255,148,71,0.66);}
.tjnj-list ul li:last-child{margin-right: -80px;}
.tjnj-list ul li a{display:block;height: 102px;width: 102px;line-height: 102px;border: 1px solid #e1e1e1;color: #0d4c99;font-size:18px;border-radius: 50%;text-align: center;font-weight: 600;}
.tjnj-list ul li a:hover{background: #3f85e0;color: #FFF;}
.tjnj-list{margin-bottom: 20px;}
/* .echarts-item,.echarts-item>div:first-child{width:806px !important;} */

@media screen and (max-width:1200px){
/* IE8兼容*/
.content-box{overflow:hidden;}
.echarts-tit{height:auto;}
.echarts-box{height:auto;}
.pub-bg-box{height:auto;}
.tjnj-tt{height:auto;}
.tjnj-list{height:auto;}
.date-tjnj{height:auto;}
.pub-bg-box{height:auto;}
.date-xxlist{height:auto;}
.tjnj-list ul{height:auto;}

  .echarts-box{height: auto;}
  .echarts-box h2{padding-left: 1rem;}
  .divsion-data, .public-data, .data-right{width: 100%;padding: 0 1.5rem;margin-right: 0;}
  .data-ct-box{padding: 1rem;}
  .sgtj div ul li a, .slyj div ul li a{width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;}
  .divsion-data h2, .public-data h2, .data-right h2{padding-top: 2.5rem;padding-bottom: 2.5rem;}
  .divsion-data>h2, .public-data>h2, .data-right>h2{padding-top: 1rem;padding-bottom: 2rem;}
  .slyj div,   .sgtj div{padding: 1.3rem 0;padding-left: 4%;}
  .public-data, .data-right{margin-bottom: 1rem;}
  .divsion-data>h2{padding-top: 0;padding-bottom: 1rem;}
  .public-data h2, .data-right{padding-top: 0;padding-bottom: 1rem;}
  .data-left{width: 100%;}
  .tjnj-list ul{padding: 8px 0 27px 0;}
  .echarts-box .hd li{width: 24%;}

.echarts-box{margin-bottom:0;}
.echarts-box1 .hd{width:auto;float:inherit;margin-bottom: 20px;}
.echarts-box1 .hd li {width:49%;height:auto;display:inline-block;}
.echarts-box1 .hd li a {padding: 0 16px;line-height: 32px;text-align: center;display: block;}
.echarts-box1 .bd{width:auto;float:inherit;}
.data-right h2,.echarts-tit{height: inherit;line-height: 30px;padding: 1rem 0.5rem;/* padding-bottom: 1rem; */border-right: 0;width: 100%;display: block;}
.data-right h2{padding: 1rem 0.5rem;}
.date-tjnj1,.date-xxlist{margin-bottom:1rem;margin-top:0;border:none;}
/* .echarts-item,.echarts-item>div:first-child{width:100% !important;} */
}

@media screen and (max-width:1000px){
  .data-ct-box .list-body ul li {width: 32%;margin-right: 1.99%;margin-bottom: 1.99%;}
  .data-ct-box .list-body ul li:nth-child(4n+4){margin-right: 1.99%;}
  .data-ct-box .list-body ul li:nth-child(3n+3){margin-right: 0;}
}

@media screen and (max-width:921px){
  .divsion-data, .public-data, .data-right{width: 100%;padding: 0 1.5rem;}
  .tjnj-list ul li{margin-right: 5%;}
  .tjnj-list ul li:last-child{margin-right:0;}
}

@media screen and (max-width:801px){
  .divsion-title{float: none;}
  .slyj div, .sgtj div{padding: 0 4% 1.3rem 4%; }
  .sgtj div, .slyj div{width: 100%;}
  .divsion-data h2, .public-data h2, .data-right h2{padding-top: 1rem;padding-bottom: 1rem;border-right: 0;width: 100%;display: block;}
  .divsion-data, .public-data, .data-right{padding: 0;}
  .date-xxlist{padding: 0 .5rem 1rem;}
  
  .djkb-box{padding: .5rem 0.5rem;}
  .echarts-box .hd li{width: 49%;}
}
@media screen and (max-width:750px){
  .data-ct-box .list-body ul li {width: 49.5%;margin-right: 1%;margin-bottom: 1%;}
  .data-ct-box .list-body ul li:nth-child(4n+4){margin-right: 1%;}
  .data-ct-box .list-body ul li:nth-child(3n+3){margin-right: 1%;}
  .data-ct-box .list-body ul li:nth-child(2n+2){margin-right: 0;}
  .data-ct-box .list-body ul li:nth-of-type(20) ~ li{display: none;}
  .data-ct-box{padding: .5rem;}
  .tjnj-list ul{border-bottom: none;padding: 8px 0 0px 0;}
  .tjnj-list ul li{width: 30.66%;margin-right: 4%;}
  .tjnj-list ul li:nth-child(-n+3){margin-bottom: 5%;}
  .tjnj-list ul li::after{content:none;}
  .date-tjnj{padding: 20px 30px 30px 30px;}
  .tjnj-list ul li:nth-child(-n+3) {margin-bottom: 4%;}
  .tjnj-list ul li a{height: 82px;width: 100%;line-height: 82px;border-radius: 0;}
  .tjnj-list ul li:nth-child(3n+3){margin-right: 0%;}
}

@media screen and (max-width:560px){
  .slyj div ul li,  .sgtj div ul li{width: 100%;}
  .sgtj div ul li a,
  .slyj div ul li a{width: 85%;}
  .sgtj div ul li:nth-child(3),
  .slyj div ul li:nth-child(3) {margin-bottom: 1rem;}
  .date-tjnj{padding: 2rem 1rem;}
}

@media screen and (max-width:472px){
  .pic_datas{display: none;}
  .data-directory li a span{margin-left: 0;}
  .data-directory li a{height: 40px;line-height: 40px;}
  .data-ct-box .list-body .data-directory li{height: 40px;line-height: 40px;}
  .echarts-box h2, .divsion-data h2, .public-data h2, .data-right h2{padding: .5rem .5rem;}
  .data-ct-box{padding: .5rem;}
  .date-xxlist{padding: 0 0 1rem;}
  .djkb-box {padding: .5rem 0;}
  .date-xxlist {padding:0;margin-bottom: 0rem;}
}
@media screen and (max-width:400px){
  .echarts-bg {padding: 3% 1% 0 0;}
  .tjnj-list ul li{width: 30%;margin-right: 0;}
  .tjnj-list ul li a{margin: 0 auto;}
  .date-tjnj {padding: 2rem 1rem 0 1rem;}
  .tjnj-list ul li:nth-child(4){margin-bottom: 5%;}
  .c-xxgkbk .hd ul li a i{display: none;}
  .tjnj-list ul li{width: 50%;}
  .echarts-box .hd li a{font-size: 0.8rem;}
  .tjnj-tt h2{padding-bottom: 10.5px;}
  .tjnj-list ul li a{height: 52px;line-height: 52px;}
  .tjnj-list ul li {width: 100%;}
}
@media screen and (max-width:340px){
  .data-ct-box .tabtitle ul li a{margin-right: 0;}
  .echarts-box .hd li{width: 49%;}
}