.contact-banner {
	z-index: -1;
}
.contact-banner img{
	width: 100%;
}
.contact-card {
	border-radius: 12px;
	box-shadow: 0px 0px 15px rgb(0 0 0 / 20%);
	margin-top: -6.5789vw;
	z-index: 999;
	background: #fff;
	padding: 4.0789vw 5.5921vw;
	margin-bottom: 6.5132vw;
}
.contact-card .inner-box{
	
	display: flex;
}
.contact-card .line {
	width: 1px;
	background: #F2F2F2;
	max-height: 100%;
	margin: 0px 80px;
}

.contact-card .title {
	font-weight: bold;
	color: #333333;
	font-size: 1.25vw;
	padding-bottom: 1.6447vw;
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 1.6447vw;
}

.contact-card .qrcode {
	width: 4.8684vw;
	height: 4.8684vw;
}


.contact-card .col-left{
	width: 22.0395vw;
	margin-right: 5.5921vw;
}
.contact-card .col-right{
	flex:1;
}
.contact-card .col-right img{
	height: 100%;
}
.contact-card .col-left .top{
	margin-bottom: 3.2895vw;
}
.contact-card .col-left span{
	font-size: .9211vw;
	color: #666;
	margin-left: .3289vw;
}
.contact-card .block{
	margin-bottom: .5263vw;
	font-size: .9211vw;
}
.contact-card .block i {
	color: #999999;
	font-size: .9115vw;
}
.contact-card .block:hover i {
	background-image: -webkit-linear-gradient(left, #0697d0, #2fe79d);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: .9115vw;
}
.contact-banner {
	position: relative;
}

.contact-banner .container {
	position: absolute;
	bottom: 9.6711vw;
	left: 0;
	right: 0;
	
}

.contact-banner .title {
	font-size: 3.8158vw;
	font-weight: 800;
	color: #FFFFFF;
}

.contact-banner .sub-title {
	font-size: 1.3816vw;
	font-weight: 900;
	color: #FFFFFF;
	font-family: HarmonyOS Sans;
	display: flex;
	align-items: center;
}

.contact-banner .line {
	display: inline-block;
	margin-left: .9211vw;
	width: 4.6053vw;
	height: .1316vw;
	background-color: #FFFFFF;
}
.inner-bottom{
	margin-top: 3.6458vw;
}
.form-title{
	font-size: 1.237vw;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-bottom: .9766vw;
}
.form-sub-title{
	font-size: .9115vw;
	font-family: Source Han Sans SC;
	font-weight: 400;
	color: #666666;
	text-align: center;
	border-bottom: 1px solid #D9D9D9;
	padding-bottom: 1.9531vw;
	margin-bottom: 1.9531vw;
}

.contact-area .form-group {
	margin-bottom: 1.6276vw;
}

.contact-area .form-group .form-control {
	border: 1px solid #CCCCCC;
	border-radius: 0;
	height: 3.2552vw;
	padding-left: 1.6276vw;
	font-size: .9115vw;
}

.contact-area .form-group .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #333
}

.contact-area .form-group textarea {
	height: auto !important;
	padding-top: .9766vw;
}

.contact-area .form-group ::-webkit-input-placeholder {
	color: #333
}

.contact-area .form-group :-ms-input-placeholder {
	color: #333
}

.contact-area .form-group ::-ms-input-placeholder {
	color: #333
}

.contact-area .form-group ::placeholder {
	color: #333
}

.contact-area .form-group .list-unstyled {
	color: #dc3545;
	margin-top: .651vw;
	font-size: .9115vw;
}
.contact-btn{
	background: linear-gradient(to right, #0697d0, #2fe79d);
	width: 7.6172vw;
	color: #fff;
	border: 0;
    height: 2.474vw;
    border-radius: .3906vw;
	font-size: .9115vw;
}
.contact-btn:hover{
	color: #fff;
}
.btn-block{
	text-align: center;
}
#allmap{
	height: 100%;
	border-radius: .3906vw;
}