@charset "gb2312";

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: 49px;}


.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{ padding-top: 80px; /*position: absolute; top:-90px;*/ }

.main .wrap .tab-head{ position: absolute; top:-90px; width: 1190px; height: 167px; background: url(../images/tab-bg.png) repeat-x;}
.main .wrap .tab-head li{ float: left; width: 238px; height: 167px; overflow: hidden; }
.main .wrap .tab-head li a{ display: block; text-align: center; padding-top: 108px;}
.main .wrap .tab-head li a:hover, .main .wrap .tab-head li.active a{ color: #FFF; text-decoration: none;}
.main .wrap .tab-head li .ico{ width: 238px; height: 167px; background: url(../images/ico-all.png) no-repeat;}
.main .wrap .tab-head li .ico-gdp{ background-position: 0 0;}
.main .wrap .tab-head li .ico-cpi{ background-position: 0 -204px;}
.main .wrap .tab-head li .ico-qoe{ background-position: 0 -415px;}
.main .wrap .tab-head li .ico-lfr{ background-position: 0 -621px;}
.main .wrap .tab-head li .ico-nr{ background-position: 0 -824px;}
.main .wrap .tab-head li .ico-gdp:hover,
.main .wrap .tab-head li.active .ico-gdp{ background-position: -243px 0; }
.main .wrap .tab-head li .ico-cpi:hover,
.main .wrap .tab-head li.active .ico-cpi{ background-position: -243px -204px; }
.main .wrap .tab-head li .ico-qoe:hover,
.main .wrap .tab-head li.active .ico-qoe{ background-position: -243px -415px; }
.main .wrap .tab-head li .ico-lfr:hover,
.main .wrap .tab-head li.active .ico-lfr{ background-position: -243px -621px; }
.main .wrap .tab-head li .ico-nr:hover,
.main .wrap .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;}
 .year-box{ text-align: right; font-size: 14px; padding-right: 37px;}
 .year-box span{}
 .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 .gdp-structure .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-spot .hot-small .small-tl{ color: #1c3f86; font-size: 16px; }
.hot-spot .hot-small .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-spot .hot-small .small-con{ margin-top: 8px;}
.hot-spot .hot-small .small-con ul.month{ border: #ccc solid 1px; width: 354px; }
.hot-spot .hot-small .small-con ul.month li{ float: left; border-left: #ccc solid 1px; }
.hot-spot .hot-small .small-con ul.month li:first-child{ border-left: 0px;}
.hot-spot .hot-small .small-con ul.month li a{display: block; padding: 3px 9px; color: #1c3f87; font-weight: bold; font-size: 14px;}
.hot-spot .hot-small .small-con ul.month li a:hover{ text-decoration: none;}
.hot-spot .hot-small .small-con ul.month li.disabled a{ color: #999; font-weight: normal;}

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

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


.chart-1{ height: 402px;}
.chart-1_sy{height: 242px;}
.chart-2{ height: 402px;}
.chart-2_sy{height: 242px;}