.container { width: 1160px; background: #fff; margin: 0 auto 20px; padding: 20px;}

/*全市指数趋势*/

.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/2020lkq_data_zsqs.png) right center no-repeat;}
.exponential_trend .hd ul li{ font-size: 16px; line-height:75px; text-align:center;  color: #333333; cursor:pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.exponential_trend .hd ul li.on{ border-left: 2px solid #0077dd; background: #dde7f0; color:#0077dd; font-weight: bold;}

.exponential_trend .bd{ height:450px; margin-left: 300px; margin-right: 20px;}
.exponential_trend .bd .datacontainer{ width:840px; height:450px;}
.exponential_trend .bd img{ width:100%; height:100%;}

.w560{ width: 560px;}



@media only screen and (max-width:1199px) {
	.container { width: 100%; padding: 10px;}

	.exponential_trend {height: auto;}
	.exponential_trend .hd { float: none;  width: 100%; background: none; overflow: hidden;}
	.exponential_trend .hd ul li { float: left; width: calc(100% / 3); height: 50px; line-height: 50px;}
	.exponential_trend .hd ul li.on { border-left: 0; border-bottom: 1px solid #0077dd;}
	.exponential_trend .bd { width: 100%; height: auto; margin-left: 0;}
	.exponential_trend .bd .datacontainer { width: 100%;}

	.tjgb .w560 { width: 100%;}
	.tjgb .fr { padding-top: 0;}
}

@media only screen and (max-width: 480px) {
	.exponential_trend .bd .datacontainer { height: 300px;}
	.exponential_trend .hd ul li { width: 50%;}
}