@charset "utf-8";
/* CSS Document */
.banner-prodbg {
	position:relative;
	overflow:hidden;
	height:235px;
	background:url(../home/bg_banner_contactus.jpg) center top no-repeat;
	background-size:auto 235px;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#216EB2', endColorstr='#3FBFE9',GradientType=0);
}

.banner-prod1 {
	position:absolute;
	top:52px;
	left:175px;
	animation: banner-prodl 1s;
	-moz-animation: banner-prodl 1s;
	-webkit-animation: banner-prodl 1s;
	-o-animation: banner-prodl 1s;
}

.banner-prod2 {
	position:absolute;
	top:6px;
	right:300px;
	animation: banner-prodt 1s;
	-moz-animation: banner-prodt 1s;
	-webkit-animation: banner-prodt 1s;
	-o-animation: banner-prodt 1s;
}

@keyframes banner-prodl {
	from {
		top:-100px;
		opacity:0;
	} to {
		top:52px;
		opacity:1;
	}
}

@-moz-keyframes banner-prodl {
	from {
		top:-100px;
		opacity:0;
	} to {
		top:52px;
		opacity:1;
	}
}

@-webkit-keyframes banner-prodl {
	from {
		top:-100px;
		opacity:0;
	} to {
		top:52px;
		opacity:1;
	}
}

@-o-keyframes banner-prodl {
	from {
		top:-100px;
		opacity:0;
	} to {
		top:52px;
		opacity:1;
	}
}

@keyframes banner-prodt {
	from {
		right:-360px;
		opacity:0;
	} to {
		right:300px;
		opacity:1;
	}
}

@-moz-keyframes banner-prodt {
	from {
		right:-360px;
		opacity:0;
	} to {
		right:300px;
		opacity:1;
	}
}

@-webkit-keyframes banner-prodt {
	from {
		right:-360px;
		opacity:0;
	} to {
		right:300px;
		opacity:1;
	}
}

@-o-keyframes banner-prodt {
	from {
		right:-360px;
		opacity:0;
	} to {
		right:300px;
		opacity:1;
	}
}

.contactusContent{
	width:100%;
	height:auto;
	background:#f5f5f5;
	padding:80px 0;
}
.contactusContentMain{
	width:1120px;
	height:auto;
	background:#fff;
	margin:0 auto;
	padding:63px 0;
}

.contactusContentTop{
	width:960px;
	height:auto;
	margin:0 auto;
}

.contactusContentTopLeft{
	width:259px;
	height:119px;
	display:inline-block;
	float:left;
}

.contactusContentTopLeft img{
	width:259px;
	height:119px;
	display:block;
}

.contactusContentTopMiddle{
	width:286px;
	height:145px;
	background:url(../home/bg_contactus_telnumber.png) no-repeat;
	background-size:100% 100%;
	display:inline-block;
	float:left;
	margin-left:33px;
	padding-top:20px;
	padding-left:60px;
}

.contactusContentTopMiddle p{
	width:286px;
	height:45px;
	line-height:45px;
	font-size:32px;
	color:#F08F0B;
	font-weight:bold;
	text-align:left;
	display:block;
	margin:0 auto;
}

.contactusContentTopRight{
	width:auto;
	height:auto;
	display:inline-block;
	float:right;
}

.contactusContentTopRight dl{
	width:auto;
	height:auto;
	display:block;
}

.contactusContentTopRight dl dt{
	width:146px;
	height:146px;
	display:inline-block;
	float:left;
}

.contactusContentTopRight dl dt img{
	width:100%;
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}

.contactusContentTopRight dl dd{
	width:auto;
	height:146px;
	line-height:146px;
	font-size:16px;
	color:#5B5B5B;
	display:inline-block;
	float:left;
	margin-left:20px;
	margin-top:0;
}

.contactusContentBottom{
	width:900px;
	height:auto;
	background:#F2F2F2;
	margin:67px auto 0;
	padding:30px;
}

.contactusContentBottomLeft{
	width:295px;
	height:auto;
	display:inline-block;
	float:left;
}

