/* 人才理念 */
.news-text0 {
    text-align: center;
    font-size: 0.46rem;
    font-family: MicrosoftYaHei-Bold-, MicrosoftYaHei-Bold;
    font-weight: bold;
    color: #000000;
}

.news-text1 {
    margin: 0 auto;
    margin-top: .28rem;
    width: 0.72rem;
    border-bottom: 0.04rem solid #02438D;
}

.news-text2 {
    font-size: 0.46rem;
    font-family: MicrosoftYaHei-Bold-, MicrosoftYaHei-Bold;
    font-weight: bold;
    color: #000000;
}

.news-text3 {
    margin-top: .28rem;
    width: 0.72rem;
    border-bottom: 0.04rem solid #02438D;
}

.staff-con {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.staff-qh {
    display: flex;
    align-items: center;
}

.staff-qhb {
    cursor: pointer;
    width: 1.79rem;
    height: 0.47rem;
    background: #FFFFFF;
    border: 0.01rem solid #D9D9D9;
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 0.47rem;
    text-align: center;
}

.staff-qhb:last-child {
    margin-left: .2rem;
}
.staff-qh .active{
    color: #FFFFFF;
    background: #0C4DA2;
}
.staff-qhb:hover {
   
    color: #FFFFFF;
    background: #0C4DA2;
}

.talent-jiyu {
    padding-top: 0.97rem;
    background: #F8F9FA;
}

.talent-jiyu-content {
    margin: 0 auto;
    padding: 0.76rem 0;
}

.talent-jiyu-title {
    font-size: 0.36rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #014098;
}

.talent-jiyu-p {
    font-size: var(--font18);
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 0.36rem;
    color: #333;
    margin-top: 0.55rem;
}

.talent-idea-wrap {
    padding: 0.65rem 0;
    margin: 0 auto;
    margin-top: 0.35rem;
    /* background: url(../image/talent/tuceng16.png) no-repeat; */
    background-size: cover;
    position: relative;
    width: 100%;
    height: 6.15rem;
}

.talent-idea-wrap-con {
    margin: 0 auto;
}

.talent-idea-wrap img {
    width: 9.62rem;
    height: 5.6rem;
    object-fit: cover;
}

.talent-idea-wrapc {
    padding: 0.45rem 0.84rem;
    padding-right: 2rem !important;
    top: 1.21rem;
    left: 8.86rem;
    position: absolute;
    width: 10.34rem;
    height: 4.49rem;
    background-image: url(../image/talent/1.png);
    background-size: 100% 100%;
    background-position: center;
}

.talent-idea-wrapct {
    font-size: 0.4rem;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
}

.talent-idea-wrapcpt {
    margin-top: 0.36rem;
    font-size: 0.24rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.46rem;
    margin-bottom: .28rem;
}

.talent-idea-wrapcp {
    text-align: justify;
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.36rem;
}


/* 人才理念 end*/


/* 人才战略 */

.talent-strategy-box1 {
    margin: 0 auto;
    padding-bottom: 0.47rem;
}

.talent-strategy-p {
    margin-top: 0.63rem;
    font-size: 0.18rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

.talent-zhan-wrap {
    margin-top: 1.37rem;
    background: #F8F9FA;
    /* height: 3.83rem !important; */
    width: 100%;

    /* position: absolute; */
}

.talent-zhan-box {
    /* background: url(../image/talent/tuceng111.png) no-repeat; */
    background-size: cover;
    min-height: 4.67rem;
    margin: 0 auto;
    display: flex;
    position: relative;
    justify-content: space-between;
    /* align-items: center; */
    padding: 0 0.4rem;
}

.talent-zhan-wrap .talent-zhan-left img {
    width: 9.03rem;
    /* height: 6.2rem; */
    position: relative;
    bottom: 0.38rem;
    /* margin-bottom: 1.5rem; */
}

.talent-zhan-left {
    width: 6.66rem;
}

.talent-zhan-img {
    width: 9.03rem;
    /* position: absolute; */
    bottom: 0;
    right: 0;
}

.talent-zhan-img img {
    width: 100%;
    height: auto;
}

.talent-zhan-right-con {
    margin-top: 0.76rem;
}

.talent-num {
    font-size: 0.75rem;
    font-family: Arial-Bold Italic, Arial;
    font-weight: bold;
    color: #DCDCDC;
    font-style: oblique;
}

.talent-title {
    margin-top: 0.18rem;
    font-size: 0.48rem;
    font-family: MicrosoftYaHei-Bold-, MicrosoftYaHei-Bold;
    font-weight: bold;
    color: #02438D;
}

.talent-p {
    width: 6.66rem;
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #5E5E5E;
    line-height: 0.36rem;
    margin-top: 0.36rem;
}

.talent-px-wrap {
    margin: 1rem auto;
    display: flex;
}

.talent-px-item {
    flex: 1;
    height: 5rem;
    position: relative;
    transition: all .4s ease;
}

.talent-px-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s ease;
}

.talent-px-box {
    width: 100%;
    height: 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 0.25rem;
    transition: all .4s ease;
}

.talent-px-text {
    font-size: 0.2rem;
    font-family: MicrosoftYaHei;
    color: #FFFFFF;
    line-height: 0.3rem;
    transition: all .4s ease;
}

.talent-px-line {
    width: 0.51rem;
    height: 0.05rem;
    background: #FFFFFF;
    margin: 0.4rem 0;
    display: none;
    transition: all .4s ease;
}

.talent-px-p {
    font-size: 0.18rem;
    font-family: MicrosoftYaHei;
    color: #FFFFFF;
    line-height: 0.36rem;
    display: none;
    transition: all .4s ease;
}

.talent-px-wrap .active {
    flex: 3;
}

.talent-px-wrap .active .talent-px-box {
    height: auto;
    left: 50%;
    top: 50%;
    bottom: auto;
    transform: translate(-50%, -50%);
    padding: 0 0.6rem;
}

.talent-px-wrap .active .talent-px-line {
    display: block;
}

.talent-px-wrap .active .talent-px-p {
    display: block;
}

.talent-list {
    margin-top: 1rem !important;
    margin: 0 auto;
}

.talent-item {
    background: #FFFFFF;
    background-size: cover;
    min-height: 5.04rem;

    box-shadow: 0rem 0rem 0.1rem 0.01rem rgba(0, 0, 0, 0.16);
    display: flex;
    margin-top: 0.43rem;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.82rem;
    position: relative;
}




.talent-item-content1 {
    flex: 1;
    margin-right: 8.66rem;
    padding-left: .68rem;
    /* margin: 0 0.53rem; */
}

.talent-item-img-box1 {
    width: 8.01rem;
    position: absolute;
    bottom: -0.3rem;
    flex-shrink: 0;
    right: .3rem;
    opacity: 1;
}


.talent-item-img-box {
    width: 8.01rem;
    position: absolute;
    bottom: -0.3rem;
    flex-shrink: 0;
    margin: 0 0.3rem;
    opacity: 1;
}

.talent-item-img {
    width: 100%;
    height: 5.04rem;
}

.talent-item-img img {
    width: 100%;
    height: 100%;
}

.talent-item-content {
    flex: 1;
    margin-left: 8.86rem;
    /* margin: 0 0.53rem; */
}

.talentSwiper .swiper-pagination-bullet-active {
    background: #006DBB !important;
}

.talentSwiper .swiper-pagination-bullet {
    background: #E5E5E5;
    opacity: 1;
}

.talentSwiper .swiper-pagination-bullet {
    width: 0.17rem;
    height: 0.17rem;
}

.talent-des-wrap {
    margin: 0 auto;
    background: url(../image/talent/zu12016.png) no-repeat;
    background-size: 100% 100%;
    padding-left: 7.97rem;
    padding-top: .86rem;
    padding-bottom: 1.05rem;
    /* display: flex; */
    align-items: center;
    justify-content: flex-end;
}

.talent-num1 {
    font-size: 0.75rem;
    font-family: Arial-Bold Italic, Arial;
    font-weight: bold;
    color: #DCDCDC;
}

.talent-title1 {
    font-size: 0.48rem;
    font-family: MicrosoftYaHei-Bold-, MicrosoftYaHei-Bold;
    font-weight: bold;
    color: #02438D;
    margin-top: 0.18rem;
}

.talent-p1 {
    width: 7.47rem;
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #5E5E5E;
    line-height: 0.36rem;
    margin-top: 0.36rem;
}

.talent-p1 p{
    font-size: inherit !important;
}

.talent-p1 p span{
    font-size: inherit !important;
}
.talent-des-box {
    /* width: 7.47rem; */
}


/* 人才战略 end*/


/* 员工风采 */

.about-text12 {
    font-size: 0.4rem;
    font-family: MicrosoftYaHei-Bold-, MicrosoftYaHei-Bold;
    font-weight: bold;
    color: #575757;
    line-height: 0.36rem;
    text-align: center;
}

.about-text22 {
    font-size: 0.24rem;
    font-family: ArialMT-, ArialMT;
    font-weight: normal;
    color: #5F5F5F;
    line-height: 0.36rem;
    padding-top: 0.2rem;
    text-align: center;
}

.talent-staff-wrap {
    margin: 1rem auto;
}

.talent-banner {
    margin-top: 0.7rem;
    position: relative;
}

.talentSwiper {
    width: 100%;
    margin: 0 auto;
}

.talent-banner .swiper-button-next:after,
.talent-banner .swiper-button-prev:after {
    font-size: 0.4rem;
    color: #333333;
}

.talent-banner .swiper-button-next {
    right: -60px;
    top: calc(50% - 0.6rem);
}

.talent-banner .swiper-button-prev {
    left: -60px;
    top: calc(50% - 0.6rem);
}

.talentSwiper .swiper-wrapper {
    display: flex;
    align-items: center;
    padding-bottom: 0.7rem;
}

.talentSwiper .swiper-slide {
    position: relative;
    z-index: 1;
    box-shadow: 0rem 0rem 0.1rem 0.01rem rgba(0, 0, 0, 0.1600);
}

.talent-banner-img img {
    width: 100%;
    height: 2.92rem;
    object-fit: cover;
}

.talent-banner-text {
    padding: 0.3rem 0.35rem;
    background: #fff;
    position: relative;
}

.talent-banner-p {
    width: 3rem;
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 0.32rem;
}

.talent-banner-num {
    position: absolute;
    bottom: 0.17rem;
    right: 0.06rem;
    font-size: 0.55rem;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #F0F0F0;
    font-style: oblique;
}


/* 员工风采 end*/

@media only screen and (max-width: 1024px) {
    .talent-jiyu {
        padding: 0 0.32rem;
        padding-top: .88rem;
    }

    .talent-idea-wrap {
        height: auto;
        padding: 0.6rem 0;
    }

    .talent-jiyu-content {
        padding: 0.6rem 0;
    }
    
    .talent-jiyu-p p span{
        font-size: .24rem !important;
    }
    .talent-idea-wrapc {
        padding: 0.45rem 0.32rem;
        position: inherit;
        left: 0;
        top: 0;
        width: 100%;
        height: auto;
        padding-right: .32rem !important;
    }
    .talent-zhan-wrap{
        margin-top: 0;
    }
    .talent-title{
        font-size: .4rem;
    }
    .talent-p p span{
        font-size: .24rem !important;
    } 
    .talent-zhan-right-con{
        margin-top: 0;
    }
    .talent-idea-wrap img{
        height: auto;
    }
    .talent-idea-wrapct {
        line-height: 0.4rem;
    }
    .talent-item-img-box1{
        width: 100%;
        position: initial;
        bottom: 0;
    }
    .talent-idea-wrapcp {
        margin-top: 0.2rem;
        line-height: 0.36rem;
    }
    .talent-item-img-box{
        position: initial;
    }
    .talent-des-wrap{
        padding: .3rem .32rem;
        /*padding-left: 0;*/
    }
    .talentSwiper{
        width: 75%;
    }
    .talent-p1{
        width: 100%;
        font-size: 0.24rem;
    }
    .talent-strategy {
        padding: 0 0.2rem;
    }
    .talent-item-content1{
        padding: 0.3rem 0.32rem;
        margin-right: 0;
    }
    .talent-zhan-box {
        display: block;
        padding: 0.62rem .32rem;
    }
    .talent-item-content{
        padding: 0.3rem 0.32rem;
        margin-left: 0;
    }
    .talent-zhan-img {
        position: inherit;
        width: 100%;
    }

    .talent-zhan-left {
        width: 100%;
        padding: 0.2rem;
    }

    .talent-strategy-p,
    .talent-p {
        font-size: 0.26rem;
        line-height: 0.4rem;
    }

    .talent-px-wrap {
        display: block;
    }

    .talent-px-item {
        height: 3.5rem;
        margin-bottom: 0.3rem;
    }

    .talent-px-p {
        font-size: 0.26rem;
        line-height: 0.4rem;
    }

    .talent-px-text {
        font-size: 0.28rem;
        line-height: 0.4rem;
    }

    .talent-px-wrap .talent-px-box {
        height: auto;
        left: 50%;
        top: 50%;
        bottom: auto;
        transform: translate(-50%, -50%);
        padding: 0 0.6rem;
    }

    .talent-px-wrap .talent-px-line {
        display: block;
    }

    .talent-px-wrap .talent-px-p {
        display: block;
    }

    .talent-item {
        display: block;
    }

    .talent-item-img-box {
        margin: 0;
        width: 100%;
    }

    .talent-item-img {
        position: inherit;
    }

    .talent-item {
        /* margin-bottom: 0.3rem; */
    }
    .staff-con{
        padding: 0 .32rem;
    }
    .about-text {
        padding: 0 0.2rem;
    }

    .talent-banner .swiper-button-prev {
        left: 6px;
    }

    .talent-banner .swiper-button-next {
        right: 6px;
    }
}