
/************************************************************************************
smaller than 960
*************************************************************************************/
@media screen and (max-width: 960px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

	/* main nav */
	#Area {
		display:none;
	}
    #ditu{display:none;
	}
	#right360{display:none;
	}
	#left610{width:100%;background:#FFF;
	}
	#biao { width:100%;display:block;}
	#zhong100 { width:100%;margin: 0 auto;}
	
	#redian { width:55%; float:left; margin-left:15px;}
	#tu25 {width:40%; float:left;}


}

/************************************************************************************
smaller than 640
*************************************************************************************/
@media screen and (max-width: 640px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

	/* main nav */
	#Area {
		display:none;
	}
	#ditu{display:none;
	}
	#right360{display:none;
	}
	#left610{width:96%;background:#FFF; margin-left:2%
	}
	#biao { width:100%;display:block; margin: 0 auto; margin-top:52%;}
	#biao01 { font-size:1em; line-height:16px;}
	#biao02 img{ width:70%; height:70%; margin-left:170%; margin-top:2%}
	#zhong100 { width:100%;margin: 0 auto;}
	#bottom { display:none;}
	#redian { width:53%; float:right; }
	#tu25 {width:20%; float:left;}
	#tu25 img{width:220%; float:left;}
	#mobile-Footer {display:block;}
	#redian01{ font-size:16px;line-height:20px;}
	#redian02{ line-height:20px;text-overflow: ellipsis;  overflow: hidden; display:block; font-size:12px;}

	#zxxx01{ width:15px; height:15px;}
	#zxxx02 { font-size:24px; line-height:30px;}
	
	#xin01{ background: url(../images/top02.jpg)no-repeat top center; background-size:100% ;}
	.ml45{margin-left:15px;}
}

/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

	/* main nav */
	#Area {
		display:none;
	}
	#ditu{display:none;
	}
	#right360{display:none;
	}
	#left610{width:96%;background:#FFF;margin-left:2%
	}
	#biao { width:100%;display:block;margin: 0 auto; margin-top:52%;}
	#biao01 { font-size:0.6em; line-height:14px;}
	#biao02 img{ width:65%; height:65%; margin-left:140%; margin-top:2%}
	#zhong100 { width:100%;margin: 0 auto;}
	
	#bottom { display:none;}
	
	#redian {width:63%; float:right;}
	
	#tu25 {width:27%; float:left;}
	#tu25 img{width:120%; float:left;}
	
	#mobile-Footer {display:block;}
	#redian01{ font-size:16px;line-height:20px;white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;}
	#redian02{ line-height:20px; text-overflow: ellipsis;  overflow: hidden; display:block; font-size:12px;}
	
	#zxxx01{ width:15px; height:15px;}
	#zxxx02 { font-size:24px; line-height:30px;}
	
	#xin01{ background: url(../images/top02.jpg)no-repeat top center;background-size:100% ;}
	.ml45{margin-left:15px;}
}

