body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,select,button,textarea,blockquote,th,td,p{margin:0;padding:0; font:16px/25px "΢ÈíÑźÚ"; cursor:default; color:#333;}
h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none;}
select,a,input{ outline: none;}

.clearfix:after{content: "";  height: 0; line-height: 0; display: block; visibility: hidden; clear: both; }
.clearfix{ zoom: 1; }

.fl{ float: left;  }
.fr{ float: right; }
a{ color: #333; text-decoration: none;}
a:hover{ color: #1c3f86; text-decoration: underline;}
.m50{ margin-top: 13px;}


.head{ width: 100%; height: 587px; overflow: hidden;}
.foot{ width: 100%; height: 160px; overflow: hidden;}
.main{ margin-bottom: 20px;}
.main .bar-blue{ height: 120px; background-color: #0066cc; }
.main .wrap{ width: 1190px;  margin: 0 auto; position: relative;}
.main .wrap .tab-box{}

 .tab-head{width: 1190px; height: 167px; background: url(/images/tab-bg.png) repeat-x;}
 .tab-head li{ float: left; width: 238px; height: 167px; overflow: hidden; }
 .tab-head li a{display: block;text-align: center;padding-top: 108px;}
 .tab-head li a:hover,  .tab-head li.active a{ color: #FFF; text-decoration: none;}
 .tab-head li .ico{width: 238px;height: 167px;background: url(/images/ico-all.png) no-repeat;}
 .tab-head li .ico-gdp{ background-position: 0 0;}
 .tab-head li .ico-cpi{ background-position: 0 -204px;}
 .tab-head li .ico-qoe{ background-position: 0 -415px;}
 .tab-head li .ico-lfr{ background-position: 0 -621px;}
 .tab-head li .ico-nr{ background-position: 0 -824px;}
 .tab-head li .ico-gdp:hover,
 .tab-head li.active .ico-gdp{ background-position: -243px 0; }
 .tab-head li .ico-cpi:hover,
 .tab-head li.active .ico-cpi{ background-position: -243px -204px; }
 .tab-head li .ico-qoe:hover,
 .tab-head li.active .ico-qoe{ background-position: -243px -415px; }
 .tab-head li .ico-lfr:hover,
 .tab-head li.active .ico-lfr{ background-position: -243px -621px; }
 .tab-head li .ico-nr:hover,
 .tab-head li.active .ico-nr{ background-position: -243px -824px; }

.main .wrap .tab-box .tab-content{ margin-top: 15px; padding: 12px 15px; border: #eee solid 1px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.main .wrap .tab-box .tab-content .gdp-rate{ width: 674px;}
.main .wrap .tab-box .tab-content .gdp-rate ul{ background-color: #009de6;}
.main .wrap .tab-box .tab-content .gdp-rate ul li{ float: left;}
.main .wrap .tab-box .tab-content .gdp-rate ul li a{display: block; text-align: center; width: 162px; height: 40px; line-height: 40px; color: #FFF;}
.main .wrap .tab-box .tab-content .gdp-rate ul li a:hover{ text-decoration: none;}
.main .wrap .tab-box .tab-content .gdp-rate ul li.active a,
.main .wrap .tab-box .tab-content .gdp-rate ul li a:hover{ background-color: #1d3374;}
.main .wrap .tab-box .tab-content .gdp-rate .chart-1{ padding-top: 30px; width: 675px; height: 402px;}
.main .wrap .tab-box .tab-content .gdp-rate p,
.main .wrap .tab-box .tab-content .gdp-structure p{ margin-top: 36px; color: #666; font-size: 14px;}

.main .wrap .tab-box .tab-content .gdp-structure{ width: 442px;}
.main .wrap .tab-box .tab-content   .year-box{ text-align: right; font-size: 14px; padding-right: 37px;}
.main .wrap .tab-box .tab-content   .year-box span{}
.main .wrap .tab-box .tab-content   .year-box .year{ font-size: 14px; border: none; color: #fff; border-radius: 3px; width: 110px; height: 32px; background-color: #19a7e8; padding: 5px 10px; }
.main .wrap .tab-box .tab-content   .chart-2{ padding-top: 30px; width: 441px; height: 402px;}

.main .wrap .con-box{ margin-top: 36px;}
.main .wrap .con-box .news{ width: 650px;}
.main .wrap .con-box .news .new-box{ width: 650px;}
.main .wrap .con-box .news .new-box .title,
.main .wrap .con-box .hot-spot .title{  padding: 0 20px; border-radius: 5px; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; height: 50px; line-height: 50px;  background-color: #0066cc;}
.main .wrap .con-box .news .new-box .title h2,
.main .wrap .con-box .hot-spot .title h2{ font-size: 20px;}
.main .wrap .con-box .news .new-box .title a{ color: #fff;}
.main .wrap .con-box .news .new-box .title .ico,
.main .wrap .con-box .hot-spot .title .ico{ display: inline-block; vertical-align: middle; margin-right: 5px; width: 34px; height: 36px; background: url(/images/ico-small.png) no-repeat;}
.main .wrap .con-box .news .new-box .title .ico-data{ background-position: 0 0;}
.main .wrap .con-box .news .new-box .title .ico-analysis{ background-position: 0 -64px;}
.main .wrap .con-box .news .new-box .title .ico-explain{ background-position: 0 -131px;}
.main .wrap .con-box .news .new-box .title .ico-statistical{ background-position: 0 -196px;}
.main .wrap .con-box .news .new-box .title .ico-data{ background-position: 0 0;}
.main .wrap .con-box .news .new-box .list{ padding: 12px 8px;}
.main .wrap .con-box .news .new-box .list li{ background: url(/images/list.png) no-repeat left center; padding: 6px 15px;}
.main .wrap .con-box .news .new-box .list li a{ display: block; color: #666; float: left; width: 82%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.main .wrap .con-box .news .new-box .list li span{ float: right; color: #999; font-size: 14px;}

.main .wrap .con-box .hot-spot{ width: 510px; }
.main .wrap .con-box .hot-spot .title .year-box{ color: #fff; padding-top: 10px;}
.main .wrap .con-box .hot-spot .title .year-box span{ font-size: 14px;}
.main .wrap .con-box .hot-spot .title .year-box .year{ width: 110px; height: 30px; padding: 5px 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #fff; border: none; font-size: 14px;}
.main .wrap .con-box .hot-spot .title .ico-hot{ background-position: 0 -266px;}

.main .wrap .con-box .hot-spot .hot-small{ margin-top: 20px; }
.hot-small1{ margin-top: 20px; }
.hot-spot1 .hot-small1 .small-tl{ color: #1c3f86; font-size: 16px; }
.hot-spot1 .hot-small1 .small-tl .ico-tl{ margin-left: 10px; display:inline-block; width: 12px; height: 10px; vertical-align: middle; background: url(/images/small-tl.png) no-repeat left center;}
.hot-spot1 .hot-small1 .small-con{ margin-top: 8px;}
.hot-spot1 .hot-small1 .small-con ul.month{ border: #ccc solid 1px; width: 365px; }
.hot-spot1 .hot-small1 .small-con ul.month li{ float: left; border-left: #ccc solid 1px; }
.hot-spot1 .hot-small1 .small-con ul.month li:first-child{ border-left: 0px;}
.hot-spot1 .hot-small1 .small-con ul.month li a{display: block; padding: 3px 9px; color: #1c3f87; font-weight: bold; font-size: 14px;}
.hot-spot1 .hot-small1 .small-con ul.month li a:hover{ text-decoration: none;}
.hot-spot1 .hot-small1 .small-con ul.month li.disabled a{ color: #999; font-weight: normal;}

.hot-spot1 .hot-small1 .small-con ul.season{ border: #ccc solid 1px; width: 365px; }
.hot-spot1 .hot-small1 .small-con ul.season li{ float: left; width: 86px; text-align: center; border-left: #ccc solid 1px; }
.hot-spot1 .hot-small1 .small-con ul.season li:first-child{ border-left: 0px;}
.hot-spot1 .hot-small1 .small-con ul.season li a{display: block; padding: 3px 10px; color: #1c3f87; font-weight: bold; font-size: 14px;}
.hot-spot1 .hot-small1 .small-con ul.season li a:hover{ text-decoration: none;}
.hot-spot1 .hot-small1 .small-con ul.season li.disabled a{ color: #999; font-weight: normal;}

.hot-spot1 .hot-small1 .small-con .list{ padding-top: 5px;}
.hot-spot1 .hot-small1 .small-con .list p{ font-size: 14px; line-height: 30px;}
.hot-spot1 .hot-small1 .small-con .table ul{ border-top: none;}
.hot-spot1 .hot-small1 .small-con .table ul:first-child{ border-top:#ccc solid 1px}

.hot-spot1 .title{  padding: 0 20px; border-radius: 5px; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; height: 50px; line-height: 50px;  background-color: #0066cc;}
.hot-spot1 .title h2{ font-size: 20px;}
.hot-spot1 .title .ico{ display: inline-block; vertical-align: middle; margin-right: 5px; width: 34px; height: 36px; background: url(/images/ico-small.png) no-repeat;}
.hot-spot1{ width: 510px; }
.hot-spot1 .title .year-box{ color: #fff; padding-top: 10px;}
.hot-spot1 .title .year-box span{ font-size: 14px;}
.hot-spot1 .title .year-box .year{ width: 110px; height: 30px; padding: 5px 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #fff; border: none; font-size: 14px;}
.hot-spot1 .title .ico-hot{ background-position: 0 -266px;}
.hot-spot1 .hot-small{ margin-top: 20px; }




.main .bar-blue{height: 104px;}
.datanav ul{overflow: hidden;}
.datanav ul li{line-height: 104px;float: left;padding: 0 58px;}
.datanav ul li a{display: block;height: 100%;}
.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{background: #fff;}
.datanav ul li.active span{color: #0951a2;}
.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 17px;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;}
.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-c1{background: #f7faff;padding: 20px;}
.tab2da-c1 ul{overflow: hidden;}
.tab2da-c1 li{float: left;}
.tab2da-c1 li a{color: #666;}
.tab2da-c1 li span{margin: 0 12px;color: #666;}
.tab2da-c1 li a:hover{color: #1255ac;text-decoration: none;}

.tab2da-cha1 ul{float: right;}
.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 #dea97e;border-radius: 3px;font-size: 14px;}
.tab2da-cha1 li .cha1-btn{width: 75px;height: 30px;border-radius: 3px;background: #dea97e;border: none;color: #fff;cursor: pointer;}
.barc1{margin-top: 30px;}
.tab2da-chart{margin: 10px 0 0 0 !important;padding: 0px 10px  !important;border: 0px !important;}