﻿
.mainHead .contactInfo {
	line-height:28px;
	font-size:14px;
	line-height:28px;
	padding-top:20px;
}
.mainHead .content {
	padding:30px 0;
}
.mainHead .content.firstContent {
	border-bottom:1px solid #d9d9d9;
}
.mainHead .content:after {
	content: "020";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
.mainHead .content .child {
	position:relative;
	width:480px;
}
.mainHead .content .child p {
	font-size:14px;
	line-height:32px;
	color:#666;
}
.contact-banner{ padding-top:120px; background:url(../images/contact-banner.jpg) bottom no-repeat; min-height:550px; text-align:center; position:relative;}
.contact-banner img{margin:0 auto; margin-top:8%;}
.contact-banner p{ color:#fff; font-size:16px; text-align:center; width:100%; float:left; padding-top:30px;}
.contact-about{ width:100%; overflow:hidden;}
.contact-about h2 { font-size:32px; text-align:center; width:100%; padding:50px 0;}
.contact-about p{color:#888; text-align:center; font-size:13px; line-height:25px; width:100%; padding:30px; box-sizing:border-box; }
.contact-about .col-md-3{ text-align:center; padding:10px 20px; min-height: 434px; box-sizing:border-box;}
.contact-bg{ box-sizing:border-box; background:url(../images/contact-bg.png) center no-repeat; background-size:contain; height:600px; padding:50px;}
.contact-bg img{ width:100%;}
.contact-bg h4{ color:#fff; font-size:18px; margin-left:50px;}
.contact-bg h3{ color:#fff; font-size:28px;margin-left:50px; margin-right:50px; border-bottom:1px solid #1a86f3; padding-bottom:10px; background:url(../images/contact05.png) right no-repeat;}
.contact-bg p{ text-align:left; margin-left:20px;}
.contact-bg p a{ color:#1a86f3;}
.contact-map{ padding:0 15px;}
.contact-map h2{ font-size:32px; text-align:center; width:100%; padding:50px 0;}
@media (max-width: 639px) {
.main .head {padding:20px 0;}
.main .head .left {width:100%;height:auto;	float:none;}
.main .head .left img {width:100%;height:auto;}
.main .head .right {width:100%;	float:none;	margin:10px 0;}
.main .head .right p {font-size:12px;line-height:18px;}
.contact-banner{ padding-top:65px; min-height:220px; background-size: cover;}
.contact-banner img{ width:50%;}
.contact-banner p{ padding:20px 15px; box-sizing:border-box;}
.contact-about h2 { font-size:24px; padding:15px 0;}
.contact-bg{ box-sizing:border-box; background:url(../images/contact-bg.png) center no-repeat; background-size:contain; height: auto; padding:20px 50px 80px 50px;}
.contact-bg h3{ font-size:18px;margin-left:15px; margin-right:15px; padding-bottom:10px;}
.contact-bg h4{ color:#fff; font-size:18px; margin-left:15px;}
.contact-bg p{ text-align:left; margin-left:0px; padding:0px 0 60px 15px;}
.col-md-6{ width:100%;}
.col-md-5{ width:100%;}
.col-md-3{ width:100%;}
.col-md-3 img{ max-width:100%;}
.p-left-25{ padding-left:0%;}
}
@media (min-width: 640px) and (max-width:1023px ) {
.mainHead .contactInfo {
	line-height:28px;
	font-size:14px;
	line-height:28px;
	padding-top:20px;
}
.mainHead .content {
	padding:30px 0;
}
.mainHead .content .child {
	width:100%;
}
.mainHead .content .child p {
	font-size:14px;
	line-height:32px;
}
.mainHead .content .child .title {
	line-height:26px;
	font-size:14px;
	padding-bottom:16px;
}
.mainHead .content .child.left {
	float:none;
}
.mainHead .content .child.right {
	float:none;
	margin-top:20px;
}
.mainContent .mainContentTitle {
	height:34px;
	line-height:34px;
	padding-bottom:40px;
}
.mainContent .mainContentTitle span {
	font-size:18px;
}
.mainContent .mainContentTitle select {
	width:243px;
	height:30px;
}
.mainContent .content {
	padding:0;
	border-top:0;
}
.mainContent .content .child {
	width:100%;
	border-top:1px solid #d9d9d9;
	padding:10px 0;
}
.mainContent .content .child .childTitle {
	line-height:46px;
}
.mainContent .content .child .childTitle img {
	padding-right:8px;
}
.mainContent .content .child .childTitle span {
	font-size:14px;
}
.mainContent .content .child p {
	line-height:28px;
}
.mainContent .content .child.left {
	float:none;
}
.mainContent .content .child.right {
	float:none;
}
}
@media (min-width: 1024px) and (max-width:1199px ) {
.mainContent .content .child {
	width:400px;
}
}
@media (min-width: 1200px) and (max-width:1439px ) {
}
@media (min-width: 1440px) and (max-width:1920px ) {
}
