.bannerBox {
    width: 100%;
    height: 1.33rem;
    background-image: url('../assets/about/banner@2x.png');
    background-size: 100% 100%;
    color: #fff;
    margin-top: .63rem;
    display: flex;
   justify-content: center;
   align-items: center;
}
.titleName{
    font-weight: bold;
    font-size: .23rem;
    color: #FFFFFF;
}
.mainCenterCompany{
    margin-top: .33rem;
    padding-bottom: 1rem;
}
.companyInfoPart {
    margin: 0 .2rem;
    text-align: center;
}
.companyInfoPart .title {
    font-weight: bold;
    font-size: .2rem;
    color: #222222;
    margin-bottom: .27rem;
}
.companyDetails {
    font-weight: 400;
    font-size: .14rem;
    color: #666666;
    line-height: .27rem;
    text-indent: 2ch;
    text-align: left;
    margin-bottom: .47rem;
}
.companyLocation{
    text-align: left;
}
.compnayPhoneDetail>p {
    background: linear-gradient( 90deg, #3470FF 0%, #B666FF 100%);
    -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     font-size: .17rem;
}
.compnayPhoneDetail img {
    display: inline-block;
    width: .15rem;
    height: .15rem;
    margin-right: 0.07rem;
    vertical-align: middle;
}
.centerDistance {
    margin: .17rem 0 .12rem ;
}
.companyLocation .mapImg {
    display: block;
    width: 100%;
    height: 1.77rem;
    margin-top: .2rem;
}
.compnayPhoneDetail span {
    font-size: .12rem;
    color: #222222;
}