@charset "gb2312";
.page-contact{
    width: 100%;
    margin: 0 auto;
}
.page-contact-message {
	padding: 0 5%;
	margin-bottom: 100px;
}
.page-contact-form input[type="text"] {
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #000;
}
.page-contact-form textarea {
	width: 100%;
	height: 160px;
	padding: 10px;
	border: 1px solid #000;
}
.page-contact-form input[type="submit"] {
	padding: 15px 50px;
	background-color: #006835;
	color: #FFF;
	font-size: 18px;
	transition: background-color 0.3s;
}

.page-contact-form input[type="submit"]:hover {
    background-color: #000;
}
.page-contact-input {
	position: relative;
	float: left;
	width: 48%;
	margin-bottom: 20px;
}
.page-contact-input:nth-child(2n) {
	margin-left: 4%;
}
.page-contact-textarea-title {
	font-size: 18px;
	color: #333;
	margin-bottom: 20px;
}
.page-contact-textarea {
	position: relative;
	margin-bottom: 20px;
}
.page-contact-form p span {
	display: none;
	position: absolute;
	left: 150px;
	top: -40px;
	padding: 15px;
	background-color: #006835;
	color: #FFF;
}





.page-contact-holder {
	padding: 0 5%;
}
.page-contact-title {
	line-height: 1.5;
	font-size: 2.2rem;
	color: #000;
	font-style: italic;
}
.page-contact-tip {
	line-height: 2;
	font-size: 1rem;
    color: #333;
	margin-bottom: 40px;
}
.page-contact-text {
	width: 62%;
	float: left;
	line-height: 2;
	font-size: 1rem;
    color: #333;
}
.page-contact-text img {
	display: block;
	width: 100%;
	max-width: 100%!important;
}
.page-contact-img {
	margin-left: 65%;
}
.page-contact-img img {
	width: 100%;
}
/* ===== 响应式断点 ===== */

/* xl: >= 1200px - 默认样式 */

/* lg: 992px - 1199px */
@media (max-width: 1199px) {

}

/* md: 768px - 991px */
@media (max-width: 991px) {

}

/* sm: 576px - 767px */
@media (max-width: 767px) {
    .page-contact-input {
		float: none;
		width: 100%;
}
	.page-contact-input:nth-child(2n) {
		margin-left: 0;
}
	.page-contact-text {
	width: 100%;
	float: none;
}
.page-contact-img {
	margin-left: 0;
	margin-top: 50px;
}
}

/* xs: < 576px */
@media (max-width: 575px) {

}