.banner {
    position: relative
}

.banner img {
    display: block;
    width: 100%
}

.banner .banner_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.banner .banner_content h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    line-height: 1.5
}

@media screen and (min-width: 769px) and (max-width: 1100px) {
    .banner .banner_content h3 {
        font-size: 56PX
    }
}

.business {
    padding: 100PX 0 70PX
}

.business h4 {
    padding: 95PX 0 51PX;
    background-image: url(../images/about_us/business_banner.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center
}

.business p {
    margin-top: 49PX;
    margin-bottom: 70PX;
    text-align: center;
    line-height: 1.5
}

.business ul {
    display: flex;
    justify-content: space-between
}

.business ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc((100% - 30 * 2PX) / 3);
    padding: 48PX 0 44PX;
    background-color: #fafafa
}

.business ul li .item_content {
    margin-top: 32PX
}

.business ul li .item_content span {
    display: block;
    text-align: center;
    line-height: 1.5
}

@media screen and (max-width: 768px) {
    .banner .banner_content h3 {
        font-size: 1rem
    }

    .business {
        padding: 2.5rem 0 1.75rem
    }

    .business h4 {
        padding: 2.375rem 0 1.275rem;
        font-size: 1rem
    }

    .business p, .business ul {
        padding: 0 .5rem;
        box-sizing: border-box
    }

    .business p, .business ul li .item_content span {
        font-size: .7rem
    }

    .business p {
        margin-top: 1.225rem;
        margin-bottom: 1.75rem
    }

    .business ul {
        flex-wrap: wrap
    }

    .business ul li {
        width: 100%;
        padding: 1.2rem 0 1.1rem;
        margin-bottom: .5rem
    }

    .business ul li .item_content {
        margin-top: .8rem
    }
}

.develop {
    position: relative
}

.develop .bg_title {
    position: absolute;
    z-index: 20;
    left: 0;
    top: 0;
    width: 100%
}

.develop .bg_title h4 {
    margin: 85PX auto 0;
    text-align: center
}

.develop .bg_years {
    position: absolute;
    z-index: 20;
    top: 30%;
    left: 50%;
    margin-left: -260PX;
    width: 520PX;
    text-align: center
}

.develop .bg_years ul {
    display: flex;
    justify-content: space-between
}

.develop .bg_years ul li {
    display: flex;
    flex-direction: column;
    align-items: center
}

.develop .bg_years ul li span {
    display: block
}

.develop .bg_years ul li .develop_btn {
    width: 24PX;
    height: 24PX;
    margin-top: 30PX;
    background-color: #fff;
    opacity: .4;
    border-radius: 50%;
    cursor: pointer
}

.develop .bg_years ul li .develop_btn.btn_active {
    opacity: 1
}

.develop .swiper-bg img {
    display: block;
    width: 100%
}

.develop .develop_news {
    padding-top: 50PX;
    background-color: #fafafa
}

.develop .develop_news .news_content h5 {
    line-height: 1.5
}

.develop .develop_news .news_content h5::after {
    content: "";
    display: block;
    width: 100%;
    height: 2PX;
    background-color: #979797
}

.develop .develop_news .news_content p {
    padding: 26PX 0 69PX;
    line-height: 1.5
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
    .develop .bg_title h4 {
        margin-top: 0;
        line-height: 1.5
    }

    .develop .bg_years {
        top: 22%
    }

    .develop .bg_years ul li .develop_btn {
        margin-top: 10PX
    }
}

@media screen and (max-width: 768px) {
    .develop .bg_title h4 {
        margin-top: .75rem;
        line-height: 1.5;
        font-size: 1rem
    }

    .develop .bg_years {
        display: none
    }

    .develop .develop_news {
        padding: 1.25rem .5rem 0;
        box-sizing: border-box;
        background-color: #fafafa
    }

    .develop .develop_news .news_content h5 {
        line-height: 1.5;
        font-size: .7rem
    }

    .develop .develop_news .news_content p {
        padding: .65rem 0 1.725rem;
        line-height: 1.5;
        font-size: .7rem
    }
}

.honour {
    padding: 70PX 0 100PX;
    background-color: #fff
}

.honour ul {
    display: flex;
    justify-content: space-between
}

.honour ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc((100% - 80 * 2PX) / 3);
    padding: 60PX 0 64PX;
    box-sizing: border-box;
    box-shadow: 5PX 10PX 17PX 8PX rgba(0, 0, 0, .05)
}

.honour ul li h5 {
    margin-top: 20PX
}

.honour ul li a {
    display: block;
    width: 140PX;
    height: 36PX;
    margin-top: 56PX;
    background-color: #FFF;
    box-sizing: border-box;
    text-align: center;
    line-height: 34PX;
    border-radius: 2PX;
    border: 2PX solid #59A00D
}

.honour ul li a:hover {
    background-color: #59A00D;
    color: #fff
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
    .honour ul {
        flex-wrap: wrap
    }

    .honour ul li {
        width: 45%;
        margin-bottom: 20PX
    }

    .honour ul li a:hover {
        background-color: #59A00D;
        color: #fff
    }
}

@media screen and (max-width: 768px) {
    .honour {
        padding: 1.75rem .5rem 2.5rem;
        box-sizing: border-box
    }

    .honour ul {
        flex-wrap: wrap
    }

    .honour ul li {
        align-items: center;
        width: 100%;
        padding: 1.5rem 0 1.6rem;
        margin-bottom: .5rem;
        box-shadow: .125rem .25rem .425rem .2rem rgba(0, 0, 0, .05)
    }

    .honour ul li h5 {
        margin-top: .5rem;
        font-size: .7rem
    }

    .honour ul li a {
        width: 5rem;
        height: 1.25rem;
        margin-top: 1.4rem;
        box-sizing: border-box;
        line-height: 1.1rem;
        font-size: .7rem
    }

    .honour ul li a:hover {
        background-color: #59A00D;
        color: #fff
    }
}

.contact {
    position: relative
}

.contact img {
    display: block;
    width: 100%
}

.contact .contact_form {
    position: absolute;
    left: 20%;
    top: 50%;
    transform: translateY(-50%)
}

.contact .contact_form h4 {
    font-size: 56PX;
    letter-spacing: 5PX;
    font-style: oblique
}

.contact .contact_form a {
    display: block;
    width: 140PX;
    height: 36PX;
    margin-top: 50PX;
    background-color: #fff;
    text-align: center;
    line-height: 36PX;
    border-radius: 2PX
}

@media screen and (max-width: 768px) {
    .contact {
        position: relative
    }

    .contact img {
        display: block;
        width: 100%
    }

    .contact .contact_form {
        position: absolute
    }

    .contact .contact_form h4 {
        font-size: 1rem
    }

    .contact .contact_form a {
        display: block;
        width: 5rem;
        height: 1.25rem;
        margin-top: .5rem;
        line-height: 1.25rem;
        font-size: .7rem
    }
}