.product-content .top-banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
}

.top-banner.banner-cloud {
    background: url("../img/cloud/banner.png") center / cover;
}

.product {
    background: #16233B;
    text-align: center;
}

.advantage {
    background: #091628;
    text-align: center;
}

.data {
    background: url("../img/cloud/数据成就.png") bottom / contain no-repeat #16233B;
    text-align: center;
}

.content-card {
    padding: 30px 0;
    text-align: center;
}

.content-card .title {
    font-size: 36px;
    font-weight: 500;
    color: white;
    line-height: 80px;
}

.content-card .sub-title {
    color: white;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
}

.content-card .card {
    padding: 30px;
    background: transparent;
    border: 0;
    color: white;
}

.card .card-image {
    height: 160px;
    width: 220px;
    margin: 0 auto;
}

.advantage .card .card-image {
    height: 100px;
    width: 100px;
    margin: 40px auto;
}

.card-image.image-1 {
    background: url("../img/cloud/设备接入.png") center / cover;
}

.card-image.image-2 {
    background: url("../img/cloud/设备管理.png") center / cover;
}

.card-image.image-3 {
    background: url("../img/cloud/数据处理.png") center / cover;
}

.card-image.image-4 {
    background: url("../img/cloud/应用服务.png") center / cover;
}

.card-image.image-5 {
    background: url("../img/cloud/一站式接入.png") center / cover;
}

.card-image.image-6 {
    background: url("../img/cloud/完全隔离.png") center / cover;
}

.card-image.image-7 {
    background: url("../img/cloud/可拓展.png") center / cover;
}

.card-image.image-8 {
    background: url("../img/cloud/低延迟.png") center / cover;
}

.data .big {
    font-size: 48px;
}

.data .small {
    font-size: 26px;
}