.header{width: 100%;position: relative;}
.header img.main{width: 100%;}
.header .mains{width: 50%;height: 100%;position: absolute;top: 0;left: 0;display: flex;align-items: center;}
.header .text{
	color: #222;
	position: absolute;
	right: 20%;
	color: #24A7FA;
}
.header .text h3{font-size: 40px;font-weight: bolder;margin-top: 20px;}

section{background: #f0f0f0;color: #24A7FA;}
section img{display: block;}

.connect{width: 100%;position: relative;}
.connect img.cc{width: 100%;}
.connect .main{width: 1200px;text-align: center;position: absolute;left: calc(50% - 600px);top: 0;}
.connect .main h3{font-size: 40px;font-weight: bolder;}
.connect .main p{font-size: 24px;line-height: 32px;margin:30px auto 0;width: 80%;}
.connect .main .con{margin-top: 40px;text-align: center;}
.connect .main .con img{max-width: 650px;border-radius: 20px;margin: 20px auto 0;}

.track{width: 100%;position: relative;}
.track img.cc{width: 100%;}
.track .main{width: 1200px;text-align: center;position: absolute;left: calc(50% - 600px);top: 0;}
.track .main h3{font-size: 40px;font-weight: bolder;}
.track .main p{font-size: 24px;line-height: 32px;margin:30px auto 0;width: 80%;}
.track .main img{max-width: 650px;border-radius: 20px;margin: 20px auto 0;}

.control{width: 100%;margin-top: 100px;padding-bottom: 100px;}
.control .main{width: 1200px;margin: 0 auto;}
.control .main h3{font-size: 40px;font-weight: bolder;text-align: center;}
.control .main p{font-size: 24px;line-height: 32px;margin:30px auto 0;width: 80%;text-align: center;}
.control .main .con{display: flex;justify-content: space-between;margin-top: 50px;flex-wrap: wrap;}
.control .main .con li{width: calc(33.33% - 40px);text-align: center;}
.control .main .con li img{width: 100%;border-radius: 20px;}
.control .main .con li h4{font-size: 28px;font-weight:bold;margin-top: 15px;}
.control .main .con li span{display: block;margin-top: 10px;font-size: 22px;}

.control .main .yy{justify-content: center;}
.control .main .yy li.fi{margin-right: 40px;}

.ka{width: 100%;padding-bottom: 100px;}
.ka .main{width: 1200px;margin: 0 auto;text-align: center;}
.ka .main h3{font-size: 40px;font-weight: bolder;}
.ka .main p{font-size: 24px;line-height: 32px;margin:30px auto 0;width: 80%;}
.ka .main img{max-width: 800px;border-radius: 20px;margin: 30px auto 0;}

.beauty{width: 100%;margin-top: 100px;padding-bottom: 100px;}
.beauty .main{width: 1200px;margin: 0 auto;}
.beauty .main h3{font-size: 40px;font-weight: bolder;text-align: center;}
.beauty .main p{font-size: 24px;line-height: 32px;margin:30px auto 0;width: 80%;text-align: center;}
.beauty .main img{border-radius: 20px;}
.beauty .main ul.all{justify-content: space-between;display: flex;margin-top: 40px;}
.beauty .main ul.all li.ii{width: calc(50% - 18px);}
.beauty .main ul.all .small{display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.beauty .main ul.all .small li{width: 100%;}
.beauty .main ul.all .small li img{width: 100%;}
.site-footer{margin-top: 0 !important;}
@media (min-width: 1921px){
	.connect .main .con img{max-width: 900px;}
	.connect .main .con img.cn2{margin-top: 120px;}
	.track .main img{max-width: 900px;margin-top: 100px;}
}
@media (max-width: 1660px){

}
@media (max-width: 1440px){
	.connect .main .con img{max-width: 580px;display: block;}
	.track{padding-bottom: 200px;}
	.track .main{top: 180px;}
	.control .main{width: 1000px;margin-top: 40px;}
	.beauty .main{width: 1000px;}
	.connect .main .con{margin-top: 20px;}
}
@media (max-width: 1280px){
	.connect .main .con img{max-width: 500px;}
}