@media (max-width: 1280px) {}

@media only screen and (max-width: 1200px) {
	.divWide,.flex-control-nav,.map,.frame{ width:100%}
	.piece{ width:25%}
	#divWebBo img, #divWebBo1 img{ width:120px}
	.piece img,.footer,.page{ height:auto}
	.about a,.founder img{ width:46%}
	.about img,.founder a{ width:54%}
	.productUl li{ width:33.333%}
	.productUl li a,.productUl li img, .productUl span{ width:100%}
	.proTxt{padding:22.9% 6%; height:auto}
	.page a{ margin:0px 30px 10px}
	.news p{ padding:0 10px}
	.productUl li a{ height:auto}
	}

@media only screen and (max-width: 1120px){
	
		.recruitUl,.recruitLIs p{ width:100%; height:auto}
		.recruitLIs p{ line-height:25px; padding:20px}
	.nav ul li,	.recruitUl{padding: 0 18px}
	.proTxt{padding:16.85% 6%}
	
	}

@media only screen and (max-width: 1000px) {

	}
@media only screen and (max-width: 980px) {
	.header .divWide{ padding:0 20px}
	.nav{ display:none}
	.NavMobile{ display:block; width:10%; margin-top:30px}
	.NavMobile img{ height:28px; display:inline-block}
	.proTxt{padding:16.35% 6%}

}
@media only screen and (max-width: 860px) {
	
	.proTxt{padding:14.6% 6%}
	.newsUl li div, .recruitUl div, .news,.newsUl li a{ width:100%}
	.newsUl li a{padding: 20px}
	.contactBj a, .contactBj img{ height:auto}
	}


@media only screen and (max-width: 800px) {
   
	.proTxt{padding:13.6% 6%}
	.piece{ width:50%}
	}

@media only screen and (max-width: 768px) {
	.proTxt{padding:13% 6%}
	
	}

@media only screen and (max-width: 680px) {
	.about{ margin-bottom:25px}
	.about a,.founder a{ width:100%}
	.founder img,.about img{ width:90%; margin:0 5%}
	.proTxt{padding:3.25% 6%}
	
}
@media only screen and (max-width: 620px) {
	.productUl li{ width:50%}
	.proTxt{padding:15.72% 6%}
	.contactBj img{ width:100%; margin:0}
	
	}

@media only screen and (max-width: 500px) {
	.logo img{ height:50px; margin-top:15px}
	.NavMobile img{ height:28px}
	.sUL{ display:none}
	.topN{ margin-top:35px; margin-left:20px}
	.banner,.slides li{ height:200px}
	.productUl li{ width:100%}
	.piece{ width:100%}
	.logoS{ display:block}
    .logo{ display:none}
	}

@media only screen and (max-width: 420px) {
	.header .divWide{ padding:0 10px}
	.NavMobile{ margin-top:35px}
	.NavMobile img{ height:15px}
    .inban{ height:150px}

	
	
	}

@media only screen and (max-width: 360px) {
  	.header .divWide{ padding:0}
	
}
@media only screen and (max-width: 320px) {
	.contactBj a{ padding:25px 40px 24px}
	
	}
	
@media only screen and (min-width: 769px) and (max-width: 900px) {}