/* 关于我们 */
.aboutBox {
    /* background: url(../images/indexAboutBg.png) no-repeat center;
    background-size: cover;
    border-radius: 0.2rem; */
}

.aboutCon {
    display: flex;
    justify-content: space-between;
}

.aboutCon .aboutLeft {
    width: 48%;
}

.aboutCon .aboutRight {
    width: 45%;
}

.aboutCon .aboutTxt {
    margin-right: 0.6rem;
    margin-top: 1rem;
}

.aboutCon .aboutTxt h1 {
    color: #21509F;
}

.aboutCon .aboutTxt p {
    margin-top: 0.6rem;
    color: #666;
    line-height: 1.8;
}

.aboutCon .animated-btn {
    margin-top: 0.8rem;
}



.pubPageTitle p {
    /* color: #CC3130; */
    font-family: "manrope-semibold";
}

.aboutCon .aboutTxt {
    margin-right: 0.6rem;
}



/* 主营业务 */
.mainBusiness {
    background: #F5F5F5;
    padding: 0.8rem 0.3rem;
}

.pubIndexTitle p {
    color: #FF9500;
}

.productList {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.7rem;
}

.productList li {
    width: 16%;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 0.2rem;
    padding: 0.5rem 0.3rem;
    position: relative;
    text-align: center;
    padding-bottom: 0.3rem;
    transition: all 0.3s ease;
    cursor: pointer;
}

.productList li:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    transform: translateY(-5px);
    background: rgba(255, 255, 255, 0.95);
}

.productList li a {
    display: block;
    height: 100%;
    width: 100%;
    transition: all 0.3s ease;
}

.productList li:hover p {
    transform: translateY(-3px);
}

.productList li b {
    font-family: 'manrope-simpleBold';
    position: absolute;
    top: 0.25rem;
    left: 0.3rem;
    color: #DBDBDB;
}

.productList li img {
    width: 1rem;
    height: 1rem;
    display: block;
    margin: auto;
    margin-top: 0.5rem;
}

.productList li p {
    margin-top: 0.4rem;
    transition: all 0.3s ease;
}



/* 应用领域 */
.applyArea {
    padding: 0.8rem 0.3rem;
}

.applyWrap ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 0.5rem;
}

.applyWrap ul li {
    width: 23%;
    margin-top: 0.3rem;
    text-align: center;
}

.applyWrap ul li .imgBox {
    width: 3.5rem;
    height: 2rem;
    overflow: hidden;
    transition: all 0.3s ease;
}

.applyWrap ul li .imgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}

.applyWrap ul li p {
    margin-top: 0.15rem;
}

.pubIndexTitle {
    text-align: center;
}
.applyWrap ul li:hover img {
    transform: scale(1.1);
    transition: all 0.3s ease;
}



/* 合作伙伴 */
.partner {
    padding: 0.8rem 0.3rem;
    background: url(../images/customerBg.png) no-repeat center center;
    background-size: cover;
}

.partCon {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.4rem;
}

.partCon li {
    width: 18%;
    margin-top: 0.3rem;
    text-align: center;
    display: flex;
}

.partCon li img {
    width: 2.8rem;
    height: 1rem;
}


/* 企业文化 */
.culture {
    padding: 0.8rem 0rem;
    padding-bottom: 0rem;
}

.cultureCon {
    position: relative;
    padding-left: 10%;
    padding-bottom: 1rem;
}

.cultureCon .cultureItem {
    display: flex;
    align-items: center;
    margin-top: 0.8rem;
}

.cultureTxt h3 {
    font-weight: 500;
}

.cultureTxt p {
    margin-top: 0.1rem;
}

.cultureCon .cultureItem img {
    margin-right: 0.2rem;
}

.culMask {
    position: absolute;
    left: 0rem;
    bottom: 0rem;
    width: 4.6rem;
}

.culBg {
    position: absolute;
    right: 0rem;
    bottom: 0rem;
    width: 10rem;
}



/* 资质证书 */
.certificate {
    background: #f5f5f5;
    padding: 0.8rem 0.3rem;
    padding-bottom: 0.2rem;
}

.certificateCont {
    margin-top: 0.6rem;
}

.certificateSwiper {
    padding-bottom: 1.2rem;
}

.certificateSwiper .swiper-slide {

    text-align: center;
    background: #fff;
    padding: 0.2rem;
    border-radius: 0.1rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 3rem;

}

.certificateSwiper .swiper-slide img {
    max-width: 100%;
    max-height: 2.2rem;
    width: auto;
    height: auto;
    object-fit: contain;
    margin-bottom: 0.15rem;
    transition: opacity 0.3s ease;
}

.certificateSwiper .swiper-slide:hover {
    transform: translateY(-0.05rem);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* 证书大图查看模态框 */
.cert-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    justify-content: center;
    align-items: center;
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.cert-modal-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    animation: zoomIn 0.3s ease;
}

@keyframes zoomIn {
    from {
        transform: scale(0.8);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.cert-modal-img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 80vh;
    object-fit: contain;
    border: 3px solid #fff;
}

.cert-close {
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    color: #fff;
    font-size: 0.6rem;
    font-weight: bold;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    width: 0.8rem;
    height: 0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s ease;
}

.cert-close:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

#modalCaption {
    color: #fff;
    text-align: center;
    padding: 0.2rem 0;
    font-size: 0.3rem;
    margin-top: 0.1rem;
}



/* 联系我们 */
.aboutContactBox {
    padding: 0.8rem 0.3rem;
}

