.section-1 {
    background: url(../images/distribution/00-banner.jpg) no-repeat center top;
}

.btn-div .btn {
    background: linear-gradient(90deg, #ff6030, #ff8e5b) !important;
}

.public-banner .btn-div .btn {
    background: #FFFFFF !important;
    color: #FF1C00;
}

.navigation .tab-list div.active span {
    border-bottom: 2px solid #FF1C00;
    color: #FF1C00;
}

.navigation .tab-list div {
    width: 200px;
}

.navigation .tab-list div span {
    width: 100%;
}

.section-2 .list {
    overflow: hidden;
    text-align: center;
}

.section-2 .list li {
    width: 195px;
    height: 230px;
    background: #fff;
    margin-right: 30px;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
}

.section-2 .list li:last-child {
    margin-right: 0;
}

.section-2 .list li .img {
    width: 90px;
    height: 90px;
    margin: 22px auto 5px;
    background: url(../images/distribution/1f-img.png) no-repeat;
    background-size: cover;
}

.section-2 .list li.item-1 .img {
    background-position: 0 0;
}

.section-2 .list li.item-2 .img {
    background-position: -180px 0px;
}

.section-2 .list li.item-3 .img {
    background-position: -361px 0px;
}

.section-2 .list li.item-4 .img {
    background-position: -540px 0px;
}

.section-2 .list li.item-5 .img {
    background-position: -720px 0px;
}

.section-2 .list li h3 {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin: 30px 0 10px 0;
}

.section-2 .list li p {
    font-size: 14px;
    color: #888;
}

.section-3 .bg-div {
    background: url(../images/distribution/2f-img.png) no-repeat center top;
    width: 1205px;
    height: 531px;
}

.section-4 .bg-div {
    background: url(../images/distribution/3f-img.png) no-repeat center top;
    width: 1234px;
    height: 457px;
}

.section-5 .list {
    text-align: center;
}

.section-5 .list li {
    width: 240px;
    height: 260px;
    background: #fff;
    margin: 0 20px 26px 0;
    overflow: hidden;
    text-align: center;
    padding: 0 20px;
    border-radius: 5px;
    box-shadow: 0px 10px 30px 0px #00000014;
    display: inline-block;
}

.section-5 .list li:nth-child(4n) {
    margin-right: 0;
}

.section-5 .list li .img {
    width: 90px;
    height: 90px;
    margin: 32px auto 5px;
    background: url(../images/distribution/4f-icon.png) no-repeat center top;
    background-size: cover;

}

.section-5 .list li.item-1 .img {
    background-position: 0 0;
}

.section-5 .list li.item-2 .img {
    background-position: -180px 0;
}

.section-5 .list li.item-3 .img {
    background-position: -360px 0;
}

.section-5 .list li.item-4 .img {
    background-position: -540px 0;
}

.section-5 .list li.item-5 .img {
    background-position: -720px 0;
}

.section-5 .list li.item-6 .img {
    background-position: -900px 0;
}

.section-5 .list li.item-7 .img {
    background-position: -1080px 0;
}

.section-5 .list li.item-8 .img {
    background-position: -1260px 0;
}

.section-5 .list li h3 {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin: 22px 0 10px 0;
}

.section-5 .list li p {
    font-size: 14px;
    color: #888;
}

.section-2 .container {
    opacity: 0;
}

.section-3 .container {
    opacity: 0;
}

.section-4 .container {
    opacity: 0;
}

.section-5 .container {
    opacity: 0;
}

@media screen and (max-width: 768px) {
    .mob-banner {
        background: url("../images/mobile/distribution/00-banner.jpg") no-repeat center top;
        background-size: cover;
        height: 38rem;
    }

    .mob-btn-div .mob-btn-red {
        background: linear-gradient(-90deg, #FF9249, #FF502D);
    }

    .mob-s1 .list {
        margin: 0 -.5rem;
    }

    .mob-s1 .list {
        overflow: hidden;
    }

    .mob-s1 .list li {
        border: 1px solid #eaeaea;
        background: #fff;
        float: left;
        padding: 1.5rem 0;
        width: 47%;
        margin: 1.5%;
        cursor: pointer;
        overflow: hidden;
        text-align: center;
        height: 240px;
    }

    .mob-s1 .list li .img {
        width: 6rem;
        height: 6rem;
        margin: 0.5rem auto;
        background: url(../images/mobile/distribution/1f-icon.png) no-repeat center top;
        background-size: cover;
    }

    .mob-s1 .list li.item-1 .img {
        background-position: 0 0;
    }

    .mob-s1 .list li.item-2 .img {
        background-position: -144px 0;
    }

    .mob-s1 .list li.item-3 .img {
        background-position: -288px 0;
    }

    .mob-s1 .list li.item-4 .img {
        background-position: -431px -1px;
    }

    .mob-s1 .list li.item-5 .img {
        background-position: -576px 0;
    }

    .mob-s1 .list li h3 {
        line-height: 3rem;
        font-weight: 600;
        font-size: 1.5rem;
    }

    .mob-s1 .list li p {
        font-size: 1.3rem;
        margin: 0 1rem;
    }

    .mob-s2 .list {
        margin: 0 -.5rem;
    }

    .mob-s2 .list {
        overflow: hidden;
    }

    .mob-s2 .list li {
        border: 1px solid #eaeaea;
        background: #fff;
        float: left;
        padding: 1.5rem 0;
        width: 47%;
        margin: 1.5%;
        cursor: pointer;
        overflow: hidden;
        text-align: center;
        height: 14rem;
    }

    .mob-s2 .list li .img {
        width: 6rem;
        height: 6rem;
        background: linear-gradient(90deg, #FF9249, #FF502D);
        border-radius: 50%;
        margin: 0.5rem auto;
        font-size: 3rem;
        color: #fff;
        font-weight: bold;
        line-height: 6rem;
    }

    .mob-s2 .list li h3 {
        line-height: 3rem;
        font-weight: 600;
        font-size: 1.5rem;
    }

    .mob-s3 .img-div {
        background: url(../images/distribution/3f-img.png) no-repeat center top;
        height: 10rem;
        background-size: cover
    }

    .mob-s4 .list {
        margin: 0 -.5rem;
    }

    .mob-s4 .list {
        overflow: hidden;
    }

    .mob-s4 .list li {
        border: 1px solid #eaeaea;
        background: #fff;
        float: left;
        padding: 1.5rem 0;
        width: 47%;
        margin: 1.5%;
        cursor: pointer;
        overflow: hidden;
        text-align: center;
        height: 19rem;
    }

    .mob-s4 .list li .img {
        width: 6rem;
        height: 6rem;
        margin: 0.5rem auto;
        background: url(../images/mobile/distribution/4f-icon.png) no-repeat center top;
        background-size: cover;
    }

    .mob-s4 .list li.item-1 .img {
        background-position: 0 0;
    }

    .mob-s4 .list li.item-2 .img {
        background-position: -144px 0;
    }

    .mob-s4 .list li.item-3 .img {
        background-position: -288px 0;
    }

    .mob-s4 .list li.item-4 .img {
        background-position: -431px -1px;
    }

    .mob-s4 .list li.item-5 .img {
        background-position: -576px 0;
    }

    .mob-s4 .list li.item-6 .img {
        background-position: -719px 0;
    }

    .mob-s4 .list li.item-7 .img {
        background-position: -864px 0;
    }

    .mob-s4 .list li.item-8 .img {
        background-position: -1008px 0;
    }

    .mob-s4 .list li h3 {
        line-height: 3rem;
        font-weight: 600;
        font-size: 1.5rem;
    }

    .mob-s4 .list li p {
        font-size: 1.3rem;
        margin: 0 1rem;
    }

}