body{ background: linear-gradient(#fafbfc, #e9eff2); }


.contact-page{ background: #fff; padding: 70px 77px; padding-bottom: 100px; position: relative; top: -100px;}
.concat-banner{ height: 462px; }
.map-wrap{ padding: 15px 0; height: 520px; }
.map-wrap::after, .map-wrap::after{ width: 100%; height: 100%; content: ''; position: absolute; z-index: 9; left: 0; top: 60px; background: url('../../images/sitePic/map-shadow.jpg') no-repeat center; filter:blur(20px); -webkit-filter:blur(20px); -moz-filter:blur(20px); -ms-filter:blur(20px); -o-filter:blur(20px);
}
#allmap{ width: 100%; height: 100%; margin:0;font-family:"微软雅黑"; background: #fff; position: relative; z-index: 99!important;}
.contact-page .txt-box{ padding-top: 80px;}
.contact-page .txt-box .code-wrap{ width: 378px;}
.contact-page .txt-box .title{ font-size: 39px; color: rgb(52, 58, 88);line-height: 1.229; font-weight: normal;  padding-bottom: 28px;}
.contact-page .txt-box .title::after, .contact-page .txt-box .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px;background: #39b54a; }
.contact-page .txt-box .pic-wrap{ width: 152px; height: 152px; margin-top: 90px;}
.box-right { border-left: 1px solid #ebf0f3; border-top: 1px solid #ebf0f3; width: 741px; position: relative; z-index: 99;}
.box-right .methods-item{ width: 368px; padding-top: 30px; padding-left: 30px; height: 192px;border-right: 1px solid #ebf0f3; border-bottom: 1px solid #ebf0f3; }
.box-right .methods-item .methods-name{ color: #878787; padding-bottom: 20px; }
.box-right .methods-item .methods-name .methods-icon{ width: 42px; height: 42px; }
.box-right .methods-item .detail{ color: #333; line-height: 2.1; padding-right: 20px; height: 66px;}
.bolder{ font-weight: bolder; }

.red-phone{ position: absolute; right: 0; bottom: 0; z-index: 9; }

@media screen and (max-width: 1450px) {

.contact-page .txt-box .title{ font-size: 30px; }
.contact-page .txt-box .code-wrap { width: 310px; }
.box-right{ width: 681px; }
.box-right .methods-item{ width: 340px; }

}


@media screen and (max-width: 1366px) {

}

@media screen and (max-width: 1280px) {

.contact-page { padding-left: 40px; padding-right: 40px; }
.box-right { width: 617px; }
.box-right .methods-item { width: 308px; }

}