.class_lanmu2 .class_title{
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 0.36rem;
    color: #002673;
    margin-bottom: 0.48rem;
    position: relative;
}
.class_lanmu2 .class_title::before{
    content: "";
    position: absolute;
    width: 0.74rem;
    height: 0.03rem;
    background: #002673;
    border-radius: 0.03rem;
    bottom: -0.15rem;
    left: 50%;
    transform: translateX(-50%);
}
.class_lanmu2 .class_txt{
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 0.16rem;
    color: #737373;
    line-height: 2;
}
.class_lanmu2 .class_txt span{
    font-size: 0.24rem;
    color: #002673;
    font-weight: bold;
}












/* 物流技术 */
.wuliu{
    padding: 0.77rem 0 1.08rem;
}
.wuliu_box{
    display: flex;
    justify-content: space-between;
    margin-top: 0.92rem;
    margin-bottom: 0.28rem;
}
.wuliu_box .wuliu_item{
    cursor: pointer;
}
.wuliu_box .wuliu_item .wuliu_icon{
    width: 1.32rem;
    height: 1.32rem;
    background: #F3F3F3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.12rem;
}
.wuliu_box .wuliu_item .wuliu_icon img{
    width: 0.6rem;
    height: 0.6rem;
    object-fit: contain;
    transition: all 0s;
}
.wuliu_box .wuliu_item .wuliu_txt{
    text-align: center;
    font-weight: 400;
    font-size: 0.24rem;
    color: #17181B;
}
.wuliu_box .wuliu_item.act .wuliu_icon,
.wuliu_box .wuliu_item:hover .wuliu_icon{
    background: #002673;
}
.wuliu_box .wuliu_item.act .wuliu_icon img,
.wuliu_box .wuliu_item:hover .wuliu_icon img{
    filter: brightness(0) invert(1);
}
.wuliu_body{
    height: 5rem;
    background: #FFFFFF;
    border-radius: 0.02rem;
    border: 0.02rem solid #F1F4FA;
    display: none;
}
.wuliu_body.on{
    display: flex;
}
.wuliu_body .wuliu_img{
    width: 50%;
    height: 5rem;
    border-radius: 0.2rem;
    overflow: hidden;
    margin-top: 0.5rem;
}
.wuliu_body .wuliu_lr{
    width: 50%;
    padding: 1.65rem 0.66rem 0.4rem 0.93rem;
    box-sizing: border-box;
}
.wuliu_body .wuliu_lr .wuliu_title{
    font-weight: 400;
    font-size: 0.26rem;
    color: #17181B;
    padding-bottom: 0.28rem;
    border-bottom: 0.01rem dashed #B5B5B5;
    margin-bottom: 0.35rem;
}
.wuliu_body .wuliu_lr .wuliu_list{
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.2rem;
}
.wuliu_body .wuliu_lr .wuliu_list .wuliu_li{
    width: 50%;
    padding: 0 0.2rem;
    box-sizing: border-box;
    position: relative;
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
}
.wuliu_body .wuliu_lr .wuliu_list .wuliu_li::before{
    content: "";
    position: absolute;
    width: 0.08rem;
    height: 0.08rem;
    background: #002673;
    border-radius: 50%;
    left: 0;
    top: 0.07rem;
}




/* 氢能源货车示范运行 */
.truck{
    width: 100%;
    height: auto;
    padding: 0.68rem 0 1rem;
    box-sizing: border-box;
    /* background: linear-gradient( 143deg, #002673 0%, #000001 97.5%, rgba(0,0,0,0.75) 100%); */
    background: url(../images/img/wuliu_bg.jpg) center no-repeat;
    background-size: cover;
}
.truck .class_title,
.truck .class_txt{
    color: #fff;
}
.truck .class_title::before{
    background: #fff;
}
.truck .truck_swiper{
	width: calc(100% + 1.6rem);
	padding-right: 1.6rem;
	padding-bottom: 1.04rem;
	box-sizing: border-box;
	overflow: hidden;
	margin-top: 0.8rem;
	position: relative;
}
.truck .truck_swiper .swiper-slide{
    width: 5rem;
    height: 3.2rem;
    border-radius: 0.12rem;
    overflow: hidden;
}
.truck .truck_swiper .swiper-pagination {
	width: 14.18rem !important;
	bottom: 0.24rem !important;
	top: auto !important;
	height: 0.02rem !important;
	background: rgba(216,220,224,0.5);
}
.truck .truck_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background: #FFFFFF;
}
.truck .truck_swiper .swiper-button-next,
.truck .truck_swiper .swiper-button-prev {
	position: absolute;
	top: auto;
	bottom: 0;
	width: 0.7rem;
	height: 0.5rem;
	background: #D8DCE0;
	border-radius: 0.04rem;
	transition: all .5s;
	outline: none;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}
