.generic{ width:100%; height:760px; min-width:930px; float:left; overflow:hidden; position:relative}
.generic .box{ width:2560px; height:760px; overflow:hidden; float:left; position:absolute; left:50%; margin-left:-1280px; font-family:HanHei SC; font-weight:200}
.generic .btn_box{ width: 250px; float: left; margin: 475px 0 0 835px; position: absolute; z-index: 10}
.generic .btn_box .btn{ width: 145px; float: left; line-height: 74px; background:#00D0CD url(../images/hero/app/1.png?t=2022) no-repeat 27px 20px; color: #fff; border: 1px solid #fff; border-radius: 12px; font-size: 28px; margin-bottom: 20px; padding-left: 75px}
.generic .btn_box .btn.a{ background-position: 25px -183px}
.generic .img_box{ width:1920px; height:760px; float:left; position:absolute; top:0; left:50%; margin-left: -960px}
.generic .img_box img{ max-width: 100%}

.main_1{ height: 840px}
.main_1 .box{ height: 840px}
.main_1 .img_box{ width:2560px; left: 0; margin-left: 0}

.main_3{ background-color: #42DDDC}

.main_4{ background-color: #EFFDFD}

.main_6{ background-color: #EFFDFD}

.main_8{ background-color: #EFFDFD}

.main_9{ height: 840px}
.main_9 .box{ height: 840px}
.main_9 .btn_box{ margin: 446px 0 0 1253px}
.main_9 .btn_box .btn{ width: 164px; line-height: 82px; background-position: 26px -378px; font-size: 31px; margin-bottom: 23px; padding-left: 81px}
.main_9 .btn_box .btn.a{ background-position: 28px -581px}
.main_9 .img_box{ width:2560px; left: 0; margin-left: 0}

@media only screen and (max-width : 1400px){
	.generic{ height: 608px}
	.generic .box{ transform: scale(0.8); transform-origin: top center}
	
	.main_1{ height: 672px}
	
	.main_9{ height: 672px}
}

@media only screen and (max-width : 1100px){
	.generic{ height: 456px}
	.generic .box{ transform: scale(0.6); transform-origin: top center}
	
	.main_1{ height: 504px}
	
	.main_9{ height: 504px}
}