.contactusContentBottomLeft h4{
	width:196px;
	height:44px;
	line-height:44px;
	font-size:16px;
	color:#FFFFFF;
	text-align:center;
	display:block;
	border-radius:10px;
	background:#F19311;
	margin:0 auto;
}

.contactusContentBottomLeft p{
	width:295px;
	height:50px;
	line-height:25px;
	font-size:14px;
	color:#676767;
	text-align:center;
	display:block;
	margin:19px auto 0;
}

.contactusContentBottomRight{
	width:555px;
	height:auto;
	display:inline-block;
	float:right;
	margin-top:0;
}

.contactusContentBottomRightLi{
	width:auto;
	height:auto;
	border-right:1px solid #E9E9E9;
	display:inline-block;
	float:left;
	padding:0 25px;
}

.contactusContentBottomRightLiBrnone{
	border-right:none;
}

.contactusContentBottomRightLiTitle{
	width:auto;
	height:auto;
	line-height:140%;
	font-size:16px;
	color:##2B2B2B;
	font-weight:bold;
	display:block;
	margin-bottom:20px;
}

.contactusContentBottomRightLi dl{
	width:80px;
	height:auto;
	display:inline-block;
	float:left;
}

.contactusContentBottomRightLi dl dt{
	width:80px;
	height:37px;
	display:block;
	margin:0 auto 8px;
}

.contactusContentBottomRightLi dl dt img{
	width:31px;
	height:37px;
	display:block;
	margin:0 auto;
}

.contactusContentBottomRightLi dl dd{
	width:80px;
	height:auto;
	line-height:140%;
	font-size:16px;
	color:#5B5B5B;
	text-align:center;
	display:block;
	margin:0 auto;
}

