.contact {
	overflow:hidden;
	background:#fff
}
.contact .info{
	overflow:hidden;
}
.contact .contact-left {
	float:left;
	width:45%;
}

.contact .contact-left .home-title{
	margin-bottom:50rem;
}

.contact .contact-left p {
	font-size:20rem;
	color:#333;
	line-height:36rem;
	display: flex;
    align-items: start;
	margin-bottom:20rem;
}
.contact .contact-left p img {
	margin-right:10rem;
	display:inline-block;
	vertical-align:middle;
	margin-top: 10rem;
	max-width:20rem;
}
.contact .contact-left p span {
	display:inline-block;
	vertical-align:middle;
}
.contact .contact-left p b {
	font-size:36rem
}
.contact .contact-right {
	overflow:hidden;
	width:45%;
	float:right;
}

.contact .contact-right .home-title{
	margin-bottom:50rem;
}

.contact .contact-right ul {
	overflow:hidden
}
.contact .contact-right ul li {
	margin-bottom:20rem;
	position:relative;
	overflow:hidden;
	width:50%;
	float:left;
	padding:0 5px
}
.contact .contact-right ul li input {
	outline:0;
	background:#f1f4f8;
	border:0;
	width:100%;
	height:50rem;
	float:left;
	line-height:50rem;
	padding:0 10rem;
	color:#333;
	transition:.5s;
	position:relative;
	text-transform:capitalize;
	border:1px solid #f1f4f8
}
.contact .contact-right ul li select {
	outline:0;
	background:#f1f4f8;
	border:0;
	width:100%;
	height:50rem;
	float:left;
	line-height:50rem;
	padding:0 10rem;
	color:#333;
	transition:.5s;
	position:relative;
	text-transform:capitalize;
	-webkit-appearance: progress-bar;
	border:1px solid #f1f4f8
}
.contact .contact-right ul li::-webkit-input-placeholder {
	color:#999
}
.contact .contact-right ul li:-moz-placeholder {
	color:#999;
	opacity:1
}
.contact .contact-right ul li::-moz-placeholder {
	color:#999;
	opacity:1
}
.contact .contact-right ul li:-ms-input-placeholder {
	color:#999
}
.contact .contact-right ul li textarea {
	outline:0;
	background:#f1f4f8;
	width:100%;
	height:100rem;
	line-height:24rem;
	padding-left:10rem;
	padding-top:10rem;
	color:#333;
	position:relative;
	transition:.5s;
	float:left;
	border:1px solid #f1f4f8
}
.contact .contact-right ul .text {
	width:100%;
	float:none
}
.contact .contact-right input:focus,.contact .contact-right textarea:focus {
	transition:border linear .2s,box-shadow linear .5s;
	-moz-transition:border linear .2s,-moz-box-shadow linear .5s;
	-webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;
	outline:0;
	border:1px solid #195a9b
}
.contact .contact-right ul li.yanzhen input {
	width:288px;
	float:left;
	margin-right:15px
}
.contact .contact-right ul li.yanzhen a {
	height:44px;
	line-height:44px;
	float:left
}
.contact .contact-right ul li.yanzhen .message-submit {
	text-align:center;
	float:right;
	width:120px
}
.contact .contact-right ul li.yanzhen .message-submit input {
	width:120px;
	border:0;
	padding:0;
	font-size:14px;
	color:#fff;
	background:#195a9b;
	transition:.5s;
	text-transform:uppercase;
	height:44px;
	line-height:44px
}
.contact .contact-right ul li.yanzhen .message-submit input:hover {
	background:#11467c
}
#mapContainer {
	height:500px;
	width:100%
}
@media(max-width:1024px) {
	.contact .contact-left {
		width:100%
	}
	.contact .contact-right {
		width:100%
	}
	.contact .contact-right ul li.yanzhen .message-submit {
		float:left;
		margin-top:10px
	}
	.contact {
		padding:20px 0
	}
}
@media(max-width:768px) {
	.contact .contact-left p b {
		font-size:20px
	}
	.contact .contact-left p {
		font-size:14px;
		line-height:40px
	}
	#mapContainer {
		height:300px
	}
}
@media(max-width:414px) {
	.contact .contact-right ul li.yanzhen input {
		width:120px
	}
}