@charset "utf-8";
/* CSS Document */

*{ margin:0;
	padding:0;
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;}
	
body{	font-size:0.625em;
		font-family: 'PT Sans', sans-serif;
		
		
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */}		
		
a{		text-decoration:none;}

p{		line-height:1.5}

ul{		list-style:none;}

li{		float:left;}

.clear{	clear:both;}

img { border:none;}
h1, h2, h3, h4, h5{
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
	
.container{		width:100%;
				position:relative;
				margin:auto;
				height:auto;}
				
.header{		width:960px;
				height:100px;
				position:relative;
			
}				
				
.header img{	cursor:pointer;}				

.nav{			width:960px;
				position:relative;
				margin:auto;
				height:40px;
				background:#009bc1;
				padding:0 220px;
				border-radius:5px;}
				
.nav ul li a{	display:block;
				font-size:1.6em;
				line-height:40px;
				padding:0 17px;
				color:#FFF;}
				
				
.nav ul li ul{ display:none;
position:absolute;
padding:0;}

.nav ul li ul li a{	display:block;
				font-size:1.4em;
				line-height:40px;
				padding:0 0px;
				color:#FFF;
				width:100%;}
				
				
.nav ul li ul a:hover{background-color:#CCC;
color:#000;
padding:0;
width:100%;
margin:none;
}
				
.nav ul li:hover ul{ display:block;
margin-top:0; z-index:9999;
font-size:1.2em;
				line-height:30px;
				padding:0 0px;
				color:#FFF;
				background:#009bc1;
				width:18%;
				text-align:center;}

.nav ul li ul li{ float:none;}				
				
				
.nav ul li a:hover{background-color:#CCC;
color:#000;


}
.nav ul li a:hover,.nav ul li a.active {background-color:#CCC;}
.menulist{	display:none;}

.banner{ width:960px;
position:relative;
margin:auto;
height:350px;
padding-top:10px;
border-radius:5px;}

.banner .fluid_container{position:relative;
display:block;
width:100%;
height:250px;
margin:auto;

margin-top:190px;

clear:both;
z-index:999;
cursor:pointer;
border-radius:5px;}

.banner .fluid_container img{border-radius:7px; }	
		
.contant{ width:960px;
position:relative;
margin:auto;
clear:both;
z-index:9999;
height:610px;
margin-top:0px;
border:1px solid #CCC;
padding-bottom:40px;

}

.contant1{ width:960px;
position:relative;
margin:auto;
clear:both;
z-index:9999;
height:585px;
margin-top:10px;
padding-bottom:100px;

overflow:auto;
}	

.contant h2{ margin:auto;
font-size:2.4em;
text-align:center;
padding-top:10px;
font-weight:normal;}

.contant .box4 h2{ text-align:center;
margin-top:10px;

clear:both;}

.contant .box { text-align:center;
font-size:1.6em;
width:50%;
height:auto;
clear:both;
margin:0 0;
float:left;
margin-top:20px;
margin-bottom:10px;}
		
.contant .box h1{ border-bottom:1px solid #999;
color:#666;}

.contant .box ul li{ width:50%;
color:#000;
padding-top:10px;
text-align:center;
margin-left:200px;
font-size:1.4em;}

.contant .box1{	width:80%;
				height:380px;
				margin:auto;
				position:relative;
				margin-left:7.5px;
				margin-top:20PX;
				float:left;
				
				box-shadow: 2px 2px 2px 2px #999;
				
				}
				
.contant  img{vertical-align:middle;
margin-left:90px;
float:left;
height:350px;}				

.contant h3{ font-size:1.4em;}

.contant .lightbox{ width:60%;

height:350px;
margin-top:50px;
padding:35px;
position:relative;
margin-left:10px;
}


.contant .lightbox  ul li{ font-size:1.4em;
width:80%;
float:left;
padding-top:5px;


}


.contant .box2 { text-align:center;
font-size:1.6em;
width:25%;
margin:0 360px;
float:left;
margin-top:50px;}

.contant .box2 h1{ border-bottom:1px solid #999;
color:#666;
margin-top:20px;}



.contant .box3{	width:24%;
				height:250px;
				margin:auto;
				position:relative;
				margin-left:240px;
				margin-top:30px;
				float:left;
				padding:7px;
				box-shadow: 2px 2px 2px 2px #999;
				text-align:center;
				}
				
.contant .box3 img{vertical-align:middle;
}				
.contant .box3  h2{ font-size:1.8em;
vertical-align:middle;
padding-top:15px;}


table{ margin-left:310px;
margin-top:15px;
background-color:#cac8c8;}
 
td,th{	text-align:center;
font-size:1.4em;
color:#000;}

.footer{ width:960px;
		height:100px;
		margin:auto;
		position:relative;
		background:#009bc1;
		text-align:center;
		padding:2px;
		clear:both;
	}
		
		


.nav1{			width:40%;
				position:relative;
				margin:auto;
				text-align:center;
				margin:0 280px;
				padding-bottom:15px;
				}


.nav1 ul li a{ display:block;
				font-size:1.5em;
				line-height:20px;
				padding:0 13px;
				color:#FFF;
				width:100%;
				}
				
 h1{ color:#FFF;
}				
							
				
.nav2{			
				position:relative;
				margin:auto;
				text-align:center;
				margin:0 290px;
				}


.nav2 ul li a { display:block;
				font-size:1.5em;
				line-height:25px;
				padding:0 13px;
				color:#FFF;
				}				
			
										

@media only screen and (min-width:768px) and (max-width:959px) {
.header{		width:95% !important;
}

.nav {		display:block !important;
width:95%;
padding:0 110px;	}
	
.nav ul li a{	padding:0 23px;
				
				}
					
	
	
	
.menulist{	width:90%;
						display:none;
						margin:auto;
						padding:5px;
						background:#009bc1;
						text-align:center;
						font-size:1.4em;
						margin-bottom:300px;
						font-size:1.6em;}	
	
.camera_fakehover{ width:95%;
margin-top:-180px;}

.fluid_container img{ width:100%;}		
.banner { width:95%;
margin-top:0px !important;
display:;}
#camera_wrap_4{ width:95%;}						
.contant{ width:90%;
height:700px;
}

.contant .box { width:50%; 
margin:0 100px;
float:left;
}

.contant h2{ margin:0 0px;
text-align:none;
width:72%; }


.contant .lightbox{ width:55%;

height:350px;
margin-top:50px;
padding:35px;
position:relative;

}

.contant .contant1{ width:90%;
height:700px;}
.contant  img{vertical-align:middle;
margin-right:10px;
float:right;
height:350px;
margin-top:33px;
}

.contant .box1{	width:35%;
				height:200px;
				margin-left:5px;
				overflow:auto;					
}
 

.footer{ width:90%;}

.nav1{			width:60%;
				margin:0 150px;
				}
				
.nav2{			
				position:relative;
				margin:auto;
				text-align:center;
				margin:0 200px;
				}				
				
				
				
}


@media only screen and (min-width:768px) and (max-width:959px) and (orientation:landscape){
	
.nav {		display:block !important;
width:95%;
padding:0 200px;	}	
	
	
.nav ul li a{	padding:0 23px;
				
				}	
	
.contant .box { 
margin:0 230px;
float:left;}



.contant h2{ margin:0 0px;
text-align:none;
width:90%;
 }

.contant .box1{	width:44%;
				height:150px;
				margin-left:5px;
				overflow:auto;					
}


.contant .box2{	
				
				margin:auto;
				margin-top:30px;
				position:relative;
				margin-left:330px;

}

.contant .box3{	width:24%;
				height:200px;
				margin:auto;
				margin-top:30px;
				position:relative;
				margin-left:220px;

}	
	
}

@media screen and (max-width:480px) {
.header{		width:95% !important;
}

.nav {		display:none!important;
width:95%;
padding:0 110px;	}
	
.nav ul li a{	padding:0 23px;
				
				}
					
	
	
	
.menulist{	width:90%;
						display:block;
						margin:auto;
						padding:5px;
						background:#009bc1;
						text-align:center;
						font-size:1.4em;
						margin-bottom:300px;
						font-size:1.6em;
						cursor:pointer;}	
	
.camera_fakehover{ width:95%;
margin-top:-180px;}

.fluid_container img{ width:100%;}		
.banner { width:95%;
margin-top:-295px !important;
display:;}
#camera_wrap_4{ width:95%;}						
.contant{ width:90%;
 height:auto;
 text-align:center;
 }
 
 .contant1{ width:90%;
 height:auto;
 text-align:center;
 }
.contant h2{ width:95%;
}


.contant .lightbox{ width:90%;

height:350px;
padding:35px;
position:relative;

}

.contant .lightbox ul li{ width:100%;}

.contant .contant1{ width:95%;
height:750px;}
.contant  img{vertical-align:middle;
margin-right:10px;
float:none;
height:350px;
margin-top:33px;
width:95%;}	

.contant .box {width:100%; 
margin:0 1px;
height:auto;
float:left;
clear:both;
text-align:center;
}


.contant .box1{	width:95%;
				height:220px;
				margin-left:5px;
				float:none;}


.contant .box2 {width:100%; 
margin:0 1px;
float:left;
margin-top:20px;}

.contant .box3{	width:45%;
				height:250px;					
margin:10px 5px;}

.footer{ width:90%;
 height:120px;}

.nav1{			width:50%;
				margin:0 0px;
				float:left;
				}
				
.nav2{			
				position:relative;
				margin:auto;
				text-align:center;
				margin:0 0px;
				width:50%;
				float:left;
				}				
					
	}							
				
@media screen and (max-width:480px) and (orientation:landscape){
	
	.header{		width:95% !important;
}

.nav {		display:none!important;
width:95%;
padding:0 110px;	}
	
.nav ul li a{	padding:0 23px;
				
				}
	
.contant{ width:90%;
 height:auto;
  }
  
  .contant1{width:85% !important;
  height:700px;
}	
 
.contant h2{width:90% !important } 
 	
.contant .box {width:90% !important; 
margin:0 1px;
height:auto;
float:left;
clear:both;

}

.contant .box1{	width:90% !important;
				height:220px !important;
				margin-left:5px;
				overflow:auto;
				float:none;
				}

.contant .box2{	width:50%;
				margin:10px 50px;
									
}
 .contant .box2 { text-align:center;
font-size:1.6em;
width:25%;
margin:0 250px;
float:left;}

.contant .box3{ margin-left:165px;
height:200px;}

.footer{ width:90% !important;
height:124px !important; }

.nav1{			width:90% !important;
				margin:0 19px !important;
				}
				
.nav2{			
				position:relative;
				margin:auto;
				text-align:center;
				margin:0 109px;
				}				
				
				

				
}	
	
	
@media screen and (max-width:640px) and (orientation:landscape){
	.header{		width:95% !important;
}

.nav {		display:none!important;
width:95%;
padding:0 110px;	}
	
.nav ul li a{	padding:0 23px;
				
				}
					
	
	
	
.menulist{	width:90%;
						display:block;
						margin:auto;
						padding:5px;
						background:#009bc1;
						text-align:center;
						font-size:1.4em;
						margin-bottom:300px;
						font-size:1.6em;}	
	
.camera_fakehover{ width:95%;
margin-top:-180px;}

.fluid_container img{ width:100%;}		
.banner { width:95%;
margin-top:-290px !important;
display:;}
#camera_wrap_4{ width:95%;}						
.contant{ width:90%;
 height:auto;
  }
  
  .contant1{width:95%;
}	
 
.contant h2{width:90% !important } 
 	
.contant .box {width:90% !important; 
margin:0 1px;
height:auto;
float:left;
clear:both;

}

.contant .box1{	width:95%;
				height:220px !important;
				margin-left:5px;
				overflow:auto;
				float:none;
				}

.contant .box2{	width:50%;
				margin:10px 50px;
									
}
 .contant .box2 { text-align:center;
font-size:1.6em;
width:25%;
margin:0 250px;
float:left;}

.contant .box3{ margin-left:165px;
height:200px;}

.footer{ width:90%;
height:110px; }

.nav1{			width:65%;
				margin:0 100px;
				}
				
.nav2{			
				position:relative;
				margin:auto;
				text-align:center;
				margin:0 109px;
				}				
				
				
}