.header{width: 100%;position: relative;}
.header img.main{width: 100%;}
.header .mains{width: 50%;height: 100%;position: absolute;top: 0;right: 0;display: flex;align-items: center;}
.header .text{
	width: 540px;
	color: #222;
}
.header .text img{width: 240px;display: block;}
.header .text h3{font-size: 40px;font-weight: bolder;margin-top: 20px;}
.header .text span{font-size: 24px;line-height: 40px;margin-top: 30px;height: 40px;border-radius: 20px;border:1px solid #666;display: block;width: 150px;text-align: center;}

.free{width: 100%;position: relative;margin-top: 100px;}
.free img.main{width: 100%;}
.free .mains{width: 50%;height: 100%;position: absolute;top: 0;left: 0;display: flex;align-items: center;}
.free .text{
	color: #222;
	width: 570px;height: 470px;
	left: 25%;position: relative;
}
.free .text img{width: 240px;}
.free .text h3{font-size: 40px;font-weight: bolder;margin-top: 20px;}
.free .text p{font-size: 24px;line-height: 32px;margin-top: 30px;width: 370px;}

.stable{width: 100%;margin-top: 120px;}
.stable .main{width: 1200px;margin: 0 auto;display: flex;}
.stable .main .left{width: 50%;display: flex;align-items: center;}
.stable .main .left img{width: 100%;border-radius: 20px;}
.stable .main .right{width: 50%;display: flex;align-items: center;position: relative;}
.stable .main .right .text{width: 80%;position: relative;left: 10%;}
.stable .main .right .text h3{font-size: 40px;font-weight: bolder;}
.stable .main .right .text p{font-size: 24px;line-height: 32px;margin-top: 20px;width: 70%;}
.stable .main .right img{max-width: 46%;position: absolute;right: 0;bottom: 0;}

.nice{width: 100%;position: relative;margin-top: 100px;}
.nice img.main{width: 100%;}
.nice .mains{width: 60%;height: 100%;position: absolute;top: 0;left: 0;display: flex;align-items: center;}
.nice .text{
	color: #222;
	width: 570px;height: 410px;
	left: 30%;position: relative;
}
.nice .text img{width: 240px;margin-top: 30px;}
.nice .text h3{font-size: 40px;font-weight: bolder;margin-top: 20px;}
.nice .text p{font-size: 24px;line-height: 32px;margin-top: 30px;width: 480px;}

.bottom{width: 100%;position: relative;top: -100px;}
.bottom img.main{width: 100%;}

.prod{width: 100%;position: relative;top: -300px;margin-bottom: -330px;}
.prod img{width: 100%;display: block;}

@media (max-width: 1660px){

}
@media (max-width: 1440px){
	.header .text{position: relative;left: 10%;}
	.free .text{width: 570px;left: 20%;}
	.nice .text{left: 20%;}
}
@media (max-width: 1280px){
	.header .text h3,.free .text h3,.stable .main .right .text h3,.nice .text h3{font-size: 32px;}
	.header .text{width: 400px;}
	.free .text{width: 450px;height: 350px;}
	.free .text p{font-size: 20px;line-height: 28px;}
	.stable .main .right .text{width: 100%;}
	.stable .main .right .text p{width: 60%;font-size: 20px;line-height: 28px;}
	.stable .main{width: 1000px;}
	.nice .text{width: 440px;}
	.nice .text p{font-size: 20px;line-height: 28px;}
}