@charset "utf-8";

/* 联系我们 */
.page_contact {}

.page_contact ul {
	width: 100%;
	padding-bottom: 48px;
}

.page_contact ul li.page_contact_info {
	float: left;
}

.page_contact_info {
	width: 36%;
	margin: 0;
}

.page_contact_info h1 {
	font-size: 26px;
	line-height: 1;
	font-weight: bold;
	color: #00479b;
	margin-bottom: 24px;
}

.page_contact_info h2 {
	font-size: 20px;
	line-height: 1;
	font-weight: bold;
	color: #00479b;
	margin-bottom: 12px;
}

.page_contact_info h3 {
	font-size: 18px;
	line-height: 1;
	color: #00479b;
	margin-bottom: 12px;
}

.page_contact_info p {
	font-size: 16px;
	line-height: 2;
	color: #585858;
	margin-bottom: 36px;
}

.page_contact_info p a{
	display: inline-block;
	color: #deae1e;
	transition: all .3s;
}

.page_contact_info p a:hover{
	color: #00479b;
}

.page_contact ul li.page_contact_form {
	float: right;
}

/* 在线留言 */
.page_contact_form {
	width: 60%;
}

.page_contact_form h1{
	font-size: 26px;
	line-height: 1;
	font-weight: bold;
	color: #00479b;
	margin-bottom: 24px;
}

.page_contact_form p{
	font-size: 19px;
	font-weight: 300;
	line-height: 1.8em;
	letter-spacing: 0.5px;
	text-align: left;
	padding-bottom: 24px;
}

.layui-form ul {
	width: 100%;
}

.layui-form ul li {
	width: calc((100% - 16px) / 2);
}

.layui-form ul li.left {
	float: left;
}

.layui-form ul li.right {
	float: right;
}
.layui-form-item{
	margin-bottom: 16px;
}
.layui-input{
	font-family: "Microsoft Yahei", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 16px;
	height: 48px;
	line-height: 48px;
	border-radius: 4px;
}

/* 表单选中 */
.layui-input:focus,
.layui-textarea:focus {
	border-color: #ffbf00 !important;
}

.layui-form-label {
	padding: 0;
	width: 100%;
	font-size: 16px;
	color: #333333;
	line-height: 2;
	font-weight: normal;
	text-align: left;
}

.layui-form-label i {
	color: #d61518;
	margin-right: 4px;
}

.layui-input-block {
	margin-left: 0;
}
.layui-textarea {
	font-family: "Microsoft Yahei", "Helvetica Neue", Arial, Helvetica, sans-serif;
	border-radius: 4px;
    height: 100px;
    line-height: 20px;
    padding: 6px 10px;
    resize: vertical;
}

.layui-btn{
	font-family: "Microsoft Yahei", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 16px;
}

input::-webkit-input-placeholder {
	font-size: 16px;
	color: #666666;
	line-height: normal;
	 transform: translateY(-1px);
}

input::-moz-placeholder {
	font-size: 16px;
	color: #666666;
}

input::-moz-placeholder {
	font-size: 16px;
	color: #666666;
}

input::-ms-input-placeholder {
	font-size: 16px;
	color: #666666;
}


textarea::-webkit-input-placeholder {
	font-size: 16px;
	color: #666666;
}

textarea:-moz-placeholder {
	font-size: 16px;
	color: #666666;
}

textarea::-moz-placeholder {
	font-size: 16px;
	color: #666666;
}

textarea::-ms-input-placeholder {
	font-size: 16px;
	color: #666666;
}


@media (max-width:1200px) {
	
	/* 联系我们 */
	.page_contact ul {
		padding-bottom: 2.304rem;
	}

	.page_contact_info {
		width: 100%;
	}
	
	.page_contact_info h1 {
		font-size: 2.112rem;
		margin-bottom: 1.152rem;
	}
	
	.page_contact_info h2 {
		font-size: 1.728rem;
		margin-bottom: 0.768rem;
	}
	
	.page_contact_info p {
		font-size: 1.152rem;
		margin-bottom: 1.728rem;
	}
	
	/* 在线留言 */
	.page_contact_form {
		width: 100%;
	}
	
	.page_contact_form h1{
		font-size: 2.112rem;
		margin-bottom: 1.152rem;
	}
	
	.page_contact_form p{
		font-size: 1.536rem;
		line-height: 1.6;
		padding-bottom: 1.152rem;
	}

	.layui-form-item{
		margin-bottom: 0.768rem;
	}
	
	.layui-input{
		font-size: 1.152rem;
		height: 3.456rem;
		line-height: 3.456rem;
		border-radius: 0.1952rem;;
	}
	
	/* 表单选中 */
	.layui-form-label {
		font-size: 1.152rem;
	}
	.layui-textarea {
		border-radius: 0.192rem;
	    height: 6rem;
	    line-height: 1.6;
	    padding: 0.48rem;
	}
	
	.layui-btn{
		font-size: 1.152rem;
	}
	
	input::-webkit-input-placeholder {
		font-size: 1.152rem;
	}
	
	input::-moz-placeholder {
		font-size: 1.152rem;
	}
	
	input::-moz-placeholder {
		font-size: 1.152rem;
	}
	
	input::-ms-input-placeholder {
		font-size: 1.152rem;
	}
	
	
	textarea::-webkit-input-placeholder {
		font-size: 1.152rem;
	}
	
	textarea:-moz-placeholder {
		font-size: 1.152rem;
	}
	
	textarea::-moz-placeholder {
		font-size: 1.152rem;
	}
	
	textarea::-ms-input-placeholder {
		font-size: 1.152rem;
	}
	
	.layui-form ul li {
		width: calc((100% - 0.768rem) / 2);
	}
	
	.layui-form ul li .layui-btn{
		width: 100%;
	}
	
	
}