.header{width: 100%;position: relative;}
.header img.main{width: 100%;}
.header .text{
	width: 300px;height: 200px;
	color: #222;
	position: absolute;
	right: 24%;
	top: 38%;
	color: #fff;
}
.header .text img{max-width: 60%;}
.header .text h3{font-size: 34px;margin-top: 20px;font-weight: normal;line-height: 50px;}
section img{display: block;}
section{background: url(../jpg/sbg.jpg) repeat left top;background-size:100% 100%;color: #fff;}

.install{width: 100%;position: relative;}
.install .mains{width: 50%;position: absolute;left: 0;top: 0;display: flex;align-items: center;height: 100%;float: right;}
.install .mains .text{width: 340px;height: 200px;position: absolute;right: 20%;}
.install .mains .text h3{font-size: 28px;}
.install .mains .text p{font-size: 20px;margin-top: 20px;}
.install .mains .text ul{display: flex;margin-top: 20px;}
.install .mains .text ul li{width: 20%;text-align: center;margin-right: 5%;}
.install .mains .text ul li img{width: 100%;}
.install .mains .text ul li span{display: block;margin-top: 15px;text-align: center;font-size: 16px;}

.small{width: 100%;position: relative;}
.small .mains{width: 50%;position: absolute;right: 0;top: 0;display: flex;align-items: center;height: 100%;float: right;}
.small .mains .text{width: 300px;height: 140px;position: absolute;left: 10%;}
.small .mains .text h3{font-size: 28px;}
.small .mains .text p{font-size: 20px;margin-top: 20px;}

.track{width: 100%;position: relative;}
.track .text{width: 100%;position: absolute;left: 0;top: 2%;text-align: center;}
.track .text h3{font-size: 28px;}
.track .text p{font-size: 20px;margin-top: 10px;}

.status{width: 100%;position: relative;}
.status .mains{width: 50%;position: absolute;left: 0;top: 0;display: flex;align-items: center;height: 100%;float: right;}
.status .mains .text{width: 380px;height: 140px;position: absolute;right: 12%;}
.status .mains .text h3{font-size: 28px;}
.status .mains .text p{font-size: 20px;margin-top: 20px;line-height: 36px;}

.control{width: 100%;position: relative;}
.control img.main{width: 100%;}
.control .mains{width: 1200px;position: absolute;top: 0;left: calc(50% - 600px);}
.control .mains .title{position: relative;margin: 0 auto;text-align: center;}
.control .mains .title h3{font-size: 80px;}
.control .mains .title h3 span{display: inline-block;border-bottom: 1px solid #fff;width: 160px;font-size: 16px;
	text-align: center;font-weight: normal;padding-bottom: 4px;}
.control .mains .title .cc{font-size: 28px;text-align: center;font-weight: bold;}
.control .mains p{font-size: 20px;text-align: center;line-height: 36px;}
.control .mains ul{margin-top: 15px;display: flex;justify-content: space-between;}
.control .mains ul li{width: calc(33.33% - 50px);}
.control .mains ul li img{width: 100%;border-radius: 20px;}
.control .mains ul li p{line-height: 28px;font-size: 20px;text-align: left;width: 94%;margin: 10px auto 0;}

.bom{width: 100%;position: relative;}
.bom img.main{width: 100%;}
.bom .text{position: absolute;top: 0;left: 0;text-align: center;width: 100%;}
.bom .text h3{font-size: 28px;text-align: center;margin: 0 auto;width: 100%;margin-top: 20px;}
.site-footer{margin-top: 0 !important;}
@media (min-width: 1921px){

}
@media (max-width: 1660px){

}
@media (max-width: 1440px){
	.header .text{right: 20%;}
	.control .mains ul li p{font-size: 18px;line-height: 24px;}
}
@media (max-width: 1280px){
	.control .mains{width: 1000px;left: calc(50% - 500px);}
	.control .mains ul li p{line-height: 24px;font-size: 18px;}
	.header .text{right: 15%;}
}