所有项目提交
This commit is contained in:
164
giantElephant/css/aboutUs.css
Normal file
164
giantElephant/css/aboutUs.css
Normal file
@@ -0,0 +1,164 @@
|
||||
.headerBox {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ABtitleBox {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: right;
|
||||
background-image: url(../imgs/PNG/关于我们.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 90%;
|
||||
background-position: 0% 100%;
|
||||
|
||||
|
||||
}
|
||||
.BigtitleBox{
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: right;
|
||||
background-image: url(../imgs/PNG/大数据服务.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 90%;
|
||||
background-position: 0% 100%;
|
||||
}
|
||||
.ABtitle{
|
||||
position: absolute;
|
||||
left: 30%;
|
||||
top: 13%;
|
||||
font-size: 35px;
|
||||
}
|
||||
.ABtitle h1{
|
||||
letter-spacing: 8px;
|
||||
margin: 0;
|
||||
}
|
||||
.ABtitle p{
|
||||
font-weight: 500;
|
||||
color: #91A7BC;
|
||||
font-size: 35px;
|
||||
margin: 0;
|
||||
padding-left: 18px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.ABtitleBox .content{
|
||||
position: absolute;
|
||||
top: 55%;
|
||||
left: 6%;
|
||||
width:40%;
|
||||
font-size: 25px;
|
||||
letter-spacing: 2px;
|
||||
line-height: 55px;
|
||||
}
|
||||
.BigtitleBox .content{
|
||||
position: absolute;
|
||||
top: 55%;
|
||||
left: 6%;
|
||||
width:38%;
|
||||
font-size: 25px;
|
||||
letter-spacing: 3px;
|
||||
line-height: 55px;
|
||||
}
|
||||
|
||||
.standard{
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
text-align: center;
|
||||
margin-top: 80px;
|
||||
padding-top: 50px;
|
||||
/* background-image: url(../imgs/PNG/背景下.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0% -216px;
|
||||
background-size: cover; */
|
||||
}
|
||||
.standardTitle h1{
|
||||
font-size: 35px;
|
||||
letter-spacing: 3px;
|
||||
margin: 0;
|
||||
}
|
||||
.standardTitle p{
|
||||
font-size: 20px;
|
||||
|
||||
margin-top: 18px;
|
||||
color: #92A8BD;
|
||||
}
|
||||
.standard ul {
|
||||
width: 80%;
|
||||
height: 330px;
|
||||
/* background: palegreen; */
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
padding: 0;
|
||||
|
||||
margin: 0 auto;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.standard ul li{
|
||||
width: 15%;
|
||||
border-radius: 30px ;
|
||||
overflow: hidden;
|
||||
box-shadow: 0px 0px 10px 0px #87adfc;
|
||||
|
||||
}
|
||||
.longBlock{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
padding-top: 15%;
|
||||
/* display: flex;
|
||||
flex-direction: column; */
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
.longBlock img{
|
||||
width: 120px;
|
||||
}
|
||||
.longBlock p{
|
||||
margin: 0;
|
||||
width: 50%;
|
||||
margin: 0 auto;
|
||||
margin-top: 18px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.separate img{
|
||||
width: 90px;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.bigData,.bigData{
|
||||
min-width: 18% ;
|
||||
margin-left: 6%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.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;
|
||||
}
|
||||
70
giantElephant/css/header.css
Normal file
70
giantElephant/css/header.css
Normal file
@@ -0,0 +1,70 @@
|
||||
.header{
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 230px;
|
||||
background-image: url(../imgs/PNG/hradTop.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 58% 101%;
|
||||
background-position: right;
|
||||
background-position: 100% 0%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0px 20px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1000;
|
||||
|
||||
}
|
||||
.logoBox{
|
||||
width: 28%;
|
||||
text-align: center;
|
||||
}
|
||||
.logo{
|
||||
width: 100px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.menu{
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.menu:hover{
|
||||
color: #000;
|
||||
}
|
||||
|
||||
|
||||
.nav{
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
/* align-items: center; */
|
||||
justify-content: right;
|
||||
padding-top: 3%;
|
||||
padding-right: 5%;
|
||||
font-size: 18px;
|
||||
color: #fff;
|
||||
}
|
||||
.nav li{
|
||||
display: inline;
|
||||
margin: 0 2%;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
cursor: pointer;
|
||||
height: 30px;
|
||||
|
||||
}
|
||||
.nav li:hover{
|
||||
color: #000;
|
||||
}
|
||||
.email{
|
||||
width: 25px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.email:hover{
|
||||
width: 28px;
|
||||
}
|
||||
193
giantElephant/css/index.css
Normal file
193
giantElephant/css/index.css
Normal file
@@ -0,0 +1,193 @@
|
||||
.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;
|
||||
}
|
||||
367
giantElephant/css/software.css
Normal file
367
giantElephant/css/software.css
Normal file
@@ -0,0 +1,367 @@
|
||||
.ABtitleBox {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: right;
|
||||
background-image: url(../imgs/PNG/软件开发.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 90%;
|
||||
background-position: 0% 100%;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.ABtitle{
|
||||
position: absolute;
|
||||
left: 30%;
|
||||
top: 13%;
|
||||
font-size: 35px;
|
||||
}
|
||||
.ABtitle h1{
|
||||
letter-spacing: 8px;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
}
|
||||
.ABtitle p{
|
||||
font-weight: 500;
|
||||
color: #91A7BC;
|
||||
font-size: 35px;
|
||||
margin: 0;
|
||||
margin-top: 8px;
|
||||
|
||||
}
|
||||
|
||||
.ABtitleBox .content{
|
||||
position: absolute;
|
||||
top: 55%;
|
||||
left: 6%;
|
||||
width: 714px;
|
||||
font-size: 25px;
|
||||
letter-spacing: 3px;
|
||||
line-height: 55px;
|
||||
}
|
||||
.ourServicesBox{
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
/* background-color: #F5F5F5; */
|
||||
padding: 50px 0;
|
||||
|
||||
}
|
||||
.ourServicesTitle{
|
||||
width: 80%;
|
||||
height: 100px;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
.ourServicesTitle h1{
|
||||
font-size: 35px;
|
||||
letter-spacing: 3px;
|
||||
margin: 0;
|
||||
}
|
||||
.ourServicesTitle p{
|
||||
font-size: 23px;
|
||||
|
||||
margin-top: 18px;
|
||||
color: #92A8BD;
|
||||
padding: 0;
|
||||
}
|
||||
.ourServicesContent{
|
||||
width: 80%;
|
||||
height: 85%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
}
|
||||
|
||||
.ourServicesContent div{
|
||||
width: 40%;
|
||||
margin-top: 50px;
|
||||
box-shadow: 0px 0px 10px 0px #87adfc;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.left,.right{
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.left img{
|
||||
width: 88%;
|
||||
height: 58%;
|
||||
box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.left h1{
|
||||
width: 90%;
|
||||
text-align: left;
|
||||
margin: 0 auto;
|
||||
margin-top: 30px;
|
||||
font-size: 30px;
|
||||
color: #376DF2;
|
||||
|
||||
}
|
||||
.left p{
|
||||
width: 90%;
|
||||
text-align: left;
|
||||
margin: 0 auto;
|
||||
margin-top: 3%;
|
||||
font-size: 1.2rem;
|
||||
line-height: 35px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.right img{
|
||||
width: 90%;
|
||||
height: 58%;
|
||||
box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.right h1{
|
||||
width: 90%;
|
||||
text-align: left;
|
||||
margin: 0 auto;
|
||||
margin-top: 30px;
|
||||
font-size: 30px;
|
||||
color: #376DF2;
|
||||
|
||||
}
|
||||
.right p{
|
||||
width: 90%;
|
||||
text-align: left;
|
||||
margin: 0 auto;
|
||||
margin-top: 3%;
|
||||
font-size: 1.2rem;
|
||||
line-height: 35px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.ourWorksBox{
|
||||
width: 100%;
|
||||
height: 900px;
|
||||
text-align: center;
|
||||
padding: 0px;
|
||||
margin-top: 100px;
|
||||
background-image: url(../imgs/PNG/首页-弧形线条\(BJF\).svg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 140%;
|
||||
background-position: 0% 0%;
|
||||
}
|
||||
|
||||
.ourWorksBox h1{
|
||||
margin-top: 30px;
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.ourWorksBox ul{
|
||||
width: 85%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 50px;
|
||||
padding: 0px;
|
||||
/* background: palegoldenrod; */
|
||||
}
|
||||
|
||||
.ourWorksBox ul li{
|
||||
width: calc(100% / 5);
|
||||
height: 35%;
|
||||
margin: 0px;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
.ourWorksBox ul li .left2{
|
||||
width:60%;
|
||||
height: 94%;
|
||||
background-color: #E0EDF5;
|
||||
border-radius: 10px;
|
||||
padding: 10px;
|
||||
|
||||
}
|
||||
li .right2{
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
li .right2 img{
|
||||
width: 50px;
|
||||
}
|
||||
.ourWorksBox ul .last{
|
||||
width: 14% !important;
|
||||
background-color: #E0EDF5;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.ourWorksBox ul .last .content{
|
||||
padding: 10px;
|
||||
}
|
||||
.title{
|
||||
margin-top: 10px;
|
||||
font-size: 23px;
|
||||
color: #376DF2;
|
||||
margin-top: 15%;
|
||||
}
|
||||
.text{
|
||||
width: 100%;
|
||||
font-size: 0.9rem;
|
||||
line-height: 28px;
|
||||
text-align: left;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.softwareProduct{
|
||||
width: 100%;
|
||||
height: 800px;
|
||||
}
|
||||
|
||||
|
||||
.softwareProduct h1{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 30px;
|
||||
}
|
||||
.softwareProduct p{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 22px;
|
||||
color: #92A8BD;
|
||||
}
|
||||
|
||||
.CarouselBox{
|
||||
width: 60%;
|
||||
height: 80%;
|
||||
box-shadow: 0px 0px 10px 0px #87adfc;
|
||||
margin: 0 auto;
|
||||
border-radius: 20px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
/* 轮播图容器 */
|
||||
.carousel-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* 轮播图片列表 */
|
||||
.carousel-list {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
transition: transform 0.5s ease;
|
||||
}
|
||||
|
||||
.carousel-item {
|
||||
flex-shrink: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
}
|
||||
|
||||
.carousel-item img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
/* 箭头按钮样式 */
|
||||
.carousel-arrow {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
/* transform: translateY(-50%); */
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
color: white;
|
||||
font-size: 20px;
|
||||
z-index: 10;
|
||||
transition: all 0.3s ease;
|
||||
user-select: none;
|
||||
/* 确保基线对齐 */
|
||||
line-height: 1;
|
||||
/* 移除任何可能的内边距 */
|
||||
padding: 0;
|
||||
/* 确保盒模型一致 */
|
||||
box-sizing: border-box;
|
||||
/* 强制相同的文本基线 */
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.carousel-arrow:hover {
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
|
||||
.carousel-arrow-left {
|
||||
left: 20px;
|
||||
top: 48.7%;
|
||||
|
||||
}
|
||||
|
||||
.carousel-arrow-right {
|
||||
right: 20px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.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;
|
||||
}
|
||||
Reference in New Issue
Block a user