@charset "UTF-8";

.sub-contact{
	margin: 60px auto;
	font-size: 15px;
	line-height: 24px;
}
.sub-map{
	overflow: hidden;
	width: 53.833%;
	float: right;
	border: #e9e9e9 solid 2px;
	border-radius: 2px;
	object-fit:fill;
	opacity: 0;
}
.sub-contact .left-box{
	width: 40%;
	float: left;
	opacity: 0;
}
.contact-title{
	color: #04449c;
	font-size: 26px;
	
}
.contact-content{
	border-bottom: #e0e0e0 solid 1px;
	overflow: hidden;
	padding: 15px 0;
}
.contact-content p{
	padding: 6px 0;
	font-size: 14px;
}
.contact-content p i{
	color: #2372c3;
	font-size: 20px;
	margin-right: 8px;
} 
.online{
	/*padding-top: 30px;*/
}
.online input,
.online textarea{
	background: #f2f2f2;
}
.online .input-box{
	background: #f2f2f2;
	margin-bottom: 10px;
	padding: 15px 17px;
	overflow: hidden;
	line-height: 18px;
}
.online .input-box i{
	color: #585858;
	font-size: 20px;
	float: left;
}
.online .input-box input,
.online .input-box textarea{
	float: left;
	padding-left: 10px;
	outline:none;
	border: none;
	font-size: 14px;
}
.online .input-box input::-webkit-input-placeholder ,
.online .input-box textarea::-webkit-input-placeholder{ /* WebKit browsers 适�谷歌 */
    color: #999999;
}
.online .input-box input:-moz-placeholder,
.online .input-box textarea::-moz-placeholder { /* Mozilla Firefox 4 to 18 适��� */
    color: #999999;
}
.online .input-box input::-moz-placeholder,
.online .input-box textarea::-moz-placeholder { /* Mozilla Firefox 19+ 适��� */
    color: #999999;
}
.online .input-box input:-ms-input-placeholder ,
.online .input-box textarea::-ms-input-placeholder{ /* Internet Explorer 10+  适�ie*/
    color: #999999;
}
.online .input-box textarea {
	width: 93%;
	height: 133px;
}
.online button{
	outline: none;
	border: none;
	width: 126px;
	height: 42px;
	background: #04449c;
	color: #fff;
	text-align: center;
	line-height: 42px;
	font-size: 16px;
	margin-top: 10px;
	transition: all .6s;
}
.online button:hover{
	background: #288ce3;
}
 @media (max-width:1280px) { 
 	.online .input-box textarea{
 		height: 110px;
 	}
 }
 @media (max-width:1025px) { 
 	.sub-contact{
 		padding: 40px 0;
 	}
 	.sub-contact .left-box{
 		width: 100%;
 		overflow: hidden;
 		margin-bottom: 30px;
 	}
 	.sub-map{
 		float: none;
 		clear: both;
 		overflow: hidden;
 		margin: 30px auto 0 auto;
 		width: 100%;
 	}
 	.online button{
 		margin: 0 auto;
 		float: none;
 		clear: both;
 	}
 }
@media (max-width:768px) { 
 	.contact-title{
 		font-size: 22px;
 	}
 	.contact-content p{
 		font-size: 14px;
 	}
 	.sub-contact{
 		padding-bottom: 30px;
 	}
 }
@media (max-width:640px) { 
	.sub-contact{
		margin: 20px 0;
	}
	.sub-contact{
		padding-top: 30px;
	}
	.contact-title{
		font-size: 18px;
	}
	.contact-content p{
		padding: 4px 0;
		font-size: 13px;
	}
	.contact-content p i{
		margin-right: 4px;
		font-size: 16px;
	}
	.online button{
		margin-top: 10px;
	}
}