@charset "UTF-8";
/***********就业大数据 start*********/
.data_box{
    position:relative;
    width:100%;
    min-width:1280px;
    background:#f0f3f8 url("../images/data_banner.jpg") no-repeat center top;
    overflow:hidden;
}
.data_banner{height:440px;}

/*图形图表 start*/
#data{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    min-width:1400px;
    padding-bottom:20px;
}
.data_item{
    width:calc(50% - 10px);
    background:#fff;
    box-shadow:0 0 10px 0 rgba(0,0,0,0.08);
    border-radius:15px;
    padding:20px;
    overflow:hidden;
    box-sizing:border-box;
}
.data_title{
    display:flex;
    width:100%;
    color:#000;
    font-size:20px;
    font-weight:bold;
    line-height:30px;
    margin-bottom:10px;
    overflow:hidden;
}
.data_title img{margin-right:10px;}
#data1,#data2,#data3,#data4{ 
    width:100%;
    height:450px;
}
.top_list li{
    display:flex;
    width:100%;
    background:#f0f3f8;
    border-radius:8px;
    line-height:40px;
    padding:10px 15px;
    color:#333;
    font-size:17px;
    margin-top:15px;
    overflow:hidden;
    box-sizing: border-box;
}
.top_list li img{
    float:left;
    margin-right:10px;
}
.top_list li i{
    float:left;
    width:26px;
    height:26px;
    background:#fb5323;
    border-radius:50%;
    line-height:26px;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    text-align: center;
    margin:7px 17px 7px 7px;
}
.from{
    font-size:14px;
    line-height:1.6;
    margin-bottom:30px;
}
.from strong{ color:#165DFF;}
.from p{
    color:#777;
    margin-top:5px;
}
/***********就业大数据 end*********/