193 lines
3.5 KiB
CSS
193 lines
3.5 KiB
CSS
.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;
|
||
} |