.banner-img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 180px
}

.banner-title {
    font-weight: 600;
    font-size: 30px
}

.banner-subtitle {
    font-weight: 500;
    font-size: 20px
}

.buiness-box {
    margin-top: 30px;
    margin-bottom: 30px
}

.banner-text {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.right-bottom,
.right-top-left {
    text-align: left
}

.right-top-right {
    width: 160px;
    height: 160px;
    -o-object-fit: contain;
    object-fit: contain
}

.top-30 {
    top: 30% !important
}

.start-40 {
    left: 40% !important
}

.title {
    font-size: 30px;
    font-family: Noto Sans SC;
    font-weight: 900;
    color: #ffa03b
}

.subtitle {
    font-weight: 700
}

.para,
.subtitle {
    color: #707070;
    font-size: 16px
}

.para {
    font-weight: 500;
    line-height: 24px
}

.bottom-text,
.para {
    font-family: Noto Sans SC
}

.bottom-text {
    font-size: 32px;
    font-weight: 400;
    color: #000
}

.arrow {
    margin-left: 47px
}

.process-text {
    position: absolute;
    font-size: 22px;
    font-family: Noto Sans SC;
    font-weight: 500;
    color: #000;
    width: 100%;
    height: 100%;
    top: 0;
    right: -33px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media (min-width:1200px) and (max-width:1399px) {
    .title {
        font-size: 28px
    }

    .subtitle {
        font-size: 15px
    }

    .para {
        font-size: 14px
    }

    .featurette-divider {
        margin: 17px !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .title {
        font-size: 23px
    }

    .subtitle {
        font-size: 14px
    }

    .para {
        font-size: 12px;
        line-height: 19px
    }

    .featurette-divider {
        margin: 5px !important
    }
}

@media (max-width:991px) {
    .featurette-divider {
        display: none
    }

    .buniess-right {
        margin-top: 15px
    }

    .featurette-divider {
        margin: 5px !important
    }

    .buniness-left-one {
        content: url(../img/buiness-1-2.29dd4a29.png)
    }

    .buniness-left-two {
        content: url(../img/buiness-2-2.64d8a474.png)
    }

    .buniness-left-three {
        content: url(../img/buiness-3-2.94f8d785.png)
    }

    .buniness-left-four {
        content: url(../img/buiness-4-2.cfa59d4e.png)
    }

    .buniness-left-five {
        content: url(../img/buiness-5-2.f30a1fd9.png)
    }

    .buniness-left-six {
        content: url(../img/buiness-6-2.7fbb5c39.png)
    }
}

@media (max-width:768px) {
    .para {
        font-size: 12px;
        line-height: 19px
    }

    .banner-img {
        height: 103px
    }

    .banner-title {
        font-size: 29px;
        font-weight: 900
    }

    .banner-subtitle,
    .banner-title {
        font-family: Noto Sans SC;
        color: #fff;
        text-shadow: 0 0 8px rgba(0, 0, 0, .4);
        margin: 0
    }

    .banner-subtitle {
        font-size: 20px;
        font-weight: 500
    }
}