.truck .truck_swiper .swiper-button-next::after,
.truck .truck_swiper .swiper-button-prev::after {
	display: none;
}
.truck .truck_swiper .swiper-button-next img,
.truck .truck_swiper .swiper-button-prev img {
	width: 0.14rem;
	height: auto;
	display: block;
	object-fit: contain;
}
.truck .truck_swiper .swiper-button-next {
	right: 1.6rem;
	transform: rotate(180deg);
}
.truck .truck_swiper .swiper-button-prev {
	right: 2.48rem;
	left: auto;
}
.truck .truck_swiper .swiper-button-next:hover,
.truck .truck_swiper .swiper-button-prev:hover {
	background: #002673;
}
.truck .truck_swiper .swiper-button-next:hover img,
.truck .truck_swiper .swiper-button-prev:hover img{
	filter: brightness(0) invert(1);  
}



/* 信息化技术 */
.xinxi{
    padding: 1rem 0;
    box-sizing: border-box;
}
.xinxi_body{
    margin-top: 0.63rem;
    text-align: center;
}
.xinxi_body img,
.xitong_body img{
    width: auto;
    height: auto;
    max-width: 100%;
    display: inline;
}


/* 业务系统 */
.xitong{
    padding: 0.73rem 0 1.03rem;
    box-sizing: border-box;
    background: url(../images/img/xitong_bg.png) center no-repeat;
    background-size: cover;
}

.xitong_btn{
    margin-top: 0.58rem;
    margin-bottom: 0.78rem;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.2rem;
}
.xitong_btn .btn_tab{
    padding: 0.17rem 0.2rem;
    min-width: 2rem;
    text-align: center;
    background: #FFFFFF;
    border-radius: 0.1rem;
    border: 0.01rem solid #E2E2E2;
    font-weight: 400;
    font-size: 0.2rem;
    color: #333333;
    cursor: pointer;
}
.xitong_btn .btn_tab.act,
.xitong_btn .btn_tab:hover{
    font-weight: bold;
    background: #002673;
    color: #fff;
    border: 0.01rem solid #002673;
}
.xitong_body{
    /* margin-top: 0.86rem; */
    text-align: center;

    display: none;
}
.xitong_body.on{
    display: block;
}
.xitong_list{
    display: flex;
    align-items: center;
    justify-content: space-between;
    row-gap: 0.2rem;
}
.xitong_list .xitong_tiem{
    width: 2rem;
}
.xitong_list .xitong_tiem .xt_icon{
    width: 100%;
    height: 2.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/img2/xt_bg.png) center no-repeat;
    background-size: cover;
}
.xitong_list .xitong_tiem .xt_icon img{
    width: 0.8rem;
    height: 0.8rem;
    object-fit: contain;
}
.xitong_list .xitong_tiem .xt_txt{
    margin-top: 0.11rem;
    text-align: center;
    width: 100%;
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
}
.xitong_list .xitong_li{
    width: 1.56rem;
    height: auto;
}







/* 人才体系 */
.talent{
    background: url(../images/img/talent_bg.png) center no-repeat;
    background-size: cover;
    padding: 0.5rem 0 0.74rem;
    box-sizing: border-box;
}
.talent .talent_body{
    margin-top: 0.76rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}
