.about_banner { margin-top: 82px; }
.about_banner img { width: 100%; }

.nav_box { background-color: #fff; border-bottom: 1px solid #D8D8D8; }
.nav_box .nav { max-width: 1320px; margin: 0 auto; }
.nav_box .nav .nav_con { display: flex; align-items: center; height: 70px; line-height: 70px; }
.nav_box .nav .nav_con img { width: 12px; height: 12px; margin-right: 6px; }

.about_box { background-color: #fff; margin-top: 70px; }
.about { max-width: 1320px; margin: 0 auto; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.06); border-radius: 10px; padding-bottom: 30px; }
.about_title { width: 350px; height: 76px; line-height: 76px; margin: 0 auto; text-align: center; font-size: 34px; color: #fff; }
.about_logo { margin-top: 50px; padding: 0 140px; }
.about_logo img { width: 100%; }
.about_info_box { margin: 50px 44px 0 50px; background-color: #F1F8FF; }
.about_info { padding: 50px 38px 38px 38px; }
.info { display: flex; justify-content: space-between; }
.info_l { width: 32%; }
.info_r { width: 62%; }
.info_title { font-size: 22px; line-height: 32px; color: #333; }
.info_title.margin_top { margin-top: 10px; }
.info_con { font-size: 16px; line-height: 32px; color: #666; margin-top: 10px; }


/* 公司资质 */
.aptitude_box { margin-top: 66px; margin-bottom: 50px; }
.aptitude { padding: 0 70px; }
.aptitude_ul { display: flex; justify-content: space-between; }
.aptitude_ul.other { margin-top: -18%; }
.aptitude_li { width: 24%; }
.aptitude_li img { width: 100%; }


/* 历史荣誉 */
.honor_box { margin-top: 60px; }
.honor { width: 40%; margin: 0 auto; }
.honor img { width: 100%; }
.honor_ul_box { margin-top: 50px; padding-right: 64px; padding-left: 52px; }
.honor_ul { display: flex; justify-content: space-between; }
.honor_li { width: 24%; }
.honor_li img { width: 100%; }

/* 关注 */
.about_guanzhu { margin-top: 70px; padding: 110px 100px 128px; }
.guanzhu_title { color: #fff; text-align: center; font-size: 42px; }
.guanzhu_code { text-align: center; margin-top: 56px; }
.guanzhu_code img { width: 220px; height: 220px; }
.guanzhu_desc { color: #fff; text-align: center; font-size: 28px; margin-top: 34px; }


/* 宽屏设备 */
@media screen and (min-width: 1200px) and (max-width: 1420px) {
    .nav_box .nav { max-width: 96%; }
    .about { max-width: 96%; }
}

/* 中等屏幕 */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .nav_box .nav { max-width: 96%; }
    .about { max-width: 96%; }
    .about_title { width: 240px; height: 52px; line-height: 50px; font-size: 26px; }

    .about_guanzhu { padding: 110px 60px 128px; }
}

/* ipad */
@media screen and (max-width:991px) {
    .nav_box .nav { max-width: 96%; }
    .about { max-width: 96%; padding-bottom: 30px; }
    .about_title { width: 200px; height: 44px; line-height: 44px; font-size: 22px; }
    .about_info { padding: 20px; }
    
    .info { display: block; }
    .info_l { width: 100%; }
    .info_r { width: 100%; }
    .info_title { margin-top: 10px; }

    .guanzhu_title { font-size: 28px; }
    .guanzhu_code { margin-top: 30px; }
    .guanzhu_desc { font-size: 22px; margin-top: 16px; }
}

/* 手机端 */
@media screen and (max-width:767px) {
    .about_banner { margin-top: 60px; }
    .nav_box .nav .nav_con { height: 56px; line-height: 56px; }
    .about_box { margin-top: 30px; }
    .about_logo { padding: 0 10px; margin-top: 20px; }
    .about_info_box { margin: 20px 10px 0 10px; }

    .aptitude_box { margin-top: 20px; margin-bottom: 0; }
    .aptitude { padding: 0 10px; }
    .aptitude_ul { flex-wrap: wrap; }
    .aptitude_li { width: 48%; }
    .aptitude_ul.other { margin-top: 0; }

    .honor_box { margin-top: 20px; }
    .honor { width: 90%; }
    .honor_ul_box { margin-top: 20px; padding-left: 10px; padding-right: 10px; }
    .honor_ul { flex-wrap: wrap; }
    .honor_li { width: 49%; }

    .about_guanzhu { margin-top: 20px; padding: 40px 10px 50px; }
    .guanzhu_code img { width: 120px; height: 120px; }
}