@media screen and (max-width: 767px) {
	.banner-prodbg {
		position:relative;
		overflow:hidden;
		height:235px;
		background:url(../home/bg_banner_contactus.jpg) center top no-repeat;
		background-size:auto 235px;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#216EB2', endColorstr='#3FBFE9',GradientType=0);
	}
	
	.banner-prod1 {
		position:absolute;
		top:52px;
		left:5%;
		animation: banner-prodl 1s;
		-moz-animation: banner-prodl 1s;
		-webkit-animation: banner-prodl 1s;
		-o-animation: banner-prodl 1s;
	}
	
	.banner-prod2 {
		position:absolute;
		top:6px;
		right:15%;
		animation: banner-prodt 1s;
		-moz-animation: banner-prodt 1s;
		-webkit-animation: banner-prodt 1s;
		-o-animation: banner-prodt 1s;
	}
	
	@keyframes banner-prodl {
		from {
			top:-100px;
			opacity:0;
		} to {
			top:52px;
			opacity:1;
		}
	}
	
	@-moz-keyframes banner-prodl {
		from {
			top:-100px;
			opacity:0;
		} to {
			top:52px;
			opacity:1;
		}
	}
	
	@-webkit-keyframes banner-prodl {
		from {
			top:-100px;
			opacity:0;
		} to {
			top:52px;
			opacity:1;
		}
	}
	
	@-o-keyframes banner-prodl {
		from {
			top:-100px;
			opacity:0;
		} to {
			top:52px;
			opacity:1;
		}
	}
	
	@keyframes banner-prodt {
		from {
			right:-360px;
			opacity:0;
		} to {
			right:15%;
			opacity:1;
		}
	}
	
	@-moz-keyframes banner-prodt {
		from {
			right:-360px;
			opacity:0;
		} to {
			right:15%;
			opacity:1;
		}
	}
	
	@-webkit-keyframes banner-prodt {
		from {
			right:-360px;
			opacity:0;
		} to {
			right:15%;
			opacity:1;
		}
	}
	
	@-o-keyframes banner-prodt {
		from {
			right:-360px;
			opacity:0;
		} to {
			right:15%;
			opacity:1;
		}
	}
	
	.contactusContent{
		width:100%;
		height:auto;
		background:#f5f5f5;
		padding:30px 0 0;
	}
	.contactusContentMain{
		width:96%;
		height:auto;
		background:#fff;
		margin:0 auto;
		padding:63px 2%;
	}
	
	.contactusContentTop{
		width:100%;
		height:auto;
		margin:0 auto;
	}
	
	.contactusContentTopLeft{
		width:35%;
		height:auto;
		display:inline-block;
		float:left;
	}
	
	.contactusContentTopLeft img{
		width:100%;
		height:auto;
		display:block;
	}
	
	.contactusContentTopMiddle{
		width:60%;
		height:120px;
		background:url(../home/bg_contactus_telnumber.png) no-repeat;
		background-size:100% 100%;
		display:inline-block;
		float:left;
		margin-left:5%;
		padding-top:25px;
		padding-left:0;
	}
	
	.contactusContentTopMiddle p{
		width:100%;
		height:45px;
		line-height:45px;
		font-size:45px;
		color:#F08F0B;
		font-weight:bold;
		text-align:center;
		display:block;
		margin:0 auto;
	}
	
	.contactusContentTopRight{
		width:100%;
		height:auto;
		display:inline-block;
		float:none;
		margin-top:20px;
	}
	
	.contactusContentTopRight dl{
		width:100%;
		height:auto;
		display:block;
	}
	
	.contactusContentTopRight dl dt{
		width:100%;
		height:auto;
		display:inline-block;
		float:none;
	}

	.contactusContentTopRight dl dt img{
		width:50%;
		max-width:100%;
		height:auto;
		display:block;
		margin:0 auto;
	}
	
	.contactusContentTopRight dl dd{
		width:100%;
		height:auto;
		line-height:140%;
		font-size:28px;
		color:#5B5B5B;
		text-align:center;
		display:inline-block;
		float:none;
		margin-left:0;
		margin-top:10px;
	}
	
	.contactusContentBottom{
		width:100%;
		height:auto;
		background:#F2F2F2;
		margin:20px auto 0;
		padding:30px 0;
	}
	
	.contactusContentBottomLeft{
		width:100%;
		height:auto;
		display:inline-block;
		float:none;
	}

	.contactusContentBottomLeft h4{
		width:96%;
		height:60px;
		line-height:60px;
		font-size:32px;
		color:#FFFFFF;
		text-align:center;
		display:block;
		border-radius:10px;
		background:#F19311;
		margin:0 auto;
	}
	
	.contactusContentBottomLeft p{
		width:96%;
		height:auto;
		line-height:140%;
		font-size:28px;
		color:#676767;
		text-align:center;
		display:block;
		margin:15px auto 0;
	}
	
	.contactusContentBottomRight{
		width:100%;
		height:auto;
		display:inline-block;
		float:none;
		margin-top:20px;
	}
	
	.contactusContentBottomRightLi{
		width:auto;
		height:auto;
		border-right:1px solid #E9E9E9;
		display:inline-block;
		float:left;
		padding:0 25px;
	}
	
	.contactusContentBottomRightLiBrnone{
		border-right:none;
	}
	
	.contactusContentBottomRightLiTitle{
		width:auto;
		height:auto;
		line-height:140%;
		font-size:32px;
		color:##2B2B2B;
		font-weight:bold;
		display:block;
		margin-bottom:20px;
	}
	
	.contactusContentBottomRightLi dl{
		width:80px;
		height:auto;
		display:inline-block;
		float:left;
	}
	
	.contactusContentBottomRightLi dl dt{
		width:80px;
		height:37px;
		display:block;
		margin:0 auto 8px;
	}
	
	.contactusContentBottomRightLi dl dt img{
		width:31px;
		height:37px;
		display:block;
		margin:0 auto;
	}
	
	.contactusContentBottomRightLi dl dd{
		width:80px;
		height:auto;
		line-height:140%;
		font-size:28px;
		color:#5B5B5B;
		text-align:center;
		display:block;
		margin:0 auto;
	}
}