.contact {
    height: auto;
}

.cantact-title {
    width: 83%;
    height: auto;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cantact-title h2 {
    font-size: 2.0312vw;
    font-weight: 400;
    color: #000000;
    line-height: 5vw;
    border-bottom: 1px solid #676D74;
}

.cantact-title img.icon {
    width: 13.4375vw;
    margin-right: 2.9687vw;
}

.contact-add {
    width: 100%;
    height: auto;
    position: relative;
}

.contact-add .txt {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.contact-add .txt .con {
    height: auto;
    margin: 0 auto;
    position: absolute;
    left: 19.1666vw;
    top: 50%;
    transform: translateY(-50%);
}

.contact-add .txt h3 {
    font-size: 1.25vw;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 2.0833vw;
    margin-bottom: 2.6041vw;
    margin-left: 0.9895vw;
}

.contact-add .txt .add-list {
    height: auto;
}

.contact-add .txt .add-list li {
    height: auto;
    display: flex;
    align-items: center;
    font-size: 1.0416vw;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 2.0833vw;
    margin-bottom: 1vw;
}

.contact-add .txt .add-list li img {
    width: 0.9895vw;
    margin-right: 1.0416vw;
}

.contact_wechat {
    height: auto;
    position: relative;
}

.contact_wechat h3 {
    font-size: 3.125vw;
    font-weight: 300;
    color: #1B1C1D;
    line-height: 2.0833vw;
    position: absolute;
    top: 9.8958vw;
    left: 50%;
    transform: translateX(-50%);
}

.contact_wechat .contact_wechat {
    width: 8.5vw;
    position: absolute;
    top: 17.9687vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.contact_wechat .contact_wechat img {
    width: 7.8125vw;
    margin: 0 auto;
}

.contact_wechat .contact_wechat p {
    font-size: 0.8333vw;
    font-weight: 400;
    color: #1B1C1D;
    line-height: 2.0833vw;
    text-align: center;
}


/* 关于 */

.about-con {
    width: 69%;
    height: 31.4583vw;
    margin: 0 auto;
}

.about-con .ab-title {
    width: 14.6875vw;
}

.about-con .ab-title1 {
    height: auto;
    position: relative;
    padding-top: 8.8541vw;
}

.about-con .ab-title1 img {
    width: 29.375vw;
}

.about-con .ab-title1 h3 {
    position: absolute;
    top: 3.5937vw;
    left: 0;
    font-size: 2.125vw;
    font-weight: 500;
    color: #000000;
    line-height: 3.8020vw;
}

.about-con .ab-title1 p {
    position: absolute;
    bottom: 1.3020vw;
    left: 0;
    font-size: 1.0416vw;
    font-weight: 400;
    color: #676D74;
    line-height: 2.0833vw;
}

.about-con .ab-title1 h3 span {
    font-weight: bold;
}

.about-txt {
    height: auto;
    padding: 5.2083vw 0 5.7291vw;
    background: #39444B;
    margin-bottom: 4.1666vw;
}

.about-txt .con {
    width: 78%;
    height: auto;
    margin: 0 auto;
    position: relative;
}

.about-txt .con .txt {
    width: 52%;
    font-size: 0.8333vw;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.875vw;
}

.about-txt .con .pic {
    width: 53%;
    position: absolute;
    bottom: 10.75vw;
    right: -2.6041vw;
}

.ab-brand {
    height: auto;
    display: flex;
    justify-content: flex-end;
}

.ab-brand {
    height: auto;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 5.1041vw;
}

.ab-brand .title {
    width: 61.3541vw;
    position: relative;
}

.ab-brand .title img {
    width: 100%;
}

.ab-brand .title h4 {
    position: absolute;
    top: 4.1666vw;
    left: 31.1979vw;
    font-size: 2.0312vw;
    font-weight: 400;
    color: #000000;
    line-height: 5.0520vw;
}

.ab-brand .title .line {
    width: 8.6979vw;
    height: 2px;
    background: #676D74;
    position: absolute;
    bottom: -1.5104vw;
    right: 8.3854vw;
}

.personal-title-con {
    width: 83%;
}


/* 媒体查询 */

@media screen and (max-width:834px) {
    .cantact-title img.icon {
        width: 41.0667vw;
        margin-right: 0;
        margin-bottom: 6vw;
    }
    .cantact-title h2 {
        font-size: 6.4vw;
        line-height: 2;
    }
    .personal-title-con {
        width: 91%;
    }
    .about-con {
        width: 91%;
        height: auto;
    }
    .about-con .ab-title {
        width: 40.6667vw;
    }
    .about-con .ab-title1 img {
        width: 80%;
    }
    .about-con .ab-title1 h3 {
        top: 3.5937vw;
        font-size: 6.4vw;
        line-height: 1.5;
    }
    .about-con .ab-title1 p {
        font-size: 3.33vw;
    }
    .about-txt {
        margin-top: 4vw;
        padding: 8vw 0;
        margin-bottom: 8vw;
    }
    .about-txt .con {
        width: 91%;
    }
    .about-txt .con .txt {
        width: 100%;
        font-size: 3.2vw;
        line-height: 1.8;
    }
    .ab-brand .title {
        width: 100%;
    }
    .ab-brand .title h4 {
        left: none;
        right: 5vw;
        text-align: right;
        font-size: 5vw;
        line-height: 1.5;
    }
    .ab-brand .title .line {
        width: 13.6979vw;
        height: 2px;
        right: 5.3854vw;
    }
    .cantact-title {
        width: 91%;
    }
    .contact-add .txt {
        width: 90%;
    }
    .contact-add .txt h3 {
        font-size: 5vw;
        line-height: 1.5;
        margin-bottom: 6vw;
    }
    .contact-add .txt .add-list li {
        font-size: 4vw;
        line-height: 1.5;
        margin-bottom: 4vw;
    }
    .ct-banner .txt {
        top: 55vw;
        width: 80%;
        display: block;
    }
    .contact-add .txt .add-list li img {
        width: 3.5vw;
        margin-right: 2vw;
    }
    .contact_wechat .contact_wechat {
        top: 33.9687vw;
        width: 35vw;
    }
    .contact_wechat .contact_wechat img {
        width: 100%;
    }
    .contact_wechat .contact_wechat p {
        font-size: 3.2vw;
        line-height: 3;
    }
    .contact-add .txt .con {
        left: 12%;
    }
    .contact_wechat h3 {
        width: 100%;
        font-size: 6vw;
        left: 0;
        transform: translateX(0);
        text-align: center;
        top: 16%;
    }

    .contact_wechat .contact_wechat {
       
        left: 30%;
      
    }
}