@media screen and (min-width: 992px) and (max-width: 1199px) {
	.wrap{ width: 992px; margin: 0 auto;}
	.head .btn1{ left: 10%;}
	.head .btn2{ right: 10%;}
	.foot{ font-size: 16px; }
	.section-content{ zoom:0.8; margin-left: 10%; -moz-transform:scale(0.8); -moz-transform-origin:top left;}
	.section-content2{ zoom:0.8; margin-right: 10%; -moz-transform:scale(0.8); -moz-transform-origin:top left;}
	.section-content3{ zoom:0.8; margin-left: 10%; -moz-transform:scale(0.8); -moz-transform-origin:top left;}
	.section-content4{ zoom:0.8; margin-right: 10%; -moz-transform:scale(0.8); -moz-transform-origin:top left;}
	
	#case{ padding: 60px 35px 25px 35px; width: 830px; position: relative;}
	#case .close{  width: 35px; height: 35px; right: 10px; top: 10px; background-size: cover;}
	.caseslide{ width: 830px;}
	.caseslide .bd{ width: 830px; height: 378px; overflow: hidden;}
	.caseslide .bd img{ width: 100%;}
	.caseslide .bd p{ height: 38px; line-height: 38px; font-size: 16px;}
	.caseslide .prev{ margin-top: 20px;}
	.caseslide .next{ margin-top: 20px;}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.wrap{ width: 92%; margin: 0 auto; padding: 0 4%;}
	.foot{ padding: 20px 0 ; font-size: 15px; }
	.foot .fl{ width: 72%;}
	.foot .fr{ width: 28%;}
	.head .btn1{ left: 5%;}
	.head .btn2{ right: 5%;}
	.section-content{ zoom:0.7; margin-left: 5%; -moz-transform:scale(0.7); -moz-transform-origin:top left;}
	.section-content2{ zoom:0.7; margin-right: 5%; -moz-transform:scale(0.7); -moz-transform-origin:top left;}
	.section-content3{ zoom:0.7; margin-left: 5%; -moz-transform:scale(0.7); -moz-transform-origin:top left;}
	.section-content4{ zoom:0.7; margin-right: 5%; -moz-transform:scale(0.7); -moz-transform-origin:top left;}

	#case{ padding: 40px 25px 20px 25px; width: 718px; position: relative;}
	#case .close{  width: 28px; height: 28px; right: 7px; top: 7px; background-size: cover;}
	.caseslide{ width: 718px;}
	.caseslide .bd{ width: 718px; height: 331px; overflow: hidden;}
	.caseslide .bd img{ width: 100%;}
	.caseslide .bd p{ height: 38px; line-height: 38px; font-size: 16px;}
	.caseslide .prev{ margin-top: 20px;}
	.caseslide .next{ margin-top: 20px;}

}

@media screen and (max-width: 767px) {
	.wrap{ width: 100%; margin: 0 auto;}
	.head .btn1{ left: 3%; font-size: 18px; margin-top: 15px;}
	.head .btn2{ font-size: 14px;padding: 0 10px; height: 34px; line-height: 34px; margin-top: 5px; right: 3%;}
	.section-content{ position: absolute; bottom: 0; margin-left: 0; width: 92%; padding: 0 4%; height: 55%;}
	.section-content h2{ font-size: 20px; height: 28px; line-height: 28px; overflow: hidden; font-weight: bold; text-shadow: 1px 1px 1px #000; margin-top: 10px;}
	.section-content .intr{ font-size: 14px; line-height: 20px; margin-top: 5px; height: auto; overflow: hidden;}
	.section-content .more{ height: 34px; line-height: 34px; padding: 0 15px; font-size: 14px; margin-top: 10px; float: left;}

	.section-content2{ position: absolute; bottom: 0; margin-left: 0; width: 92%; padding: 0 4%; height: 55%; background-position: right center;}
	.section-content2 h2{ font-size: 20px; height: 28px; line-height: 28px; overflow: hidden; font-weight: bold; text-shadow: 1px 1px 1px #000; margin-top: 10px;}
	.section-content2 .intr{ font-size: 14px; line-height: 20px; margin-top: 5px; height: auto; overflow: hidden;}
	.section-content2 .more{ height: 34px; line-height: 34px; padding: 0 15px; font-size: 14px; margin-top: 10px; float: left;}

	.section-content3{ position: absolute; bottom: 0; margin-left: 0; width: 92%; padding: 0 4%; height: 55%; }
	.section-content3 h2{ font-size: 20px; height: 28px; line-height: 28px; overflow: hidden; font-weight: bold; margin-top: 10px;}
	.section-content3 .intr{ font-size: 14px; line-height: 20px; margin-top: 5px; height: auto; overflow: hidden;}

	.section-content4{ position: absolute; bottom: 0; margin-left: 0; width: 92%; padding: 0 4%; height: 55%; }
	.section-content4 h2{ font-size: 20px; height: 28px; line-height: 28px; overflow: hidden; font-weight: bold; margin-top: 10px;}
	.section-content4 .intr{ font-size: 14px; line-height: 20px; margin-top: 5px; height: auto; overflow: hidden;}
	
	.section1{ background-size: 100% 45.1%; background-position: center top;}
	.section2{ background-size: 100% 45.1%; background-position: center top;}
	.section3{ background-size: 100% 45.1%; background-position: center top;}
	.section4{ background-size: 100% 45.1%; background-position: center top;}
	.section5{ background-size: 100% 45.1%; background-position: center top;}
	.section6{ background-size: 100% 45.1%; background-position: center top;}
	.section7{ background-size: 100% 45.1%; background-position: center top;}
	.section8{ background-size: 100% 45.1%; background-position: center top;}

	.foot{ font-size: 12px; }
	.foot .fl{ width: 62%; margin-left: 4%; padding: 20px 0;}
	.foot .fr{ width: 26%; margin-right: 4%; padding: 20px 0;}
	.foot .fr img{ width: 100%; height: auto;}

	.foot .contact{ padding: 20px 0; font-size: 12px; line-height: 24px;}
	.foot .contact h3{ font-size: 20px;}
	.foot .contact img{ margin: 10px 0 0 0;}
	.foot a{ color: #FFF;}

	#case{ padding: 40px 2% 20px 2%; width: 96%; position: relative;}
	#case .close{  width: 28px; height: 28px; right: 7px; top: 7px; background-size: cover;}
	.caseslide{ width: 100%;}
	.caseslide .bd{ width: 100%; height: auto; overflow: hidden;}
	.caseslide .bd img{ width: 100%;}
	.caseslide .bd p{ height: 38px; line-height: 38px; font-size: 16px;}
	.caseslide .prev{ margin-top: 20px; zoom: 0.6;}
	.caseslide .next{ margin-top: 20px; zoom: 0.6;}

	.mouse{ display: none;}
}