.layout{
  width: 1200px;
  margin: 0 auto;
}
.chart-list .part-title{
  font-size: 24px;
  color: #014886;
  padding: 60px 30px 20px;
  border-bottom:1px solid #eee;
  margin-bottom:20px;
}
.chart-content{
  overflow: hidden;
  padding-bottom:30px;
}
.chart-content .chart-tab{
  float: left;
  width:170px;
}
.chart-tab li{
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #f7f7f7;
  font-size: 16px;
  color:#333;
  text-align: center;
  cursor: pointer;
}
.chart-tab li:hover{
  color:#014886;
}
.chart-tab li.active{
  color:#fff;
  background:#2d548f;
  border-color: #2d548f ;
}
.chart-content .chart-info{
  float:right;
  width:1000px;
}
.chart-content .chart-info .item{
  min-height: 360px;
  display: none;
}
.chart-content .chart-info img{
  display: block;
  margin:0 auto;
}
.data-lists-wrap{
  width:100%;
  background:#f5f6fb;
  padding:35px 0;
}
.data-lists{
  overflow: hidden;
}
.data-list-title{
  font-size: 24px;
  color:#014886;
  padding:0 20px 20px;
  border-bottom:1px solid #fff;
}
.data-release{
  float:left;
  width:48%;
}
.data-analysis{
  float:right;
  width:48%;
}
.notice-list{
  padding:0 20px;
  box-sizing: border-box;
}
.notice-list li{
  padding:10px 0;
  overflow: hidden;
  font-size: 16px;
}
.notice-list li a{
  float:left;
  width:65%;
  color:#333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notice-list li a:hover{
  color:#014886;
}
.notice-list li span{
  float:right;
  color:#999;
}
.data-search-wrap{
  width:100%;
  background: #fff;
  padding:30px 0;
}
.data-search-title{
  height:40px;
  background: url(./data_search_bg_03.png) no-repeat center center;
}
.data-search-list{
  overflow: hidden;
  padding-top:25px;
}
.data-search-list li{
  float:left;
  width:140px;
  height:130px;
  text-align: center;
  border: 1px solid #fff;
  box-sizing: border-box;
  margin:0 30px 20px;
  padding-top:20px;
}
.data-search-list li:hover{
  border: 1px solid #bfbfbf;
  border-radius: 5px;
}
.data-search-list li a{
  display: block;
  font-size: 16px;
  color:#333;
}
.data-search-list li a img{
  display: inline-block;
  vertical-align: middle;
  margin:0 auto;
}
.data-search-list li a span{
  display: block;
  margin-top:15px;
}

.total-lists-wrap{
  width:100%;
  background:#f5f6fb;
  padding:35px 0;
}
.total-lists{
  overflow: hidden;
}
.total-list-title{
  font-size: 24px;
  color:#014886;
  padding:0 20px 20px;
  border-bottom:1px solid #fff;
}
.total-part-con{
  float:left;
  width:30%;
  margin-left:5%;
}
.total-part-con:first-child{
  margin-left:0;
}
.total-notice-list{
  padding:0 20px;
  box-sizing: border-box;
}
.total-notice-list li{
  padding:10px 0;
  overflow: hidden;
  font-size: 16px;
}
.total-notice-list li a{
  display: block;
  width:100%;
  color:#333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.total-notice-list li a:hover{
  color:#014886;
}


/*以上是PC版样式*/
/*以下是手机版样式*/
@media screen and (max-width: 768px) {

  .total-lists{display:flex;flex-direction:column;justify-content:center;}
  .total-lists-wrap{width:96vw;margin:0px 2vw;padding:0px;}
  .layout{width:96vw !important;}
  .data-release{width:96vw;float:none;padding-top:20px;}
  .data-analysis{width:96vw;float:none;padding-top:20px;}
  .notice-list li a {width:84%;}

  .data-search-list li{width:24vw !important;margin:0px !important;position:static !important;padding:0px !important;height:120px;}
  .data-search-wrap{padding:0px;}
  .data-search-title{margin-top:20px;}

  .chart-list{display:flex;flex-direction:column;justify-content:center;}
  .data-lists-wrap{padding:0px;}

  .chart-content{display:flex;flex-direction:column;justify-content:center;}
  .chart-content .chart-tab{float:none;width:96vw;}
  .chart-content .chart-info{float:none;width:96vw;overflow:scroll;}

  .chart-list .part-title{margin:0px;padding:0px;border:0px;margin:20px 0px;}
  #chartTab{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
  .chart-tab li{background-color:#efefef;padding:0px 5px;}
  /*div.item{width:96vw !important;}*/

}
@media screen and (max-width: 390px){

  .chart-tab li{font-size:13px;}

}