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

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

.product-content .top-banner .container {
    padding: 0 10%;
}

.auto {
    background: #16233B;
    color: white;
}

.auto .auto-image {
    height: 80px;
    width: 80px;
}

.card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
}

.card p {
    margin-top: 10px;
}

.auto-image.image-1 {
    background: url("../img/brain/网格管理.png") center / contain no-repeat;
}

.auto-image.image-2 {
    background: url("../img/brain/实时监控.png") center / contain no-repeat;
}

.auto-image.image-3 {
    background: url("../img/brain/异常提醒.png") center / contain no-repeat;
}

.auto-image.image-4 {
    background: url("../img/brain/数据台帐.png") center / contain no-repeat;
}

.image-auto {
    min-height: 240px;
    background: url("../img/brain/auto.png") center / contain no-repeat;
}


.AI {
    background: #091628;
    color: white;
}

.AI .AI-image {
    height: 80px;
    width: 80px;
}

.card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    background: transparent;
    border: 0;
}

.card p {
    margin-top: 10px;
}

.AI-image.image-1 {
    background: url("../img/brain/机器学习.png") center / contain no-repeat;
}

.AI-image.image-2 {
    background: url("../img/brain/实时调度.png") center / contain no-repeat;
}

.AI-image.image-3 {
    background: url("../img/brain/精准高效.png") center / contain no-repeat;
}

.AI-image.image-4 {
    background: url("../img/brain/路径规划.png") center / contain no-repeat;
}

.image-AI {
    min-height: 240px;
    background: url("../img/brain/AI.png") center / contain no-repeat;
}

.cost {
    background: #16233B;
    color: white;
}

.cost .cost-image {
    height: 80px;
    width: 80px;
}

.image-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
}

.image-card p {
    margin-top: 10px;
}

.cost-image.image-1 {
    background: url("../img/brain/车辆油耗.png") center / contain no-repeat;
}

.cost-image.image-2 {
    background: url("../img/brain/作业成本.png") center / contain no-repeat;
}

.cost-image.image-3 {
    background: url("../img/brain/降低风险.png") center / contain no-repeat;
}

.cost-image.image-4 {
    background: url("../img/brain/提升效益.png") center / contain no-repeat;
}

.image-cost {
    min-height: 240px;
    background: url("../img/brain/cost.png") center / contain no-repeat;
}

.container.product-card {
    padding-top: 120px;
    padding-bottom: 120px;
}