@charset "utf-8";
.clearfix:after{content: ""; display:block;clear:both;}
.clearfix { *zoom:1;}
.clear{ clear:both;}
.fl{ float: left;}
.fr{ float: right;}


/*单层tab切换1 */
.tab_box{ text-align:left; }
.tab_hd{ height: 42px; border-bottom: 2px solid #dddddd; position: relative; }
.tab_hd.tab_hd1{ height: 44px; border-bottom: 0; }
.tab_hd.tab_hd1>ul>li>a{ color: #898da4; }
.tab_hd>ul>li{ margin-right: 30px; float:left;  height: 40px; line-height:40px; }
.tab_hd>ul>li>a{ font-size: 24px; color: #666666; font-family: "华文中宋"; }
.tab_hd .on{ border-bottom: 4px solid #242a51; }
.tab_hd .on a{ color: #242a51; font-weight: bold; }
.tab_hd.tab_hd1 .on a{ color: #242a51; font-weight: bold; }
.tab_hd>ul>li>a>span{ font-size: 14px; color: #999999; line-height: 42px; margin-left: 10px; }
.tab_hd>span{ float: right; }
.tab_hd>span.more>a{ display: block; padding: 0 10px; height: 42px; line-height: 42px; width:24px; font-size: 14px; -webkit-transition: all 0.5s ease-out; transition: all .5s ease-out;  }
.tab_hd>span.more>a:hover{ color: #242a51; }
.tab_hd .tab_hd_a a{ margin-right: 30px; float:left;  height: 40px; line-height:40px; font-size: 24px; color: #898da4; font-family: "华文中宋"; }
.tab_hd .tab_hd_a a:hover{ color: #242a51; font-weight: bold;  }

/* 新闻列表 */
.bd_new ul{zoom:1;padding: 6px 0;}
.bd_new li{height: 54px;line-height: 54px;padding-left: 20px; background: url(2022fhx_index_dian2.png) no-repeat 3px center; position: relative;}
.bd_new li a{ font-size: 18px; display: block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.bd_new li:hover { background: url(2022fhx_index_dian1.png) no-repeat 3px center; }
.bd_new li:hover a{ color: #242a51; }
.bd_new li:hover span{ color: #242a51; }
.bd_new li span{ display: block; width: 100px; font-size: 16px; text-align: right; float:right; color: #999999; }
.bd_new li i{padding-left: 10px; font-size: 16px; color: #19b5ff; }
.bd_a80 li a{ margin-right: 100px; }

/* 数据图表 */
.chart{ margin-top: 40px; margin-bottom: 30px; }
.chart .chart-hd{ overflow: hidden; text-align: center; }
.chart .chart-hd li{ display: inline-block; width: 270px; height: 60px; line-height: 60px; padding: 0 10px; background: #cccfdc; color: #242a51; font-size: 24px; }
.chart .chart-hd .on{ background: #242a51; color: #fff; }
.chart .chart-bd .chartbox{ height: 600px; padding: 50px 0 0; }

.zfsj{ margin-bottom: 30px; }

@media only screen and (max-width: 1500px) {
    .tab_hd>ul>li{ margin-right: 15px; }
}
@media only screen and (max-width: 1300px) {
    .tab_hd>ul>li>a{ font-size: 20px; }
}
@media only screen and (max-width: 1024px) {

    .tab_hd>ul>li{ margin-right: 8px; height: 42px; line-height: 42px; }
    .tab_hd>ul>li:last-child{ margin-right: 0; }
    .tab_hd>ul>li>a{ font-size: 18px; }
    .tab_hd .on{ border-bottom: 2px solid #242a51; }
    .tab_hd .tab_hd_a a{ font-size: 18px; margin-right: 0; margin-left: 8px; height: 42px; line-height: 42px; }
    .tab_hd.tab_hd1>ul>li{ margin-right: 14px; }

    .bd_new li{ height: 36px; line-height: 36px; }
    .bd_new li a{ font-size: 16px; margin-right: 0; }
    .bd_new li span{ display: none; }
    .bd .bd_01 h4{ font-size: 18px; }
    .bd .bd_01 p{ font-size: 14px; }

    /* 数据图表 */
    .chart{ margin-top: 20px; margin-bottom: 10px; }
    .chart .chart-hd ul{  font-size: 0; }
    .chart .chart-hd li{ width: calc(33.333% - 4px); height: 40px; line-height: 40px; padding: 0 5px; margin: 0 2px; box-sizing: border-box; font-size: 16px; }
    .chart .chart-bd .chartbox{ height: 400px; padding: 20px 0 0; }
}

@media only screen and (max-width: 540px) {
    .chart .chart-hd li{ font-size: 12px; }
    .chart .chart-bd .chartbox{ height: 300px; padding: 20px 0 0; }
    .zfsj{ margin-bottom: 10px; }
    .zfsj .layui-col-space40{ margin: 0; }
    .zfsj .layui-col-space40>*{ padding: 0 10px; }

}