@import 'common.css';
@import 'banner.css';

.about-banner {
    background: url(../imgs/about_bg_banner.png) no-repeat no-repeat;
    background-size: 10rem 3.21354166666667rem;
}

.about-banner-title {
    width: 100%;
    line-height: 0.348958333333333rem;
    color: rgba(255, 255, 255, 1);
    font-size: 0.291666666666667rem;
    text-align: center;
    display: block;
    margin-top: 0.65625rem;
    letter-spacing: 0.0520833333333333rem;
    font-weight: bold;
}

.about-b-t-sub {
    width: 100%;
    line-height: 0.145833333333333rem;
    color: rgba(255, 255, 255, 1);
    font-size: 0.104166666666667rem;
    text-align: center;
    display: block;
    margin-top: 0.229166666666667rem;
}

.about-box {
    width: 6.25rem;
    height: 1.06770833333333rem;
    border-radius: 0.10416666666666666666666666666667rem;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0rem 0.15625rem 0.46875rem 0rem rgba(1, 50, 83, 0.1);
    position: absolute;
    left: 50%;
    margin-left: -3.125rem;
    top: -0.713541666666667rem;
    line-height: 0.208333333333333rem;
    color: rgba(153, 153, 153, 1);
    font-size: 0.104166666666667rem;
    padding-top: 0.3125rem;
    padding-left: 0.3125rem;
    box-sizing: border-box;
}

    .about-box font {
        font-weight: bold;
    }

.about-box1 {
    width: 10rem;
    height: 5.59895833333333rem;
    background: url(../imgs/bg_product_advantages.png) no-repeat no-repeat;
    background-size: 10rem 5.59895833333333rem;
    overflow: hidden;
}

.abount-box1-title {
    width: 100%;
    line-height: 0.291666666666667rem;
    color: rgba(0, 0, 0, 1);
    font-size: 0.239583333333333rem;
    text-align: center;
    display: block;
    margin-top: 0.921875rem;
    font-weight: bold;
}

.about-box1-imgs {
    width: 6.66666666666667rem;
    margin: 0 auto;
    margin-top: 0.484375rem;
    display: flex;
    justify-content: space-between;
}

.about-box1-img {
    width: 1.77083333333333rem;
    padding-top: 2.50520833333333rem;
    background-size: 1.77083333333333rem 2.50520833333333rem;
    background-position: top center;
    background-repeat: no-repeat;
}

.about-box1-img1 {
    background-image: url(../imgs/ICP.png);
}

.about-box1-img2 {
    background-image: url(../imgs/IDC-VPN.png);
}

.about-box1-img-title {
    width: 100%;
    line-height: 0.171875rem;
    color: rgba(102, 102, 102, 1);
    font-size: 0.145833333333333rem;
    text-align: center;
    margin-top: 0.0520833333333333rem;
    display: block;
}