html,body { margin: 0px; padding: 0px; }

/* 超大宽屏 */
.layui-container { width: 100%; padding: 0; }
.contact_banner { margin-top: 100px; }
.contact_banner img { width: 100%; }

.contact_back { background-image: url(../image/contact/c_back.png); background-size: 100% 100%; padding-top: 116px; padding-bottom: 100px; }
.contact_back .contact_title { color: #333333; text-align: center; }
.contact_back .contact_title .en { text-transform: uppercase; font-size: 30px; }
.contact_back .contact_title .ch { font-size: 36px; margin-top: 10px; display: flex; align-items: center; justify-content: center; }
.contact_back .contact_title .ch img { padding: 2px 10px; }
.contact_back .contact_title .ch .line { width: 100px; height: 1px; background-color: #d5d5d5; }

.contact_back .contact_con { width: 1397px; margin: 0 auto; margin-top: 94px; }
.contact_back .contact_con .code_box { background-color: #f3f5fc; padding: 66px 0px; display: flex; align-items: center; text-align: center; }
.contact_back .contact_con .code_box .code_item { width: 50%; color: #333333; }
.contact_back .contact_con .code_box .code_item:first-child { border-right: 1px solid #dbdce2; }
.contact_back .contact_con .code_box .code_item .img img { width: 150px; height: 150px; }
.contact_back .contact_con .code_box .code_item .name { margin-top: 24px; }
.contact_back .contact_con .code_box .code_item .desc { margin-top: 64px; }
.contact_back .contact_con .code_box .code_item .desc img { width: 19px; height: 19px; margin-right: 10px; }

.contact_back .contact_con .address_box { margin-top: 150px; color: #333333; }
.contact_back .contact_con .address_box .title { font-size: 36px; }
.contact_back .contact_con .address_box .address_list { display: flex; align-items: center; justify-content: space-between; margin-top: 54px; padding-left: 60px; padding-right: 84px; }
.contact_back .contact_con .address_box .address_list .address_item { width: 40%; }
.contact_back .contact_con .address_box .address_list .address_item img { width: 100%; }
.contact_back .contact_con .address_box .address_list .address_item .title { font-size: 24px; margin: 32px 0px; }
.contact_back .contact_con .address_box .address_list .address_item .desc { font-size: 16px; margin-top: 22px; }

/* 宽屏设备 */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .contact_back .contact_con { width: 98%; }
}

/* 中等屏幕 */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.contact_back { padding-top: 50px; padding-bottom: 70px; }
    .contact_back .contact_con { width: 98%; margin-top: 30px; }
    .contact_back .contact_con .code_box .code_item .desc { margin-top: 20px; }
    .contact_back .contact_con .address_box { margin-top: 50px; }
    .contact_back .contact_con .address_box .title { font-size: 26px; }
    .contact_back .contact_con .address_box .address_list { margin-top: 30px; }
    .contact_back .contact_con .address_box .address_list .address_item { width: 42%; }
    .contact_back .contact_con .address_box .address_list .address_item .title { font-size: 20px; margin: 20px 0; }
    .contact_back .contact_con .address_box .address_list .address_item .desc { margin-top: 16px; }
} 

/* ipad */
@media screen and (max-width:991px)  {
	.contact_banner { margin-top: 64px; }
    .contact_back { padding-top: 50px; padding-bottom: 70px; }
    .contact_back .contact_con { width: 98%; margin-top: 30px; }
    .contact_back .contact_con .code_box .code_item .desc { margin-top: 20px; }
    .contact_back .contact_con .address_box { margin-top: 50px; }
    .contact_back .contact_con .address_box .title { font-size: 26px; }
    .contact_back .contact_con .address_box .address_list { margin-top: 30px; display: block; }
    .contact_back .contact_con .address_box .address_list .address_item { width: 100%; margin-bottom: 30px; }
    .contact_back .contact_con .address_box .address_list .address_item .title { font-size: 20px; margin: 20px 0; }
    .contact_back .contact_con .address_box .address_list .address_item .desc { margin-top: 16px; }
}

/* 手机端 */
@media screen and (max-width:767px) { 
    .contact_banner { margin-top: 64px; }
    .contact_back { padding-top: 20px; padding-bottom: 20px; }
    .contact_back .contact_con { width: 98%; margin-top: 30px; }
    .contact_back .contact_con .code_box { display: block; padding-top: 30px; padding-bottom: 20px; }
    .contact_back .contact_con .code_box .code_item { width: 100%; margin-bottom: 30px; }
    .contact_back .contact_con .code_box .code_item .desc { margin-top: 20px; }
    .contact_back .contact_con .address_box { margin-top: 20px; }
    .contact_back .contact_con .address_box .title { font-size: 26px; padding-left: 10px; }
    .contact_back .contact_con .address_box .address_list { margin-top: 30px; display: block; padding: 0 10px; }
    .contact_back .contact_con .address_box .address_list .address_item { width: 100%; margin-bottom: 30px; }
    .contact_back .contact_con .address_box .address_list .address_item .title { font-size: 20px; margin: 20px 0; }
    .contact_back .contact_con .address_box .address_list .address_item .desc { margin-top: 16px; }

    .contact_back .contact_title .en { font-size: 16px; }
    .contact_back .contact_title .ch { font-size: 18px; }
    .contact_back .contact_title .ch img { width: 8px; height: 14px; }
    .contact_back .contact_title .ch .line { width: 50px; }
}