.talent .talent_body .talent_fl{
    width: 50%;
    padding-right: 0.76rem;
}
.talent .talent_body .talent_fl .talent_title{
    font-weight: 400;
    font-size: 0.32rem;
    color: #002673;
    margin-bottom: 0.4rem;
}
.talent .talent_body .talent_fl .talent_cont{
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
    line-height: 2;
}
.talent .talent_body .talent_fr{
    width: 8rem;
    height: auto;
    border-radius: 0.08rem;
    overflow: hidden;
}
.talent .talent_box{
    display: flex;
    margin-top: 0.76rem;
    border: 0.01rem solid #E3E5E9;
} 
.talent .talent_box .talent_item{
    width: 33.33%;
    padding: 0.42rem 1.39rem 0.49rem 0.6rem;
    box-sizing: border-box;
    background: rgba(255,255,255,0.85);
    border-right: 0.01rem solid #E3E5E9;
}
.talent .talent_box .talent_item:last-child{
    border-right: none;
}
.talent .talent_box .talent_num{
    font-weight: normal;
    font-size: 0.18rem;
    color: #333333;
}
.talent .talent_box .talent_num span{
    font-family: Impact-Regular;
    font-weight: 400;
    font-size: 0.46rem;
    color: #002673;
    margin-right: 0.18rem;
}
.talent .talent_box .talent_tit{
    font-weight: normal;
    font-size: 0.24rem;
    color: #333333;
    margin: 0.21rem 0 0.32rem;
}
.talent .talent_box .talent_txt{
    font-weight: normal;
    font-size: 0.18rem;
    color: #333333;
    line-height: 1.77;
}
.talent .talent_box .talent_item:hover{
    background: url(../images/img/talent_bg2.png) center no-repeat;
    background-size: cover;
}
.talent .talent_box .talent_item:hover .talent_num,
.talent .talent_box .talent_item:hover .talent_num span,
.talent .talent_box .talent_item:hover .talent_tit,
.talent .talent_box .talent_item:hover .talent_txt{
    color: #fff;
}





