@charset "gb2312";


.bar-blue{ height: 40px; position: relative; }
.bar-blue:before{position: absolute;left: 0;bottom: 0;width: 100%;background-color: #eeeeee;content: "";height: 1px;}
.wrap{ width: 1200px;  margin: 0 auto; position: relative;}




.datanav ul{overflow: hidden;}
.datanav ul li{float: left;margin-right: 49px;}
.datanav ul li a{display: block;text-align: center;font-size: 21px;padding-bottom: 12px;border-bottom: 4px solid transparent;color: #0951a2;position: relative;z-index: 10;font-weight: bold;}
.datanav ul li span{font-size: 26px;font-weight: bold;color: #fff;float: left;}
.datanav ul li i{float: left;width: 82px;height: 68px;background: url(../images/datanavs1_03.png) no-repeat;margin-top: 22px;}
.datanav ul li .i1{background-position: -14px -104px;}
.datanav ul li .i2{background-position: -141px -104px;}

.datanav ul li.active a{border-bottom-color: #074695;}
.datanav ul li.active .i1{background-position: -14px -11px;}
.datanav ul li.active .i2{background-position: -141px -11px;}

.tab2da ul{/*height: 56px;*/background: #e0f0fd;background: #e0f0fd;}
.tab2da ul li{float: left;padding: 0 16px;line-height: 56px;cursor: pointer;}
.tab2da ul li i{float: left;background: url(../images/ssysp2_03.png) no-repeat;width: 36px;height: 36px;margin-top: 9px;margin-right: 8px;}
.tab2da ul li span{float: left;/*font-weight: bold;*/color: #5d5d5d;font-size: 16px;}
.tab2da ul li .i1{background-position: -11px -10px;}
.tab2da ul li .i2{background-position: -80px -12px;}
.tab2da ul li .i3{background-position: -145px -12px;}
.tab2da ul li .i4{background-position: -210px -14px;}
.tab2da ul li .i5{background-position: -281px -13px;}
.tab2da ul li .i6{background-position: -353px -13px;width: 44px;}
.tab2da ul li .i7{background-position: -429px -13px;}
.tab2da ul li .i8{background-position: -502px -13px;}
.tab2da ul li .i9{background-position: -573px -14px;}
.tab2da ul li.active{background: #1d3374;}
.tab2da ul li.active span{color: #fff;}
.tab2da ul li.active .i1{background-position: -11px -57px;}
.tab2da ul li.active .i2{background-position: -80px -59px;}
.tab2da ul li.active .i3{background-position: -145px -59px;}
.tab2da ul li.active .i4{background-position: -210px -61px;}
.tab2da ul li.active .i5{background-position: -281px -60px;}
.tab2da ul li.active .i6{background-position: -353px -60px;}
.tab2da ul li.active .i7{background-position: -429px -60px;}
.tab2da ul li.active .i8{background-position: -502px -60px;}
.tab2da ul li.active .i9{background-position: -573px -61px;}

.tab2da ul li .i20{background: url(../images/2020_ssysp2_03.png) no-repeat;background-position: 0 0;}
.tab2da ul li.active .i20{background-position: 0 -36px;}
.tab2da ul li .i21{background: url(../images/2020_ssysp2_03.png) no-repeat;background-position: -36px 0;}
.tab2da ul li.active .i21{background-position: -36px -36px;}
.tab2da ul li .i22{background: url(../images/2020_ssysp2_03.png) no-repeat;background-position: -72px 0;}
.tab2da ul li.active .i22{background-position:  -72px -36px;}
.tab2da ul li .i23{background: url(../images/2020_ssysp2_03.png) no-repeat;background-position: -108px 0;}
.tab2da ul li.active .i23{background-position: -108px -36px;}
.tab2da ul li .i24{background: url(../images/2020_ssysp2_03.png) no-repeat;background-position: -144px 0;}
.tab2da ul li.active .i24{background-position: -144px -36px;}
.tab2da-content{clear:both;}

.tab2da-c1{background: #f7faff;padding: 10px;}
.tab2da-c1 ul{overflow: hidden;}
.tab2da-c1 li{float: left;}
.tab2da-c1 li a{color: #666;cursor: pointer;}
.tab2da-c1 li span{margin: 0 12px;color: #666;}
.tab2da-c1 li a:hover{text-decoration: none;}
.tab2da-c1 li.active a{color: #1255ac;}
.tab2da-chart{overflow:hidden;position: absolute;left: 0;top: 0;z-index: 0;height: 669px;width: 1140px;}
.tab2da-cha1 ul{/*float: right;*/font-weight: bold;}
.tab2da-cha1 li{float: left;line-height: 30px;margin-left: 12px;font-size: 14px;}
.tab2da-cha1 li span{font-weight: bold;font-size: 16px;}
.tab2da-cha1 li select{width:108px;height: 30px;border: 1px solid #30b0ea;border-radius: 3px;font-size: 14px;}
.tab2da-cha1 li .cha1-btn{width: 75px;height: 30px;border-radius: 3px;background: #19a7e8;border: none;color: #fff;cursor: pointer;}
.barc1{margin-top: 30px;overflow:hidden}
 .tab2da-c1 li.active a{color: #1255ac;}
 .tab2da-cha1{overflow: hidden;}
.tab2da-chart-wrap{position: relative;height: 440px;margin-top: 15px;padding: 12px 15px;border-radius: 3px;}


/*--民生热点修改--*/
.title{height: auto !important;}
.barc1{ margin-top:-10px;}
.barc111{ margin-top:0px;}
.bar-blue{margin-top:20px;}
.bar-blue .datanav{ width:100%; margin-bottom:10px; }
.bar-blue .datanav ul{ background: url(../images/line4.jpg) repeat-x bottom; height: 42px;}
.datanav ul li a{ display: block; width:100%; height: 42px; padding-bottom:0; font-weight: normal;}
.datanav ul li.active a{ background: url(../images/line3.jpg) repeat-x bottom;border-bottom:none !important;color: #2c6ac6 !important;font-weight:bold;}
.datanav ul li a{color: #2c6ac6 !important;font-weight: bold;}

.tab2da ul{ background:#eff9fd;}
.tab2da ul li{ padding:0 20px;}
.tab2da ul li.active{ background: #04bdc2;}
.tab2da-c1 li a{ padding:3px 8px; line-height: 36px;}
.tab2da-c1 li.active a{ color:#1062b6; background:#d8f2fc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}