@media screen and (min-width: 992px) and (max-width: 1199px) {

	.wrap{ width: 992px; margin: 0 auto;}

	.nav{ margin: 56px 0 0 20px;}

	.idx-slide .idx-slide-prev,.idx-slide .idx-slide-next{ margin-left: 0px; top: 32%; zoom:0.8; -moz-transform:scale(0.8); left: 7%;}

	.idx-slide .idx-slide-next{ left: auto; right:7%; }



	.idx-block1 li{ width: 50%; margin-right: 0;}



	.idx-block2{ padding-top: 90px; height: 400px;}

	.idx-block2 .pic{ zoom:0.83;}


	.foot{ background: #333;}
	
	.foot-nav dl{ width: 16%; padding: 30px 2% 20px 7%; }

	.foot .copyright .fr{ float: left;}



	.caselist li .pic{ height: 210px;}



	.caseslide{ zoom:0.9; -moz-transform:scale(0.9); -moz-transform-origin:top left; }

	.caseslide .picscroll{ right: -215px; }



	.aboutl{ padding: 30px 0 60px 0;}

	.aboutl .intr{ width: 430px; line-height: 28px; font-size: 14px; padding-left: 20px;}

	.aboutl .pic{ width: 500px;}



	.aboutr{ padding: 30px 0 60px 0; }

	.aboutr .intr{ width: 430px; line-height: 28px; font-size: 14px; }

	.aboutr .pic{ width: 500px; margin-left: 20px;}



	.about .jp .intr{ padding: 0 60px;}



	.solutionlist li .intr{ line-height: 26px; height: 260px;}



	.sjgcl{ width: 70%; margin-top: 60px;}

	.sjgcl li{ height: 150px; margin-bottom: 50px;}

	.sjgcl li h3{ font-size: 20px; color: #000; height: 24px; line-height: 24px; overflow: hidden;}

	.sjgcl li p{ font-size: 14px; color: #999; line-height: 24px; margin-top: 5px; height: 120px;}



	.sjgcr h2{ font-size: 20px; line-height: 32px;}

	.sjgcr p{ font-size: 14px; line-height: 24px; margin-top: 10px;}



	.tyt dd img{ width: 320px; height: 164px;}



	.solution-item .l{ width: 580px; padding-right: 32px;}



	.contact .map img{ width: 100%;}



	.gwlist{ zoom: 0.826; -moz-transform:scale(0.826); -moz-transform-origin:top left; width: 1200px; height: auto;}

}



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

	.wrap{ width: 768px; margin: 0 auto;}



	.nav{ margin: 56px 0 0 20px;}

	.nav .oli .oa{ padding: 0 15px;}



	.idx-slide .idx-slide-prev,.idx-slide .idx-slide-next{ margin-left: 0px; top: 29%; zoom:0.7; -moz-transform:scale(0.7); left: 7%;}

	.idx-slide .idx-slide-next{ left: auto; right: 7%; }



	.idx-block1 li{ width: 50%; margin-right: 0;}



	.idx-block2{ padding-top: 30px; height: auto;}

	.idx-block2 .intr{ width: 100%;}

	.idx-block2 .intr .w{ margin-top: 15px;}

	.idx-block2 .pic{ position: static; margin-top: 30px;}



	.piclist li{ float: left; width: 33.33%;}


	.foot{ background: #333;}
	
	.foot-nav dl{ width: 18%; padding: 30px 2% 20px 5%; }

	.foot .copyright .fr{ float: left;}



	.caselist li h3{ font-size: 18px; height: 48px; line-height: 24px; overflow: hidden; margin: 20px 0 5px 0; color: #000;}

	.caselist li p{ color: #666; height: 36px; line-height: 18px; overflow: hidden;}



	.caselist li .pic{ height: 162px;}



	.caseslide{ zoom:0.7; -moz-transform:scale(0.7); -moz-transform-origin:top left;}

	.caseslide .picscroll{ right: -215px; }



	.aboutl{ padding: 30px 0 60px 0; text-align: center;}

	.aboutl h3{ text-align: left;}

	.aboutl .intr{ width: 100%; line-height: 28px; font-size: 14px; padding-left: 0px; text-align: left;}

	.aboutl .pic{ width: 600px; margin: 20px auto 0 auto; float: none;}



	.aboutr{ padding: 30px 0 60px 0; text-align: center;}

	.aboutr h3{ text-align: left;}

	.aboutr .intr{ width: 100%; line-height: 28px; font-size: 14px; }

	.aboutr .pic{ width: 600px; margin: 30px auto 0 auto; float: none;}



	.about .jp .intr{ padding: 0 20px;}



	.servicelist li p{ line-height: 26px; font-size: 14px; color: #666; margin-top: 5px;}



	.solutionlist li h3{ font-size: 20px; margin: 10px 0;}

	.solutionlist li .intr{ line-height: 24px; height: 260px; font-size: 12px;}



	.sjgcl{ width: 100%;}

	.sjgcl li p{ font-size: 14px; line-height: 24px; }

	.sjgcr{ width: 100%; margin-top: 10px; margin-bottom: 60px;}



	.tyt dd img{ width: 246px; height: 126px;}



	.solution-item .l{ width: 468px; padding-right: 20px;}

	.solution-item .r{ width: 280px; }

	.solution-item .intr2{ font-size: 14px;}



	.contact .map img{ width: 100%;}



	.contact .contact-info{ font-size: 16px; line-height: 48px; color: #666; width: 45%; padding-right: 5%;}



	.gwlist li{ margin: 30px 10px 20px 10px; }

}



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

	.wrap{ width: 100%; margin: 0 auto;}



	.head{ height: 50px; position: relative;}

	.head .logo{ width: auto; height: 40px; margin: 5px 0 5px 3%; vertical-align: top;}

	.head .tel{ position: absolute; right: 60px; margin: 0; top: 13px;}

	.head .menu{ display: block; background: url(../images/icon7.png) no-repeat; width: 36px; height: 28px; right: 3%; top: 11px; position: absolute; background-size: cover;}



	.nav{ display: none; position: absolute; margin: 0px; height: auto; top: 50px; left: 0; width: 100%; line-height: 50px; background: #FFF; float: none;}

	.nav .oli{ float: none; border-bottom: 1px solid #EEE; position: relative;}

	.nav .oli .oa{ color: #FFF; font-size: 15px; display: block; padding: 0 5%; font-size: 16px; color: #333;}

	.nav a.an{ display: block; position: absolute; right: 0; top: 0; width: 50px; border-left: 1px solid #EEE; text-indent: -9999em; background: url(../images/icon6.png) no-repeat center center #FFF; background-size: 70% 70%; cursor: pointer;}

	.nav a.anhover{ background: url(../images/icon6b.png) no-repeat center center #FFF; background-size: 70% 70%;}

	.nav a.hover{ color: #333; background: #FFF;}

	.nav .child{ background: none; padding: 0; line-height: 50px; /*display: block;*/}

	.nav .child li{ border-top: 1px solid #EEE;}

	.nav .child a{ color: #333; font-size: 18px; text-align: left; padding-left: 15%;}



	.idx-block1{ padding: 5% 1.5% 0 1.5%; width: 97%;}	

	.idx-block1 li{ width: 47%; margin: 0 1.5% 5% 1.5%;}

	.idx-block1 li img{ width: 100%; height: auto;}

	.idx-block1 h3{ font-size: 16px; margin: 10px 0 5px 0; height: 24px; line-height: 24px;}

	.idx-block1 p{ line-height: 20px; padding: 0 5px; height: 40px;}

	.idx-block1 .more{ padding: 0 15px; height: 38px; line-height: 38px; margin-top: 15px; font-family: Arial;}



	.idx-block2{ padding: 6% 3% 0 3%; height: auto; width: 94%;}

	.idx-block2 .intr{ width: 100%;}

	.idx-block2 .intr h3{ font-size: 20px; height: 26px; line-height: 26px;}

	.idx-block2 .intr em{ font-size: 16px; height: 22px; line-height: 22px;}

	.idx-block2 .intr .w{ margin-top: 10px;}

	.idx-block2 .pic{ position: static; margin-top: 20px; width: 100%;}



	.idx-block3{ margin-top: 30px;}

	.idx-block3 h3{ font-size: 20px; }

	.idx-block3 .intr{ padding: 0 3%; width: 94%;}

	.piclist{ margin-top: 15px;}

	.piclist li{ float: left; width: 33.33%;}



	.idx-block4{ padding: 8% 3%; font-size: 18px; width: 94%;}

	.idx-block4 .w{ width: 100%; line-height: 28px; float: none; padding: 5px 0;}

	.idx-block4 .btn{ height: 40px; line-height: 40px; font-size: 16px; margin: 4% auto 0 auto; width: 32%; padding: 0; float: none;}

	
	.foot{ background: #333;}
	
	.foot .foot-nav{ width: 100%; }

	.foot .qrcode{ width: 100%; padding: 8% 0 5% 0; }

	.foot-nav dl{ width: 36%; padding: 15px 2% 0 12%; /*height: auto;*/ background: none;}

	.foot-nav .ah{ height: auto;}

	.foot .copyright{ padding: 8px 3%; width: 94%; line-height: 20px;}

	.foot .copyright .fr{ float: left;}



	.caselist li h3{ font-size: 16px; height: 48px; line-height: 24px; overflow: hidden; margin: 5px 0 0 0; color: #000;}

	.caselist li p{ color: #666; height: 36px; line-height: 18px; overflow: hidden;}



	.caselist li .pic{ height: 130px;}

	

	.caseread{ padding: 10px 3%; width: 94%;}

	.caseread h1{ font-size: 18px; line-height: 24px; padding: 10px 0 15px 0;}

	.caseread h2{ font-size: 18px; line-height: 26px; padding: 15px 0 5px 0; }

	.caseslide{ zoom:0.55; -moz-transform:scale(0.55); -moz-transform-origin:top left;}

	.caseslide .picscroll{ right: -215px; }



	.about{ padding: 10px 3% 30px 3%; width: 94%;}

	.aboutl{ padding: 10px 0 30px 0; text-align: center;}

	.aboutl h3{ text-align: left; font-size: 18px; background-size: 7% 100%; margin-top: 10px;}

	.aboutl .intr{ width: 100%; line-height: 28px; font-size: 14px; padding-left: 0px; text-align: left; margin-top: 10px;}

	.aboutl .pic{ width: 100%; margin: 20px auto 0 auto; float: none;}



	.aboutr{ padding: 10px 0 30px 0; text-align: center;}

	.aboutr h3{ text-align: left; font-size: 18px; background-size: 7% 100%; margin-top: 10px;}

	.aboutr .intr{ width: 100%; line-height: 28px; font-size: 14px; margin-top: 15px;}

	.aboutr .pic{ width: 100%; margin: 15px auto 0 auto; float: none;}



	.about .jp{ padding: 15px 0 20px 0; }

	.about .jp h3{ font-size: 18px; color: #538fce; text-align: center; border-bottom: 2px solid #588dcf; display: inline-block; height: 24px; line-height: 24px; padding: 0 5px 5px 0px;}

	.about .jp .intr{ margin-top: 15px; padding: 0 10px;}

	.about .jp .more{ background: #588dcf; color: #FFF; font-size: 18px; display: inline-block; height: 40px; line-height: 40px; padding: 0 20px; margin-top: 20px;}



	.service{ padding: 10px 3%; width: 94%;}

	.service h2{ font-size: 22px; }

	.service .intr{ font-size: 16px; color: #666; line-height: 28px; margin-top: 10px;}



	.servicelist{ margin-top: 20px;}

	.servicelist li{ padding: 20px; background: #e6e7e8; height: auto; overflow: hidden; margin-bottom: 15px; text-align: center;}

	.servicelist li img{ float: none; margin-right: 0; width: 309px; height: 193px; max-width: 100%;}

	.servicelist li h3{ font-size: 18px; color: #000; margin-top: 15px; text-align: left;}

	.servicelist li p{ line-height: 26px; font-size: 14px; color: #666; margin-top: 5px; height: 150px; overflow: hidden; text-align: left;}



	.join{ padding: 10px 3% 40px 3%; width: 94%;}

	.join h2{ font-size: 22px;}

	.join .intr{ margin-top: 10px;}



	.joinlist{ margin-top: 20px;}

	.joinlist li{ padding: 20px; position: relative;}

	.joinlist li h3{ font-size: 18px;}

	.joinlist li .intr2{ line-height: 24px;}



	.solutionlist{ padding: 20px 3%; width: 94%;}

	.solutionlist li{ float: left; width: 100%; margin: 10px 0; }

	.solutionlist li h3{ font-size: 18px; color: #666; height: 30px; line-height: 30px; margin: 10px 0;}

	.solutionlist li .intr{ line-height: 24px; height: auto;}

	.solutionlist li img{ width: 140px; height: 140px;}



	.sjgc{ padding: 15px 25px; color: #666; line-height: 26px; font-size: 16px; margin-top: 20px;}

	.sjgc h1{ color: #000; font-size: 20px; margin-bottom: 10px;}

	.sjgcl{ width: 94%; margin-top: 30px; padding: 0 3%;}

	.sjgcl li{ height: auto; margin-bottom: 40px; text-align: center;}

	.sjgcl li img{ width: 100%; height: auto; float: none; margin-right: 0px;}

	.sjgcl li h3{ font-size: 18px; color: #000; height: 28px; line-height: 28px; margin-top: 10px; text-align: left;}

	.sjgcl li p{ font-size: 14px; color: #999; line-height: 24px; margin-top: 5px; height: auto; overflow: hidden; text-align: left;}

	.sjgcr{ width: 94%; margin-top: 10px; padding: 0 3%; margin-bottom: 30px;}

	.sjgcr h2{ font-size: 20px; color: #000; line-height: 32px;}

	.sjgcr p{ font-size: 14px; color: #999; line-height: 24px; margin-top: 10px;}

	.sjgcr .more{ display: inline-block; color: #FFF; height: 50px; line-height: 50px; background: #588dcf; padding: 0 30px; font-size: 18px; margin-top: 20px; border-radius: 4px;}

	

	.tyt{ padding: 20px 3%;}

	.tyt .intr{ padding-bottom: 10px;}

	.tyt dd{ width: 100%;}

	.tyt dd img{ width: 100%; height: auto;}



	.solution{ padding: 20px 3%; width: 94%;}

	.solution h1{ font-size: 24px; }

	.solution .intr{ line-height: 24px; color: #666; font-size: 16px; margin-top: 15px;}

	.solution .solution-child{ padding: 30px 0;}

	.solution .solution-child a{ font-size: 18px; margin: 0; display: inline-block; width: 16.6%;}



	.solution-item{ margin-bottom: 30px;}

	.solution-item img{ width: 100%;}

	.solution-item .l{ width: 100%; float: none; margin-top: 20px; padding-right: 0px;}

	.solution-item .r{ width: 100%; float: none; margin-top: 20px;}

	.solution-item h3{ font-size: 20px; color: #538fce;}

	.solution-item .intr2{ font-size: 16px; line-height: 24px; color: #666; margin-top: 15px;}

	.solution-item .r p{ line-height: 26px; background: url(../images/icon8.png) no-repeat 8px 11px; font-size: 16px; color: #666; background-color: #EEE; padding: 5px 5px 5px 40px;}

	.solution-item .r .odd{ background-color: #FFF;}

	.solution-item .r h3{ margin-bottom: 10px;}



	.contact{ padding: 20px 3%; width: 94%;}

	.contact .map img{ width: 100%;}

	.contact .contact-info{ font-size: 16px; line-height: 28px; color: #666; width: 100%; padding-right: 0;}

	.contact .contact-info h1{ font-size: 20px; color: #588dcf; margin-bottom: 10px;}

	.contact .contact-form{ width: 94%; background: #588dcf; color: #FFF; padding: 1.5% 3% 3% 3%; margin-top: 20px;}

	.contact .contact-form p{ font-size: 16px; font-family: Simsun; height: 28px; line-height: 28px;}

	.contact .contact-form .txt{ height: 35px; line-height: 35px; padding: 0 1%; border: 0; width: 98%; color: #666; margin-bottom: 15px;}

	.contact .contact-form .txt2{ height: 150px; line-height: 24px; padding: 0 1%; border: 0; width: 98%; color: #666; margin-bottom: 15px;}

	.contact .contact-form .btn{ background: #FFF; border: 0; height: 35px; line-height: 35px; padding: 0 40px; cursor: pointer;}

	.contact .map{ border: 1px solid #E2E2E2; padding: 1px; margin-top: 30px;}



	.gwlist{ padding: 30px 3%; width: 94%; zoom:0.8; -moz-transform:scale(0.8); -moz-transform-origin:top left;}

	.gwlist li{ float: none; width: 360px; height: 480px; margin: 30px auto 20px auto; }

	.gwlist li h3{ font-size: 22px;}

	.gwlist li .tel{ font-size: 20px;}

	.gwlist li .intr{ font-size: 18px; margin-top: 10px;}

}





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

	.caselist li .pic{ height: 78px;}



	.caseslide{ zoom:0.32; -moz-transform:scale(0.32); -moz-transform-origin:top left;}

	.caseslide .picscroll{ right: -215px; }

}



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

	.caseslide{ zoom:0.28; -moz-transform:scale(0.28); -moz-transform-origin:top left;}

	.caseslide .picscroll{ right: -215px; }

}