/*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:10px 3.225806% 0px 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%;
	}
	.contactCon {
		display:none;
	}
}
@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 1.041665% 10px 1.041665%;
	}
}
@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,
	.contactForm {
		display:none;
	}
	.newslist {
		display:none;
	}
	.productsList ul {
		width:106.333%;
	}
	.productsList ul li {
		width:43.5484%;
		margin:10px 6.45162% 0px 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;
	}
	#news .partner ul li {
		margin:15px 1.85185% 20px 1.85185%;
	}
	
}
@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%;
	}
}
/*手机端显示底部四个按钮*/
.phone-menu0 ul, .phone-menu1 ul{ margin:0;}
/*黑色样式*/
.phone-menu0{ height:54px; border-top:1px solid #1d1d1d; border-bottom:1px solid #000; position:fixed; bottom:0; width:100%; display:none; padding:0; margin:0;z-index: 9999; left:0;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#474747), to(#2f2f2f));
	background-image: -webkit-linear-gradient(top, #474747, #2f2f2f);
	background-image: -moz-linear-gradient(top, #474747, #2f2f2f);
	background-image: -o-linear-gradient(top, #474747, #2f2f2f);
	background-image: -ms-linear-gradient(top, #474747, #2f2f2f);
	background-image: linear-gradient(to bottom, #474747, #2f2f2f);
	
	/*--兼容ie的背景色和圆角--*/
	background: #474747;
	background: -moz-linear-gradient(top, #474747 0%, #2f2f2f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(100%,#2f2f2f));
	background: -webkit-linear-gradient(top, #474747 0%,#2f2f2f 100%);
	background: -o-linear-gradient(top, #474747 0%,#2f2f2f 100%);
	background: -ms-linear-gradient(top, #474747 0%,#2f2f2f 100%);
	background: linear-gradient(to bottom, #474747 0%,#2f2f2f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#2f2f2f',GradientType=0 );
}
.phone-menu0 li{ width:25%;  text-align:center; float:left; list-style:none; }
.phone-menu0 li:hover,.phone-menu li.active{ background-color:#333;}
.phone-menu0 li a{ color:#FFF; font-size:12px; text-decoration:none;}
.phone-menu0 li i{ background:url(../images/phone-menu0.png) no-repeat; background-size:25px; margin:6px auto 2px; display:block; width:25px; height:25px; float:none;}
.phone-menu0 li i.icon1{ background-position:0 0;}
.phone-menu0 li i.icon2{ background-position:0 -25px;}
.phone-menu0 li i.icon3{ background-position:0 -50px;}
.phone-menu0 li i.icon4{ background-position:0 -75px;}

/*白色样式*/
.phone-menu1{ height:54px; border-top:1px solid #f2f2f2; border-bottom:1px solid #ccc; position:fixed; bottom:0; width:100%; display:none;padding:0; margin:0;z-index: 9999;
	background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#d4d4d4));
	background-image: -webkit-linear-gradient(top, white, #d4d4d4);
	background-image: -moz-linear-gradient(top, white, #d4d4d4);
	background-image: -o-linear-gradient(top, white, #d4d4d4);
	background-image: -ms-linear-gradient(top, white, #d4d4d4);
	background-image: linear-gradient(to bottom, white, #d4d4d4);
	
	/*--兼容ie的背景色和圆角--*/
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #d4d4d4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d4d4d4));
	background: -webkit-linear-gradient(top, #ffffff 0%,#d4d4d4 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#d4d4d4 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#d4d4d4 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#d4d4d4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4',GradientType=0 );
}
.phone-menu1 li{ width:25%;  text-align:center; float:left; list-style:none; }
.phone-menu1 li:hover,.phone-menu li.active{ background-color:#d4d4d4;}
.phone-menu1 li a{ color:#666; font-size:12px; text-decoration:none;}
.phone-menu1 li i{ background:url(../images/phone-menu1.png) no-repeat; background-size:25px; margin:6px auto 2px; display:block; width:25px; height:25px;float:none;}
.phone-menu1 li i.icon1{ background-position:0 0;}
.phone-menu1 li i.icon2{ background-position:0 -25px;}
.phone-menu1 li i.icon3{ background-position:0 -50px;}
.phone-menu1 li i.icon4{ background-position:0 -75px;}

/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/
@media screen and (max-width: 640px) {
	.phone-menu0,.phone-menu1{ display:block;}
}