@media only screen and (max-width: 1920px){
    .banner{ height:600px}
	.Inabout{background-attachment:fixed}
}
@media only screen and (max-width: 1440px){
    .banner{ height:443px}
}
@media only screen and (max-width: 1366px){
    .banner{ height:425px}
}
@media only screen and (max-width: 1280px){
	#divWebBo1{ right:6%;}
    #divWebBo{right:9%;}
    .banner{ height:400px}
	.MbanCtrl{ width:100%;left:0; margin-left:0}
}
@media only screen and (max-width: 1099px){
	.divWide{ width:100%; padding:0 10px}
	#divWebBo1{ right:2%;}
   #divWebBo{right:3%;}
   .banner{ height:343px}
	}

@media only screen and (max-width: 1000px) {
	.Nav { margin-top:20px}
	.Nav li{ padding:0 15px}
   .banner{ height:312px}
   .Inabout{background-attachment:local}
	}
@media only screen and (max-width: 980px) {
	.Nav { margin-top:15px}
	.Nav li{ padding:0 10px}
	#divWebBo1,#divWebBo{ right:4%;}
   .banner{ height:305px}
   .InMore{ width:24%}
	}
@media only screen and (max-width: 860px) {
	.Nav li{ padding:0 15px}
	#divWebBo1,#divWebBo{ right:4%;}
   .banner{ height:265px}
	}


@media only screen and (max-width: 800px) {
		.Nav { display:none}
	.NavMobile{ display:block}
	.logo{ width:58%}
	#divWebBo1,#divWebBo{ right:4%;}
   .banner{ height:250px}
   .Inspan{ width:16%}
   .InnweA{width:80%}
   .aboutTxt{width:70%}
	}

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

    .banner{ height:240px}
	.Inabout p{padding: 5% 3%}
	.Title div{ width:100%; float:left; margin-top:20px}
	}

@media only screen and (max-width: 680px) {
	
	.InMore{ width:27%}
   .banner{ height:210px}
	.InTxt img{ height:45px}
	#divWebBo1,#divWebBo{ right:6%;}
}
@media only screen and (max-width: 620px) {
	
    .banner{ height:190px}
	.InproUl li{ width:48.35%}
    .proStyle li:nth-child(2){ float:right; margin-right:0 !important}
    .InnewCont,.footF,.footR{ width:100%; float:none; margin-bottom:20px; overflow:hidden}
	.InMore{ width:15%}
    .footFImg{ width:50%}
    .footFCon{ width:50%}
	.aboutIMg{ display:none}
	.aboutTxt{ width:100%; padding-bottom:90px }
	.aboutTxt p{margin-top:0; font-size:1em}
	.newsImg{ width:30%}
	.newsTxt{ width:66%}
	.back a{ width:22%}
	.Title div a{ width:40%}
   .caseUl li{ width:30%}
	}

@media only screen and (max-width: 500px) {
	.logo{ width:60%}
	.NavMobile{ width:5%;margin: 5% 3% 0 0;}
   .banner{ height:156px}
   .InContxt h3{ width:15%}
   .InContxt span{ left:15%}
   .InContxt p{ width:85%}
   .InContxt{ margin:15px auto}
	#divWebBo1,#divWebBo{ right:11%;}
   .aboutTxt img,.col-md-3,.col-md-6,.contactTxt,.contactMap{ width:100%; }
   .contactTxt,.contactMap{ float:none}
   .newsImg{ width:40%}
   .newsTxt{ width:56%}
   .InnewUl li a{ width:68%;}
   .back{ display:none}
}

@media only screen and (max-width: 420px) {
	.spanA { display:none}
	.logo{ width:80%}
	.NavMobile{ width:8%;margin: 6.5% 3% 0 0;}
	.logoRight{ width:30%}
    .banner{ height:130px}
	.InMore{ width:24%}
	.footRImg img, .footFImg,.footFCon{ width:100%; float:none}
	.footFImg img{ display:inline-block; width:50%; margin-bottom:20px}
	.InproUl li{ float:none; width:100%; margin-bottom:20px}
    .caseUl li{ width:46%}
	.Title div a{ width:100%}
	.main .InnewUl li a{ width:60%}
	}

@media only screen and (max-width: 360px) {
   .banner{ height:112px}
   .InContxt h3{ width:20%}
   .InContxt span{ left:20%}
   .InContxt p{ width:80%}
   .Inabout p{ font-size:12px;padding: 7% 5%;}
   .Inabout h3{ font-size:20px}
   .head,.logoRight{ height:auto}
   .newsImg,.newsTxt{ width:100%; float:none}
   .newsImg{ margin:10px auto}
  .inputD p,.inputD input[type="text"], .inputD textarea,.SpanR{ width:100%; float:none}
}
@media only screen and (max-width: 320px) {
   .banner{ height:100px}
   .InproUl li{ width:100%; margin:0 0 20px 0; float:none !important}
	.caseUl li{ width:100%}
   .InnewUl li a{ width:65%;}
	}
	
@media only screen and (min-width: 769px) and (max-width: 900px) {}