.business-bg {
    width: 100%;
    height: 500px;
    background-image: url('../Image/business/business_bg.jpg');
    height: 500px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center 0;
}

.business-list {
    margin: 100px auto;
}

.business-list .item {
    padding: 28px;
    background: linear-gradient(112deg, #E4F1FF 0%, #F9FCFF 100%);
    border-radius: 16px;
    font-size: 22px;
    cursor: pointer;
}

.business-list .item span {
    display: block;
    line-height: 29px;
}

.business-list .item .icon-bg {
    min-width: 58px;
    min-height: 58px;
    margin-right: 20px;
}

.business-list .item .icon-bg01 {
    background: url('../Image/business/icon01.png');
}

.business-list .item .icon-bg02 {
    background: url('../Image/business/icon02.png');
}

.business-list .item .icon-bg03 {
    background: url('../Image/business/icon03.png');
}

.business-list .item .icon-bg04 {
    background: url('../Image/business/icon04.png');
}

.business-list .active .item {
    position: relative;
    color: #ffffff;
    background: linear-gradient(111deg, #004FA4 8%, #1A72D0 93%), linear-gradient(112deg, #E4F1FF 0%, #F9FCFF 100%);
}

.business-list .active .item::after {
    display: block;
    content: "";
    content: "";
    position: absolute;
    left: 50%;
    bottom: -15px;
    background: inherit;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #0E62BD;
    transform: translateX(-50%);
}

.business-list .active .icon-bg01 {
    background: url('../Image/business/icon01_active.png');
}

.business-list .active .icon-bg02 {
    background: url('../Image/business/icon02_active.png');
}

.business-list .active .icon-bg03 {
    background: url('../Image/business/icon03_active.png');
}

.business-list .active .icon-bg04 {
    background: url('../Image/business/icon04_active.png');
}

.business-content {
    margin-bottom: 100px;

}

.business-content .content {
    display: none;
}

.business-content .content.active {
    display: block;
}

.business-content .content span {
    display: block;
    padding: 0 100px;
    text-indent: 2rem;
    font-size: 18px;
    line-height: 28px;
}

.business-content .content img {
    display: block;
    margin-top: 30px;
}


@media screen and (min-width: 992px) and (max-width: 1200px) {
    .business-bg{
        height: 300px;
    }
    .business-list .item{
        padding: 18px;
        font-size: 18px;
    }
    .business-list .item .icon-bg{
        margin-right: 16px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
    .business-bg{
        height: 400px;
    }
    .business-list .item{
        padding: 18px;
        font-size: 18px;
    }
    .business-list .item .icon-bg{
        margin-right: 16px;
    }
}