.career-box{display: none;}
.career-box.selected{display: block;}
.talent-develop{width: 100%;margin:110px 0 140px;background-color: #fff;}
.talent-develop .talent-list{width: 885px;margin: 0 auto;color: #2A2E2E;}
.talent-develop .talent-list li{display: flex;flex-direction: column;justify-content: center;align-items: center;margin-bottom: 115px;}
.talent-develop .talent-list li>h5{font-size: 24px;line-height: 24px;font-weight: bold;}
.talent-develop .talent-list .talent>p{margin-top: 25px;font-size: 14px;line-height: 26px;}
.talent-develop .talent-list .rank>img{width: 555px;height: 360px;margin-top: 67px;}
.talent-develop .talent-list .train>img{width: 619px;height: 166px;margin-top: 79px;}

.work-in{width: 100%;background-color: #fff;color: #2A2E2E;}
.work-in .work-life{width: 885px;margin:0 auto;}
.work-in .work-tit{margin: 109px 0 50px;text-align:center;font-size: 24px;font-weight: bold;}
.work-in .work-life>p{font-size: 14px;line-height: 26px;}
.work-in .work-eveir{width: 1120px;margin: 0 auto;}
.work-in .work-eveir .eveir-img{display: flex;justify-content: space-between;}
.work-in .work-eveir .eveir-img>img{width: 544px;height: 340px;}
.act-box .act-row{width: 100%;}
.act-box .act-row .act-item{position: relative;box-sizing: border-box;float: left;padding: 45px;height: 300px;overflow: hidden;}
.act-box .row-one .item-one{float:left;width: 68%;height: 300px;padding: 45px;background: url(../images/act-img-1.png) no-repeat center;background-size: cover;}
.act-box .row-one .item-two{float:left;width: 32%;height: 300px;padding: 45px;background: url(../images/act-img-2.png) no-repeat center;background-size: cover;}
.act-box .row-two .item-three{float:left;width: 32%;height: 300px;padding: 45px;background: url(../images/act-img-3.png) no-repeat center;background-size: cover;}
.act-box .row-two .item-four{float:left;width: 68%;height: 300px;padding: 45px;background: url(../images/act-img-4.png) no-repeat center;background-size: cover;}

.act-box .act-row .act-item .mask-bg{
    position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
    width: 100%;
	height: 100%;
    box-sizing: border-box;
    transform: translate(0, 300px);
    transform-origin: bottom;
    transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    -webkit-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    -moz-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    -ms-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    -o-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.act-box .act-row .act-item .act-tit{
    position: relative;
    font-size: 28px;
    color: #FFFFFF;
    letter-spacing: 0;
    margin-bottom: 35px;
  
}
.act-box .act-row .act-item .act-label{
    position: relative;
	line-height: 30px;
	margin:35px 45px 0 0;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0;
	opacity: 0;
	transform: translate(0, 115px);
    transform-origin: bottom;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -webkit-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -moz-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -ms-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -o-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
}


.act-box .row-one .item-one .mask-bg{background: rgba(26,89,192,0.8);}
.act-box .row-one .item-two .mask-bg{background: rgba(9,130,207,0.8);}
.act-box .row-two .item-three .mask-bg{background:rgba(231,124,65,0.8);}
.act-box .row-two .item-four .mask-bg{background:rgba(159,76,212,0.8);}
.act-box .act-row .act-item:hover .mask-bg{
    transform: translate(0, 0px);
	-webkit-transform: translate(0, 0px);
	-moz-transform: translate(0, 0px);
	-ms-transform: translate(0, 0px);
	-o-transform: translate(0, 0px);
}
.act-box .act-row .act-item:hover .act-label{
    opacity: 1;
    transform: translate(0, 0px);
	-webkit-transform: translate(0, 0px);
	-moz-transform: translate(0, 0px);
	-ms-transform: translate(0, 0px);
	-o-transform: translate(0, 0px);
}







.join-us{width: 100%;background-color: #fff;margin: 90px 0;color: #2A2E2E;}
.join-us .jd-list{width: 828px;height: 118px;margin:0 auto 40px;padding:36px;box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.05);}
.join-us .jd-list h5{margin-bottom: 20px;font-size: 20px;line-height: 24px;font-weight:bold;}
.join-us .jd-list ul li{font-size: 14px;line-height: 26px;color: #8F959E;}

.jd-desc{width: 100%;margin:110px 0 234px;background-color: #fff;color: #2A2E2E;}
.jd-desc .desc-box{width: 750px;margin:0 auto;}
.jd-desc .desc-box h3{margin-bottom: 60px;font-size: 28px;line-height: 28px;font-weight: bold;}
.jd-desc .desc-box .desc-item>h5{margin-bottom: 20px;font-size: 20px;font-weight: bold;line-height: 20px;}
.jd-desc .desc-box .desc-item ul{margin-bottom: 48px;}
.jd-desc .desc-box .desc-item ul li{font-size: 14px;color: #8F959E;line-height: 26px;}
.jd-desc .desc-box .desc-mailbox{font-size: 16px;line-height: 16px;font-weight: bold;}