@charset "utf-8";
@import url("2019header.css");
@import url("reset.css");
@import url("2019footer.css");
.warp{width:100%;min-width:1220px;position:relative;overflow:hidden;margin:0 auto;/* background:#edf6fb; */}
.warp .w1200{ width:1200px; padding:24px 30px;margin: 0 auto;background: #ffffff;}
.part-1{width: 100%;height: 504px;}
/*数据发布*/
.data{width:1200px;height:100%;float: left;}
.data .title{width:100%;height:35px;line-height: 36px;border-bottom: 1px solid #bababa;}
.data .title>a{display: block;width:80px;height:35px;border-bottom: 1px solid #0156a9;font-size:20px;font-weight: bold;color:#0155a9;text-align: center;float: left;padding-left: 36px;background-image: url(../images/2019_zfsj_icon.png);background-position: -6px 7px;background-repeat: no-repeat;}
.data .title span{height: 36px;font-size: 14px;color:#cccccc;line-height: 36px;float: right;}
.data .title span>a{display: block;height: 36px;font-size: 14px;font-weight: bold;color:#cccccc;line-height: 36px;text-align: center;}
.data .title span>a:hover{color:#0156a9;}
.data .chart{width:100%;height: 458px;margin-top: 15px;}
.data .chart .f_l{width:209px;;height:428px;float:left;}
.data .chart .f_l ul li{width:209px;height:41px;background: #eeeeee;margin-bottom:2px;line-height: 41px;text-align: center;font-size: 18px;color: #333; }
.data .chart .f_l ul .on{color:#ffffff;background: #0068b7;}
.data .chart .f_l ul .on a{color:#ffffff;}
.data .chart .f_r{width:989px;height:426px;float:right;border:1px solid #eee;}
.data .chart .f_r .f_title{width:989px;height:33px;float:left;margin-top: 16px;position: relative;}
.data .chart .f_r .f_title ul{width:339px;height:33px;margin-left:181px; }
.data .chart .f_r .f_title ul li{width:108px;height:33px;float:left;margin-left: 5px;background: #e6e6e6;color: #333333;font-size: 18px;}
.data .chart .f_r .f_title ul .one{background: #0068b7; color: #ffffff;}
.data .chart .f_r .f_title ul .one a{color: #ffffff;}
.data .chart .f_r .f_title ul li a{display: block; width:108px;height:33px;text-align: center;line-height: 33px;}
.bar-search{width:200px;float: left;position: absolute;right:200px;top:3px; z-index: 9999;}
.bar-search .text{ border:#ccc solid 1px; width: 60px; height: 22px;line-height:22px;margin:0 10px;}
.bar-search .btn{background: #0055AA;width: 50px; color: #fff; height: 24px;line-height:24px; border: none;}

.bar-search .li-select{display: none;background:#EEEEEE;}
.bar-search .li-select dl dd{height: 30px; padding:0 5px; line-height: 30px; cursor: pointer; border-bottom: #fff solid 1px;}
 
.data .chart .f_r .f_chart{width:935px;height: 387px;margin: 15px 0px auto 30px;background-image: url(../images/2019_zfsj_chart1.png);background-repeat: no-repeat;float: left;}





/*part-2*/
.part-2{width: 100%;height:222px;overflow: hidden;margin-top: 7px;}
/*最新数据*/
.newdata{width:308px;height:100%;float: left;}
.newdata .title{width:308px;height:35px;border-bottom: 1px solid #bababa;}
.newdata .title>a{display: block;width:80px;height:35px;border-bottom: 1px solid #0156a9;font-size:20px;font-weight: bold;color:#0155a9;text-align: center;float: left;padding-left: 40px;background-image: url(../images/2019_zfsj_icon.png);background-repeat: no-repeat;background-position: -9px -510px;}
.newdata .title span{height: 36px;font-size: 14px;color:#cccccc;line-height: 36px;float: right;}
.newdata .title span>a{display: block;height: 36px;font-size: 14px;font-weight: bold;color:#cccccc;line-height: 36px;text-align: center;}
.newdata .title span>a:hover{color:#0156a9;}
.newdata .list{width:308px;height:169px;}
.newdata .list ul{ display:block; min-height:36px; }
.newdata .list li{width:97%;height:auto;padding-left:3%;background-image:url(../images/2019_listStyle.png);background-repeat:no-repeat;background-position:1px center;font-size:14px;overflow: hidden;line-height: 36px; *line-height: 33px;}
.newdata .list li>a{display:block;float:left;width: 70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;}
.newdata .list  li>span{display:block;float:right;text-align:right;width:30%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#929292;}
.newdata .list  li>a:hover{ color:#226ebc;}
/*统计数据分析*/
.data_analysis{width:856px;height:100%;float: right;}
.data_analysis .title{width:856px;height:35px;border-bottom: 1px solid #bababa;}
.data_analysis .title>a{display: block;width:126px;height:35px;border-bottom: 1px solid #0156a9;font-size:20px;font-weight: bold;color:#0155a9;text-align: center;float: left;padding-left: 40px;background-image: url(../images/2019_zfsj_icon.png);background-repeat: no-repeat;background-position: -354px -510px;}
.data_analysis .title span{height: 36px;font-size: 14px;color:#cccccc;line-height: 36px;float: right;}
.data_analysis .title span>a{display: block;height: 36px;font-size: 14px;font-weight: bold;color:#cccccc;line-height: 36px;text-align: center;}
.data_analysis .title span>a:hover{color:#0156a9;}
.data_analysis .f_l{width:261px;height: 181px;float: left;margin-top: 5px;}
.data_analysis .f_l ul li{width:122px;height: 49px;float: left;margin-top: 11px;margin-right: 7px;border-radius: 5px;}
.data_analysis .f_l ul li a{display: block; width:122px;height: 49px;line-height: 49px;background: #88bce2;text-align: center;font-size: 16px; font-weight: bold;color: #ffffff;}
.data_analysis .f_l ul li a:hover{background: #0068b7;}
.data_analysis .list{width:595px;height:164px;float: right;margin-top: 11px;}
.data_analysis .list ul{ display:block; min-height:36px; }
.data_analysis .list li{width:97%;height:auto;padding-left:2%;background-image:url(../images/2019_listStyle.png);background-repeat:no-repeat;background-position:1px center;font-size:14px;overflow: hidden;line-height: 36px; *line-height: 33px;}
.data_analysis .list li>a{display:block;float:left;width: 70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;}
.data_analysis .list  li>span{display:block;float:right;text-align:right;width:30%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#929292;}
.data_analysis .list  li>a:hover{ color:#226ebc;}
/*part-3*/
.part-3{width:1200px;height: 80px;margin: 35px 0px 32px;}
.part-3 .zt{display: block; width:1200px;height: 80px;background-image: url(../images/2019_zfsj_zt.png);background-repeat:no-repeat;}
/*part-4*/
.part-4{width:1200px;height: 436px;background:#eeeeee;}
/*开放数据分类*/
.part-4 .f_l{width:313px;height: 420px;float: left;margin:8px 13px 0px 8px;}
.part-4 .f_l .data_type{width:100%;height:344px;background: #ffffff;padding-top: 15px;}
.part-4 .f_l .data_type .title{width:296px;height:35px;border-bottom: 1px solid #bababa;margin: 0 auto;}
.part-4 .f_l .data_type .title>a{display: block;width:130px;height:35px;border-bottom: 1px solid #0156a9;font-size:20px;font-weight: bold;color:#0155a9;text-align: center;float: left;padding-left: 40px;line-height: 30px;background-image: url(../images/2019_zfsj_icon.png);background-repeat:no-repeat;background-position: -28px -903px;}
.part-4 .f_l .data_type .title span{height: 36px;font-size: 14px;color:#cccccc;line-height: 36px;float: right;}
.part-4 .f_l .data_type .title span>a{display: block;height: 36px;font-size: 14px;font-weight: bold;color:#cccccc;line-height: 36px;text-align: center;}
.part-4 .f_l .data_type .title span>a:hover{color:#0156a9;}
.part-4 .f_l .data_type .content{width:100%;height: 256px;margin-top: 8px;}
.part-4 .f_l .data_type .content ul {width:292px;height: 256px;}
.part-4 .f_l .data_type .content ul li{width:59px;height:70px;float:left;margin-left: 14px;margin-top: 22px;}
.part-4 .f_l .data_type .content ul li a{display: block; width:59px;height:70px;}
.part-4 .f_l .data_type .content ul li a>i{display: block; width:59px;height:54px;background-image: url(../images/2019_zfsj_icon1.png) ;background-repeat:no-repeat;}
.part-4 .f_l .data_type .content ul li a:hover i{transform: rotateY(360deg);-moz-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); ransition: transform 0.7s ease-out 0s;-moz-transition:transform 0.7s ease-out 0s; -webkit-transition: transform 0.7s ease-out 0s;}
.part-4 .f_l .data_type .content ul li span:hover{color:#0156a9;}
.part-4 .f_l .data_type .content ul li .i_1{background-position: -1px 0px;}
.part-4 .f_l .data_type .content ul li .i_2{background-position: -72px 0px;}
.part-4 .f_l .data_type .content ul li .i_3{background-position: -148px 0px;}
.part-4 .f_l .data_type .content ul li .i_4{background-position: -233px 0px;}
.part-4 .f_l .data_type .content ul li .i_5{background-position: -3px -93px;}
.part-4 .f_l .data_type .content ul li .i_6{background-position: -76px -92px;}
.part-4 .f_l .data_type .content ul li .i_7{background-position: -152px -92px;}
.part-4 .f_l .data_type .content ul li .i_8{background-position: -235px -92px;}
.part-4 .f_l .data_type .content ul li .i_9{background-position: 0px -184px;}
.part-4 .f_l .data_type .content ul li .i_10{background-position: -69px -184px;}
.part-4 .f_l .data_type .content ul li a>span{width:59px;height:16px;text-align: center;line-height: 16px;font-size: 14px;color:#333;}
.part-4 .f_l .data_source{width:100%;height:50px;background: #0155a9;margin-top:11px;}
.part-4 .f_l .data_source a{display: inline-block; width:100%;height:100%;text-align: center;line-height: 50px;font-size: 18px;color: #ffffff;}
/*数据集下载量TOP10*/
.part-4 .f_m{width:420px;height: 420px;background:#ffffff;float: left;margin-top: 8px;}
.part-4 .f_m .title{width:396px;height:35px;border-bottom: 1px solid #bababa;margin: 15px auto 0px;}
.part-4 .f_m .title>a{display: block;width:188px;height:35px;border-bottom: 1px solid #0156a9;font-size:20px;font-weight: bold;color:#0155a9;text-align: center;float: left;line-height: 30px;padding-left: 40px;background-image: url(../images/2019_zfsj_icon.png);background-repeat:no-repeat;background-position: -360px -904px;}
.part-4 .f_m .title span{ height:28px;font-size: 18px;line-height: 28px;float: right;font-weight: bold;color:#0156a9; text-align: center; }
.f_m .download{width: 396px; height: 358px; margin: 15px auto auto 12px;}
.f_m .download ul li{ height: 35px; line-height: 35px; *height: 30px; *line-height: 30px; }
.f_m .download ul li i{background:#bee4f6; border-radius:10px;float: left;width: 19px; height: 19px; line-height: 19px;font-style: normal; text-align: center; margin-top: 8px; font-size: 14px; color: #fff;}
.f_m .download ul li i.on{ background: #0155a9; color: #fff;}
.f_m .download ul li a{display: block; float: left; font-size: 14px;width:71%;margin-left: 2%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.f_m .download ul li span{display: block; float: right; font-size: 14px;width:10%;text-align:left;}
/*应用调用量TOP10*/
.part-4 .f_r{width:420px;height:420px;background:#ffffff;float: right;margin: 8px 8px 8px 14px ;}
.part-4 .f_r .title{width:400px;height:35px;border-bottom: 1px solid #bababa;margin: 15px auto 0px;}
.part-4 .f_r .title>a{display: block;width:188px;height:35px;border-bottom: 1px solid #0156a9;font-size:20px;font-weight: bold;color:#0155a9;text-align: center;float: left;padding-left: 29px;line-height: 30px;background-image: url(../images/2019_zfsj_icon.png);background-repeat:no-repeat;background-position: -788px -902px;}
.part-4 .f_r .title span{ height:28px;font-size: 18px;line-height: 28px;float: right;font-weight: bold;color:#0156a9; text-align: center; }
.f_r .download{width: 396px; height: 358px; margin: 15px auto auto 12px;}
.f_r .download ul li{ height: 35px; line-height: 35px; *height: 30px; *line-height: 30px;}
.f_r .download ul li i{background:#bee4f6; border-radius:10px;float: left;width: 19px; height: 19px; line-height: 19px;font-style: normal; text-align: center; margin-top: 8px; font-size: 14px; color: #fff;}
.f_r .download ul li i.on{ background: #0155a9; color: #fff;}
.f_r .download ul li a{display: block; float: left; font-size: 14px;width:71%;margin-left: 2%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.f_r .download ul li span{display: block; float: right; font-size: 14px;width:10%;text-align:left;}
/*part-5*/
/*大数据应用专题*/
.part-5{width:1200px;height: 140px;margin:50px auto 40px; }
.part-5 .title{width:100%;height:35px;border-bottom: 1px solid #bababa;}
.part-5 .title>a{display: block;width:154px;height:35px;border-bottom: 1px solid #0156a9;font-size:20px;font-weight: bold;color:#0155a9;text-align: center;float: left;padding-left: 40px;background-image: url(../images/2019_zfsj_icon.png);background-repeat:no-repeat;background-position: -7px -1366px;line-height: 30px;}
.part-5 .title span{height: 36px;font-size: 14px;color:#cccccc;line-height: 36px;float: right;}
.part-5 .title span>a{display: block;height: 36px;font-size: 14px;font-weight: bold;color:#cccccc;line-height: 36px;text-align: center;}
.part-5 .title span>a:hover{color:#0156a9;}
.part-5 .bigdata_zt{width:1173px;height:88px;margin: 16px 0px 0px 6px;}
.part-5 .bigdata_zt ul li{width:277px;height:88px;float: left;margin-left: 16px;}
/*part-6*/
.part-6{width:1200px;margin: 50px auto 20px;position: relative;}
.part-6 .title{width:100%;height:35px;border-bottom: 1px solid #bababa;}
.part-6 .title>a{display: block;width:154px;height:35px;border-bottom: 1px solid #0156a9;font-size:20px;font-weight: bold;color:#0155a9;float: left;padding-left: 51px;line-height: 30px;background-image: url(../images/2019_zfsj_icon.png);background-repeat:no-repeat;background-position: -6px -1547px;}
.part-6 .title span{ height:28px;font-size: 14px;color:#cccccc;line-height: 28px;float: right; }
.part-6 .title span>a{display: block; height:28px;font-size: 14px; font-weight: bold;color:#cccccc;line-height: 28px; }
.part-6 .title span>a:hover{color:#0156a9;}
.data_center  {width: 316px;height: 20px;position: absolute;top:4px;right:61px;}
.data_center  ul li{width: 140px;height: 20px;float: left;text-align:center;line-height: 20px;font-size: 16px;font-weight: bold;color:#333333;margin-left: 18px;}
.data_center  ul li.on a{color:#0156a9;}
.data_center  ul li a{display: block; width: 140px;height:20px;line-height: 20px;}
.data_center  ul li .one{ border-right: 2px solid #bababa;}

/*数据展示*/
.part-6 .data_display{width:1200px;height: 341px;background: #f1fbff;margin-top: 18px;}
.part-6 .data_display .f_l{width:255px;height:285px;float: left;margin-left: 7px;margin-top: 16px;}
.aqi_city_text{width: 255px;height: 100%;margin-right: 16px;}
.dateTimeDiv{background-color: #b9cde4;width: 255px;height: 52px; font-size: 16px;color: #333;text-align: center;line-height: 52px;margin-bottom: 10px;}
.tab-container{width: 100%;}
.tab-container>div{width: 255px;height: 52px; margin-bottom:34px;background: #7db6df;text-align: center;font-size: 18px;color: #ffffff;line-height: 52px;}
.tab-container>div a{display: block; width: 255px;height: 52px; color: #ffffff;}
.tab_current{background: #3a92d1;}
.part-6 .data_display .f_r{width:868px;height:285px;float: right;margin-right: 25px;margin-top: 16px;}
.part-6 .data_display .f_r .city_list{width:868px;height:33px;float: right;}
.part-6 .data_display .f_r .city_list ul li{width:66px;height:33px;float: left; margin-right:12px; background: #88bce2;border-radius: 4px;text-align: center;line-height: 33px;color: #ffffff;font-size:16px;font-weight: bold;}
.part-6 .data_display .f_r .city_list ul li a{display: block; width:66px;height:33px;color: #ffffff;}
.part-6 .data_display .f_r .city_list ul .city_current a{display: block; width:76px;height:33px;}
.part-6 .data_display .f_r .city_list ul .city_current{width:76px;height:33px;border-radius: 4px 4px 0px 0px;background: #3a92d1;}
.part-6 .data_display .f_r .city_list1{width:74px;height:256px;float: left;margin-top: 7px;}
.part-6 .data_display .f_r .city_list1 ul li{width:74px;height:24px; margin-right:12px; background: #88bce2;text-align: center;line-height: 24px;color: #ffffff;font-size:14px;margin-top:8px;font-weight: bold;}
.part-6 .data_display .f_r .city_list1 ul li a{display: block; width:74px;height:33px;color: #ffffff;}
.part-6 .data_display .f_r .city_list1 ul .one{background:#2196f3;}
.part-6 .data_display .f_r .city_chart{width:749px;height:257px;margin-left: 40px; float: right;margin-top:16px;background-image: url(../images/2019_zfsj_chart2.png);background-repeat: no-repeat;}
/*part-7历届数博会*/
.part-7{width:1200px;height: 200px;position: relative;background: url(/images/201910220011.png) center center no-repeat;padding-top: 17px;}
.part-7 .title{/* width:100%; */height:35px;padding-left: 20px;}
.part-7 .title>a{display: block; width:154px;height:35px;font-size:20px;font-weight: bold;color:#0155a9;float: left;padding-left: 40px;background-image: url(../images/2019_zfsj_icon.png);background-repeat:no-repeat;background-position: -1px -1959px;}
/*时间轴*/
.time_baseline{width:1200px;height:126px;margin: 10px auto 0px;background-image: url(../images/2019_zfsj_xian.png);background-repeat: no-repeat;background-position: 0px 84px;float: left;}
.time_baseline ul li{width:196px;height:126px;cursor: pointer;margin-right: 20px;float: left;position: relative;}
.time_baseline ul li .text{display: block;height:126px;}
.time_baseline ul .odd .name{display: block; width:196px;height:18px;position: absolute;top:38px;left:0px;font-size: 14px;font-weight: bold;text-align: center;}
.time_baseline ul .even .name{display: block; width:196px;height:18px;position: absolute;top:0px;left:0px;font-size:14px;font-weight: bold;text-align: center;}

.time_baseline ul li .time{display: block; width:196px;height:22px;position: absolute;bottom:0px;left:0px;font-size: 18px;font-weight: bold;color: #333;text-align: center;transition: all 2s;}

.time_baseline ul .odd .circle{width:196px;height:53px;position: absolute;left: 0px;top:56px;background-image: url(../images/2019_zfsj_circle_1.png);background-repeat: no-repeat;background-position:center 7px;}
.time_baseline ul .even .circle{width:196px;height:84px;position: absolute;left: 0px;top:36px;background-image: url(../images/2019_zfsj_circle_2.png);background-repeat: no-repeat;background-position:center 0px;}

.time_baseline ul .even:hover .circle{background-image: url( ../images/2019_zfsj_circle_2a.gif);background-repeat: no-repeat;background-position:center 0px;}
.time_baseline ul .odd:hover .circle{background-image: url( ../images/2019_zfsj_circle_1a.gif);background-repeat: no-repeat;background-position:center -19px;}
.time_baseline ul li:hover .name{ color:#0156a9;transform: scale(1.2);}