* {
    margin: 0;
    padding: 0;
    font-size: 0.16rem;
}

body {
    background: #fff;
}

.main {
    width: 14rem;
    margin: 0 auto;
}

.class_name {
    margin-bottom: 1.27rem !important;
}



.banner {
    width: 100%;
    max-width: 19.2rem;
    height: 6rem;
    position: relative;
    margin: -0.7rem auto 0;
}

.banner .banner_img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: -1;
}

.banner .banner_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner .ban_name {
    font-weight: bold;
    font-size: 0.36rem;
    color: #FFFFFF;
    text-align: center;
    padding-top: 2.54rem;
}

.banner .ban_cont {
    margin-top: 0.17rem;
    font-weight: 400;
    font-size: 0.2rem;
    color: #FFFFFF;
    text-align: center;
}










/* 内容 */
.body1 {
    width: 100%;
    height: auto;
    background: url(../img/about_bg1.png) center bottom no-repeat;
    padding-top: 1.2rem;
    padding-bottom: 1.8rem;
}

.body1_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    height: 100%;
    position: relative;
}


.body1_fl {
    width: 6.19rem;
    height: 100%;
    position: absolute;
    left: 0;
    overflow: visible;
}
.body1_fl .body1_img{
    width: 100%;
    height: auto;
    position: sticky;
    top: 3rem;
}
.body1_fl .body1_img img {
    max-width: 5.9rem;
    height: auto;
}

.body1_fr {
    width: 7.31rem;
    height: auto;
}
.body1_fr .body1_item{
    margin-bottom: 1.36rem;
}
.body1_fr .body1_item:last-child{
    margin-bottom: 0;
}
.body1_fr .body1_item .body1_title {
    font-weight: bold;
    font-size: 0.35rem;
    color: #29A1F3;
    line-height: 0.37rem;
    margin-bottom: 0.15rem;
}

.body1_fr .body1_item .body1_cont {
    font-weight: 400;
    font-size: 0.16rem;
    color: #000000;
    line-height: 0.35rem;
}





















/* 资质荣誉 */
.body2 {
    width: 100%;
    height: 7.8rem;
    background: url(../img/about_bg1.jpg) center no-repeat;
}

.body2_list {
    display: flex;
    flex-wrap: wrap;
}

.body2_item {
    width: 3.79rem;
    height: 0.87rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 1.3rem;
    margin-bottom: 0.6rem;
}

.body2_item .about_fl,
.body2_item .about_fr {
    width: 0.51rem;
    height: 0.87rem;
}

.body2_item .about_fl {
    background: url(../img/about_fl.png) center no-repeat;
}

.body2_item .about_fr {
    background: url(../img/about_fr.png) center no-repeat;
}

.body2_item:nth-child(3n) {
    margin-right: 0;
}

.body2_item span {
    max-width: 2.2rem;
    text-align: center;
    color: #212121;
    line-height: 0.28rem;
    font-size: 0.2rem;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}

.body2_item span:hover {
    transform: scale(1.1);
}





/* 联系我们 */
.body3 {
    max-width: 19.2rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.body3 .body3_fl,
.body3 .body3_fr {
    width: 50%;
    height: 8rem;
}

.body3 .body3_fr {
    padding-top: 1.1rem;
    padding-left: 0.94rem;
}

.body3 .body3_fr .body3_name {
    width: 5.6rem;
    font-weight: bold;
    font-size: 0.35rem;
    color: #000000;
    margin-bottom: 0.44rem;
}

.body3 .body3_fr .body3_list {
    width: 5.6rem;
}

.body3 .body3_fr .body3_list .body3_li {
    width: 100%;
    height: 0.82rem;
    border-bottom: 0.01rem solid #E2E2E2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.body3 .body3_fr .body3_list .body3_li span {
    font-weight: bold;
    font-size: 0.18rem;
    color: #000000;
}

.body3 .body3_fr .body3_list .body3_li span:last-child {
    font-weight: 400;
    font-size: 0.16rem;
    color: #000000;
}


.body3 .body3_fr .body3_list .body3_li::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0.01rem;
    background: #1c488f;
    bottom: 0;
    right: 0;
    transition: 0.5s;
}
.body3 .body3_fr .body3_list .body3_li:hover::after {
    width: 100%;
    left: 0;
}







.footer {
    margin-top: 0;
}



@media only screen and (max-width: 1024px) {
    .banner{
        height: 4.6rem !important;
    }
    .banner .ban_name{
        padding-top: 2rem;
    }
    .body1{
        padding-top: 0.2rem;
        padding-bottom: 0.8rem;
    }
    .body1_fl{
        display: none;
    }
    .body1_fr{
        flex: 0 0 100%;
        width: 100%;
        transform: translateX(0) !important;
    }
    .body1_fr .body1_item .body1_cont p{
        font-size: 12px;
    }
    .body2_list{
        justify-content: space-between;
    }
    .body2_item{
        margin-right: 0;
        flex: 0 0 48%;
    }
    .body2{
        height: auto;
    }
    .body3{
        display: block;
        padding-bottom: 0.5rem;
    }
    .body3 .body3_fl, .body3 .body3_fr{
        width: 100%;
    }
    .body3 .body3_fl{
        height: 5rem;
    }
    .body3 .body3_fr{
        height: auto;
        padding-top: 0.6rem;
        padding-left: 0.3rem;
        padding-right: 0.3rem;
    }
    .body3 .body3_fr .body3_name,.body3 .body3_fr .body3_list{
        width: 100%;
    }
    .body3 .body3_fr .body3_list .body3_li span,.body3 .body3_fr .body3_list .body3_li span{
        font-size: 12px;
    }
    .banner{
        height: 4.6rem !important;
    }
    .banner .ban_name{
        padding-top: 2rem;
    }
}