/* 人才发展体系 */
.system{
    padding-top: 0.58rem;
}
.system_body{
    margin-top: 0.33rem;
    width: 100%;
    height: auto;
    position: relative;
}
.system_body:before{
    content: "";
    position: absolute;
    width: 2.48rem;
    height: 7.64rem;
    background: linear-gradient( 90deg, #FFFFFF 0%, rgba(255,255,255,0.03) 100%);
    left: 0;
    bottom: 0;
}
.system_body:after{
    content: "";
    position: absolute;
    width: 2.48rem;
    height: 7.64rem;
    background: linear-gradient( 270deg, #FFFFFF 0%, rgba(255,255,255,0.03) 100%);
    right: 0;
    bottom: 0;
}
.system_body .system_box{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.system_body .system_item{
    position: absolute;
    padding-left: 0.23rem;
    padding-bottom: 0.72rem;
    box-sizing: border-box;
    border-left: 0.01rem solid #002673;
}
.system_body .system_item::before{
    content: "";
    position: absolute;
    width: 0.05rem;
    height: 0.05rem;
    background: #002673;
    border-radius: 50%;
    top: -0.02rem;
    left: -0.03rem;
}
.system_body .system_item .system_title{
    font-weight: normal;
    font-size: 0.24rem;
    color: #002673;
    margin-bottom: 0.18rem;
}
.system_body .system_item .system_cont{
    font-weight: normal;
    font-size: 0.18rem;
    color: #333333;
    line-height: 1.38;
}
.system_body .system_item .system_icon{
    width: 0.4rem;
    height: 0.4rem;
    background: #FFFFFF;
    border: 0.01rem solid #002673;
    border-radius: 50%;
    position: absolute;
    left: -0.21rem;
    bottom: 0;
}
.system_body .system_item .system_icon::before{
    content: "";
    position: absolute;
    width: 0.15rem;
    height: 0.15rem;
    background: #002673;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.system_body .system_item:nth-child(1){
    bottom: 37%;
    left: 6%;
}
.system_body .system_item:nth-child(2){
    bottom: 49%;
    left: 36%;
    padding-bottom: 0.78rem;
}
.system_body .system_item:nth-child(3){
    bottom: 49%;
    left: 61%;
    padding-bottom: 1.6rem;
}
.system_body .system_item:nth-child(4){
    bottom: 60%;
    left: 83%;
    padding-bottom: 1.82rem;
}






/* 职能履职诊断 */
.function{
    background: url(../images/img/function_bg.png) center no-repeat;
    background-size: cover;
    padding: 0.97rem 0 1.07rem;
    box-sizing: border-box;
}
.function_body{
    width: auto;
    text-align: center;
}
.function_body img{
    width: auto;
    height: auto;
    max-width: 100%;
    display: inline;
}





/* CLM管理体系 */
.clm{
    padding-top: 0.52rem;
    box-sizing: border-box;
}
.clm_txt{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 0.43rem;
    gap: 1.2rem;
}
.clm_txt .txt_fl{
    flex: 1;
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
    line-height: 2;
    max-width: calc(50% - 0.6rem);
}
.clm_txt .txt_fr{
    display: flex;
    column-gap: 0.4rem;
    flex: 1;
    max-width: calc(50% - 0.6rem);
    align-items: flex-start;
}
.clm_txt .txt_fr p{
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
    line-height: 2;
    margin: 0;
    flex: 1;
}
.clm_txt .txt_fr span{
    font-weight: bold;
    font-size: 0.24rem;
    color: #002673;
    white-space: nowrap;
    flex-shrink: 0;
}

.clm .txt_img{
    width: 100%;
    height: auto;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.7rem;
}
.clm .txt_img img{
    width: auto;
    height: auto;
    max-width: 100%;
    display: inline;
}







/* 现场管理干部成长路径 */
.liucheng .main{
    padding: 0.3rem 0 0.6rem;
    box-sizing: border-box;
    background: linear-gradient( 270deg, #002673 0%, #214DA7 100%);
}
.liucheng .liucheng_class{
    text-align: center;
    font-weight: bold;
    font-size: 0.32rem;
    color: #FFFFFF;
    margin-bottom: 0.5rem;
}
.liucheng .liucheng_box{
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 1.42rem;
}
.liucheng .liucheng_box .liucheng_item{
    width: 1.68rem;
    height: 1.93rem;
    background: url(../images/img/lc_bg.png) center no-repeat;
    background-size: cover;
    position: relative;
}
.liucheng .liucheng_box .liucheng_item::before{
    content: "";
    position: absolute;
    right: -1.02rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.62rem;
    height: 0.4rem;
    object-fit: contain;
    background: url(../images/img/lc_icon.png) center no-repeat;
    background-size: cover;
}
.liucheng .liucheng_box .liucheng_item:last-child:before{
    display: none;
}
.liucheng .liucheng_box .liucheng_item img{
    width: fit-content;
    height: 0.5rem;
    object-fit: contain;
    margin: 0.47rem auto 0.15rem;
}
.liucheng .liucheng_box .liucheng_item span{
    display: block;
    text-align: center;
    font-weight: 400;
    font-size: 0.2rem;
    color: #FFFFFF;
}




/* 职位 */
.clm2_body{
    margin: 1rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.clm2_body .clm2_img{
    width: 6.92rem;
    height: 5.6rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.clm2_body .clm2_item{
    width: 4.74rem;
    min-height: 2.42rem;
    background: linear-gradient( 135deg, rgba(0,38,115,0.05) 0%, rgba(0,19,58,0) 100%);
    border-radius: 0.2rem;
    margin: 0.24rem 0;
    padding: 0.54rem 0 0 0.38rem;
    box-sizing: border-box;
}
.clm2_body .clm2_item>div:first-child{
    display: flex;
    align-items: center;
    margin-bottom: 0.2rem;
}
.clm2_body .clm2_item>div:first-child>img{
    width: fit-content;
    max-width: 0.3rem;
    height: 0.3rem;
    object-fit: contain;
    margin-right: 0.1rem;
}
.clm2_body .clm2_item .clm2_title{
    font-weight: bold;
    font-size: 0.24rem;
    color: #002673;
}
.clm2_body .clm2_item .clm2_ul{
    padding-left: 0.2rem;
}
.clm2_body .clm2_item .clm2_ul p{
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
    margin-bottom: 0.15rem;
    position: relative;
}
.clm2_body .clm2_item .clm2_ul p::before{
    content: "";
    position: absolute;
    width: 0.08rem;
    height: 0.08rem;
    background: #737373;
    border-radius: 50%;
    left: -0.2rem;
    top: 0.07rem;
}
.clm2_body .clm2_fr .clm2_item{
    background: linear-gradient( -90deg, rgba(0,38,115,0.05) 0%, rgba(0,19,58,0) 100%);
    padding: 0.53rem 0 0 0.73rem;
}





.clm2_box{
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.clm2_box .box_item{
    width: calc(20% - 0.2rem);
    height: auto;
    padding: 0.37rem 0.35rem 0.38rem;
    box-sizing: border-box;
    background: linear-gradient( 180deg, #EEF0F5 0%, #E4E6EB 100%);
    border-radius: 0.12rem;
}
.clm2_box .box_item .box_icon{
    width: 1rem;
    height: 1rem;
    border: 0.01rem solid #737373;
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.clm2_box .box_item .box_icon img{
    width: fit-content;
    height: 0.46rem;
    object-fit: contain;
    display: block;
}
.clm2_box .box_item .box_title{
    text-align: center;
    font-weight: bold;
    font-size: 0.24rem;
    color: #002673;
    margin: 0.22rem 0;
}
.clm2_box .box_item .box_cont{
    text-align: center;
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
    line-height: 2;
}






/* 案例列表 */
.class_more{
    width: 1.4rem;
    height: 0.45rem;
    border-radius: 0.04rem;
    border: 0.01rem solid #8F8F8F;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.06rem;
    font-weight: 400;
    font-size: 0.16rem;
    color: #686868;
    cursor: pointer;
}
.class_more i{
    width: 0.17rem;
    height: 0.17rem;
    display: block;
    background: url(../images/img/jiantou2.png) center no-repeat;
    background-size: contain;
}
.class_more:hover{
    color: #fff;
    background: #002673;
    border: 0.01rem solid #002673;
}
.class_more:hover i{
    filter: brightness(0) invert(1);
}



.anli_body{
    padding: 0.7rem 0 0.85rem;
    box-sizing: border-box;
}
.max_anli{
    display: flex;
    height: 4.7rem;
    background: #F9F9F9;
    border-radius: 0.12rem;
    margin-bottom: 0.4rem;
}
.max_anli .anli_fl{
    width: calc(100% - 7.5rem);
    padding: 1rem 1.14rem 0.4rem 0.5rem;
    box-sizing: border-box;
}
.max_anli .anli_fl .max_title{
    display: flex;
    align-items: center;
    column-gap: 0.17rem;
    font-weight: 400;
    font-size: 0.32rem;
    color: #383635;
    margin-bottom: 0.44rem;
}
.max_anli .anli_fl .max_title i{
    width: 0.39rem;
    height: 0.04rem;
    background: #002673;
    border-radius: 0.1rem;
}
.max_anli .anli_fl .max_cont{
    font-weight: 400;
    font-size: 0.18rem;
    color: #757575;
    line-height: 1.7;
    margin-bottom: 0.44rem;
}
.max_anli .anli_fr{
    width: 7.5rem;
    height: 100%;
    overflow: hidden;
}
.anli_box{
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.27rem;
    row-gap: 0.55rem;
}
.anli_box .anli_item{
    width: calc(33.33% - 0.19rem);
    background: #F8F8F8;
    border-radius: 0.2rem;
    overflow: hidden;
}
.anli_box .anli_item .anli_img{
    width: 100%;
    height: 3.22rem;
    overflow: hidden;
}
.anli_box .anli_item .anli_txt{
    padding: 0.33rem 0.4rem 0.3rem;
    box-sizing: border-box;
}
.anli_box .anli_item .anli_time{
    font-weight: 400;
    font-size: 0.16rem;
    color: #999999;
    margin-bottom: 0.19rem;
}
.anli_box .anli_item .anli_title{
    width: 100%;
    font-weight: 400;
    font-size: 0.2rem;
    color: #333333;
    position: relative;
}
.anli_box .anli_item .anli_br{
    width: 100%;
    height: 0.01rem;
    background: rgba(112,112,112,0.5);
    margin: 0.34rem 0 0.3rem;  
}
.anli_box .anli_item:hover .anli_img img{
    transform: scale(1.1);
}
.anli_box .anli_item:hover .anli_title{
    color: #002673;
}
.anli_box .anli_item:hover .class_more{
    color: #fff;
    background: #002673;
    border: 0.01rem solid #002673;
}
.anli_box .anli_item:hover .class_more i{
    filter: brightness(0) invert(1);
}