/*screen width*/
@media only screen and (max-width:1280px){
	.header,
	.breadcrumb,
	#service,
	.aboutUs,
	#products,
	#news,
	.showcase,
	#contactUs,
	.footer,
	#container,
	#productsBox {
		width:93.75%;
	}
	.header .logo {
		width:13.333333%;
		margin-right:1.666667%;
	}
	.breadcrumb .left {
		width:75%;
	}
	.breadcrumb .left .notice {
		width:70%;
	}
	#service .serviceBox {
		width:31.666667%;
		padding:0 0.833333%;
	}
	#service .serviceBox .serviceBoxInfo {
		width:85.789474%;
	}
	.aboutUs .aboutUsThumb {
		width:45.833333%;
	}
	.productsList ul {
		width:103.333333%;
	}
	.productsList ul li {
		width:21.774194%;
		margin:20px 3.225806% 20px 0px;
	}
	#news .newslist {
		width:50.833333%;
		padding-right:4.166667%;
	}
	#news .partner {
		width:45%;
	}
	#news .partner ul li {
		width:29.259259%;
		margin:10px 0px 10px 3.703704%;
	}
	.contactForm,
	.contactInfo {
		width:45.833333%;
	}
	.contactForm {
		padding-left:0.25%;
	}
	.contactForm .inputBox {
		width:45.454545%;
		margin-right:4.545455%;
	}
	.contactForm textarea {
		width:90.909091%;
	}
	.footLeft {
		width:58.666667%;
	}
	.footRight {
		width:41.333333%;
	}
	.pageslist ul li {
		margin-right:3.125%;
	}
	.sidebar {
		width:23.333333%;
	}
	.main {
		width:72.083333%;
	}
	.itemList ul {
		width:104.739884%;
	}
	.itemList ul li {
		width:28.697572%;
		margin-right:4.635762%;
	}
}
@media only screen and (max-width:1024px){
	#header {
		padding:20px 0;
	}
	.header .logo {
		width:160px;
		margin:0 auto;
		float:none;
		display:block;
	}
	.headerRight {
		float:none;
		clear:both;
		width:100%;
		margin-top:15px;
	}
	.header .menu {
		width:83.359375%;
	}
	.header .menu ul li {
		
		font-size:0.875em;
	}
	#news .partner ul li {		
		margin:15px 0px 20px 3.703704%;
	}
}
@media only screen and (max-width:960px){
	#news .newslist {
		width:100%;
		padding-right:0;
	}
	#news .partner {
		width:100%;
	}
	.footRight .phone {
		font-size:2em;
	}
}
@media only screen and (min-width:641px) and (max-width:960px){
	#news .partner ul .clear {
		clear:none;
	}
	#news .partner ul li {
		width:14.458333%;
		margin:10px 0px 10px 2.083333%;
	}
}
@media only screen and (max-width:768px){
	.header .logo {
		float:left;		
	}	
	.headerRight {
		float:right;
		clear:none;
		width:auto;
		margin-top:0;
	}
	.header .menu {
		display:none;
	}
	.btn {
		display:block;
	}
	.allTitle,
	.aboutUs .allTitle,
	#news .partner .allTitle,
	.showcase .allTitle {
		text-align:center;
	}
	#service {
		padding:30px 10px 0;
	}
	#service .serviceBox {
		width:100%;
		float:none;
		overflow:hidden;
		margin-bottom:30px;
	}
	.contactForm .inputBox {
		float:none;
		clear:both;
		margin-right:0;
	}
	.contactForm .text {
		width:90%;
		margin-bottom:10px;
	}
	.contactForm textarea {
		height:110px;
	}
	.footRight,
	.footLeft {
		width:100%;
		float:none;
		text-align:center;
		clear:both;
	}
	.sidebar {
		display:none;
	}
	.main {
		float:none;
		width:100%;
	}
}
@media only screen and (max-width:640px) {
	.breadcrumb .right h3,
	.contactInfo {
		display:none;
	}
	.productsList ul {
		width:106.333%;
	}
	.productsList ul li {
		width:43.5484%;
		margin:20px 6.45162% 20px 0px;
	}
	.contactForm,.contactInfo {
		float:none;
		width:100%;
		padding:0;
	}
	.contactForm textarea {
		width:90%;
		padding:10px 4%;
	}
	.productsList ul .clear {
		clear:none;
	}
	.productsList ul .clearfix {
		clear:both;
	}
}
@media only screen and (max-width:540px) {
	.aboutUs .aboutUsThumb {
		float:none;
		width:100%;
	}
	.aboutUs .aboutUsThumb img {
		width:100%;
	}
	.aboutUs .aboutUsTxt {
		clear:both;
	}
}
@media only screen and (max-width:480px) {
	.header .logo {
		width:140px;
		margin-top: 1px;
		display:inline;
	}	
	.breadcrumb .left {
		width:100%;
	}	
	.breadcrumb .right {
		display:none;
	}
	.post .postmeta {
		font-size:0.75em;
	}
}
@media only screen and (max-width:320px) {
	.header .logo {
		display:block;
		margin:0 auto;
		float:none;
	}
	
}
@media only screen and (max-width:280px) {
	.breadcrumb .left h3 {
		display:none;
	}
	.breadcrumb .left .notice {
		width:90%;
	}
}