@charset "utf-8";
/* CSS Document */
*{font-family:"微软雅黑"}
.clearfix:after{visibility:hidden;display: block;font-size: 0;content:" ";clear:both;height:0;}
* html .clearfix {zoom: 1;} /* IE6 */
*:first-child+html .clearfix {zoom: 1;} /* IE7 */

.bot30{ margin-bottom: 30px;}
.hide.active{ display: block !important;}
/*大标题 */
.sj-title{ height: 60px; line-height: 60px; text-align: center; margin:20px 0;}
.sj-title .tit{  display: inline-block; position: relative; padding: 0 106px; font-size: 42px; color: #0569b5; font-weight: bold;}
.sj-title .tit a{ color: #0569b5;  }
.sj-title .ico{ top:8px; position: absolute; display: block; width: 54px; height: 46px; background: url(/_res/images/sj-titico.png) 0 0 no-repeat;}
.sj-title .titl{ left:0;}
.sj-title .titr{ right:0;}
/*标题 */
.sj-tabs{ height: 44px; line-height: 40px; border-bottom: 1px solid #4891c9;  }
.sj-tabs ul li{ display: inline; float:left; margin-right: 20px; text-align: center; height: 44px;  font-size: 24px; position: relative; }
.sj-tabs ul li a{ display: block; color: #0569b5;  padding:0 5px;  }
.sj-tabs ul li.active {  font-weight: bold;}
.sj-tabs li a i{display: block; position:absolute; left:50%; bottom:0; height:2px; background:#0569b5; width:0; z-index:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.sj-tabs li a:hover i,.sj-tabs li.active a i{ width:100%; left:0;}
.sj-tabs-cn {  text-align: center;}
.sj-tabs-cn ul{ display: inline-block;}
@media (max-width: 767px){
.sj-tabs{ height: auto;}
.sj-tabs ul li{ margin-right: 10px;}
}
/*数据发布*/
.sjfb-box{ }
.sj-hgtabs{ margin: 20px 0 0 0; background: #f7f8fc; height: 138px;}
.sj-hgtabs li{ float: left; width: 16.666%; height: 138px;  text-align: center;}
.sj-hgtabs li.active{ background: #0569b5;}
.sj-hgtabs li.active a{ color: #fff;}
.sj-hgtabs li a{ display: block; padding: 30px 0 0 0; color: #6e6e6e; }
.sj-hgtabs li .tit{ display: block; margin-top: 5px; font-size: 18px; line-height: 32px;}
.sj-hgtabs li .ico{ display: block; width: 62px; height: 54px; margin: 0 auto; overflow: hidden; }
.sj-hgtabs li.active .ico img{ margin-top: -54px;}
.sj-rdtabs li{ width: 14.286%;}
.sj-nr{ text-align: center; padding: 20px 0; }
/*统计数据*/
.sj-fblm{ width: 562px; height: 285px;}
.sj-list{ margin-top: 10px;}
.sj-list li{ position: relative; height: 42px; line-height: 42px; padding:2px 110px 2px 22px; background: left center no-repeat; font-size: 18px; background-size: 8px; background-image: url(/_res/images/sj-ico.png) !important;}
.sj-list li span.title{max-width: 100%; *width: 100%;}
.sj-list li img{ display: none;}
.sj-list li a.left,.sj-list li .tit{ display: block; float: left; max-width: 100%; *width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sj-list li .date{ position:absolute; right: 0; top:2px; color: #999;}
.sj-list-full li{padding-right: 0 !important;}

.ztml-list{height: 312px;  overflow:hidden; margin-top: 20px;  }
.ztml-list li{ float: left;  text-align: center; width: 114px;  padding: 5px;   margin: 0 20px 20px 0;}
.ztml-list li a{ display: block; border: 1px solid #fff;   background: #fff;   height: 134px; font-size: 16px;  -webkit-transition:-webkit-transform 0.3s ease-out;-moz-transition:-moz-transform 0.3s ease-out;transition:transform 0.3s ease-out; }
.ztml-list li a:hover .img_title{ color: #0569b5;}
.ztml-list li a:hover .ico{webkit-transition:  -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); }
.ztml-list li .ico{ display: block; width: 96px; height: 96px;  margin: 0 auto; background-position: center center; background-repeat: no-repeat;}
.ztml-list li .img_title{ display: block; height: 40px; line-height: 40px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis}
.bmml-list{ height: 312px; margin-top: 20px;   overflow: hidden; }
.bmml-list li{ float: left; width: 176px; text-align: center;  margin:0 16px 20px 0; }
.bmml-list li a{ display: block; padding: 0 10px; font-size: 16px; height: 44px;     border: 1px solid #dee2e6; line-height: 44px; background: #fff;  white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;  -webkit-transition:-webkit-transform 0.3s ease-out;-moz-transition:-moz-transform 0.3s ease-out;transition:transform 0.3s ease-out;  border-radius: 5px; -moz-border-radius: 5px; }
.bmml-list li a:hover{ background: #3374b6; color: #fff; }
.ztml-list .slimScrollBar{ background: #0569b5 !important;}
.slimScrollBar{ background: #3374b6 !important;}
/*统计年鉴*/
.sj-njlist{ margin: 30px 0 0 0; position: relative; height: 313px; overflow: hidden; }
.sj-njlist .bd{ margin: 0 30px;}
.sj-njlist .prev{ position: absolute; left:0; top:50%; margin-top: -14px; background: url(/_res/images/sj-prev.png) center center no-repeat #0569b5 !important; width: 14px; height: 28px; cursor: pointer;  }
.sj-njlist .next{ position: absolute; right:0; top:50%; margin-top: -14px; background: url(/_res/images/sj-next.png) center center no-repeat #0569b5 !important; width: 14px; height: 28px; cursor: pointer; }
.sj-njlist .prev:hover,.sj-njlist .next:hover{ background-color: #008af2;}
.sj-njlist li{ float: left; text-align: center; width: 275px; height: 308px; }
.sj-njlist li a{ display: block; width: 220px; border: 1px solid #d3d3d3; margin: 0 auto; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); height: 306px; }
.sj-njlist li a:hover{ border: 1px solid #0569b5; }
.sj-njlist li a span{display: none;}
.sj-njlist li img{ width: 100%; height: 100%;}
.sj-njlist li .title{ display: none;}
/*数据解读*/
.sj-jdlist{ min-height: 189px;}
.sj-jdlist ul{ margin-right: -25px;}
.sj-jdlist li{ width: 266px; height: 189px; font-size: 16px; text-align: center; float: left; margin-right: 25px; position: relative;}
.sj-jdlist li img{ width: 100%; height: 100%;}
.sj-jdlist li .title{ position: absolute; padding: 0 10px;  white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; left:0; color: #fff; right: 0; bottom: 0;  background: rgba(0, 0, 0, 0.7); height: 36px; line-height: 36px; }
.sj-jdlist li a:hover img{ -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);}
/*底部横幅*/
.sj-hfimg li{ padding: 15px 0 0;}
.sj-hfimg img{ width: 100%; height: auto;}
.sj-hfimg .img-title{ display: none;}
@media (min-width: 992px) and (max-width:1199px) {
/*数据发布*/
.sj-hgtabs li a{  padding: 20px 0 0 0;}
.sj-hgtabs li .tit{ padding: 0 8px; margin-top: 5px; line-height: 26px;}
.sj-rdtabs li .tit{ line-height: 32px; margin-top: 10px;}
.sj-fblm{  width: 462px;}
/*统计年鉴*/
.sj-njlist{  height: 263px; }
.sj-njlist li{  width: 223px; }
.sj-njlist li a{ width: 182px; height: 258px;}
.bmml-list li {width: 173px;}
/*数据解读*/
.sj-jdlist li{  width: 223px; height: 158px;  margin-right: 20px; }
/*数据开放*/
.ztml-list li{  margin-right: 20px; width: 106px;}

}
@media (max-width:991px) {
/*数据发布*/
.sj-hgtabs li a{  padding: 15px 0 0 0;}
.sj-hgtabs li .tit{ padding: 0 8px; margin-top: 6px; line-height: 26px;}
.sj-rdtabs li .tit{ line-height: 32px; margin-top: 10px;}
.sj-fblm{  width: auto; float: none; height: auto;}
/*统计年鉴*/
.bmml-list{ height: auto;}
.bmml-list ul{margin-right: 0;}
.sj-njlist{  height: 310px; }
.sj-njlist li{  width: 222px; }
.sj-njlist li a{ width: 200px; height: 305px;}
.bmml-list li {width: 164px;}
/*数据解读*/
.sj-jdlist li{  width: 350px;   height: 253px; margin-bottom: 20px; }
/*数据开放*/
.ztml-list{height: auto;}
.ztml-list ul{ margin-right: 0;}
.ztml-list li{ margin-right: 20px;   width: 89px;}
.slimScrollDiv{height: auto !important;}
.j-scrollbar{height: auto !important;}
.slimScrollRail,.slimScrollBar{display: none !important;}
}
@media (max-width: 767px) {
.bot30{margin-bottom: 10px;}
.sj-title{margin: 0 0 10px;}
.sj-title .tit{ padding: 0 70px; font-size: 28px;}
.sj-tabs ul li{font-size: 20px;}
/*数据发布*/
.sj-hgtabs{ height: auto;}
.sj-hgtabs li{ width: 33.3%; padding-bottom: 10px; height: auto;}
.sj-hgtabs li .tit{ height: 28px; line-height: 28px; font-size: 16px; margin-top: 5px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.ztml-list li{  width: 25%; margin:0; box-sizing: border-box;}

.sj-njlist{  height: 313px; }
.sj-njlist .bd{ width: 222px; margin: 0 auto; }
.sj-njlist li{  width: 222px; }
.sj-njlist li a{ width: 220px; height: 300px;}
.sj-list li{font-size: 15px; line-height: 32px; height: 32px; padding-right: 90px;}
/*统计年鉴*/
.bmml-list{ height: auto;}
.bmml-list li {width: 33.3%;  margin: 0 0 10px;}
.bmml-list li a{margin: 0 5px;}
/*数据解读*/
.sj-jdlist ul{ margin-right: 0;}
.sj-jdlist li{  width: auto; float: none;  height: auto;  margin: 0 0 10px; font-size: 14px;}
/*数据开放*/
.ztml-list li .ico{height: 76px;}
.ztml-list li a{font-size: 14px; height: auto;}
.ztml-list li .img_title{height: auto; line-height: 2;}
.bmml-list li a{font-size: 14px; padding: 0 5px;}
    .sj-hfimg li{ padding: 10px 0 0;}
}
@media (max-width: 600px) {
.sj-hgtabs li{  width: 50%;}
}
@media (max-width: 500px) {
.sj-title .tit{ padding: 0 65px; }
.ztml-list li{  width: 33.3%; }
.bmml-list li {width: 50%;    }
.bmml-list li a{height: auto; line-height:36px;}
}


/*数据图表*/
.tltit{font-size:16px;font-weight:bold;height:55px;line-height:25px;text-align:center}
.tltit span{font-weight:normal;font-size:14px;color:#999}
.tips{color:#999; font-size:14px; text-align: center;}
.tips a{color:#999;text-decoration:none;}
/*热点数据*/
.year{height:45px;line-height:30px;text-align:right;font-size:14px}
#select{width:90px;padding-left:5px}
#checked{text-align:left;font-size:18px;color:#269fd4;font-weight:bold;float:left}
/*综合*/
#zzChart{width: 62%;height:390px;float:left}
#cyChart{width: 420px;height:420px;float:right;}
.leftdiv{width:330px;margin-right:5px;float:left;text-align:center}
.centerdiv{float:left;width:400px;margin-right:15px;}
.rightdiv{float:right;width:330px}
.cardtit{float:left;width:177px;padding:0 10px;height:40px;margin-bottom:5px;text-align:center;font-size:14px;color:#fff;line-height:40px;background:#57aef0;border:1px solid #57aef0}
.cardvalue{float:left;width:81px;height:40px;font-size:14px;padding:0 21px;color:#333;line-height:40px;text-align:center;border:1px solid #57aef0}
.qc{float:left;font-size:14px;position:relative}
.gexxs{clear:both;}
.qc .school{position:absolute;width:120px;height:120px;text-align:center;color:#fff;line-height:22px;border-radius:50%;}
.yey {border-radius:50%;border:1px solid #2ec7c9;top:5px;left:30px;width:130px;height:130px;}
.yey .school{background:#2ec7c9;top:5px;left:5px;width:120px;height:120px;}
.yey span{font-weight:bold;font-size:16px}
.ptxx {border-radius:50%;border:1px solid #b6a2de;top:5px;left:40px;width:130px;height:130px;}
.ptxx .school{background:#b6a2de;top:5px;left:5px;width:120px;height:120px;}
.ptxx span{font-weight:bold;font-size:16px}
.ptzx {border-radius:50%;border:1px solid #07a2a4;top:5px;left:50px;width:130px;height:130px;}
.ptzx .school{background:#07a2a4;top:5px;left:5px;width:120px;height:120px;}
.ptzx span{font-weight:bold;font-size:16px}
.tsxx {border-radius:50%;border:1px solid #ffb980;top:10px;left:30px;width:130px;height:130px;}
.tsxx .school{background:#ffb980;top:5px;left:5px;width:120px;height:120px;}
.tsxx span{font-weight:bold;font-size:16px}
.zyxx {border-radius:50%;border:1px solid #d87a80;top:10px;left:40px;width:130px;height:130px;}
.zyxx .school{background:#d87a80;top:5px;left:5px;width:120px;height:120px;}
.zyxx span{font-weight:bold;font-size:16px}
.ptgd {border-radius:50%;border:1px solid #97b552;top:10px;left:50px;width:130px;height:130px;}
.ptgd .school{background:#97b552;top:5px;left:5px;width:120px;height:120px;}
.ptgd span{font-weight:bold;font-size:16px}
.qc .two{padding-top:40px;}
.qc .three{padding-top:30px;}

/*卫生*/
.rd-wsbox .cardtit{width:159px;background:#2ec7c9;border:1px solid #2ec7c9}
.rd-wsbox .cardvalue{width:105px; border:1px solid #2ec7c9}
.wsjg{float:left;font-size:14px;position:relative}
.rd-wsbox .gexxs{margin:40px 50px 0 50px;}
.wsjg .wssj{position:absolute;width:120px;height:120px;text-align:center;color:#fff;line-height:22px;border-radius:50%;}
.wsjgs {border-radius:50%;border:1px solid #2ec7c9;top:5px;left:30px;width:130px;height:130px;}
.wsjgs .wssj{background:#2ec7c9;top:5px;left:5px;width:120px;height:120px;}
.wsjgs span{font-weight:bold;font-size:16px}
.wscws {border-radius:50%;border:1px solid #2ec7c9;top:5px;left:50px;width:130px;height:130px;}
.wscws .wssj{background:#2ec7c9;top:5px;left:5px;width:120px;height:120px;}
.wscws span{font-weight:bold;font-size:16px}
.wsjg .two{padding-top:40px;}
.wsjg .three{padding-top:30px;}
/*文体*/
.listdiv{width:350px;float:left;margin-left:10px}
.listvalue li{list-style:none;text-align:left;height:50px;margin-top:5px;line-height:70px;font-size:14px;border-bottom:1px dotted #999}
.listvalue h5{display:inline-block;width:25px;height:25px;line-height:25px;background:#57aef0;border-radius:50%;color:#fff;text-align:center;font-size:13px;margin:0;margin-right:10px;font-weight:normal;}
.listvalue span{margin:0 10px;color:#269fd4;font-weight:bold}
/*环境*/
.rd-hjbox .listdiv{width:385px;margin-left:0}
.rd-hjbox .listvalue h5{background:#2ec7c9;}
.rd-hjbox .listvalue span{margin:0 1px;color:#2ec7c9;}
/*农业*/
.dw{text-align:left;font-size:14px;color:#333;float:left}
.cl{margin-top:30px}
.cltit{font-size:14px;font-weight:bold;text-align:center;color:#269fd4}
.cl li{margin-top:10px;float:left;width:110px;height:110px;line-height:26px;text-align:center;color:#000;font-size:14px;font-family:"微软雅黑";list-style:none}
.cl li img{display:block;margin:0 auto;margin-bottom:5px;height:36px}
.cl li span{display:block;text-align:center}
/*交通*/

.firstdiv{margin-top:10px}
.rd-jtbox .leftdiv{width:340px;margin-right:75px;}
.rd-jtbox .centerdiv{float:left; width: auto; margin: 0;}
.rd-jtbox .rightdiv{width:340px; text-align:center}
.rd-jtbox .cardtit{ width:150px;padding:0 10px;height:55px;margin:0 5px 15px 0; line-height:57px;background:#50d5b0;border:1px solid #50d5b0}
.rd-jtbox .cardvalue{ width:115px; height:55px; padding:0 20px; line-height:55px; border:1px solid #50d5b0}
.rd-jtbox .qc div{background:url(/_res/images_zfsj/jt.png) top left no-repeat;height:121px;width:135px;text-align:center;padding-top:45px;color:#fff;line-height:26px}
.my{margin-right:35px}
@media (max-width:1199px) and (min-width:992px) {
#bbtab5 > iframe{ height: 550px;}
}
@media (max-width:991px) {
body{margin: 0;}
#bbtab2 > iframe{ height: 628px;}
#bbtab3 > iframe{height: 476px;}
#bbtab4 > iframe{height: 553px;}
#bbtab5 > iframe{height: 553px;}
#bbtab6 > iframe{height: 443px;}
#bbtab7 > iframe{height: 557px;}
}
@media (max-width:767px) {
#bbtab4 > iframe{height: 742px;}
#bbtab5 > iframe{height: 742px;}
#bbtab6 > iframe{height: 763px;}
#bbtab7 > iframe{height: 557px;}
}
@media (max-width:619px) {
#aatab1 > iframe{height: 530px;}
#aatab2 > iframe{height: 530px;}
#aatab3 > iframe{height: 530px;}
#bbtab2 > iframe{height: 1040px;}
#bbtab3 > iframe{height: 680px;}
#bbtab7 > iframe{height: 700px;}
#bbtab5 > iframe{height: 840px;}
}
@media (max-width:374px) {
#bbtab6 > iframe{height: 1003px;}
}
@media (max-width:1159px) and (min-width:952px) {
#zzChart{width: 570px; overflow:hidden}
#cyChart{width: 370px; overflow:hidden}
/*教育*/
.leftdiv,.rightdiv{width: 244px;}
.cardtit{padding: 0; width: 140px;}
.cardvalue{width: 100px; padding: 0; margin-bottom: 5px;}
.centerdiv{margin-left: -20px;}
.rd-wsbox .leftdiv,.rd-wsbox .rightdiv{width: 268px;}
.listdiv{width: 312px; margin: 0;}
.listdiv ul{padding:0 5px;}
.rd-hjbox .listdiv{ width: auto; margin: 0 0 10px; display: inline; float: none;}
.rd-hjbox .listdiv div{ display: inline;}
.rd-hjbox .listdiv div ul{ display: inline; padding: 0; margin: 0;}
.rd-hjbox .listdiv li{float: left; width: 458px; margin: 0 5px;}
.rd-hjbox .tips{ margin: 10px 0 0;}
/*农业*/
.cl ul{ margin: 10px 0 0; padding: 0;}
.cl li{width: 10%;}
/*交通*/
.rd-jtbox .leftdiv{margin-right: 0; width:300px; }
.rd-jtbox .cardtit{padding: 0; width: 140px;}
.rd-jtbox .cardvalue{padding: 0;}
.rd-jtbox .rightdiv{width: 265px;}
}
@media (max-width:951px) {
#zzChart,#cyChart{width: auto; float: none; height: 200px; overflow:hidden}
.leftdiv,.rightdiv,.centerdiv{width: auto !important; float: none !important; margin: 0 0 10px !important;}
.cardtit,.cardvalue{ padding: 0 !important; margin: 0 0 5px !important; box-sizing: border-box;}
.cardtit{width: 30% !important;}
.cardvalue{width: 20% !important;}
.centerdiv:after,.listdiv:after,.rd-jtbox .leftdiv:after{visibility:hidden;display: block;font-size: 0;content:" ";clear:both;height:0;}
.qc{float: left; position: relative; margin: 5px 50px; left: auto; top: auto; right: auto; bottom: auto;}
.listdiv{ width: auto !important; margin: 0 0 10px !important; float: none;}
.listdiv div ul{padding: 0; margin: 0;}
.listdiv li{float: left; width:48%; margin: 0 1%;}
/*农业*/
#nybzmjChart,#nyzczChart{height: 200px !important;}
.cl ul{ margin: 10px 0 0; padding: 0;}
.cl li{width: 10%;}
.card{float: left; width: 50%;}
.card .cardtit{width: 60% !important;}
.card .cardvalue{width: 40% !important;}
}
@media (max-width:727px) {
.qc{margin: 5px 30px;}
.listdiv li{float: none; margin: 0; width: auto; height: auto; padding: 5px 0; line-height: 1.5;}
/*农业*/
#nybzmjChart,#nyzczChart{height: 200px !important; width: auto !important; float: none !important;}
.cl li{width: 20%;}
}
@media (max-width:579px) {
.qc{margin: 5px 6px;}
.card{ width: 100%;}
.cardtit{width: 60% !important;}
.cardvalue{width: 40% !important;}
.rd-wsbox .gexxs{margin: 15px -5px 0;}
.centerdiv{margin-left: -5px !important; margin-right: -5px !important;}
.wsjg{position: relative; right: auto; margin: 5px; top: auto; left: auto; bottom: auto;}
}
@media (max-width:344px) {
.cl li{width: 33.3%;}
}