* { margin: 0; padding: 0;} /* ??????? ?????? ?? ????? */

body{
   overflow-x:hidden  // disable horizontal scrolling.
}
html {
  overflow-x: hidden;
}

/* bannner */

#templatemo_banner {
	width: 100%;
	margin: 0 auto;
	
	padding:0px; 
	background-color:#FFFFFF;
	 
}
#templatemo_banner_1 {
	width: 100%;
	padding:0px;
	
	
}
#templatemo_banner_2 {
	width: 100%;
	height: 350px;
	padding:0px;
	
}
#templatemo_banner_3 {
	width: 1000px;
	height: 350px;
	padding:0px;
	margin: 90px;
	

	
}
#templatemo_banner_4 {
	width: 89%;
	height: 603px;
	background: url(img/zx840x420.jpg) no-repeat top fixed;
	padding:0px;
	margin: 0 auto;
	font-family: 'Oswald', serif;
    font-size: 30px;
	color: #FFFFFF;
}
@media screen and (max-width:1330px) 
{

#templatemo_banner_4 {
	width: 100%;
	height: 603px;
	background: url(img/zx840x420.jpg) no-repeat top fixed;
	padding:0px;
	margin: 0 auto;
	font-family: 'Oswald', serif;
    font-size: 30px;
	color: #FFFFFF;
}

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

#templatemo_banner_4 {
	width: 100%;
	height: 703px;
	background: url(img/zx840x420.jpg) no-repeat top fixed;
	padding:0px;
	margin: 0 auto;
	font-family: 'Oswald', serif;
    font-size: 30px;
	color: #FFFFFF;
}

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

#templatemo_banner_4 {
	width: 100%;
	height: 703px;
	background: url(img/zx840x420.jpg) no-repeat top fixed;
	padding:0px;
	margin: 0 auto;
	font-family: 'Oswald', serif;
    font-size: 30px;
	color: #FFFFFF;
}

}

#templatemo_banner_5 {
	width: 89%;
	background: #5BC3FF;
	padding:0px;
	margin: auto;
}
@media screen and (max-width:1330px) 
{

#templatemo_banner_5 {
	width: 100%;
	background: #5BC3FF;
	padding:0px;
	margin: auto;
}

}

#templatemo_banner_6 {
	width: 89%;
	background: #ffffff;
	padding:0px;
	margin: auto;
}
@media screen and (max-width:1330px) 
{

#templatemo_banner_6 {
	width: 100%;
	background: #ffffff;
	padding:0px;
	margin: auto;
}
}
#templatemo_banner_7 {
	width: 100%;
	background: url(img/slider-2.jpg) no-repeat top fixed;
	padding:0px;
	margin: 0 auto;
}
#templatemo_banner_8 {
	width: 100%;
	background: url(img/slider-2.jpg) no-repeat top fixed;
	padding:0px;
	margin: 0 auto;
}
@media screen and (max-width:1084px) 
{
#templatemo_banner_7 {
	width: 100%;
	background: url(img/slider-2m.jpg) top fixed;
	padding:0px;
	margin: 0 auto;
	background-size: cover;
}
#templatemo_banner_8 {
	width: 100%;
	background: url(img/slider-2m.jpg) top fixed;
	padding:0px;
	margin: 0 auto;
	background-size: cover;
}
}


#wrap{
display: none;
opacity: 0.8;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 16px;
background-color: rgba(1, 1, 1, 0.725);
z-index: 100;
overflow: auto;
}
@media screen and (max-width:240px) 
{
#wrap{
display: none;
opacity: 0.8;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(1, 1, 1, 0.725);
overflow: auto;
}
}
#window{
border-radius: 10px; 
width: 500px;
height: 400px;
margin: 50px auto;
display: none;
background: #fff;
z-index: 200;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 16px;
}
@media screen and (max-width:1084px) 
{#window{
border-radius: 10px; 
width: 360px;
height: 500px;
margin: 50px auto;
display: none;
background: #fff;
z-index: 200;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 16px; }
}
@media screen and (max-width:320px) 
{#window{
border-radius: 10px; 
width: 100%;
height: 500px;
margin: 50px auto;
display: none;
background: #fff;
z-index: 200;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 16px; }
}
@media screen and (max-width:240px) 
{
#window{

width: 100%;
display: none;
background: #fff;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
 }
}
@media screen and (max-width:240px) 
{ 
.close{
margin-left: 364px;
margin-top: 4px;
cursor: pointer;
}
}
#wrap1{
display: none;
opacity: 0.8;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 16px;
background-color: rgba(1, 1, 1, 0.725);
z-index: 100;
overflow: auto;
}
 
#window1{
border-radius: 10px; 
width: 500px;
height: 550px;
margin: 50px auto;
display: none;
background: #fff;
z-index: 200;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 16px;
}
.a{width: 320px; height: 30px;
}
@media screen and (max-width:1084px) {
#window1{
border-radius: 10px; 
width: 360px;
height: 500px;
margin: 50px auto;
display: none;
background: #fff;
z-index: 200;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 16px;
}

.a{width: 250px; height: 30px;
}
}
@media screen and (max-width:320px) 
{#window1{
border-radius: 10px; 
width: 100%;
height: 500px;
margin: 50px auto;
display: none;
background: #fff;
z-index: 200;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 16px; }
}		
@media screen and (max-width:240px) 
{
.a{width: 100%; height: 30px;
}
}
@media screen and (max-width:1100px) 
{.comp{ display:none; 

}

}
@media screen and (min-width:1100px) 
{.mob{ display:none; 

}


}






.car{ max-width:100%;}