/* 企业简介 */

.aboutCompanyBox {
    padding: 0.8rem 0.3rem;
}


.companyCon {
    position: relative;
}

.companyCon .introText {
    color: #666;
    margin-top: 0.6rem;
    line-height: 1.8;
}

.logoMask {
    position: absolute;
    right: 0;
    top: 5%;
    width: 4.2rem;
    height: 4.8rem;
    display: block;
}

.dataCom {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 0.4rem;
}

.dataCom img {
    width: 10.1rem;
}

.numberCon {
    background: #B40919;
    padding: 0.4rem;
    width: 4.8rem;
    color: #fff;
    padding-bottom: 0rem;
}

.numberCon h3 {
    text-decoration: underline;
}

.numberCon ul {
    margin-top: 0.3rem;
}

.numberCon ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.1rem 0rem;
    border-bottom: 0.01rem solid rgba(255, 255, 255, 0.2);
}

.numberCon ul li b {
    display: block;
    font-weight: 500;
}

.numberCon ul li p strong {
    font-size: 0.36rem;
    margin-right: 0.2rem;
}

.numberCon ul li:last-child {
    border-bottom: none;
}

/* 企业资质与荣誉 */
.certConWrap {
    background: url(../images/certBg.png) no-repeat center center;
    background-size: cover;
    /* filter: grayscale(100%); */
    /* filter: grayscale(100%) brightness(1.2); */
}

.certCon {
    padding: 0.8rem 0.3rem;
}

.certSwiper {
    padding-bottom: 0.8rem;
}



/* 合作客户 */
.aboutCustBox {
    background: url(../images/custBg.png) no-repeat center center;
    background-size: cover;
    padding: 0.8rem 0.3rem;
}

.custTitle {
    text-align: center;
}

.custTitle p {
    color: #666;
    margin-top: 0.2rem;
    line-height: 1.8;
}

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

.custImg img {
    width: 48%;
}

/* 联系我们 */
.aboutContactBox {
    padding: 0.8rem 0.3rem;
    background: url(../images/contactBg.png) no-repeat center center;
    background-size: cover;
}

.messageCon {
    padding: 0 6%;
}

.messageCon form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0.6rem;
}

.messageCon .formItem {
    width: 48%;
    background: #fff;
    border-radius: 0.06rem;
    margin-bottom: 0.2rem;
}

.messageCon .formItem input {
    line-height: 0.6rem;
    padding: 0 0.3rem;
    width: 100%;
}

.messageCon .formItem textarea {
    height: 1.5rem;
    padding: 0.3rem;
    width: 100%;
}

.messageCon .areaItem {
    width: 100%;
}

.formBtn {
    margin: auto;
    margin-top: 0.3rem;
}

.formBtn button {
    width: 1.5rem;
    height: 0.5rem;
    margin: auto;
    line-height: 0.5rem;
    border: 0.01rem solid #B40919;
    border-radius: 2rem;
    color: #B40919;
}



.mapBox {
    padding: 0.8rem 0.3rem;
}

.mapBox .mapPic {
    display: block;
    width: 10rem;
    margin: auto;
}

.mapSwiperBox {
    padding: 0.5rem 0rem;
    padding-bottom: 0rem;
}

.mapSwiper {
    padding-bottom: 0.8rem;
}

.mapSwiper .swiper-slide {
    padding: 0.4rem;
    background: rgba(231, 210, 150, 0.5);
}

.mapSwiper .swiper-slide>div {
    margin-top: 0.2rem;
}

.mapSwiper .swiper-slide>div p {
    color: #333;
    margin-top: 0.2rem;
}

.mapSwiper .swiper-slide:hover {
    background: #B40919;
    color: #fff;
}

.mapSwiper .swiper-slide:hover div p {
    color: #fff;
}

/* 自定义轮播点样式 */
.swiper-pagination {
    bottom: 0.2rem !important;
}

.swiper-pagination-bullet {
    width: 0.14rem !important;
    height: 0.14rem !important;
    background: #D8D8D8 !important;
    border-radius: 0.1rem !important;
    opacity: 1 !important;
    margin: 0 0.1rem !important;
    transition: all 0.3s ease;
}

.swiper-pagination-bullet-active {
    width: 0.5rem !important;
    background: #CC3130 !important;
    border-radius: 0.1rem !important;
}





@media (max-width: 800px) {
    .dataCom {
        flex-direction: column;
    }

    .dataCom img {
        width: 100%;
    }

    .numberCon {
        width: 100%;
    }

    .messageCon {
        padding: 0rem;
    }

    .messageCon .formItem {
        width: 100%;
    }

    .messageCon .formItem input {
        line-height: 0.7rem;
    }



    .custImg {
        flex-direction: column;
    }

    .custImg img {
        width: 100%;
    }




}


@media (max-width: 500px) {
    .pubPageTitle h1 {
        font-size: 0.48rem;
    }

    .pubPageTitle p {
        font-size: 0.26rem;
    }

}