/* CSS Document */


/********************************************** 宽度320px~480px之间样式设定 *********************************************/


@media screen and (min-width: 320px) and (max-width: 479px) {
	
   html{font-size:62.5%; /* 10÷16=62.5% */} 

   body{font-size:12px;font-size:1.1em ; /* 12÷10=1.2 */}
   
   
   #logo{height:60px;}
   
	.logo2{width:100%; height:56px; background:url("../images/logo.png") no-repeat center botton; 
	background-size:120px 32px;  padding-top:4%; }
	#logo .ico-home{background-size:32px 28px;height:30px; padding-left:2%;}
	#logo .pho{ color:#fff; float:right; font-size:1em; }
	
	#logo .pho span{ font-style: italic; color:#fff; font-weight:bold; font-size:1em; }
	#nav{ width:100%; background:#e9e9e9; height:32px; line-height:32px; font-size:1em;}
	
   
	table{cursor: pointer;overflow: hidden;}
	
	.scroll{width:100%;overflow:hidden; color:#3d6195; letter-spacing:0.1em;
			font-size:1.8em;height:200px;}
			
	.xbgdxx{ width:90%; margin:0 auto; border:none; }
		
	.scroll .xbgdxx td{  padding:1% 0; background:url(../images/dian.jpg) no-repeat 0.5em 0.6em; 
		background-size:4px; padding-left:0.8em; color:#3d6195; border:none;}
		
	.wz01{margin:5% 0 2% 35%;}
	.wz{margin:5% 0 2% 20%;}
	
	}    



/********************************************** 宽度480px~768px之间样式设定 *********************************************/


@media screen and (min-width: 480px) and (max-width: 639px) {

	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:18px;font-size:1.8em ; /* 12÷10=1.2 */}
	
	 #logo{height:70px;}
   	#logo .ico-home{background-size:40px 35px;height:40px;}
	.logo2{width:100%; height:70px; background:url("../images/logo.png") no-repeat center center; 
	background-size:190px 60px;  padding-top:2%; }
		
	#logo .pho{ color:#fff; float:right; font-size:1.0em; padding-right:1%;}
	
	#logo .pho span{ font-style: italic; color:#fff; font-weight:bold; font-size:1.0em; }
	#nav{ width:100%; background:#e9e9e9; height:48px; line-height:48px; font-size:1.2em;}
	

	table{cursor: pointer;overflow: hidden;}
	
	.scroll{width:100%;overflow:hidden; color:#3d6195; letter-spacing:0.1em;
			font-size:1.8em;height:300px;}
			
	.xbgdxx{ width:90%; margin:0 auto; border:none; }
		
	.scroll .xbgdxx td{  padding:1% 0; background:url(../images/dian.jpg) no-repeat 0.5em 0.6em; 
		background-size:4px; padding-left:0.8em; color:#3d6195; border:none;}
		
	.wz01{margin:5% 0 2% 25%;}
	.wz{margin:5% 0 2% 20%;}
	}    


@media screen and (min-width: 640px) {

	#logo{height:80px;}
	.logo2{width:100%; height:70px; background:url("../images/logo.png") no-repeat center center; 
	background-size:190px 60px;  padding-top:2%; }
	
	#logo .ico-home{background-size:45.6px 40.8px;height:50px;}	
	
	#logo .pho{ color:#fff; float:right; font-size:1.4em; padding-right:2%; }	
	#logo .pho span{ font-style: italic; color:#fff; font-weight:bold; font-size:1.4em; }
	#nav{ width:100%; background:#e9e9e9; height:48px; line-height:48px; font-size:1.4em;}


	table{cursor: pointer;overflow: hidden;}
	
	.scroll{width:100%;overflow:hidden; color:#3d6195; letter-spacing:0.1em;
			font-size:1.8em;height:500px;}
			
	.xbgdxx{ width:90%; margin:0 auto; border:none; }
		
	.scroll .xbgdxx td{  padding:1% 0; background:url(../images/dian.jpg) no-repeat 0.5em 0.6em; 
		background-size:4px; padding-left:1.0em; color:#3d6195; border:none;}
		
	.wz01{margin:5% 0 2% 65%;}
	.wz{margin:5% 0 2% 35%;}

}