@charset "utf-8";
.zfsj_tit{ height: 60px; line-height: 60px; width: 100%;}
.zfsj_tit h3 a,.zfsj_tit h3{font-size: 18px; color: #2f73b2; font-weight: bold;}
ul.list{ width: auto; height: auto; padding: 10px 20px; border: 1px solid #E1E1E1;}
ul.list li{height: 36px; line-height: 36px; width: 100%; vertical-align: top; }
ul.list li a{ float: left; color: #333333; font-size: 16px; background: url(../images/news_tab_list_dot.png) left center no-repeat; padding-left: 13px;}
ul.list li a:hover{ color: #1b64b4;}
ul.list li span{ float: right; font-size: 14px; color: #999999;}
.tjfx,.tjgb{ float: left; width: 590px; margin-top: 9px;}
.sjyw,.sjyy{ float: right; width: 590px;margin-top: 9px;}

/*数据应用*/
.sjyy_list {width: 588px; height: 236px; border: 1px solid #E1E1E1;}
.sjyy_list li{ float: left; width: 80px; height: 88px; padding: 15px 19px 15px 18px;}
.sjyy_list li a{ display: inline-block; width: 100%; height: 100%; text-align: center; font-size: 14px; color: #333333;}
.sjyy_list li a i{ display: block; width: 52px; height: 52px; margin: 0 auto 8px; background-position: center center; background-repeat: no-repeat;transition: all 0.3s; -moz-transition: all 0.3s;-webkit-transition: all 0.3s;}
.sjyy_list li a i.sj01{ background-image: url(../images/zfsj_sjyy_icon01.png);}
.sjyy_list li a i.sj02{ background-image: url(../images/zfsj_sjyy_icon02.png);}
.sjyy_list li a i.sj03{ background-image: url(../images/zfsj_sjyy_icon03.png);}
.sjyy_list li a i.sj04{ background-image: url(../images/zfsj_sjyy_icon04.png);}
.sjyy_list li a i.sj05{ background-image: url(../images/zfsj_sjyy_icon05.png);}
.sjyy_list li a i.sj06{ background-image: url(../images/zfsj_sjyy_icon06.png);}
.sjyy_list li a i.sj07{ background-image: url(../images/zfsj_sjyy_icon07.png);}
.sjyy_list li a i.sj08{ background-image: url(../images/zfsj_sjyy_icon08.png);}
.sjyy_list li a i.sj09{ background-image: url(../images/zfsj_sjyy_icon09.png);}
.sjyy_list li a i.sj10{ background-image: url(../images/zfsj_sjyy_icon10.png);}
.sjyy_list li a:hover{ color: #0077DD;}
.sjyy_list li a:hover i{ 
	transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    }
/*全市指数趋势*/
.zsqs{ width: 100%; height: auto;}
.zsqs .zfsj_tit{border-bottom: 1px solid #FFFFFF;}
/* 指数趋势 */
.exponential_trend{ height:450px;  overflow:hidden;}
.exponential_trend .hd{ float:left; width:280px; height: 100%; background: url(../images/zfsj_qszsqs_tab_leftbg.png) right center no-repeat;}
.exponential_trend .hd ul li{ font-size: 16px; line-height:50px; text-align:center;  color: #333333; cursor:pointer; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.exponential_trend .hd ul li.on{ color:#0077dd; font-weight: bold; background:url(../images/zfsj_qszsqs_tab_left_line.png) no-repeat left center #dde7f0;}

.exponential_trend .bd{ width:900px; height:450px; float: right;}
.exponential_trend .bd .datacontainer{ width:900px; height:450px;}
.exponential_trend .bd img{ width:100%; height:100%;}

@media screen and (max-width:1199px) {
	.zsqs{ display: none;}
	
	
	.tjfx,.sjyw,.tjgb,.sjyy{ width: 100%; height: auto; float: none;}
	.sjyy_list{ box-sizing: border-box; width: 100%; margin-bottom: 20px;}
	.sjyy_list li{ width: 16%; padding: 15px 2%;}
}
@media screen and (max-width:768px) {
	.zfsj_tit{ height: 40px; line-height: 40px;}
	ul.list{ padding: 0; border: none;}
	ul.list li{height: auto;padding: 10px 0 5px 15px;border-bottom: 1px solid #DEDEDE;line-height: 24px;background: url(../images/wap_li_dot.png) left 17px no-repeat; box-sizing: border-box;}
	ul.list li a{float: none;overflow: auto; white-space: normal; background: none; padding: 0;text-indent: 0;color: #666666;}
	ul.list li span{ display: none;}
}
@media screen and (max-width:480px) {
	.sjyy_list li{ width: 20%; padding-left: 0; padding-right: 0;}
}
@media screen and (max-width:320px) {
	.sjyy_list li a{ font-size: 12px;}
}