@media screen and (min-width: 768.1px) and (max-width: 1280px) {
    /* banner */
    .about .container .wrapper .banner {
        align-items: center;
    }

    .about .container .wrapper .banner .title {
        margin-left: -2.9rem;
    }

    .about .container .wrapper .banner .desc {
        /* width: 10.8125rem; */
        margin-left: 0;
    }
}

@media screen and (min-width: 768.1px) { 
    .about .container .wrapper .banner .phone {
        display: none;
    }

    /* company */
    .about .container .wrapper .company-phone {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .about a {
        text-decoration: underline;
    }

    .about .top-bg {
        height: 4.6133rem;
    }

    /* banner */
    .about .container .wrapper .banner {
        height: calc(4.6133rem - .9375rem);
        justify-content: initial;
        transform: scale(1);
    }

    .title-line {
        width: 8rem;
        height: 0.48rem;
        margin-top: 0;
    }

    .about .container .wrapper .banner .title {
        font-size: 0.8rem;
        width: 100%;
        height: calc(1.5125rem * 0.6);
        margin-top: 0.7rem;
        margin-left: 1.2267rem;
    }
    
    .about .container .wrapper .banner .desc {
        margin-top: -0.0625rem;
        margin-left: calc(0.15rem + 1.2267rem);
        font-size: .2667rem;
    }

    .about .container .wrapper .banner .phone {
        
    }

    .about .container .wrapper .banner .contact-us-btn {
        margin-left:calc(0.2rem + 1.2267rem);
        margin-top: .28rem;
    }

    /* company */
    .about .container .wrapper .company {
        display: none;
    }

    .about .container .wrapper .company-phone {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: .9067rem 0.7rem .9067rem 0.7rem;
    }

    .about .container .wrapper .company-phone .title {
        font-family: "ChuangKeTieJinGangTi-2";
        font-weight: 400;
        font-size: .64rem;
        color: #FFFFFF;
    }

    .about .container .wrapper .company-phone .info {
        position: relative;
        display: flex;
        margin-top: .4133rem;
    }
    
    .about .container .wrapper .company-phone .desc {
        margin: 0;
        font-weight: 400;
        font-size: .325rem;
        color: #FFFFFF;
        line-height: 1.55;
        text-align: justify;
    }

    .about .container .wrapper .company-phone .desc span {
        font-weight: 800;
    }

    .about .container .wrapper .company-phone .info .img {
        float: right;
        margin-left: 0.2rem;
        margin-bottom: 0.1rem;
        width: 3.2667rem;
        background: #F1A865;
        border-radius: .1333rem;
    }

    /* corporate-culture */
    .about .container .wrapper .corporate-culture {
        padding: .2933rem 0 .4533rem 0;
    }

    .about .container .wrapper .corporate-culture .content {
        transform: scale(1);
    }

    .about .container .wrapper .corporate-culture .title {
        font-size: .64rem;
    }

    .about .container .wrapper .corporate-culture .list {
        display: flex;
        margin-top: .4133rem;
        flex-flow: wrap;
    }
    
    .about .container .wrapper .corporate-culture .list .item {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin-bottom: 0.8rem;
        height: auto;
        /* height: 2.1375rem; */
        background: none;
        border: none;
        transform: scale(1.2);
        /* margin: 0 .6125rem; */
    }

    .about .container .wrapper .corporate-culture .list .item .icon {
        height: 1.2rem;
        margin: 0;
    }

    .about .container .wrapper .corporate-culture .list .item .name {
        margin-top: .2667rem;
        margin-bottom: .16rem;
        font-size: .4533rem;
        text-align: center;
    }
    
    .about .container .wrapper .corporate-culture .list .item .desc {
        font-size: .2667rem;
        text-align: center;
    }

    /* future-development */
    .about .container .wrapper .future-development {
        padding: .2933rem 0 .4533rem 0;
    }

    .about .container .wrapper .future-development .content {
        transform: scale(1);
    }

    .about .container .wrapper .future-development .title {
        font-size: .64rem;
    }
    
    .about .container .wrapper .future-development .list {
        height: 3.2625rem;
        margin-top: .4133rem;
    }
    
    .about .container .wrapper .future-development .list .line{
        width: .0267rem;
        border-radius: .0133rem;
    }
    
    .about .container .wrapper .future-development .list .item {
        width: 2.6667rem;
        max-width: 2.6667rem;
        margin: 0 .2133rem;
    }
    
    .about .container .wrapper .future-development .list .item .mark {
        font-size: 3.24rem;
    }
    
    .about .container .wrapper .future-development .list .item .name {
        font-size: .32rem;
    }
    
    .about .container .wrapper .future-development .list .item .desc {
        font-size: .2667rem;
    }

    /* join-us */
    .about .container .wrapper .join-us {
        padding: .3733rem 0 .3067rem 0;
    }

    .about .container .wrapper .join-us .content {
        transform: scale(1);
        position: relative;
        left: -1.2rem;
    }

    .about .container .wrapper .join-us .title {
        font-size: .64rem;
    }

    .about .container .wrapper .join-us .name1 {
        width: 6.3733rem;
        margin-top: .3867rem;
        font-weight: 800;
        font-size: .32rem;
        text-align: center;
    }

    .about .container .wrapper .join-us .name2 {
        width: 5.8533rem;
        margin-top: .28rem;
        font-size: .2667rem;
        text-align: center;
    }

    .about .container .wrapper .join-us .view-jobs {
        width: 1.92rem;
        height: .7333rem;
        background: #473655;
        border-radius: .1333rem;
        margin-top: .28rem;
        font-size: .2667rem;
        line-height: .7333rem;
        text-align: center;
    }

    /* contact-us */
    .about .container .wrapper .contact-us {
        padding: .64rem 0 1.5rem 0;
    }

    .about .container .wrapper .contact-us .content {
        transform: scale(1);
    }

    .about .container .wrapper .contact-us .mark {
        display: none;
    }

    .about .container .wrapper .contact-us .title {
        font-size: .64rem;
    }

    .about .container .wrapper .contact-us .box { 
        width: 9.2rem;
        height: 4.5333rem;
        margin-top: .5067rem;
    }

    .about .container .wrapper .contact-us .box .left {
        width: 2.28rem;
    }

    .about .container .wrapper .contact-us .box .left .item {
        font-size: .32rem;
    }

    .about .container .wrapper .contact-us .box .right {
        margin-left: .4933rem;
    }

    .about .container .wrapper .contact-us .box .right .name {
        margin-top: .275rem;
        font-size: .2933rem;
    }

    .about .container .wrapper .contact-us .box .right .address {
        margin-top: .1333rem;
        font-size: .2667rem;
        line-height: 1.1;
    }
    
    .about .container .wrapper .contact-us .box .right .phone {
        /* margin-top: .0533rem; */
        font-size: .2667rem;
        line-height: 1.1;
    }

    .about .container .wrapper .contact-us .box .right .location {
        margin-top: .1733rem;
        width: 4.9867rem;
        height: 2.6267rem;
    }
}