.contact_banner { margin-top: 82px; }
.contact_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; }

.contact_box { padding-top: 70px; padding-bottom: 100px; }
.contact_box .contact { max-width: 1320px; margin: 0 auto; box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.1); border-radius: 10px; }
.contact_box .contact .contact_con { font-size: 16px; line-height: 40px; display: flex; align-items: center; justify-content: space-evenly; padding: 166px 0px 162px 0px; }
.contact_box .contact .contact_con .tel_box img { width: 16px; height: 16px; margin-right: 7px; }
.contact_box .contact .contact_con .mobile_box img { width: 11px; height: 16px; margin-right: 7px; }
.contact_box .contact .contact_con .addr_box img { width: 12px; height: 15px; margin-right: 7px; }

.contact_box .contact .contact_con .code_box img { width: 310px; height: 310px; }

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

/* 中等屏幕 */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .nav_box .nav { max-width: 96%; }
    .contact_box .contact { max-width: 96%; }
}

/* ipad */
@media screen and (max-width:991px) {
    .nav_box .nav { max-width: 96%; }
    .contact_box .contact { max-width: 96%; }
    .contact_box .contact .contact_con .code_box img { width: 160px; height: 160px; }
}

/* 手机端 */
@media screen and (max-width:767px) {
    .contact_banner { margin-top: 60px; }
    .nav_box .nav .nav_con { height: 56px; line-height: 56px; }
    .contact_box .contact .contact_con { display: block; padding: 30px 10px; line-height: 30px; }
    .contact_box .contact .contact_con .code_box { text-align: center; margin-top: 20px; }
    .contact_box { display: none; }
}