/* Original WN contact (form + map + 4 info cols). Bootstrap grid without loading bootstrap.css. */
.page_contact{
	padding-bottom:70px;
}
.page_contact .contact-page{
	width:100%;
	box-sizing:border-box;
}
.page_contact .contact-wrapper{
	padding:20px 0 10px;
	background:#fff;
	position:relative;
}
.page_contact .row{
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-left:-15px;
	margin-right:-15px;
	box-sizing:border-box;
}
.page_contact [class*="col-"]{
	position:relative;
	min-height:1px;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
	width:100%;
	float:none;
}
.page_contact .col-md-12{
	width:100%;
}

@media (min-width:768px){
	.page_contact .col-sm-8{width:66.66666667%;}
	.page_contact .col-sm-4{width:33.33333333%;}
	.page_contact .col-sm-6{width:50%;}
}

@media (min-width:992px){
	.page_contact .col-md-7{width:58.33333333%;}
	.page_contact .col-md-5{width:41.66666667%;}
	.page_contact .col-md-6{width:50%;}
	.page_contact .col-md-3{width:25%;}
	.page_contact .col-md-12{width:100%;}
}

.page_contact .contact-form{
	padding:28px 30px 32px;
	box-shadow:0 0 9px 0 rgba(29,33,67,.1);
	background:#fff;
	box-sizing:border-box;
	height:100%;
}
.page_contact .contact-form-header{
	margin-bottom:28px;
	text-align:center;
}
.page_contact .liuyantt{
	margin:0 0 8px;
	font-size:40px;
	line-height:1.2;
	font-weight:400;
	font-family:'MontserratSemiBold', Montserrat, Arial, sans-serif;
	color:#191f30;
}
.page_contact .yanse{color:#ff0000;}
.page_contact .contact-form-header p{
	margin:0;
	color:#666;
	font-size:15px;
}
.page_contact .xy-inquiry-form,
.page_contact .xiaoyu-inquiry-form{
	display:block !important;
	grid-template-columns:none !important;
	gap:0 !important;
	margin:0;
}
.page_contact .form-group{margin-bottom:22px;}
.page_contact .form-control{
	display:block;
	width:100%;
	height:46px;
	padding:12px 14px;
	border:1px solid #ced4da;
	background-color:#f8f8f8;
	box-shadow:none;
	box-sizing:border-box;
	font-size:14px;
	font-family:inherit;
	color:#333;
	-webkit-transition:border-color .3s ease;
	transition:border-color .3s ease;
}
.page_contact textarea.form-control{
	height:auto;
	min-height:160px;
	resize:vertical;
}
.page_contact .form-control:focus{
	border-color:#ff0000;
	outline:0;
	background:#fff;
}
.page_contact .theme-btn{
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
	color:#fff;
	font-weight:500;
	padding:12px 25px;
	border-radius:5px;
	text-transform:uppercase;
	cursor:pointer;
	text-align:center;
	border:none;
	background:#ff0000;
	box-shadow:0 3px 24px rgb(0 0 0 / 10%);
	-webkit-transition:background .3s ease;
	transition:background .3s ease;
}
.page_contact .theme-btn:hover{background:#cc0000;color:#fff;}
.page_contact .theme-btn i{margin-right:6px;}

.page_contact .contact-map{
	height:100%;
	min-height:575px;
}
.page_contact .contact-map iframe{
	display:block;
	width:100%;
	height:100%;
	min-height:575px;
	border:0;
}

.page_contact .contact-content{
	margin-top:48px;
	margin-bottom:20px;
}
.page_contact .contact-content > .yanse{
	margin:0 0 4px;
	font-size:14px;
	letter-spacing:.08em;
	font-weight:600;
}
.page_contact .contact-content > .liuyantt{margin-bottom:10px;}
.page_contact .contact-content > p{
	margin:0 0 12px;
	color:#666;
	line-height:1.6;
}
.page_contact .addtt{
	font-size:26px;
	font-weight:400;
	margin:18px 0 5px;
	color:#191f30;
}
.page_contact .contact-content hr{
	margin:5px 0 22px;
	border:0;
	border-top:1px solid #e5e5e5;
}
.page_contact .contact-info{
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:flex-start;
	-webkit-align-items:flex-start;
	align-items:flex-start;
	gap:15px;
	padding:8px 0 24px;
}
.page_contact .contact-info-icon{
	-webkit-flex-shrink:0;
	flex-shrink:0;
}
.page_contact .contact-info-icon i{
	display:block;
	font-size:25px;
	width:70px;
	height:70px;
	line-height:70px;
	text-align:center;
	border-radius:70px;
	background-color:#f8f8f8;
}
.page_contact .contact-info-content{min-width:0;}
.page_contact .contact-info h5{
	margin:0 0 6px;
	font-size:16px;
	font-weight:600;
	color:#191f30;
}
.page_contact .contact-info p{
	margin:0 0 10px;
	color:#555;
	line-height:1.55;
	word-break:break-word;
}
.page_contact .contact-info a{color:#191f30;}
.page_contact .contact-info a:hover{color:#ff0000;}

/* 提交成功：与右侧询盘同一套感谢层 */
.xy-ct-success-overlay{
	position:fixed;
	inset:0;
	z-index:100010;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	padding:20px;
	box-sizing:border-box;
	background:rgba(0,0,0,.55);
}
.xy-ct-success-overlay .xy-ct-success-dialog{
	width:100%;
	max-width:520px;
	margin:0 auto;
	padding:48px 28px 36px;
	background:#fff;
	text-align:center;
	box-sizing:border-box;
	box-shadow:none;
	border-radius:0;
}

@media all and (max-width:991px){
	.page_contact .contact-form{padding:22px 18px;margin-bottom:24px;}
	.page_contact .liuyantt{font-size:30px;}
	.page_contact .contact-map,
	.page_contact .contact-map iframe{min-height:320px;}
	.page_contact .contact-content{margin-top:28px;}
	.page_contact .contact-info{padding-bottom:16px;}
}
