﻿/*Styles for screen 980px and lower*/
@media screen and (max-width: 980px) 
{
	.bodyWrapper, .bodyCenter { width:100%; padding:0;}
	.Header { width:100%;}
	.divBanner { width:100%;}
	.Main { width:100%; clear:both;}
	.slideshow { width:auto;}
	.breadcrumbs { width:auto;}
	.mnTop { width:100%;}
	.menuTop { clear:both; overflow:hidden; width:100%; text-align:center; position:relative; margin-bottom:10px;}
	.mainContent { width:71%; margin-right:1%;margin-left: 5px;}
	.mainContentF { width:99%;}
	.pBoxFull .content { padding:5px;}
	.Logo { top:25px;}
	
	#ProDetail { width:100%;}
	#ProImg { width:32%; } 
	#ProImg img { width:100%;}
	#ProInfo { width:63%;}
	
	.newsItem img { width:21%;}
	.newsItem .title { width:76%;padding-top: 0px;}
	.newsItem .desc {width:76%;} 
	
	.Right { width:25%;margin-right: 5px;}
	#divRight { width:100%;}
	
	.newsHomeBox { width:100%;}
	.newsItemL { width:45%; float:left; height:auto;}
	.newsItemL img { float:none; text-align:center; width:96%; height:auto;}
	.newsItemR { width:45%; float:left;}
	.newsItemR img { width:30%; height:auto;}
	.newsItemR .title { width:60%;}
	.newsItemR .desc { width:60%;display: block;max-height: 60px;}
}