.video-container { width: 100%; height: 980px; position: relative; overflow: hidden; } .video-container video { width: 100%; height: 100%; object-fit: cover; } .logo{ width: 38px; position: absolute; left: 150px; top: 40px; } .VideoText{ position: absolute; top: 22%; left: 15%; font-size: 53px; font-weight: 600; } .TextZH{ color: #3770F3; margin: 0; margin-top: 18PX; letter-spacing: 8PX; } .TextEN{ color: #90A8C0; margin: 0; margin-top: 18PX; } .menu{ color: #fff; text-decoration: none; } .menu:hover{ color: #000; } .home{ color: #000; text-decoration: none; } .overlay-image { position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; /* 覆盖底部200px,可以根据需要调整 */ background-image: url(../imgs/PNG/首页-视频遮蔽线条.png); background-repeat: no-repeat; background-size: 100% 105%; z-index: 1; /* 确保图片在视频上层 */ } .aboutUs{ width: 100%; min-height: 800px; display: flex; justify-content: center; padding: 180px 0px; margin-top: 80px; background-image: url(../imgs/PNG/首页-弧形线条\(BJF\).svg); background-repeat: no-repeat; background-position: bottom; } .software{ width: 100%; min-height: 800px; display: flex; justify-content: center; padding: 180px 0px; margin-top: 80px; background-image: url(../imgs/PNG/首页-线条.png); background-repeat: no-repeat; background-position: 2% 110%; } .bigData{ width: 100%; min-height: 800px; display: flex; justify-content: center; padding: 180px 0px; margin-top: 80px; /* background-image: url(../imgs/PNG/首页-线条.png); background-repeat: no-repeat; background-position: 2% 110%; */ position: relative; /* 添加这行 */ } .textBox{ width: 35%; display: flex; justify-content: right; } .text{ width:70%; /* background: paleturquoise; */ } .Tilte{ display: flex; } .round{ min-width: 30px; /* 设置最小宽度 */ width: 30px; /* 固定宽度 */ height: 30px; /* 固定高度 */ background: #386EF5; border-radius: 50%; margin-right: 15px; flex-shrink: 0; /* 防止压缩 */ margin-top: 16px; } .textTilte{ display: inline-block; letter-spacing: 7px; /* 字间距 */ padding: 0; margin: 0; font-size: 45px; } .introduce{ width: 100%; /* background: palegreen; */ box-sizing: border-box; padding: 0px 38px; color: rgba(0,0,0,0.9); line-height: 45px; font-size: 22px; } .imgBox{ width:50%; display: flex; align-items: center; margin-left: 18px; } .aboutUsImg{ width: 100%; } .more{ width:60%; height: 60px; background: #386EF5; color: #fff; font-size: 23px; margin-left: 38px; margin-top: 60px; border: none; border-radius: 50px; position: relative; cursor: pointer; } .moreImg{ width: 33px; position: absolute; right: 10px; top: 15px; } .footerBox{ width: 100%; height: 930px; background-image: url(../imgs/PNG/背景下.png); background-repeat: no-repeat; /* 添加这行 */ background-position: 0% 100%; /* 添加这行 */ background-size: 100% 149%; position: relative; /* 添加这行 */ margin-top: 0; /* 添加这行 */ } .Flogo{ position: absolute; top: 65%; left: 10%; } .FlogoImg{ width: 130px; }