.contact-title {
    position: relative;
    min-width: 1200px;
    background-color: #222;
    height: 300px;
    padding-top: 66px;
    overflow: hidden;
    color: #fff;
    box-sizing: border-box
}

.about-main {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.about-hea__left-title {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 16px
}

.about-hea__left-des {
    font-size: 14px
}

.about-content {
    position: relative;
    overflow: hidden;
    color: #262626
}

.suzhoubg {
    width: 321px;
    height: 252px;
    background: url(https://main-statics.juhe.cn/www/singlepage/2024/logoImg.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    bottom: 21px;
    right: -30px;
    z-index: 1
}

.about-content__top {
    margin-top: 80px;
    position: relative;
    padding-bottom: 85px
}

.about-content__top-logo {
    width: 277px;
    height: 40px
}

.about-content__top-logo-img {
    float: left;
    width: 100%;
    height: 100%
}

.about-content__top-name {
    margin-top: 20px;
    font-size: 24px;
    line-height: 24px;
    color: #262626;
    font-weight: bold
}

.about-content__top-des {
    margin-top: 20px
}

.about-content__top-des .top-des {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 26px;
    color: #262626;
    text-size-adjust: none
}

.about-content__top-intro {
    display: flex;
    align-items: flex-end;
    column-gap: 90px;
    padding: 22px 30px 20px;
    background: #FFFFFF;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05);
    border-radius: 4px
}

.about-content__top-intro-item-text {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600
}

.about-content__top-intro-item-icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.about-content__top-intro-item-icon1 {
    width: 62.23px;
    height: 21.36px;
    margin-bottom: 7px;
    background-image: url(https://main-statics.juhe.cn/www/singlepage/2024/years.svg?v=1.1)
}

.about-content__top-intro-item-icon2 {
    width: 96.72px;
    height: 17.42px;
    margin-bottom: 9px;
    background-image: url(https://main-statics.juhe.cn/www/singlepage/2024/2479HK.svg?v=1.1)
}

.about-content__top-intro-item-icon3 {
    width: 124px;
    height: 20px;
    margin-bottom: 10px;
}

.about-title {
    font-size: 40px;
    line-height: 40px;
    color: #262626;
    font-weight: 600;
    padding-bottom: 40px
}

.about-desc.second-desc {
    padding: 12px 0 40px
}

.about-desc {
    line-height: 26px;
    font-size: 18px;
    padding-bottom: 16px;
    text-size-adjust: none
}

.imgs-bg {
    height: 322px
}

.about-desc-p {
    font-size: 14px;
    color: #666666
}

.ten-years {
    height: 276px;
    margin: 72px auto 96px;
}

.develop-img {
    margin: 0 0 120px;
    height: 172px;
    background-size: cover
}

.develop-box {
    background: #FAFAFA;
    padding: 40px 0 28px;
    font-size: 14px;
    color: #666666
}

.develop-list {
    width: 1200px;
    min-height: 408px;
    margin: 0 auto;
    padding-top: 20px;
}

.develop-li {
    padding: 0;
    display: flex;
    margin-bottom: 13px;
    text-size-adjust: none;
    line-height: 18px
}

.develop-title {
    padding: 80px 0
}

.li-left {
    width: 38px
}

.li-right {
    flex: 1
}

.li-right p:last-of-type {
    margin-bottom: 0
}

.li-right p {
    margin-bottom: 20px;
    padding-left: 10px;
    position: relative
}

.rongyu-title {
    font-size: 16px;
    font-weight: bold;
    color: #BB9058;
    margin: 0 auto;
    width: 1200px
}

.zeren-box {
    padding: 40px 0 80px
}

.small-title {
    font-weight: bold;
    font-size: 16px;
    color: #BB9058;
    margin-bottom: 32px
}

.zr-p {
    font-size: 24px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 20px
}

.zeren-flex {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:1240px) {
    .about-content__data-img {
        overflow: hidden
    }
}

@media screen and (min-width:751px) {

    .nav-mobile,
    .mobile-footer,
    .header-dropdown-m {
        display: none
    }
}

@media screen and (max-width:750px) {

    .footer .header,
    .header-nav {
        display: none
    }

    .width100 {
        width: 100%;
        min-width: 100%
    }

    .width1200 {
        width: 100% !important;
        min-width: 100% !important
    }

    .contact-title {
        min-width: auto;
        height: 2.78rem;
        box-sizing: content-box;
        padding-top: 1rem;
        overflow: hidden;
        background-size: 5.66rem 100%
    }

    .about-main {
        align-items: center;
        width: 100%
    }

    .about-hea__left-title {
        font-size: .36rem;
        margin-bottom: .16rem
    }

    .about-hea__left-des {
        font-size: .24rem
    }

    .about-content {
        padding: .8rem .32rem .9rem
    }

    .about-content__top {
        margin-top: 0;
        padding-bottom: .87rem
    }

    .about-content__top-logo {
        width: 3.7452rem;
        height: .54rem
    }

    .about-content__top-name {
        font-size: .32rem;
        line-height: 1;
        margin-top: .2rem
    }

    .about-content__top-des {
        margin-top: .3rem
    }

    .about-content__top-des .top-des {
        width: 100%;
        font-size: .24rem;
        line-height: .36rem;
        margin-bottom: .4rem
    }

    .about-title {
        font-size: .48rem;
        line-height: 1
    }

    .about-title.about-title1 {
        padding-bottom: .4rem
    }

    .about-content__top-intro {
        flex-wrap: wrap;
        column-gap: .4rem;
        row-gap: .3rem;
        padding: .34rem 3.39rem .2rem .2rem
    }

    .about-content__top-intro-item-text {
        font-size: .2rem;
        line-height: .28rem
    }

    .about-content__top-intro-item-icon1 {
        width: .9335rem;
        height: .3204rem;
        margin-bottom: .09rem
    }

    .about-content__top-intro-item-icon2 {
        width: 1.4508rem;
        height: .2614rem;
        margin-bottom: .13rem
    }

    .about-content__top-intro-item-icon3 {
        width: 1.86rem;
        height: .3rem;
        margin-bottom: .1rem
    }

    .suzhoubg {
        width: 3.21rem;
        height: 2.52rem;
        background-size: cover;
        bottom: .87rem;
        right: -0.22rem
    }

    .about-desc {
        font-size: .24rem;
        line-height: .36rem
    }

    .about-desc.second-desc {
        padding: 0 0 .4rem
    }

    .about-desc-p {
        font-size: .2rem;
        line-height: 1
    }

    .imgs-bg {
        margin-top: .2rem;
        height: 5.88rem;
        background-size: cover;
        width: 7.5rem;
        position: relative;
        left: -0.32rem
    }

    .develop-box {
        padding: 0 .32rem .4rem;
        width: 100%;
        box-sizing: content-box;
        margin-left: -0.32rem
    }

    .develop-title {
        padding: .6rem 0 .4rem
    }

    .develop-img {
        margin: 0;
        height: 6.42rem;
        width: 5.63rem;
        background-size: cover
    }

    .zeren-title {
        padding: .8rem 0 .4rem
    }

    .develop-list {
        width: 100%;
        text-indent: -9999em;
        height: 8.86rem;
        min-height: auto;
        background-size: cover;
        padding-top: 0;
        margin-top: .4rem
    }

    .develop-li {
        display: none
    }

    .rongyu-title {
        font-size: .28rem;
        padding-top: .4rem
    }

    .small-title {
        margin-bottom: 0;
        font-size: .28rem;
        padding-bottom: .4rem
    }

    .zeren-box {
        padding: .4rem 0 0;
        line-height: 1
    }

    .zr-p {
        font-weight: 600
    }

    .zeren-flex {
        flex-direction: column
    }

    .zeren-flex .zeren-left {
        margin-bottom: .4rem
    }

    .zeren-flex .zeren-left img {
        width: 100%
    }

    .zeren-flex .zeren-right {
        display: flex;
        flex-wrap: wrap
    }

    .zeren-flex .zeren-right img {
        width: 50%
    }

    .zeren-flex .zr-p {
        display: block;
        width: 100%;
        font-size: .36rem;
        padding-bottom: .2rem;
        margin-bottom: 0
    }
}