html, body{ background-color:#ededed;}



.white-bg{
	display:block;
	width:100%;
	padding:70px 0;
	background-color:#ffffff;
	}	

		
@media screen and (max-width: 768px) {		
.white-bg{	padding:0 0 8% 0;	}	
}
		
@media screen and (max-width: 640px) {
	
.white-bg{
	width:100%;
	padding:0;
	}	
	
	}		




/*grid begin*/
.grid{
	display:block;
	width:100%;
	background:#FFFFFF url('../images/grid_bg.jpg') ;	
	}
/*grid End*/



.container{
	width:100%;
	height:auto;
	max-width:1024px;
	margin:0 auto;
	text-align:center;
	}	
	.container h3{ 
	font-size:22px;
	margin:0; 
	padding:0 0 40px 0;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color:#222;
		}
	.container table{ margin:0 auto;}
	.container .form-contact table tr td{ padding:5px 0;}

			.LocationMap{
				width:100%;
				height:auto;	
				margin:0 auto;
					}
					#map-canvas {
						width: 100%;
						height:550px;
								}

/*info begin*/
.info{
	width:100%;
	font-family: 'HYQiHei-45S', 'Microsoft YaHei', Helvetica,Hiragino Sans GB;
	font-size:13px;
	color:#777777;
	letter-spacing:2px;
	text-align:center;
	margin:0;	
	background-color:#F7F7F7;
	}
.info .aside{ padding:100px 0; line-height:220%; }	
.info .aside p{	margin:0;padding:0;	}

/*info end*/



/* ContactForm */	
.form-contact  { 
width:100%; 
margin:0;
text-align:left;
font-size:14px;
font-family: 'HYQiHei-45S', 'Microsoft YaHei', Helvetica,Hiragino Sans GB;
}
.form-contact input, .form-contact textarea { 
color:#787d82!important; 
font-size:15px; 
font-family: 'HYQiHei-45S', 'Microsoft YaHei', Helvetica,Hiragino Sans GB;
border: 1px solid #EFEFEF!important;
  }

.form-contact input { 
width:83%; 
height:auto; 
padding:12px 15px;
font-size:15px; 
background-color:#f0f0f0;
 }
.input-email {  margin:0 0 0 20px;   }
.form-contact textarea {  
float:left; 
max-width:95%; 
min-width:83%;
width:83%;
height:200px; 
padding:12px 15px;
background-color:#f0f0f0;
margin:5px 0 0 0; }

.form-contact input.input-submit {  
	border:0!important; 
	text-transform:uppercase; 
	color:#fff!important;   
	float:left; 
	margin:10px 0 0 0; 
	width:125px;
	cursor:pointer;
	background-color:#666;
	font-size:15px;
	font-family: 'HYQiHei-45S', 'Microsoft YaHei', Helvetica,Hiragino Sans GB;
	 }
	 .form-contact input.input-submit:hover{background-color:#222; }

.form-contact input { 
border:0;    
color:#fff; 
  }
.form-contact input:focus { border:0; outline:0; }
.form-contact input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {  
color: #ffffff;
border-color:#484e55;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) ; }
.form-contact input:focus:valid:focus, textarea:focus:valid:focus, select:focus:valid:focus {  
color: #ffffff;
border-color:#484e55;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) ; 
}



.EnTitle{
	width:100%;
	height:auto;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	letter-spacing: 1px;
	margin:25px 0 15px 0;
	}
	
.BigTitle{
	width:100%;
	height:auto;
	float:left;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size:21px;
	color:#000;
	letter-spacing: 1px;
	margin:0 0 15px 0;
	font-weight:normal;
	line-height:120%;
	}


.ContactItem{
	width:40%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:200px;
    padding:0 0 0 50px;
	
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
	}





 @media screen and (max-width: 1850px) { .ContentBox{ width:57%;} .ContactItem{ width:42%; } }
 @media screen and (max-width: 1750px) { .ContentBox{ width:60%;} }
 @media screen and (max-width: 1650px) { .ContentBox{ width:64%;} }
 @media screen and (max-width: 1550px) { .ContentBox{ width:68%;} .ContactItem{ width:50%;padding:0 0 0 50px; }  }
 @media screen and (max-width: 1450px) { .ContentBox{ width:72%;} }
 @media screen and (max-width: 1350px) { .ContentBox{ width:77%;} }
 @media screen and (max-width: 1280px) { .ContentBox{ width:83%;} .ContactItem{ width:66%; }  }
 @media screen and (max-width: 1200px) { .ContentBox{ width:87%;} }
 
 @media screen and (max-width: 1120px) {
.ContentBox{	width:88%;} 
.normallink{ padding:0 45px 0 0;}
}	
 
 @media screen and (max-width: 1024px) { 
.ContentBox{ width:90%;} 
.normallink{ padding:0 30px 0 0;}
.ContactItem{ width:77%; padding:0 0 0 40px; } 
 }
 





 @media screen and (max-width: 980px) {

.normallink{ padding:0 20px 0 0;}
.ContactItem{ width:80%; } 
}

 @media screen and (max-width: 923px) {
	
.normallink{ padding:0 15px 0 0;}

}


 @media screen and (max-width: 910px) {
	
#Header .NavBox{ display:none }
#Header .PadBox{ display:block }
.ContactItem{ width:88%; padding:0;} 

}

 @media screen and (max-width: 845px) {
	
.normallink{ padding:0 12px 0 0;}

}

 @media screen and (max-width: 770px) {
	
#Header .PadBox{ display:none }
.LogoMenu{	display:block; }


.ContactItem{
	width:90%;
	margin-top:100px;
	}

}

 @media screen and (max-width: 700px) {
	
a.RgoTop img{
	display:none;
}

}

 @media screen and (max-width: 550px) {
	.container { padding: 50px 0; }
	.container h3{ 	padding:0 0 30px 0;	}
	.container .form-contact table tr td{ padding:0;}
    .form-contact input { padding:8px 10px; }
	.form-contact textarea { height:150px; padding:8px 10px;  }
    .form-contact input.input-submit {  margin: 0; }
	.info .aside {	padding: 50px 0; }
	#map-canvas { height:350px; }
 }

 @media screen and (max-width: 480px) {
	
.ContactItem{ width:80%; } 
.BigTitle{ font-size:15px;	}

.ContactContent{ 
 font-size:13px;
 padding:25px 0 0 0;
 }
 
.form-contact  { 
padding:10px;
}
 
}

 @media screen and (max-width: 400px) {	
 .HsLogo a { display:none;}
 .ContactItem{ width:65%; } 
 
.form-contact  { 
padding:0px;
margin:0; 
font-size:13px;
}
 
  }


@media screen and (max-width: 320px) {	
.info{	letter-spacing:0px;	}
}

.LocationMap{
	display:block;
	width:100%;
	height:auto;	
	margin:0 auto;
	}
#map-canvas {
	width: 100%;
	height:500px;
	}
	
@media screen and (max-width: 480px) {	
#map-canvas {
	height:350px;
	}
}