@charset "utf-8";

#leftMenu .contact {
	background-image:url(/contact/img/icon_contact.gif);
}
#leftMenu .feedback {
	background-image:url(/contact/img/icon_feedback.gif);
}
#leftMenu .map {
	background-image:url(/contact/img/icon_map.gif);
}
#leftMenu .payment {
	background-image:url(/contact/img/icon_payment.gif);
}

#contact {
	width:800px;
}
#contact li {
	width:385px;
	float:left;
	margin-right:15px;
	margin-top:15px;
}
#contact a {
	display:block;
	border:1px solid #e3e3e3;
	height:100px;
	color:#444;
	padding:0 15px 0 60px;
	line-height:150%;
}
#contact a:hover {
	border:1px solid #66c5dd;
	background-color:#f0f8fa;
}
#contact .contact {
	background:url(/contact/img/icon_contact.gif) no-repeat 12px 15px;
}
#contact .feedback {
	background:url(/contact/img/icon_feedback.gif) no-repeat 12px 15px;
}
#contact .map {
	background:url(/contact/img/icon_map.gif) no-repeat 12px 15px;
}
#contact .payment {
	background:url(/contact/img/icon_payment.gif) no-repeat 12px 15px;
}

#contactTop {
	margin-top:15px;
	padding-left:20px;
	line-height:36px;
	font-size:14px;
	background-color:#f2f2f2;
}
#contactLeft {
	margin-top:15px;
	padding-left:20px;
	font-size:14px;
	width:330px;
	float:left;
}
#contactRight {
	margin-top:15px;
	padding-left:40px;
	float:left;
	width:350px;
	font-size:14px;
	border-left:1px dashed #66c5dd;
}
.sina a, .tqq a {
	display:block;
	width:90px;
	line-height:28px;
	padding-left:35px;
	margin-right:30px;
}
.sina a {
	background:url(/inc/img/weibo.gif) no-repeat;
}
.tqq a {
	background:url(/inc/img/weibo.gif) 0 -28px no-repeat;
}
#contactMore {
	margin-top:15px;
	padding: 10px 0;
}
#contactMore li {
	line-height:26px;
	background:url(/inc/img/arron.gif) no-repeat 14px 10px;
	padding-left:24px;
}

#feedbackTip {
	padding:0 12px;
	line-height:26px;
	background-color:#f2f2f2;
}
#msgShow {
	color:#f60;
}
#sendTable {
	margin-top:15px;
}
.f_title, .f_com {
	width: 80%;
}
.f_name {
	width: 100px;
}
.f_tel, .f_fax, .f_email {
	width: 60%;
}
#sendTable textarea {
	width: 100%;
}
#sendTable span {
	white-space: nowrap;
}
.button {
	background-color:#459fce;
	border:1px solid #0069ab;
	color:#fff;
	font-size:14px;
	padding:6px 25px;
	cursor:pointer;
}
.button:hover {
	border:1px solid #f60;
	background-color:#ff8432;
}

.table {
	width:100%;
	border:1px solid #e3e3e3;
	border-collapse:collapse;
	margin-top:15px;
}
.table td {
	line-height:180%;
	padding:6px 12px;
	border:1px solid #e3e3e3;
}
.tableTitle {
	background-color:#f2f2f2;
}
.tableTitle div {
	font-weight:bold;
	float:left;
}
.tableTitle span {
	float:right;
}
.table span {
	color:#666;
}

#map {
	width:783px;
	height:550px;
	border:#ccc solid 1px;
}

#paymentContent {
	padding:10px 0 0 20px;
	float:left;
	width:380px;
}
#paymentFaq {
	padding-top:10px;
	float:left;
}
#paymentFaq ul {
	margin-top:10px;	
}
#paymentFaq li {
	line-height:25px;
	padding-left:13px;
	background:url(/inc/img/arron.gif) no-repeat 3px 10px;
}

/*小屏端样式*/
@media (max-width: 800px) {
	#contact {
		width:100%;
	}
	#contact li {
		width:100%;
		float: none;
		margin-right:0;
		margin-top:12px;
	}
	#contact a {
		height:auto;
		padding-bottom: 12px;
	}
	#contactTop {
		margin-top:12px;
		padding:6px 12px;
		line-height:28px;
		font-size:12px;
	}
	#contactLeft {
		margin-top:12px;
		padding-left:12px;
		width:auto;
		float:none;
	}
	#contactRight {
		margin-top:12px;
		padding-left:12px;
		float:none;
		width:auto;
		border-left:0;
	}
	#contactMore {
		margin-top:12px;
	}
	#sendTable, .table {
		margin-top:12px;
	}
	
	#map {
		width: calc(100% - 2px);
		height:400px;
	}
	
	#paymentContent, #paymentFaq {
		padding: 10px 12px 0;
		float:none;
		width: calc(100% - 24px);
	}
}