﻿@charset "utf-8";
/* CSS Document */
.data_chart_box {width: 100%; height: 400px;}
.city_wrap { margin: 4px auto;    width: 660px;}
.city_wrap label { margin-right: 10px;}
.city_check {margin-top: -1px;}
.bg{ background: url("../images_zfsj/countbg.png") center top repeat-x #fff;}
.contain_zfsj{ margin: 0 20px; background: #fff; padding: 25px 20px 0;}
.sj_title{ height: 40px; padding:15px 0; background: url("../images_zfsj/zfsj-bg.png") center repeat-x; text-align: center;}
.sj_title span,.sj_title a{ display: inline-block; padding:0 50px; background: #fff; position: relative; font-size: 34px; line-height: 40px; font-family:"方正大标宋简体" ; color: #d61618;  }
.sj_title  .l_dot,.sj_title  .r_dot{  width: 20px; height: 5px; position: absolute; top:50%; margin-top: -2px;background: url("../images_zfsj/ico_dot.png") no-repeat;}
.sj_title  .l_dot{left: 0px;}
.sj_title  .r_dot{right: 0px;}
.sj_tab{ height: 35px; margin-bottom: 6px; margin-top: -9px;}
.sj_tab ul li{ float: left; margin-right:24px; }
.sj_tab ul li a{ font-size: 20px; color:  #394351; height: 35px; line-height: 32px; display: block;}
.sj_tab ul li.active a{ font-size: 22px; font-weight: bold; border-bottom: 3px solid #ec1c1e; height: 32px;}
.b_tab{ height: 125px; border-top: 1px solid #ddd; background: #f8f8f8;}
.b_tab ul li{ width: 20%; float: left; text-align: center;}
.b_tab ul li a{ color: #4e5763; font-size: 17px; display: block; padding-top: 65px; height: 60px; line-height: 56px; position: relative;}
.b_tab ul li a i{ display: none; width: 19px; height: 12px; background: url("../images_zfsj/lmdot.png") no-repeat; position: absolute; left: 50%; margin-left: -10px; bottom: -12px;}
.b_tab ul li.active a i{ display: block;}
.b_tab ul li.active a{ color: #ffff;  }


.b_tab ul li a.m1{ background: url("../images_zfsj/jd_ico1.png") center 24px no-repeat;}
.b_tab ul li a.m2{ background: url("../images_zfsj/jd_ico2.png") center 24px no-repeat;}
.b_tab ul li a.m3{ background: url("../images_zfsj/jd_ico3.png") center 24px no-repeat;}
.b_tab ul li a.m4{ background: url("../images_zfsj/jd_ico4.png") center 24px no-repeat;}
.b_tab ul li a.m5{ background: url("../images_zfsj/jd_ico5.png") center 24px no-repeat;}
.b_tab ul li a.m6{ background: url("../images_zfsj/jd_ico6.png") center 24px no-repeat;}
.b_tab ul li.active a.m1,.b_tab ul li a.m1:hover{ background: url("../images_zfsj/jd_ico01.png") center 24px no-repeat #ec1c1e;}
.b_tab ul li.active a.m2,.b_tab ul li a.m2:hover{ background: url("../images_zfsj/jd_ico02.png") center 24px no-repeat #ec1c1e;}
.b_tab ul li.active a.m3,.b_tab ul li a.m3:hover{ background: url("../images_zfsj/jd_ico03.png") center 24px no-repeat #ec1c1e;}
.b_tab ul li.active a.m4,.b_tab ul li a.m4:hover{ background: url("../images_zfsj/jd_ico04.png") center 24px no-repeat #ec1c1e;}
.b_tab ul li.active a.m5,.b_tab ul li a.m5:hover{ background: url("../images_zfsj/jd_ico05.png") center 24px no-repeat #ec1c1e;}
.b_tab ul li.active a.m6,.b_tab ul li a.m6:hover{ background: url("../images_zfsj/jd_ico06.png") center 24px no-repeat #ec1c1e;}
.b_tab ul li a.n1{ background: url("../images_zfsj/jd_ico1.png") center 24px no-repeat;}
.b_tab ul li a.n2{ background: url("../images_zfsj/jd_ico2.png") center 24px no-repeat;}
.b_tab ul li a.n3{ background: url("../images_zfsj/jd_ico3.png") center 24px no-repeat;}
.b_tab ul li a.n4{ background: url("../images_zfsj/jd_ico4.png") center 24px no-repeat;}
.b_tab ul li a.n5{ background: url("../images_zfsj/jd_ico5.png") center 24px no-repeat;}
.b_tab ul li a.n6{ background: url("../images_zfsj/jd_ico6.png") center 24px no-repeat;}
.b_tab ul li.active a.n1,.b_tab ul li a.n1:hover{ background: url("../images_zfsj/jd_ico01.png") center 24px no-repeat #ec1c1e;}
.b_tab ul li.active a.n2,.b_tab ul li a.n2:hover{ background: url("../images_zfsj/jd_ico02.png") center 24px no-repeat #ec1c1e;}
.b_tab ul li.active a.n3,.b_tab ul li a.n3:hover{ background: url("../images_zfsj/jd_ico03.png") center 24px no-repeat #ec1c1e;}
.b_tab ul li.active a.n4,.b_tab ul li a.n4:hover{ background: url("../images_zfsj/jd_ico04.png") center 24px no-repeat #ec1c1e;}
.b_tab ul li.active a.n5,.b_tab ul li a.n5:hover{ background: url("../images_zfsj/jd_ico05.png") center 24px no-repeat #ec1c1e;}
.b_tab ul li.active a.n6,.b_tab ul li a.n6:hover{ background: url("../images_zfsj/jd_ico06.png") center 24px no-repeat #ec1c1e;}

.b_tab ul li a:hover{ color: #fff; background-color: #ec1c1e;}

.sj_tabbox{ height: 480px; border: 1px solid #ddd; padding: 19px; margin: 23px 0; position: relative;}
.zfsj_select {height:30px; position: absolute; right: 19px; top:19px;}
.zfsj_select ul li {float: left;height: 30px;line-height: 30px;font-size: 14px;color: #666;padding-left:10px;box-sizing: border-box;}
.zfsj_select ul li.bt {width: 80px;white-space: nowrap;overflow: hidden;}
.zfsj_select ul li.sel {width: 110px;}
.zfsj_select ul li.sel select {float: left;width: 100%;height: 30px;line-height: 20px;padding: 4px 6px;border: #ddd 1px solid;background: #fff;color: #666;}
.zfsj_select ul li.bt1 {width: 35px;text-align: center;}
.zfsj_select .quary {height:30px;width: 50px;align-items: center;background: #fff;border: #ddd 1px solid;float:left;}
.zfsj_select  .gjcx{ width: 80px;  text-align: center; background: #ffefef; display: block;}
.sj_list{ width: 223px; float: left;}
.sj_list ul li{ height: 50px; margin-bottom: 12px; text-align: center;}
.sj_list ul li a{ background: #f9f9f9; color: #333; line-height: 50px; display: block; font-size: 14px;}
.sj_list ul li.active a,.sj_list ul li a:hover{ color: #fff; background: #ec1c1e;}
.sj_list1 ul li{ height: 58px; }
.sj_list1 ul li a{ line-height: 58px;}
.data_chart{ margin-left:  260px; padding-top: 53px;}
/*数据发布*/
.sjfb_list{ height: 257px; overflow: hidden;}
.sjfb_list ul li{ height: 41px; float: left; line-height: 40px; position: relative; width: 590px; margin-right: 120px; background: url("../images_zfsj/dot.png") left center no-repeat; padding: 2px 0 2px 20px;}
.sjfb_list ul li:nth-of-type(2n){ margin-right: 0px;}
.sjfb_list ul li a{ display: block; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; max-width:465px; font-size: 18px; }
.sjfb_list ul li .date{ color: #999; font-size: 16px; position: absolute; right:0px; top:2px;}
/*数据图解*/
.sjtj_pic{ margin: 16px 0 49px; height: auto; overflow: hidden;}
.sjtj_pic ul{height: 170px!important; overflow: hidden;}
.sjtj_pic ul li{ width: 242px; height:164px; float: left; margin-right: 25px; border: 3px solid #f2f2f2;}
.sjtj_pic ul li img{ width: 100%; height: 100%;}
.sjtj_pic ul li .img_title{ display: none;}
/*数据分析*/
.sjfx_main{ background: #f4f4f4; padding: 0 42px 0 93px; overflow: hidden; margin-bottom: 30px;}
.sjfx_tit{ padding: 86px 0 93px;}
.sjfx_box{ margin-left: 324px; padding-top: 20px;}

/*图片+文字列表*/
.sjfx_biglist li{padding:17px 0 23px;background:none;height:auto;overflow:hidden;border-bottom:1px dotted #dbdbdb; }
.sjfx_biglist li .imgbox{width:249px;height:132px; border:5px solid #fff;}
.sjfx_biglist li .imgbox a{display:block;width:100%;height:100%;max-width:none;}
.sjfx_biglist li .imgbox img{width:100%;height:100%;display:block;}
.sjfx_biglist li .infobox{position: relative;}
.sjfx_biglist li .infobox.active{padding-left:283px;}
.sjfx_biglist li .infobox .title{ line-height:44px; color: #2e2e2e; font-weight: bold; font-size: 23px; display: block; margin-right: 90px;}
.sjfx_biglist li .infobox .title:hover{ color: #d61618;}
.sjfx_biglist li .infobox .remarks{font-size:16px;line-height:30px;color:#666;}
.sjfx_biglist li .infobox .remarks a{ color:#d61618; text-decoration: underline;}
.sjfx_biglist li .infobox .remarks a:hover{ text-decoration: none;}
.sjfx_biglist li .infobox .date{display:block;color:#999;position:absolute; right: 0px; top:0px; line-height: 44px;}
.sjfx_list{ padding-top: 5px;}
.sjfx_list li{ line-height: 42px; height: 42px; position: relative; background: url("../images_zfsj/dot.png") left center no-repeat; padding: 2px 0 2px 15px;}
.sjfx_list li a{ display: block; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; max-width:800px; font-size: 18px; }
.sjfx_list li .date{ color: #999; font-size: 16px; position: absolute; right:0px; top:2px;}

.sjfb_more a { font-size: 15px;color: #999; display: block;height:32px; line-height:32px;padding-right: 22px;background: url("../images-new/more_jt.png") right center no-repeat;}
.sjfb_more a:hover {color: #d61618;background-image: url("../images-new/more_jt_h.png");}
.sjfx_main .sjfb_more{margin: 20px 0px;  }
/*统计年鉴统计公报*/
.tjnj_tab{ height: 48px; background: url("../images_zfsj/zfsj-bg.png") center repeat-x; text-align: center;}
.tjnj_tab1{ width: 280px;height: 48px; padding: 0 20px; background: #fff; margin: 0 auto; position: relative;}
.tjnj_tab1  .ico_l,.tjnj_tab1  .ico_r{  width: 5px; height: 48px; position: absolute; top:0; background: url("../images_zfsj/ico_dot1.png") center no-repeat;}
.tjnj_tab1  .ico_l{left: 0px;}
.tjnj_tab1  .ico_r{right: 0px;}
.tjnj_tab1 ul{ height:46px; border: 1px solid #d61618; }
.tjnj_tab1 ul li{ width: 50%; float: left; text-align: center;  }
.tjnj_tab1 ul li a{ position: relative; display: block; font-size: 26px; font-family: "方正大标宋简体"; line-height: 46px; }
.tjnj_tab1 ul li a i{ display: none; width: 14px; height: 8px; background: url("../images_zfsj/tjnjdot.png") no-repeat; position: absolute; left: 50%; margin-left: -7px; bottom: -9px;}
.tjnj_tab1 ul li.active a{ color: #fff; background: #d61618;}
.tjnj_tab1 ul li.active a i{ display: block;}
.tjgb_list{ padding: 20px 0 20px; height: 260px; overflow: hidden;}
.tjcon{ display: none;}
.tjcon.active{ display: block;}
.m-lys{ margin-left: 204px; height: auto;}
.m-lys ul li{ float: left; width: 93px; height: 90px; line-height: 90px; margin: 10px; text-align: center; }
.m-lys ul li:nth-of-type(2n){ margin-top: 120px}
.m-lys ul li a{display: block;font-size: 18px; font-weight: bold; background:#f1f1f1; border-radius: 5px; }
.m-lys ul li.active a,.m-lys ul li a:hover{background: #cc0c0d; color:#fff;}
.m-bmm{width: 184px; height: 225px; position: relative;}
.m-bmm .tj_pic{width:184px; height: 225px; position: absolute; left: 0; top: 0;}
.m-bmm .tj_pic img{ width: 100%; height: 100%;}
.m-bmm .tj_pic .img_title{ display: none;}
/*数据开放*/
.p40{ padding: 0 40px;}
.sjkf_btn{ padding: 6px 0 32px; height: 130px;}
.sjkf_btn ul li{ width: 150px; height: 130px; float: left; margin-right: 20px; text-align: center;}
.sjkf_btn ul li.num8{ margin-right: 0px;}
.sjkf_btn ul li a{ padding-top: 23px; height:107px; background: #f8f8f8; line-height: 58px; display: block; color: #484848; font-size: 17px;}
.sjkf_btn ul li a img{ margin: 0 auto; height: 42px; display: block;}
.sjkf_btn ul li a:hover img{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);}
@media (min-width: 1200px) and (max-width:1419px) {
    /*数据发布*/
    .sjfb_list ul li{ width: 500px; margin-right: 80px;}
    .sjfb_list ul li a{ max-width: 400px;}
    /*统计年鉴统计公报*/
    .m-lys ul li{width: 81px;   margin: 10px 5px; }
    /*数据开放*/
    .sjkf_btn ul li{ width: 122px;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /*数据发布*/
    .sjfb_list ul li{ width: 421px; margin-right: 30px;}
    .sjfb_list ul li a{ max-width: 300px;}
    /*统计年鉴统计公报*/
    .sjfx_main{padding: 0 30px 30px;}
    .sjfx_box{ margin-left: 270px;}
    .m-lys ul li{width: 72px;   margin: 10px 0px; }
    /*数据开放*/
    .p40{ padding: 0 30px;}
    .sjkf_btn ul li{ width: 96px;}
}
@media only screen and (max-width:991px) {
    /*政府数据*/
    .sj_tabbox{ height: auto;}
    .sj_list{ float: none; width: auto;}
    .sj_list ul li{ width: auto; margin: 0 1% 2%; float: left;}
    .sj_list ul li a{ padding: 0 10px;}
    .data_chart{ margin-left: 0px; padding-top: 0px;}
    .zfsj_select{ position: static; height: auto; clear: both;}
    .data_chart_box{ padding-top: 20px;}
    /*数据发布*/
    .sjfb_list{ height: auto;}
    .sjfb_list ul li{ width: auto; margin-right: 0px; float: none;}
    .sjfb_list ul li a{ max-width: none; margin-right: 100px;}
    /*统计年鉴统计公报*/
    .sjfx_main{padding: 0 20px 20px;}
    .sjfx_tit{padding: 20px 0px;}
    .sjfx_tit img{ width: 200px; height: auto;}
    .sjfx_box{ margin-left: 0px;}
    .m-lys ul li{width: 78px;   margin: 10px 9px; }
    .m-lys ul li:nth-of-type(2n){ margin-top: 10px;}
    /*数据开放*/
    .sjkf_btn ul li{ width: 157px; margin: 0 20px 20px 0px;}
    .sjkf_btn ul li:nth-of-type(4n){ margin-right: 0px;}
    .city_wrap{ width: auto;}
    .p40{ padding: 0 20px;}
}
@media (max-width:767px) {
    .b_tab{ height: auto; overflow: hidden;}
    .sj_tabbox{ margin: 10px 0px;}
    .zfsj_select ul li{ margin-bottom: 5px;}
    .b_tab ul li{ width: 33.33%;}
    /*统计年鉴统计公报*/
    .sjfx_main{padding: 0 10px 10px;}
    .sjfx_tit{padding: 10px 0px 0; float: none; text-align: center;}
    .sjfx_tit img{ width: 98%; height: auto;}
    .sjfx_box{ margin-left: 0px;}
    .p40{ padding: 0 10px;}
    .tjgb_list{ height: auto; padding: 20px 0 0;}
    .m-bmm{ width: 100%; height: auto; float: none;}
    .m-bmm .tj_pic{ position: static; text-align: center; margin: 0 auto;}
    .m-lys{ margin-left: 0px; margin-top: 10px;}
    .m-lys ul li{  width: 31.33%; height: 60px; line-height: 60px; margin:0 1% 2%;   }
    .m-lys ul li:nth-of-type(2n){ margin-top: 0px}
    /*数据开放*/
    .sjkf_btn ul li{ width: 31.33%; margin: 0 1% 2%;}
    .sjkf_btn ul li:nth-of-type(4n){ margin-right: 1%;}
}
@media (max-width:359px) {
    .b_tab ul li a {
        font-size: 15px;
    }
}