
.title .cn{
    font-size: 21rem;
    /*font-weight: bold;*/
    color: #BB2310;
    display: flex;
    align-items: baseline;
}
.title .cn::before{
    content: "";
    display: block;
    width: 19rem;
    height: 4rem;
    background-color: #BB2310;
    margin-right: 8rem;
}
.title .en {
    font-size: 29rem;
    font-weight: 800;
    margin-top: 10rem;
}
/* banner */
.banner {
    width: 100%;
    height: 360rem;
    background-image: url(/images/about/about-page-pic1.png);
    background-size: 100% 360rem;
    background-repeat: no-repeat;
    position: relative;
    margin-top: -2.5rem;
}

    .banner .content {
        position: absolute;
        bottom: 0;
        height: 300rem;
        background-image: linear-gradient(0, #000000e0, transparent);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        text-align: center;
    }

        .banner .content p:first-child {
            font-size: 61rem;
            color: #C02310;
            font-weight: 300;
            margin-top: 50rem;
            font-family: SourceHanSansCN-Light;
        }

.banner .content p:first-child span {
    margin: 0 20rem;
}

        .banner .content p:last-child {
            font-size: 130rem;
            color: #fff;
            /* font-weight: bold; */
            font-family: knockouthtf49liteweight;
            margin-bottom: 10rem;
            letter-spacing: -2rem;
        }
/* 合作咨询 */
.collaborative{
    width: 1434rem;
    margin: 140rem auto 0;
}
.collaborative .message{
    margin-top: 115rem;
}
.collaborative .message .tr{
    display: flex;
    justify-content: space-between;
}
.collaborative .message .td{
    line-height: 35rem;
    font-size: 21rem;
    font-weight: 300;
    margin-bottom: 25rem;
}
.collaborative .message .tr .td input{
    width: 414rem;
    height: 31rem;
    border: 1rem solid #B8B8B8;
    padding: 8rem;
}
.collaborative .message .tr .td input::placeholder,
.collaborative .message .td textarea::placeholder{
    color: #A6A6A6;
    font-weight: 300;
    line-height: 35rem;
}
.collaborative .message .td textarea{
    width: calc(100% - 20rem);
    height: 104rem;
    border: 1rem solid #B8B8B8;
    padding: 8rem;
}
.collaborative .message .btn{
    display: flex;
    justify-content: flex-end;
}
.collaborative .message .btn button{
    width: 178rem;
    height: 46rem;
    border: none;
    background-color: #BB2310;
    font-size: 19rem;
    font-weight: 300;
    color: #fff;
}
/* 联系方式 */
.contact{
    width: 1434rem;
    margin: 200rem auto 0;
}
.contact .content{
    width: calc(100% - 244rem);
    position: relative;
    background: #E7E7E7;
    padding: 80rem 122rem 68rem;
    margin-top: 120rem;
}
    .contact .imgs{
        display:none;
    }
    .contact .content p {
        font-size: 23rem;
        font-weight: 500;
        color: #BB2310;
        line-height: 24rem;
    }
.contact .content p:nth-child(2){
    margin: 35rem 0;
}
.contact .content .img{
    width: 624rem;
    height: 417rem;
    position: absolute;
    bottom: 0;
    right: 0;
}
/* 加入我们 */
.joinUs{
    width: 1434rem;
    margin: 175rem auto 0;
}
.joinUs .content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 82rem;
}
.joinUs .content .item{
    width: calc(50% - 51rem);
    padding: 20rem;
    display: flex;
    background-color: #E7E7E7;
    margin-bottom: 20rem;
    align-items:center;
}
.joinUs .content .item .position{
    width: 122rem;
    height: 162rem;
    background-color: #BB2310;
    color: #fff;
    font-size: 28rem;
    line-height: 54rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 20rem;
}
    .joinUs .content .item .info {
        margin-left: 70rem;
        line-height: 37rem;
        font-size: 16rem;
        height: 162rem;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
        .joinUs .content .item .info p {
            flex:1;
            display: flex;
            justify-content: flex-start;
            align-items: center;
        
        }

        .joinUs .brief {
            text-align: center;
            font-size: 20rem;
            line-height: 30rem;
            margin-top: 80rem;
            font-weight: 300;
        }