webs/giantElephant/css/index.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;
}