.aboutContactCon {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.aboutContactCon .aboutLeft {
    width: 48%;
}

.aboutContactCon .aboutLeft p {
    display: flex;
    align-items: center;
    margin-top: 0.5rem;
    color: #555555;
}

.aboutContactCon .aboutLeft p img {
    width: 0.28rem;
    height: 0.28rem;
    margin-right: 0.1rem;
}

.aboutContactCon .aboutRight {
    width: 48%;
    height: 4rem;
}


.threePart {
    margin-top: 0.85rem;
}

.threePart ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.threePart ul li {
    width: 32%;
    background: #21509F;
    padding: 0.3rem;
    color: #fff;
    padding-bottom: 0.5rem;
}

.threePart ul li h3 {
    position: relative;
    font-weight: 500;
    padding-bottom: 0.2rem;
    margin-bottom: 0.5rem;
}

.threePart ul li h3::before {
    content: '';
    position: absolute;
    left: 0rem;
    bottom: 0rem;
    width: 100%;
    height: 0.01rem;
    background: rgba(255, 255, 255, 0.12);
}

.threePart ul li h3::after {
    content: '';
    position: absolute;
    left: 0rem;
    bottom: -0.01rem;
    width: 0.8rem;
    height: 0.03rem;
    background: #fff;
}

.threePart ul li:nth-child(2) {
    background: #FF9500;
}

.threePart ul li p {
    margin-top: 0.25rem;
    display: flex;
    align-items: center;
}

.threePart ul li p img {
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.1rem;
}


/* 人才理念 */
.talentBox {
    padding: 1rem 0.3rem;
    background: #f5f5f5;
}

.talentWrap {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.talentLeft {
    width: 45%;
}

.talentLeft h2 {
    margin-top: 0.6rem;
}

.talentLeft p {
    margin-top: 0.5rem;
    line-height: 1.8;
}

.talentList {
    margin-top: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.talentList li {
    text-align: center;

}

.talentList li img {
    width: 1rem;
    height: 1rem;
    display: block;
    margin: auto;
}

.talentList li p {
    margin-top: 0.15rem;
}

.talentRight {
    width: 48%;
}

.talentRight img {
    width: 100%;
    height: auto;
}

/* 职位 */
.joinCon {
    margin-top: 0.5rem;
}

.recruitment {
    padding-top: 0.3rem;
    padding-bottom: 0.2rem;
}

.conBox>li {
    width: 100%;
    background: #fff;
    padding: 0.1rem 0;
    cursor: pointer;
    margin-bottom: 0.2rem;
    box-shadow: 0 0.1rem 0.4rem rgba(0, 0, 0, 0.08);
}

.conBox>li:last-child {
    margin-bottom: 0px;
}

.topBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.15rem 0.3rem;
}

.topBox h2 {
    max-width: 92%;
    color: #333;
    width: 50%;
    position: relative;
    padding-left: 0.2rem;
}

.topBox h2:before {
    content: '';
    position: absolute;
    left: 0rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.05rem;
    height: 0.25rem;
    background: #FF9500;
}

.topBox img {
    display: block;
    width: 0.13rem;
    height: 0.09rem;
    rotate: 180deg;
}

.midCont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 32%;
}

.midCont p {
    flex: 0 0 40%;
}

.btmBox {
    padding: 0.3rem;
    display: none;
    border-top: 0.01rem solid #ededed;
}

.btmBox li {
    margin-bottom: 0.4rem;
}

.btmBox li:last-child {
    margin-bottom: 0rem;
}

.btmBox h3 {
    color: #333;
    margin-bottom: 0.2rem;
}

.btmBox p {
    color: #666;
    line-height: 1.8;
}

.btmBox p span {
    color: #21509F;
}

.conBox>li:first-child .btmBox {
    display: block;
}

/* 联系我们 地图 */
.mapBox {
    width: 100%;
    height: 100%;
}

.mapBox>div {
    width: 100%;
    height: 100%;
    margin: 0px;
}

.BMap_cpyCtrl,
.anchorBL {
    display: none;
}











/* 适配 */
@media (max-width: 800px) {

    .crumbsBox {
        display: none;
    }

    .aboutBox {
        padding: 0.6rem 0.3rem;
    }

    .aboutCon {
        flex-direction: column;
    }

    .aboutCon .aboutLeft,
    .aboutCon .aboutRight {
        width: 100%;
    }

    .aboutCon .aboutTxt {
        margin-top: 0;
    }

    .productList {
        flex-direction: column;
    }

    .productList li {
        width: 100%;
        margin-bottom: 0.2rem;
    }

    .applyWrap ul li {
        width: 100%;
    }

    .applyWrap ul li .imgBox {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .partCon li {
        width: 50%;
    }

    .partCon li img {
        width: 2.8rem;
        height: 1rem;
        margin: auto;
    }

    .cultureCon {
        padding-bottom: 3.2rem;
        padding-left: 0.3rem;
        padding-right: 0.3rem;
    }


    /* 联系我们 */
    .aboutContactCon {
        flex-direction: column;
    }

    .aboutContactCon .aboutLeft {
        width: 100%;
    }

    .aboutContactCon .aboutRight {
        width: 100%;
        margin-top: 0.4rem;
    }

    .threePart ul {
        flex-direction: column;
    }

    .threePart ul li {
        width: 100%;
        margin-top: 0.2rem;
    }

    .aboutContactCon .aboutLeft p img {
        width: 0.45rem;
        height: 0.45rem;
    }

    .threePart {
        margin-top: 0.3rem;
    }

    .talentWrap {
        flex-direction: column;
    }

    .talentLeft {
        width: 100%;
    }

    .talentRight {
        width: 100%;
        margin-top: 0.4rem;
    }

    .talentBox {
        padding: 0.5rem 0.3rem;
    }

    .topBox h2 {
        width: 100%;
    }

    .midCont p {
        display: none;
    }

    .topBox img {
        display: block;
        width: 0.28rem;
        height: 0.15rem;
    }











}