Compare commits
21 Commits
412e2f7031
...
power-leas
| Author | SHA1 | Date | |
|---|---|---|---|
| ccf22ff707 | |||
| a2fc94b402 | |||
| a60603acd0 | |||
| d1b3357a8e | |||
| d02c7dccf6 | |||
| 4953fdda05 | |||
| c1cb6cfbd5 | |||
| 48296de714 | |||
| 598530a805 | |||
| 5d76da351e | |||
| ac8bda4f94 | |||
| 21e5b9800f | |||
| 4f0c460668 | |||
| 2810dd5bb6 | |||
| 2c9a1c4f2c | |||
| 9133a9329b | |||
| b4428e08df | |||
| 503b5f14b1 | |||
| c7dec1cf35 | |||
| 4b4ecee679 | |||
| d76668bfd4 |
225
fengxiao/css/aboutUs.css
Normal file
225
fengxiao/css/aboutUs.css
Normal file
@@ -0,0 +1,225 @@
|
||||
* ,body{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
/* box-sizing: border-box; */
|
||||
}
|
||||
|
||||
|
||||
.banner{
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
|
||||
/* background: linear-gradient(to bottom, #3A8DFF 0%, #AEE6FF 60%, #F1F1F1 100%),
|
||||
url(../imgs/support/bg.png); */
|
||||
|
||||
background: linear-gradient(
|
||||
to bottom,
|
||||
#3478FD 0%,
|
||||
#BED0F4 80%,
|
||||
#f1f1f1 100%
|
||||
);
|
||||
|
||||
/* background: url(../imgs/support/bg.png) no-repeat bottom; */
|
||||
background-size: 100% 80%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: top, center;
|
||||
box-sizing: border-box;
|
||||
background-blend-mode: multiply;
|
||||
margin-top: 12vh;
|
||||
}
|
||||
|
||||
.banner-content{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url(../imgs/about/bg.svg);
|
||||
background-size: 120vw auto;
|
||||
background-position: 60% -8vw;
|
||||
background-repeat: no-repeat;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.banner-content-text{
|
||||
width: 40%;
|
||||
height: 60%;
|
||||
position: absolute;
|
||||
top: 10vw;
|
||||
left: 30vw;
|
||||
|
||||
}
|
||||
|
||||
.banner-content-text p:nth-child(1){
|
||||
font-size: 5vw;
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.banner-content-text p:nth-child(2){
|
||||
font-size: 5vw;
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.banner-content-text p:nth-child(3){
|
||||
font-size: 1.6vw;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.1vw;
|
||||
margin-top: 2vh;
|
||||
}
|
||||
|
||||
.banner-content-text a{
|
||||
display: inline-block;
|
||||
width: 9vw;
|
||||
height: 2.3vw;
|
||||
background: #fff;
|
||||
border-radius: 1vw;
|
||||
background: #3478FD;
|
||||
text-decoration: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 3vh;
|
||||
margin-left: 13vw;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.banner-content-text a span{
|
||||
font-size: 0.9vw;
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.banner-content-text a img{
|
||||
width: 1.2vw;
|
||||
height: 1.2vw;
|
||||
margin-left: 1vw;
|
||||
}
|
||||
|
||||
.banner-content-text a:hover{
|
||||
transform: scale(1.05);
|
||||
}
|
||||
/* ---------------------------- */
|
||||
.aboutUs-content{
|
||||
width: 100%;
|
||||
height: 50vh;
|
||||
background: linear-gradient(
|
||||
to bottom,
|
||||
#f1f1f1 0%,
|
||||
#f1f1f1 100%
|
||||
);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.aboutUs-content-text{
|
||||
width: 80%;
|
||||
height: 100%;
|
||||
|
||||
margin: 0 auto;
|
||||
background: url(../imgs/about/adout1.png) ,url(../imgs/about/adout2.png);
|
||||
background-size: 25vw auto,25vw auto;
|
||||
background-position: 0 0,100% 0;
|
||||
background-repeat: no-repeat;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
padding-top: 18vh;
|
||||
position: relative;
|
||||
top: -10vw;
|
||||
left: 2vw;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.aboutUs-content-text .text{
|
||||
width: 42%;
|
||||
height: 80%;
|
||||
background:#fff;
|
||||
margin: 0 auto;
|
||||
box-sizing: border-box;
|
||||
box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 1.05vw;
|
||||
padding: 2.5vw;
|
||||
font-size: 1vw;
|
||||
text-align: left;
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
line-height: 4.2vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: justify;
|
||||
}
|
||||
/* ----------------- */
|
||||
.aboutUs-team{
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background: linear-gradient(
|
||||
to bottom,
|
||||
#f1f1f1 0%,
|
||||
#D8E8F4 100%
|
||||
);
|
||||
|
||||
|
||||
}
|
||||
|
||||
.banner-content-list {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
/* background-color: #f1f1f1; */
|
||||
position: relative;
|
||||
background-image: url(../imgs/about/bg2.svg);
|
||||
background-size: 99% 80%;
|
||||
background-position: 100% 18vw;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.banner-content-list h2{
|
||||
font-size: 3vw;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
text-decoration: underline;
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
text-underline-offset: 0.8vw;
|
||||
text-decoration-thickness: 1px;
|
||||
}
|
||||
|
||||
.content-listBOX{
|
||||
width: 80%;
|
||||
height: 70%;
|
||||
/* background: palegoldenrod; */
|
||||
margin-top: 4vh;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.content-listBOX-item{
|
||||
width: 23vw;
|
||||
height: 73%;
|
||||
/* background: palegoldenrod; */
|
||||
list-style: none;
|
||||
border-radius: 1vw;
|
||||
box-shadow: 8px 5px 10px 5px rgba(0,0,0,0.1);
|
||||
background: #fff;
|
||||
padding: 1vw;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.content-listBOX-item img{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.content-listBOX-item h3{
|
||||
font-size: 1vw;
|
||||
/* font-weight: 500; */
|
||||
margin-top: 4vh;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
|
||||
393
fengxiao/css/aimodel.css
Normal file
393
fengxiao/css/aimodel.css
Normal file
@@ -0,0 +1,393 @@
|
||||
body,*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.banner{
|
||||
width: 100%;
|
||||
height: 160vh;
|
||||
box-sizing: border-box;
|
||||
padding-top: 12vh;
|
||||
background: linear-gradient(to bottom, rgba(241, 241, 241, 1) 12vh,#C0E0F5 90vh, #C0E0F5 100%);
|
||||
/* background: linear-gradient(to bottom, rgba(245, 245, 245, 1) 0%,#C0E0F5 50%, #C0E0F5 100%); */
|
||||
|
||||
}
|
||||
|
||||
|
||||
.banner-top{
|
||||
width: 100%;
|
||||
height: 70vh;
|
||||
background-image: url(../imgs/model/bg.png);
|
||||
background-size: 36vw auto;
|
||||
background-position: 89% 0vw;
|
||||
background-repeat: no-repeat;
|
||||
margin: 0;
|
||||
}
|
||||
.banner-top-content{
|
||||
box-sizing: border-box;
|
||||
width: 40%;
|
||||
height: 60%;
|
||||
margin-left: 15vw;
|
||||
color: #1A2B3D;
|
||||
font-weight: 400;
|
||||
padding-top: 5vw;
|
||||
}
|
||||
.banner-top-content p:nth-child(1){
|
||||
font-size: 4.5vw;
|
||||
margin: 0;
|
||||
|
||||
|
||||
}
|
||||
.banner-top-content p:nth-child(2){
|
||||
font-size: 4.5vw;
|
||||
margin: 0;
|
||||
|
||||
}
|
||||
.banner-top-content p:nth-child(3){
|
||||
font-size: 0.95vw;
|
||||
margin: 0;
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
width: 78%;
|
||||
margin-top: 1vh;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.banner-bottom {
|
||||
width: 100%;
|
||||
height: 70vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
/* background: #f5f9fc; */
|
||||
position: relative;
|
||||
|
||||
}
|
||||
|
||||
.carousel-container {
|
||||
position: relative;
|
||||
width: 80%;
|
||||
/* height: 400px; */
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.carousel-track {
|
||||
display: flex;
|
||||
transition: transform 0.8s cubic-bezier(0.16, 0.77, 0.58, 0.97);
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.carousel-item {
|
||||
width: 28vw;
|
||||
height: 55vh !important;
|
||||
|
||||
border-radius: 20px;
|
||||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
|
||||
margin: 0 20px;
|
||||
flex-shrink: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
padding: 1vw;
|
||||
}
|
||||
|
||||
/* 确保中间图片完全清晰的关键修改 */
|
||||
.carousel-item img {
|
||||
width: 100%;
|
||||
height: 80%;
|
||||
object-fit: cover;
|
||||
border-radius: 20px 20px 0 0;
|
||||
/* 明确设置无滤镜 */
|
||||
filter: none !important;
|
||||
}
|
||||
|
||||
/* 仅对两侧卡片应用模糊效果 */
|
||||
.carousel-item.left-side img,
|
||||
.carousel-item.right-side img {
|
||||
filter: blur(2px) brightness(0.9);
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
/* 中间卡片保持原始状态 */
|
||||
.carousel-item.center {
|
||||
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
|
||||
/* 确保不继承任何模糊效果 */
|
||||
filter: none !important;
|
||||
}
|
||||
|
||||
.carousel-caption {
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
color: #444444;
|
||||
font-weight: 500;
|
||||
background: #fff;
|
||||
margin-top: 5vh;
|
||||
}
|
||||
|
||||
/* 渐变遮罩 */
|
||||
.carousel-fade {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 28vw;
|
||||
height: 100%;
|
||||
z-index: 5;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.carousel-fade.left {
|
||||
width: 50vw;
|
||||
left: 0;
|
||||
background: linear-gradient(to right, #C0E0F5 0%, #C0E0F5 10%, rgba(207, 231, 246, 0) 80%);
|
||||
}
|
||||
|
||||
.carousel-fade.right {
|
||||
right: 0;
|
||||
background: linear-gradient(to left, rgba(194, 225, 245, 1) 0%, rgba(245, 249, 252, 0) 80%);
|
||||
}
|
||||
|
||||
/* 指示点放在盒子外部 */
|
||||
.carousel-dots {
|
||||
position: absolute;
|
||||
left: 56%;
|
||||
bottom: -40px;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
z-index: 8;
|
||||
/* background: red; */
|
||||
}
|
||||
|
||||
.carousel-dots .dot {
|
||||
width: 1vw;
|
||||
height: 1vw;
|
||||
border-radius: 50%;
|
||||
background:#fff;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.carousel-dots .dot.active {
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
/* --------------场景需求分析--------------------- */
|
||||
.website-design-content{
|
||||
width: 100%;
|
||||
height: 370vh;
|
||||
background-color: #f1f1f1;
|
||||
background-image: url(../imgs/home/bg1.svg);
|
||||
background-size: 100% auto;
|
||||
background-position: 89% 106%;
|
||||
background-repeat: no-repeat;
|
||||
padding-top: 25vh;
|
||||
}
|
||||
.list-item{
|
||||
width: 80%;
|
||||
height: 50vh;
|
||||
flex-shrink: 0;
|
||||
margin: 0 auto;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
/* background: palegoldenrod; */
|
||||
|
||||
}
|
||||
|
||||
.list-item img{
|
||||
width: 35vw;
|
||||
height:auto;
|
||||
}
|
||||
.list-item div{
|
||||
width: 40vw;
|
||||
height:auto;
|
||||
margin-left: 10vw;
|
||||
}
|
||||
.list-item div h3{
|
||||
font-size: 1.8vw;
|
||||
font-weight: 600;
|
||||
color: #1B2A3D;
|
||||
}
|
||||
.list-item div p{
|
||||
width: 80%;
|
||||
font-size: 1vw;
|
||||
color: #666;
|
||||
margin-top: 5vh;
|
||||
}
|
||||
|
||||
.right-arrow{
|
||||
width: 95%;
|
||||
/* height: 30vh; */
|
||||
text-align: center;
|
||||
/* background: palegoldenrod; */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.right-arrow img{
|
||||
width: 18vw;
|
||||
height: auto;
|
||||
}
|
||||
.left-arrow {
|
||||
width: 20vw; /* 根据实际需要设置 */
|
||||
height: auto;
|
||||
transform: scaleX(-1); /* 或 rotate(180deg) */
|
||||
}
|
||||
/* ------------------服务能力--------------------- */
|
||||
.serviceProcess{
|
||||
width: 100%;
|
||||
height: 150vh;
|
||||
background: linear-gradient(to bottom, #397FF9 0%,#397FF9 50%, #5CB1E5 100%);
|
||||
padding-top: 10vh;
|
||||
|
||||
}
|
||||
.serviceProcess h3{
|
||||
width: 100%;
|
||||
font-size: 3vw;
|
||||
font-weight: 400;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
.serviceProcess p{
|
||||
width: 100%;
|
||||
font-size: 0.9vw;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
text-align: center;
|
||||
margin-top: 3vh;
|
||||
}
|
||||
|
||||
.process-list{
|
||||
width: 90%;
|
||||
height: 100vh;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 3vh;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.process-item{
|
||||
width: 24vw;
|
||||
height: 53vh;
|
||||
background: #fff;
|
||||
list-style: none;
|
||||
margin-left: 3vw;
|
||||
border-radius: 18px;
|
||||
box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1);
|
||||
box-sizing: border-box;
|
||||
padding: 2vw;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
margin-top: 8vh;
|
||||
}
|
||||
.process-item img{
|
||||
width:auto;
|
||||
height: 10vh;
|
||||
margin-top: 2vh;
|
||||
}
|
||||
.process-item h3{
|
||||
font-size: 1.1vw;
|
||||
color: #1B2A3D;
|
||||
margin-top: 3vh;
|
||||
}
|
||||
.process-item h3 span{
|
||||
|
||||
font-weight: 600;
|
||||
color: #1B2A3D;
|
||||
margin-top: 3vh;
|
||||
}
|
||||
|
||||
.process-item p{
|
||||
margin: 0 auto;
|
||||
width: 90%;
|
||||
font-size: 0.95vw;
|
||||
color: #666;
|
||||
margin-top: 3vh;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.processBth{
|
||||
width: 100%;
|
||||
/* height: 8vh; */
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
bottom: 5vh;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.processBth a{
|
||||
display: inline-block;
|
||||
width: 9vw;
|
||||
height: 2.3vw;
|
||||
background: #fff;
|
||||
border-radius: 1vw;
|
||||
background: #3478FD;
|
||||
text-decoration: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.processBth a span{
|
||||
font-size: 0.8vw;
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.processBth a img{
|
||||
width: 1vw;
|
||||
height:auto;
|
||||
margin: 0;
|
||||
margin-left: 0.5vw;
|
||||
}
|
||||
|
||||
.processBth a:hover{
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
/* ---------------- */
|
||||
|
||||
.serviceBox{
|
||||
width: 100%;
|
||||
height: 30vh;
|
||||
background: #f1f1f1;
|
||||
}
|
||||
.serviceBox-content{
|
||||
width: 60%;
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.serviceBox-content img{
|
||||
|
||||
width: 16vw;
|
||||
height: auto;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
70
fengxiao/css/base.css
Normal file
70
fengxiao/css/base.css
Normal file
@@ -0,0 +1,70 @@
|
||||
/* 所有标签的内外边距清零 */
|
||||
* {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
/* css3盒子模型 */
|
||||
box-sizing: border-box;
|
||||
font-family:DFKai-SB;
|
||||
}
|
||||
/* em 和 i 斜体的文字不倾斜 */
|
||||
em,
|
||||
i {
|
||||
font-style: normal
|
||||
}
|
||||
/* 去掉li 的小圆点 */
|
||||
/* li {
|
||||
list-style: none
|
||||
} */
|
||||
/* ul{
|
||||
list-style: none;
|
||||
} */
|
||||
|
||||
img {
|
||||
/* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */
|
||||
border: 0;
|
||||
/* 取消图片底侧有空白缝隙的问题 */
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
button {
|
||||
/* 当我们鼠标经过button 按钮的时候，鼠标变成小手 */
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
a {
|
||||
color: #666;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #c81623
|
||||
}
|
||||
|
||||
button,
|
||||
input {
|
||||
/* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */
|
||||
font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
|
||||
/* 默认有灰色边框我们需要手动去掉 */
|
||||
}
|
||||
|
||||
body {
|
||||
/* CSS3 抗锯齿形 让文字显示的更加清晰 */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
/* background-color: #fff; */
|
||||
/* font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif; */
|
||||
/* color: #666 */
|
||||
}
|
||||
|
||||
.hide,
|
||||
.none {
|
||||
display: none
|
||||
}
|
||||
/* 清除浮动 */
|
||||
.clearfix::after {
|
||||
visibility: hidden;
|
||||
clear: both;
|
||||
display: block;
|
||||
content: ".";
|
||||
height: 0
|
||||
}
|
||||
|
||||
124
fengxiao/css/footer.css
Normal file
124
fengxiao/css/footer.css
Normal file
@@ -0,0 +1,124 @@
|
||||
.footer{
|
||||
width: 100%;
|
||||
height: 60vh;
|
||||
background: #1A2B3B;
|
||||
background-image: url(../imgs/home/footerbg.png);
|
||||
background-size: auto 100%;
|
||||
background-position: right;
|
||||
background-repeat: no-repeat;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.footer-list{
|
||||
width: 90%;
|
||||
height: 90%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
box-sizing: border-box;
|
||||
/* margin: 0 auto; */
|
||||
/* background: palegoldenrod; */
|
||||
}
|
||||
|
||||
.footer-list-item{
|
||||
width: 20vw;
|
||||
height: 90%;
|
||||
list-style: none;
|
||||
/* background: palegoldenrod; */
|
||||
text-align: center;
|
||||
padding-top: 12vh;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.footer-logo{
|
||||
width: 8vw;
|
||||
}
|
||||
|
||||
.footer-list-item-text{
|
||||
width: 100%;
|
||||
font-size: 0.89vw;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
text-align: justify;
|
||||
/* padding-top: 2vh; */
|
||||
box-sizing: border-box;
|
||||
line-height: 3vw;
|
||||
}
|
||||
|
||||
.item-textBOX{
|
||||
padding-top: 10vh;
|
||||
width: 19vw;
|
||||
}
|
||||
.item-nav{
|
||||
color: #fff;
|
||||
padding-top: 10vh;
|
||||
text-align: left;
|
||||
padding-left: 5vw;
|
||||
}
|
||||
|
||||
|
||||
.item-nav p:nth-of-type(1){
|
||||
font-size: 1.5vw;
|
||||
font-weight: 400;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.item-nav p:nth-of-type(2) {
|
||||
font-size: 0.8vw;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
|
||||
}
|
||||
|
||||
.item-nav p:nth-of-type(3) {
|
||||
font-size: 0.8vw;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
|
||||
}
|
||||
|
||||
.item-nav p:nth-of-type(2) a{
|
||||
font-size: 0.8vw;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.item-nav p:nth-of-type(3) a{
|
||||
font-size: 0.8vw;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.item-nav p a:hover{
|
||||
color: #4885FD;
|
||||
}
|
||||
|
||||
.item-nav p img{
|
||||
width: 1vw;
|
||||
height: auto;
|
||||
margin-right: 1vw;
|
||||
}
|
||||
|
||||
|
||||
/* .footer-list-item img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
} */
|
||||
.footer-bottom{
|
||||
width: 98%;
|
||||
margin: 0 auto;
|
||||
padding: 0vw 3vw;
|
||||
text-align: right;
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
font-size: 0.8vw;
|
||||
box-sizing: border-box;
|
||||
height: 4vh;
|
||||
}
|
||||
|
||||
.footer-bottom .record{
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
.footer-bottom .record:hover{
|
||||
color: #00A0D2;
|
||||
}
|
||||
322
fengxiao/css/header.css
Normal file
322
fengxiao/css/header.css
Normal file
@@ -0,0 +1,322 @@
|
||||
.header{
|
||||
width: 100%;
|
||||
height: 12vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
/* background: #fff; */
|
||||
background-color: rgba(241, 241, 241, 0.5);
|
||||
z-index: 1000;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
transition: background 0.3s;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
.header.scrolled {
|
||||
background-color: #fff;
|
||||
box-shadow: 0 2px 16px rgba(0,0,0,0.04); /* 可选：加阴影提升层次 */
|
||||
}
|
||||
|
||||
.logo{
|
||||
width: 20%;
|
||||
height: 100%;
|
||||
/* background: palegoldenrod; */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 8vw;
|
||||
}
|
||||
.logo img{
|
||||
width: 8vw;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.nav{
|
||||
width: 46%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding-right: 8vw;
|
||||
/* background: palegoldenrod; */
|
||||
}
|
||||
|
||||
.nav-list{
|
||||
width: 100%;
|
||||
height: 43%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
/* background: paleturquoise; */
|
||||
}
|
||||
|
||||
.nav-item{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
}
|
||||
|
||||
.nav-item a{
|
||||
color: #1A2B3C;
|
||||
font-size: 0.9vw;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.nav-item a.active {
|
||||
|
||||
color: #3478FD;
|
||||
|
||||
|
||||
}
|
||||
|
||||
/* .nav-item a.active::before {
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: #00a0d1;
|
||||
position: absolute;
|
||||
bottom: -5px;
|
||||
left: 0;
|
||||
display: block;
|
||||
} */
|
||||
|
||||
.nav-item a:hover{
|
||||
color: #3478FD;
|
||||
}
|
||||
|
||||
/* 下拉菜单 */
|
||||
.nav-dropdown {
|
||||
position: relative;
|
||||
}
|
||||
.arrow {
|
||||
margin-left: 4px;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
|
||||
.dropdown-menu li {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
|
||||
}
|
||||
.dropdown-menu li a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10px 24px;
|
||||
color: #1A2B3C;
|
||||
font-size: 1em;
|
||||
white-space: nowrap;
|
||||
transition: background 0.2s;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.dropdown-menu li a:hover {
|
||||
background: #f2f8fa;
|
||||
color: #3478FD;
|
||||
}
|
||||
.dropdown-mask {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 1000;
|
||||
left: 0; top: 0; right: 0; bottom: 0;
|
||||
background: rgba(0,0,0,0.08);
|
||||
}
|
||||
/* 下拉激活时显示 */
|
||||
.nav-dropdown.open .dropdown-menu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.dropdown-mask.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.arrow {
|
||||
display: inline-block;
|
||||
margin-left: 6px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
vertical-align: middle;
|
||||
border-left: 5px solid transparent;
|
||||
border-right: 5px solid transparent;
|
||||
border-top: 5px solid #1A2B3C;
|
||||
transition: transform 0.2s;
|
||||
}
|
||||
.nav-dropdown.open .arrow {
|
||||
transform: rotate(180deg);
|
||||
|
||||
border-top: 5px solid #3478FD;
|
||||
}
|
||||
.nav-dropdown a:hover .arrow,.nav-item a.active .arrow{
|
||||
border-top: 5px solid #3478FD;
|
||||
}
|
||||
|
||||
/* 下拉菜单动画 */
|
||||
.dropdown-menu {
|
||||
display: block; /* 让动画生效，实际用visibility控制显示 */
|
||||
/* opacity: 0; */
|
||||
transform: translateY(10px);
|
||||
visibility: hidden;
|
||||
pointer-events: none;
|
||||
transition: opacity 0.25s cubic-bezier(.4,0,.2,1),
|
||||
transform 0.25s cubic-bezier(.4,0,.2,1),
|
||||
visibility 0.25s;
|
||||
position: absolute;
|
||||
top: 8vh;
|
||||
left: 0;
|
||||
min-width:15vw;
|
||||
background: #fff;
|
||||
box-shadow: 0 4px 24px rgba(0,0,0,0.12);
|
||||
border-radius: 8px;
|
||||
z-index: 1001;
|
||||
padding: 12px 0;
|
||||
}
|
||||
.nav-dropdown.open .dropdown-menu {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
visibility: visible;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
|
||||
.dropdown-item{
|
||||
display: inline-block;
|
||||
margin-left: 6px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
vertical-align: middle;
|
||||
border-top: 5px solid transparent;
|
||||
border-bottom: 5px solid transparent;
|
||||
border-left: 5px solid #1A2B3C;
|
||||
transition: transform 0.2s;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
.dropdown-item img{
|
||||
width: 50%;
|
||||
height: auto;
|
||||
}
|
||||
/* hover 时去掉背景色，加边框 */
|
||||
.dropdown-menu li:hover .dropdown-item {
|
||||
transform: scale(1.1);
|
||||
border-left: 5px solid #3478FD;
|
||||
}
|
||||
|
||||
.dropdown-menu li:hover .dropdown-item img {
|
||||
filter: brightness(0) saturate(100%) invert(41%) sepia(99%) saturate(749%) hue-rotate(162deg) brightness(97%) contrast(101%);
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
/* 联系我们 */
|
||||
.contactUs{
|
||||
|
||||
border-radius: 30px;
|
||||
transition: box-shadow 0.2s, background 0.3s,transform 0.2s;
|
||||
background: #3478FD;
|
||||
margin-left: 6vw;
|
||||
}
|
||||
|
||||
.contactUs:focus,
|
||||
.contactUs:hover {
|
||||
box-shadow: 0 8px 24px rgba(26, 109, 197, 0.22);
|
||||
/* background: linear-gradient(100deg, #4fd7fa 0%, #2a7be0 100%); */
|
||||
transform: translateY(-2px) scale(1.03);
|
||||
}
|
||||
|
||||
.contactUs .contactUs-email {
|
||||
transition:
|
||||
box-shadow 0.2s,
|
||||
background 0.2s,
|
||||
transform 0.2s;
|
||||
}
|
||||
|
||||
.contactUs:focus .contactUs-email,
|
||||
.contactUs:hover .contactUs-email {
|
||||
/* background: #e6f7ff; */
|
||||
/* box-shadow: 0 0 0 4px rgba(54,198,240,0.15); */
|
||||
transform: scale(1.12) rotate(-6deg);
|
||||
}
|
||||
|
||||
|
||||
.contactUs a{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
/* background: palevioletred; */
|
||||
|
||||
}
|
||||
|
||||
.contactUs a span {
|
||||
transition: color 0.2s, font-weight 0.2s;
|
||||
font-size: 0.8vw;
|
||||
}
|
||||
|
||||
.contactUs:focus a span,
|
||||
.contactUs:hover a span {
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.contactUs-email{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 1.6vw;
|
||||
height: 1.6vw;
|
||||
border-radius: 50%;
|
||||
/* background: #fff; */
|
||||
margin-left: 0.5vw;
|
||||
}
|
||||
|
||||
.contactUs-email img{
|
||||
width: 60%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* 让 menu-active 和 hover 效果一致 */
|
||||
.dropdown-menu li a.menu-active,
|
||||
.dropdown-menu li a:hover {
|
||||
background: #f2f8fa;
|
||||
color: #3478FD;
|
||||
}
|
||||
|
||||
/* 图标边框和滤镜一致 */
|
||||
.dropdown-menu li a.menu-active .dropdown-item,
|
||||
.dropdown-menu li a:hover .dropdown-item {
|
||||
|
||||
display: inline-block;
|
||||
margin-left: 6px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
vertical-align: middle;
|
||||
border-top: 5px solid transparent;
|
||||
border-bottom: 5px solid transparent;
|
||||
border-left: 5px solid #3478FD;
|
||||
transition: transform 0.2s;
|
||||
transition: all 0.2s;
|
||||
/* transform: scale(1.1); */
|
||||
}
|
||||
|
||||
.dropdown-menu li a.menu-active .dropdown-item img,
|
||||
.dropdown-menu li a:hover .dropdown-item img {
|
||||
filter: brightness(0) saturate(100%) invert(41%) sepia(99%) saturate(749%) hue-rotate(162deg) brightness(97%) contrast(101%);
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
550
fengxiao/css/index.css
Normal file
550
fengxiao/css/index.css
Normal file
@@ -0,0 +1,550 @@
|
||||
body{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background:#F1F1F1;
|
||||
padding-top: 12vh;
|
||||
}
|
||||
|
||||
*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.banner{
|
||||
width: 88%;
|
||||
height: 85vh;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.banner-left{
|
||||
width: 86%;
|
||||
height: 100%;
|
||||
/* background: palegoldenrod; */
|
||||
padding: 1vw;
|
||||
position: relative;
|
||||
}
|
||||
.banner-left-video{
|
||||
border-radius: 18px;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 70vh;
|
||||
|
||||
}
|
||||
|
||||
.banner-left-title{
|
||||
width: 50%;
|
||||
/* height: 10vh; */
|
||||
/* background: palevioletred; */
|
||||
position: absolute;
|
||||
bottom: 10vw;
|
||||
left:5vw;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.banner-left-title p{
|
||||
font-size: 4vw;
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
font-weight: 400;
|
||||
padding: 0;
|
||||
}
|
||||
.banner-left-title p:last-child{
|
||||
font-size: 0.8vw;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
.banner-left-button{
|
||||
position: absolute;
|
||||
bottom: 10vw;
|
||||
right:5vw;
|
||||
background: #fff;
|
||||
padding: 0.4vw 1vw;
|
||||
border-radius: 30px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
|
||||
transition: all 0.2s;
|
||||
}
|
||||
.banner-left-button:hover{
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.banner-left-button:hover .right-arrow{
|
||||
border-left: 8px solid #3478FD;
|
||||
}
|
||||
|
||||
.banner-left-button:hover a{
|
||||
color: #3478FD;
|
||||
}
|
||||
.banner-left-button a{
|
||||
text-decoration: none;
|
||||
font-size: 0.9vw;
|
||||
font-weight: 400;
|
||||
color: #1A2B3C;
|
||||
}
|
||||
.right-arrow{
|
||||
display: inline-block;
|
||||
margin-left: 6px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
vertical-align: middle;
|
||||
border-top: 8px solid transparent;
|
||||
border-bottom: 8px solid transparent;
|
||||
border-left: 8px solid #1A2B3C;
|
||||
transition: transform 0.2s;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.banner-right{
|
||||
width: 30%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
/* background: palevioletred; */
|
||||
}
|
||||
|
||||
.banner-right-top,.banner-right-bottom{
|
||||
width: 90%;
|
||||
height: 40%;
|
||||
/* background: paleturquoise; */
|
||||
}
|
||||
|
||||
.banner-right-top img{
|
||||
width: auto;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.banner-right-bottom{
|
||||
margin-top: 1vw;
|
||||
}
|
||||
|
||||
.banner-right-bottom img{
|
||||
width: auto;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.right-button-top{
|
||||
position: absolute;
|
||||
height: 2.5vh;
|
||||
top: 24vh;
|
||||
right: 4vw;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.right-button{
|
||||
position: absolute;
|
||||
bottom: 10vw;
|
||||
right: 4vw;
|
||||
}
|
||||
|
||||
|
||||
/* -------------------------------- */
|
||||
|
||||
.business{
|
||||
width: 100%;
|
||||
height: 80vh;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: transparent;
|
||||
background-image: url(../imgs/home/bg1.svg), url(../imgs/home/bg2.svg);
|
||||
background-size: 100% 75%, 80% 90%; /* 每个背景图片的尺寸 */
|
||||
background-repeat: no-repeat, no-repeat; /* 每个背景图片是否平铺 */
|
||||
background-position: 100% 180%,222% 180%; /* 每个背景图片的位置 */
|
||||
|
||||
}
|
||||
|
||||
/* business区主内容布局 */
|
||||
.business-content {
|
||||
width: 88%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 3vw 4vw;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.business-text {
|
||||
width: 50%;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
color: #1A2B3C;
|
||||
/* background: palegoldenrod; */
|
||||
margin-right: 3vw;
|
||||
padding-left: 10%;
|
||||
}
|
||||
.business-text h2 {
|
||||
width: 60%;
|
||||
font-size: 5vw;
|
||||
font-weight: 500;
|
||||
margin-bottom: 1.2vw;
|
||||
}
|
||||
.business-text .subtitle {
|
||||
width: 80%;
|
||||
font-size: 1vw;
|
||||
color: #5B5B5B;
|
||||
margin-bottom: 2vw;
|
||||
text-align: justify;
|
||||
font-weight: 500;
|
||||
}
|
||||
.business-btn {
|
||||
width: 5vw;
|
||||
display: inline-block;
|
||||
background: #3478FD;
|
||||
color: #fff;
|
||||
border-radius: 24px;
|
||||
padding: 0.6vw 2vw;
|
||||
font-size: 1vw;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
box-shadow: 0 2px 8px rgba(52,120,253,0.08);
|
||||
transition: background 0.2s, box-shadow 0.2s, color 0.2s;
|
||||
text-align: center;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
.business-btn:focus,
|
||||
.business-btn:hover {
|
||||
color: #fff;
|
||||
box-shadow: 0 4px 16px rgba(52,120,253,0.18);
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.business-gallery {
|
||||
width: 45%;
|
||||
height: 32vw;
|
||||
min-height: 420px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
/* background: palegreen; */
|
||||
}
|
||||
.gallery-list {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
transition: transform 0.8s cubic-bezier(.4,0,.2,1);}
|
||||
.gallery-list img {
|
||||
width: auto;
|
||||
|
||||
height: 23vw;
|
||||
object-fit: cover;
|
||||
border-radius: 18px;
|
||||
box-shadow: 0 4px 24px rgba(52,120,253,0.10);
|
||||
margin-bottom: 2vw;
|
||||
background: #f6f8fa;
|
||||
transition: box-shadow 0.2s, filter 0.2s;
|
||||
}
|
||||
.gallery-list img:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* 遮罩层 */
|
||||
.gallery-mask {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 98%;
|
||||
height: 48px;
|
||||
pointer-events: none;
|
||||
z-index: 2;
|
||||
}
|
||||
.gallery-mask.top {
|
||||
|
||||
|
||||
top: -3px;
|
||||
background:
|
||||
/* 主扩散渐变 */
|
||||
linear-gradient(to bottom, rgba(241,241,241,0.92) 60%, rgba(241,241,241,0.0) 100%),
|
||||
/* 两侧椭圆扩散 */
|
||||
radial-gradient(ellipse at 20% 0%, rgba(241,241,241,0.5) 0%, rgba(241,241,241,0) 80%),
|
||||
radial-gradient(ellipse at 80% 0%, rgba(241,241,241,0.5) 0%, rgba(241,241,241,0) 80%);
|
||||
filter: blur(2px);
|
||||
}
|
||||
|
||||
.gallery-mask.bottom {
|
||||
|
||||
bottom: -3px;
|
||||
background:
|
||||
linear-gradient(to top, rgba(241,241,241,0.92) 60%, rgba(241,241,241,0.0) 100%),
|
||||
radial-gradient(ellipse at 20% 100%, rgba(241,241,241,0.5) 0%, rgba(241,241,241,0) 80%),
|
||||
radial-gradient(ellipse at 80% 100%, rgba(241,241,241,0.5) 0%, rgba(241,241,241,0) 80%);
|
||||
filter: blur(2px);
|
||||
}
|
||||
/* -----------------AI模型------------------------------- */
|
||||
|
||||
.aimodel{
|
||||
width: 100%;
|
||||
min-height: 100vh;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
|
||||
|
||||
|
||||
}
|
||||
.aimodel-bg{
|
||||
/* width: 100%; */
|
||||
|
||||
/* background: palegoldenrod; */
|
||||
margin: 0;
|
||||
|
||||
background:
|
||||
linear-gradient(
|
||||
to bottom,
|
||||
#55BEFF 0%,
|
||||
#55BEFF 80%,
|
||||
#f1f1f1 100%
|
||||
),
|
||||
url(../imgs/home/bg3.svg);
|
||||
|
||||
background-size: 100% 100%, 100% 50%; /* 渐变和图片都铺满 */
|
||||
background-repeat: no-repeat, no-repeat;
|
||||
background-position: 0 0, 100% 50%;
|
||||
|
||||
}
|
||||
|
||||
.aimodel-content{
|
||||
width: 88%;
|
||||
/* height: 100%; */
|
||||
margin: 0 auto;
|
||||
padding-top: 8vh;
|
||||
/* background: paleturquoise; */
|
||||
}
|
||||
|
||||
.aimodel-top{
|
||||
width: 100%;
|
||||
height: 58vh;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
/* background: palegoldenrod; */
|
||||
padding-left: 5vw;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.aimodel-top-left{
|
||||
width: 32vw;
|
||||
height: 100%;
|
||||
/* background: palegoldenrod; */
|
||||
}
|
||||
|
||||
.aimodel-top-left img{
|
||||
width: 32vw;
|
||||
height: auto;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.aimodel-text{
|
||||
width: 40vw;
|
||||
height: 100%;
|
||||
/* background: palegoldenrod; */
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
color: #1A2B3C;
|
||||
/* background: palegoldenrod; */
|
||||
margin-right: 1vw;
|
||||
padding-left: 6%;
|
||||
}
|
||||
|
||||
.aimodel-text h2{
|
||||
width: 33vw;
|
||||
font-size: 4.5vw;
|
||||
font-weight: 500;
|
||||
color: #fff;
|
||||
margin: 0;
|
||||
|
||||
}
|
||||
|
||||
.aimodel-text .subtitle{
|
||||
width: 32vw;
|
||||
font-size: 0.95vw;
|
||||
margin: 0;
|
||||
margin: 5vh 0;
|
||||
text-align: justify;
|
||||
line-height: 3vh;
|
||||
color: #444444;
|
||||
}
|
||||
|
||||
.aimodel-bottom{
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
/* background: palegreen; */
|
||||
}
|
||||
|
||||
.aimodel-bottom-list{
|
||||
width: 100%;
|
||||
height: 60vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.aimodel-bottom-list li{
|
||||
width: 48%;
|
||||
height: 35vh;
|
||||
background: #FFFFFF;
|
||||
margin-top: 5vh;
|
||||
list-style: none;
|
||||
border-radius: 18px;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.list-item-imgBox{
|
||||
width: 15vw;
|
||||
/* background: palegoldenrod; */
|
||||
height: 90%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: left;
|
||||
}
|
||||
|
||||
.list-item-imgBox img{
|
||||
width:auto;
|
||||
height: 80%;
|
||||
|
||||
}
|
||||
|
||||
.list-item-text{
|
||||
width: 20vw;
|
||||
height: 100%;
|
||||
padding-top: 10vh;
|
||||
}
|
||||
|
||||
.list-item-text h3{
|
||||
font-size: 1.5vw;
|
||||
font-weight: 500;
|
||||
color: #1A2B3C;
|
||||
}
|
||||
|
||||
.list-item-text p{
|
||||
font-size: 1.1vw;
|
||||
color: #5B5B5B;
|
||||
margin-top: 1vh;
|
||||
}
|
||||
|
||||
|
||||
.section-divider-img {
|
||||
position: absolute; /* 或 absolute/fixed，视你的布局而定 */
|
||||
display: block;
|
||||
width: 100%; /* 或你想要的宽度 */
|
||||
height: auto;
|
||||
margin-top: -40px; /* 让图片上移，覆盖在两个色块交界处 */
|
||||
z-index: 10; /* 保证在背景色之上 */
|
||||
pointer-events: none; /* 避免挡住鼠标事件 */
|
||||
top: 58%;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
|
||||
/* 优势区 */
|
||||
|
||||
.advantage-bg{
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background: #FFFFFF;
|
||||
background: linear-gradient(
|
||||
to top,
|
||||
#f1f1f1 0%, /* 顶部蓝色 */
|
||||
#f1f1f1 80%, /* 蓝色到底部80% */
|
||||
#f1f1f1 100% /* 渐变到底部的灰色 */
|
||||
);
|
||||
/* background: palevioletred; */
|
||||
margin: 0;
|
||||
/* margin-top: -1vw; */
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
padding-top: 0;
|
||||
|
||||
|
||||
}
|
||||
.advantage-content{
|
||||
width: 88%;
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
/* background: palegoldenrod; */
|
||||
}
|
||||
|
||||
.advantage-content h2{
|
||||
width: 100%;
|
||||
|
||||
font-size: 5vw;
|
||||
font-weight: 500;
|
||||
color: #1A2B3D;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.advantage-list{
|
||||
width: 100%;
|
||||
height: 50vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
/* background: palegoldenrod; */
|
||||
}
|
||||
|
||||
.advantage-list-item{
|
||||
width: 23vw;
|
||||
height: 40vh;
|
||||
background: #fff;
|
||||
list-style: none;
|
||||
border-radius: 18px;
|
||||
overflow: hidden;
|
||||
box-shadow: 5px 5px 10px 3px rgba(0, 0, 0, 0.1);
|
||||
padding: 1vw;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.advantage-list-item img{
|
||||
width: 17vw;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.advantage-list-item p{
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
font-size: 1vw;
|
||||
color: #5B5B5B;
|
||||
margin-top: 1vh;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.advantage-list-item-img{
|
||||
width: 70%;
|
||||
height: 10vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
margin: 0 auto;
|
||||
padding-left: 2vw;
|
||||
margin-top: 5vh;
|
||||
}
|
||||
|
||||
.advantage-list-item-img img{
|
||||
width: 16vw;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
263
fengxiao/css/technicalSupport.css
Normal file
263
fengxiao/css/technicalSupport.css
Normal file
@@ -0,0 +1,263 @@
|
||||
* ,body{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
/* box-sizing: border-box; */
|
||||
}
|
||||
|
||||
|
||||
.banner{
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
|
||||
/* background: linear-gradient(to bottom, #3A8DFF 0%, #AEE6FF 60%, #F1F1F1 100%),
|
||||
url(../imgs/support/bg.png); */
|
||||
|
||||
background: linear-gradient(
|
||||
to bottom,
|
||||
#3478FD 0%,
|
||||
#BED0F4 88%,
|
||||
#f1f1f1 100%
|
||||
);
|
||||
|
||||
/* background: url(../imgs/support/bg.png) no-repeat bottom; */
|
||||
background-size: 100% 80%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: top, center;
|
||||
box-sizing: border-box;
|
||||
background-blend-mode: multiply;
|
||||
margin-top: 12vh;
|
||||
}
|
||||
|
||||
.banner-content{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url(../imgs/support/bg.png);
|
||||
background-size: 112% 72%;
|
||||
background-position: 76% 123%;
|
||||
background-repeat: no-repeat;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.banner-content-text{
|
||||
position: absolute;
|
||||
top: 8vw;
|
||||
left: 33vw;
|
||||
width: 30%;
|
||||
height: 50%;
|
||||
/* background: palegoldenrod; */
|
||||
|
||||
}
|
||||
|
||||
.banner-content-text p:nth-child(1){
|
||||
font-size: 5vw;
|
||||
font-weight: 300;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.banner-content-text p:nth-child(2){
|
||||
font-size: 1.25vw;
|
||||
margin-top: 2vh;
|
||||
color: rgba(0,0,0,0.6);
|
||||
line-height: 5vh;
|
||||
font-weight: 450;
|
||||
/* color: #fff; */
|
||||
|
||||
}
|
||||
|
||||
.banner-content-list {
|
||||
width: 100%;
|
||||
height: 90vh;
|
||||
background: linear-gradient(
|
||||
to bottom,
|
||||
#f1f1f1 0%,
|
||||
#C0E1F5 100%
|
||||
);
|
||||
position: relative;
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
.banner-content-list h2{
|
||||
font-size: 2.5vw;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
text-decoration: underline;
|
||||
text-underline-offset: 0.5vw;
|
||||
text-decoration-thickness: 0.1vw;
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
|
||||
.content-listBOX{
|
||||
width: 80%;
|
||||
height: 80%;
|
||||
/* background: palegoldenrod; */
|
||||
margin-top: 5vh;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.content-listBOX-item{
|
||||
width: 23vw;
|
||||
height: 80%;
|
||||
/* background: palegoldenrod; */
|
||||
list-style: none;
|
||||
border-radius: 1vw;
|
||||
box-shadow: 8px 5px 10px 5px rgba(0,0,0,0.1);
|
||||
background: #fff;
|
||||
padding: 2vw;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.content-listBOX-item img{
|
||||
width: 10vw;
|
||||
height: 8vw;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.content-listBOX-item h3{
|
||||
font-size: 1.5vw;
|
||||
font-weight: 500;
|
||||
margin-top: 1vh;
|
||||
}
|
||||
|
||||
.content-listBOX-item p{
|
||||
font-size: 0.85vw;
|
||||
font-weight: 400;
|
||||
width: 80%;
|
||||
text-align: justify;
|
||||
margin: 0 auto;
|
||||
margin-top: 2vh;
|
||||
color: rgba(0,0,0,0.8);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* ---------------大模型训练-------------------------- */
|
||||
|
||||
.largeModel{
|
||||
width: 100%;
|
||||
height: 80vh;
|
||||
font-size: 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: linear-gradient(
|
||||
to bottom,
|
||||
#367BFC 0%,
|
||||
#5DB6EE 100%
|
||||
);
|
||||
}
|
||||
|
||||
.largeModel-bg{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(../imgs/support/left.png) ,url(../imgs/support/right.png);
|
||||
background-size: 50% 148%,39% 132%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: -60% 54%,134% 3%;
|
||||
color: #fff;
|
||||
}
|
||||
.largeModel-bg h2{
|
||||
font-size: 3.5vw;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
margin-top: 5vh;
|
||||
}
|
||||
|
||||
.largeModel-bg h4{
|
||||
font-size: 1vw;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
color: rgba(255,255,255,0.8);
|
||||
}
|
||||
|
||||
.largeModel-bg-content{
|
||||
width: 58%;
|
||||
height: 55%;
|
||||
background: #fff;
|
||||
margin: 0 auto;
|
||||
margin-top: 5vh;
|
||||
border-radius: 1vw;
|
||||
padding: 2vw;
|
||||
box-sizing: border-box;
|
||||
|
||||
}
|
||||
|
||||
.largeModel-bg-content h3{
|
||||
font-size: 1.8vw;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
color: rgba(0,0,0,0.8);
|
||||
|
||||
}
|
||||
|
||||
.largeModel-bg-content p{
|
||||
font-size: 1vw;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
color: rgba(0,0,0,0.8);
|
||||
margin-top: 1vh;
|
||||
}
|
||||
|
||||
.largeModel-bg-content-list{
|
||||
width: 80%;
|
||||
height: 40%;
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
align-items: center;
|
||||
color: rgba(0,0,0,0.8);
|
||||
flex-wrap: wrap;
|
||||
margin: 0 auto;
|
||||
padding-left: 2vw;
|
||||
/* background: palegoldenrod; */
|
||||
margin-top: 5vh;
|
||||
}
|
||||
|
||||
.largeModel-bg-content-list li{
|
||||
/* list-style-type: disc; */
|
||||
width: 25%;
|
||||
font-size: 1vw;
|
||||
font-weight: 400;
|
||||
margin-left: 1vw;
|
||||
position: relative;
|
||||
padding-left: 1.5vw;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.largeModel-bg-content-list li::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 0.6vw;
|
||||
height: 0.6vw;
|
||||
background-color: #367BFC;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
|
||||
/* ------------------------- */
|
||||
|
||||
.serviceBox{
|
||||
width: 100%;
|
||||
height: 30vh;
|
||||
background: #f1f1f1;
|
||||
}
|
||||
.serviceBox-content{
|
||||
width: 60%;
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
493
fengxiao/css/websiteDesign.css
Normal file
493
fengxiao/css/websiteDesign.css
Normal file
@@ -0,0 +1,493 @@
|
||||
.banner{
|
||||
width: 100%;
|
||||
height: 160vh;
|
||||
box-sizing: border-box;
|
||||
|
||||
|
||||
padding-top: 12vh;
|
||||
|
||||
/* background: linear-gradient(to bottom, rgba(245, 245, 245, 1) 0%,#C0E0F5 60%, #C0E0F5 100%); */
|
||||
|
||||
background: linear-gradient(to bottom, rgba(241, 241, 241, 1) 12vh,#C0E0F5 90vh, #C0E0F5 100%);
|
||||
|
||||
}
|
||||
body,*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.banner-top{
|
||||
width: 100%;
|
||||
height: 70vh;
|
||||
background-image: url(../imgs/website/bg.png);
|
||||
background-size: 38vw auto;
|
||||
background-position: 89% 0vw;
|
||||
background-repeat: no-repeat;
|
||||
margin: 0;
|
||||
}
|
||||
.banner-top-content{
|
||||
box-sizing: border-box;
|
||||
width: 35%;
|
||||
height: 60%;
|
||||
margin-left: 15vw;
|
||||
color: #1A2B3D;
|
||||
font-weight: 400;
|
||||
padding-top: 5vw;
|
||||
}
|
||||
.banner-top-content p:nth-child(1){
|
||||
font-size: 5vw;
|
||||
margin: 0;
|
||||
|
||||
|
||||
}
|
||||
.banner-top-content p:nth-child(2){
|
||||
font-size: 5vw;
|
||||
margin: 0;
|
||||
|
||||
}
|
||||
.banner-top-content p:nth-child(3){
|
||||
font-size: 0.95vw;
|
||||
margin: 0;
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
width: 88%;
|
||||
margin-top: 1vh;
|
||||
|
||||
}
|
||||
|
||||
/* .banner-bottom{
|
||||
width: 100%;
|
||||
height: 70vh;
|
||||
}
|
||||
|
||||
|
||||
.carousel-container {
|
||||
position: relative;
|
||||
width: 900px;
|
||||
height: 380px;
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
background: transparent;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.carousel-track {
|
||||
display: flex;
|
||||
transition: transform 0.6s cubic-bezier(.4,0,.2,1);
|
||||
height: 100%;
|
||||
}
|
||||
.carousel-item {
|
||||
width: 280px;
|
||||
height: 340px;
|
||||
background: #fff;
|
||||
border-radius: 24px;
|
||||
box-shadow: 0 4px 24px rgba(0,0,0,0.10);
|
||||
margin: 0 30px;
|
||||
flex-shrink: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
overflow: hidden;
|
||||
}
|
||||
.carousel-item img {
|
||||
width: 100%;
|
||||
height: 75%;
|
||||
object-fit: cover;
|
||||
border-radius: 24px 24px 0 0;
|
||||
}
|
||||
.carousel-caption {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
color: #222;
|
||||
margin-top: 24px;
|
||||
font-weight: 400;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.carousel-fade {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 120px;
|
||||
height: 100%;
|
||||
z-index: 2;
|
||||
pointer-events: none;
|
||||
}
|
||||
.carousel-fade.left {
|
||||
left: 0;
|
||||
background: linear-gradient(to right, #c0e0f5 80%, rgba(192,224,245,0));
|
||||
}
|
||||
.carousel-fade.right {
|
||||
right: 0;
|
||||
background: linear-gradient(to left, #c0e0f5 80%, rgba(192,224,245,0));
|
||||
}
|
||||
.carousel-dots {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 24px;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
z-index: 3;
|
||||
}
|
||||
.carousel-dots .dot {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border-radius: 50%;
|
||||
background: #fff;
|
||||
opacity: 0.5;
|
||||
transition: opacity 0.3s, background 0.3s;
|
||||
}
|
||||
.carousel-dots .dot.active {
|
||||
background: #3478FD;
|
||||
opacity: 1;
|
||||
} */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.banner-bottom {
|
||||
width: 100%;
|
||||
height: 70vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
/* background: #f5f9fc; */
|
||||
position: relative;
|
||||
|
||||
}
|
||||
|
||||
.carousel-container {
|
||||
position: relative;
|
||||
width: 80%;
|
||||
/* height: 400px; */
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.carousel-track {
|
||||
display: flex;
|
||||
transition: transform 0.8s cubic-bezier(0.16, 0.77, 0.58, 0.97);
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.carousel-item {
|
||||
width: 28vw;
|
||||
height: 55vh !important;
|
||||
|
||||
border-radius: 20px;
|
||||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
|
||||
margin: 0 20px;
|
||||
flex-shrink: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
padding: 1vw;
|
||||
}
|
||||
|
||||
/* 确保中间图片完全清晰的关键修改 */
|
||||
.carousel-item img {
|
||||
width: 100%;
|
||||
height: 80%;
|
||||
object-fit: cover;
|
||||
border-radius: 20px 20px 0 0;
|
||||
/* 明确设置无滤镜 */
|
||||
filter: none !important;
|
||||
}
|
||||
|
||||
/* 仅对两侧卡片应用模糊效果 */
|
||||
.carousel-item.left-side img,
|
||||
.carousel-item.right-side img {
|
||||
filter: blur(2px) brightness(0.9);
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
/* 中间卡片保持原始状态 */
|
||||
.carousel-item.center {
|
||||
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
|
||||
/* 确保不继承任何模糊效果 */
|
||||
filter: none !important;
|
||||
}
|
||||
|
||||
.carousel-caption {
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
color: #444444;
|
||||
font-weight: 500;
|
||||
background: #fff;
|
||||
margin-top: 5vh;
|
||||
}
|
||||
|
||||
/* 渐变遮罩 */
|
||||
.carousel-fade {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 28vw;
|
||||
height: 100%;
|
||||
z-index: 5;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.carousel-fade.left {
|
||||
width: 50vw;
|
||||
left: 0;
|
||||
background: linear-gradient(to right, #C0E0F5 0%, #C0E0F5 10%, rgba(207, 231, 246, 0) 80%);
|
||||
}
|
||||
|
||||
.carousel-fade.right {
|
||||
right: 0;
|
||||
background: linear-gradient(to left, rgba(194, 225, 245, 1) 0%, rgba(245, 249, 252, 0) 80%);
|
||||
}
|
||||
|
||||
/* 指示点放在盒子外部 */
|
||||
.carousel-dots {
|
||||
position: absolute;
|
||||
left: 56%;
|
||||
bottom: -40px;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
z-index: 8;
|
||||
/* background: red; */
|
||||
}
|
||||
|
||||
.carousel-dots .dot {
|
||||
width: 1vw;
|
||||
height: 1vw;
|
||||
border-radius: 50%;
|
||||
background:#fff;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.carousel-dots .dot.active {
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
transform: scale(1.2);
|
||||
}
|
||||
/* --------------网站策划与原型设计--------------------- */
|
||||
.website-design-content{
|
||||
width: 100%;
|
||||
height: 370vh;
|
||||
background-color: #f1f1f1;
|
||||
background-image: url(../imgs/home/bg1.svg);
|
||||
background-size: 100% auto;
|
||||
background-position: 89% 106%;
|
||||
background-repeat: no-repeat;
|
||||
padding-top: 25vh;
|
||||
}
|
||||
.list-item{
|
||||
width: 80%;
|
||||
height: 50vh;
|
||||
flex-shrink: 0;
|
||||
margin: 0 auto;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
/* background: palegoldenrod; */
|
||||
|
||||
}
|
||||
|
||||
.list-item img{
|
||||
width: 35vw;
|
||||
height:auto;
|
||||
}
|
||||
.list-item div{
|
||||
width: 40vw;
|
||||
height:auto;
|
||||
margin-left: 10vw;
|
||||
}
|
||||
.list-item div h3{
|
||||
font-size: 1.8vw;
|
||||
font-weight: 600;
|
||||
color: #1B2A3D;
|
||||
}
|
||||
.list-item div p{
|
||||
width: 70%;
|
||||
font-size: 1vw;
|
||||
color: #666;
|
||||
margin-top: 5vh;
|
||||
}
|
||||
|
||||
.right-arrow{
|
||||
width: 95%;
|
||||
/* height: 30vh; */
|
||||
text-align: center;
|
||||
/* background: palegoldenrod; */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.right-arrow img{
|
||||
width: 18vw;
|
||||
height: auto;
|
||||
}
|
||||
.left-arrow {
|
||||
width: 20vw; /* 根据实际需要设置 */
|
||||
height: auto;
|
||||
transform: scaleX(-1); /* 或 rotate(180deg) */
|
||||
}
|
||||
|
||||
|
||||
/* ------------------服务流程--------------------- */
|
||||
.serviceProcess{
|
||||
width: 100%;
|
||||
height: 78vh;
|
||||
background: linear-gradient(to bottom, #397FF9 0%,#397FF9 50%, #5CB1E5 100%);
|
||||
padding-top: 10vh;
|
||||
|
||||
}
|
||||
.serviceProcess h3{
|
||||
width: 100%;
|
||||
font-size: 3vw;
|
||||
font-weight: 400;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
.serviceProcess p{
|
||||
width: 100%;
|
||||
font-size: 0.9vw;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
text-align: center;
|
||||
margin-top: 3vh;
|
||||
}
|
||||
|
||||
.process-list{
|
||||
width: 90%;
|
||||
height: 48vh;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 3vh;
|
||||
}
|
||||
|
||||
.process-item{
|
||||
width: 18vw;
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
list-style: none;
|
||||
margin-left: 2vw;
|
||||
border-radius: 18px;
|
||||
box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1);
|
||||
box-sizing: border-box;
|
||||
padding: 2vw;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
.process-item img{
|
||||
width:auto;
|
||||
height: 10vh;
|
||||
margin-top: 3vh;
|
||||
}
|
||||
.process-item h3{
|
||||
font-size: 1.5vw;
|
||||
font-weight: 600;
|
||||
color: #1B2A3D;
|
||||
margin-top: 3vh;
|
||||
}
|
||||
.process-item p{
|
||||
margin: 0 auto;
|
||||
width: 82%;
|
||||
font-size: 0.95vw;
|
||||
color: #666;
|
||||
margin-top: 4vh;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.process-item-number {
|
||||
position: absolute;
|
||||
top: -2.5vw;
|
||||
left: 5.3vw;
|
||||
width: 5vw;
|
||||
height: 5vw;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.process-item-number::before,
|
||||
.process-item-number::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
border-radius: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.process-item-number::before {
|
||||
width: 4.5vw;
|
||||
height: 4.5vw;
|
||||
background: rgba(0, 255, 255, 0.15); /* 外层淡青色光晕 */
|
||||
}
|
||||
|
||||
.process-item-number::after {
|
||||
width: 3.9vw;
|
||||
height: 3.9vw;
|
||||
background: rgba(0, 255, 255, 0.25); /* 中层稍深光晕 */
|
||||
}
|
||||
|
||||
.process-item-number span {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 3.2vw;
|
||||
height: 3.2vw;
|
||||
border-radius: 50%;
|
||||
background: #00E6E6; /* 主体青色 */
|
||||
color: #222;
|
||||
font-size: 1vw;
|
||||
font-weight: 500;
|
||||
z-index: 1;
|
||||
box-shadow: 0 0 12px 0 rgba(22,230,248,0.18);
|
||||
font-family: 'Arial', 'Helvetica Neue', Arial, sans-serif;
|
||||
font-style: italic;
|
||||
|
||||
|
||||
}
|
||||
/* ---------------- */
|
||||
|
||||
.serviceBox{
|
||||
width: 100%;
|
||||
height: 30vh;
|
||||
background: #f1f1f1;
|
||||
}
|
||||
.serviceBox-content{
|
||||
width: 60%;
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.serviceBox-content img{
|
||||
|
||||
width: 16vw;
|
||||
height: auto;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
159
fengxiao/html/aboutUs.html
Normal file
159
fengxiao/html/aboutUs.html
Normal file
@@ -0,0 +1,159 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="icon" href="../imgs/home/logoicon.png">
|
||||
<link rel="stylesheet" href="../css/header.css">
|
||||
<link rel="stylesheet" href="../css/footer.css">
|
||||
<link rel="stylesheet" href="../css/aboutUs.css">
|
||||
<title>丰潇技术服务有限公司</title>
|
||||
<script src="../js/header.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class="header">
|
||||
<div class="logo">
|
||||
<img src="../imgs/home/logo.png" alt="logo">
|
||||
</div>
|
||||
<div class="nav">
|
||||
<ul class="nav-list">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link ">
|
||||
首页
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item nav-dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
||||
<a href="#" class="nav-link ">
|
||||
主营业务 <span class="arrow" aria-hidden="true"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-label="主营业务下拉菜单">
|
||||
<li><a href="./websiteDesign.html">网站设计 <div class="dropdown-item"></div></a></li>
|
||||
<li><a href="./aimodel.html">企业AI模型训练与接入技术服务 <div class="dropdown-item"></div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./technicalSupport.html" class="nav-link ">
|
||||
支持与服务
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link active">
|
||||
关于丰潇
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item contactUs">
|
||||
<a href="mailto:feng@fengxtech.com" class="nav-link emailBox">
|
||||
<span>联系我们</span>
|
||||
<div class="contactUs-email">
|
||||
<img src="../imgs/home/email.svg" alt="email">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="dropdown-mask" tabindex="0" aria-label="下拉菜单遮罩层"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
<section class="banner">
|
||||
<div class="banner-content">
|
||||
|
||||
<div class="banner-content-text">
|
||||
<p>用代码构建桥梁</p>
|
||||
<p>以算法预见未来</p>
|
||||
<p>专注网站设计与AI模型训练的一站式技术服务商</p>
|
||||
<a href="mailto:feng@fengxtech.com">
|
||||
<span>
|
||||
立即咨询
|
||||
</span>
|
||||
<img src="../imgs/home/email.svg" alt="邮箱">
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
<section class="aboutUs-content">
|
||||
<div class="aboutUs-content-text">
|
||||
|
||||
<div class="text">
|
||||
深圳丰潇技术服务有限公司是一家专注于网站设计与 AI 模型训练的企业，为客户提供全方位的技术服务支持。我们秉承“专业、创新、高效”的理念，致力于帮助客户实现业务目标，提升企业竞争力。
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="aboutUs-team">
|
||||
<div class="banner-content-list">
|
||||
<h2>我们的团队</h2>
|
||||
<ul class="content-listBOX">
|
||||
<li class="content-listBOX-item">
|
||||
|
||||
<img src="../imgs/about/list1.jpg" alt="拥有多年经验的技术团队">
|
||||
<h3>拥有多年经验的技术团队</h3>
|
||||
|
||||
</li>
|
||||
<li class="content-listBOX-item">
|
||||
|
||||
<img src="../imgs/about/list2.jpg" alt="拥有资深的技术工程师">
|
||||
<h3>拥有资深的技术工程师</h3>
|
||||
|
||||
</li>
|
||||
<li class="content-listBOX-item">
|
||||
|
||||
<img src="../imgs/about/list3.jpg" alt="拥有众多的核心技术">
|
||||
<h3>拥有众多的核心技术</h3>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<section class="footer">
|
||||
<ul class="footer-list">
|
||||
<li class="footer-list-item">
|
||||
<img class="footer-logo" src="../imgs/home/footerlogo.png" alt="logo">
|
||||
</li>
|
||||
<li class="footer-list-item item-textBOX">
|
||||
<div class="footer-list-item-text">
|
||||
深圳丰潇技术服务有限公司是一家专注于网站设计与 AI 模型训练的企业，为客户提供全方位的技术服务支持。我们秉承“专业、创新、高效”的理念，致力于帮助客户实现业务目标，提升企业竞争力。
|
||||
</div>
|
||||
</li>
|
||||
<li class="footer-list-item item-nav">
|
||||
<p>主营业务</p>
|
||||
<p style="margin-top: 5vh;"> <a href="./websiteDesign.html">网站设计</a></p>
|
||||
<p style="margin-top: 5vh;"> <a href="./aimodel.html">企业 AI 模型训练与接入技术服务</a></p>
|
||||
</li>
|
||||
<li class="footer-list-item item-nav">
|
||||
<p>和我们取得联系</p>
|
||||
<p style="margin-top: 5vh;"> <img src="../imgs/home/positioning.svg" alt=""> 地址：深圳市宝安区西乡街道富华社区尖岗山大道21号和樾府12栋一单元2706</p>
|
||||
<p style="margin-top: 5vh;"><img src="../imgs/home/footeremail.svg" alt=""> 邮箱： <a href="mailto:feng@fengxtech.com">feng@fengxtech.com</a></p>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="footer-bottom">
|
||||
<p>Copyright ©深圳丰潇技术服务有限公司 版权所有 <a class="record" href="https://beian.miit.gov.cn/">粤ICP备2025409897号-1</a></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
298
fengxiao/html/aimodel.html
Normal file
298
fengxiao/html/aimodel.html
Normal file
@@ -0,0 +1,298 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="icon" href="../imgs/home/logoicon.png">
|
||||
<link rel="stylesheet" href="../css/header.css">
|
||||
<link rel="stylesheet" href="../css/footer.css">
|
||||
<link rel="stylesheet" href="../css/aimodel.css">
|
||||
<title>丰潇技术服务有限公司</title>
|
||||
<script src="../js/header.js"></script>
|
||||
<script src="../js/aimodel.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class="header">
|
||||
<div class="logo">
|
||||
<img src="../imgs/home/logo.png" alt="logo">
|
||||
</div>
|
||||
<div class="nav">
|
||||
<ul class="nav-list">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link ">
|
||||
首页
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item nav-dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
||||
<a href="#" class="nav-link active">
|
||||
主营业务 <span class="arrow" aria-hidden="true"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-label="主营业务下拉菜单">
|
||||
<li><a href="./websiteDesign.html" >网站设计 <div class="dropdown-item"></div></a></li>
|
||||
<li><a href="#" class="menu-active">企业AI模型训练与接入技术服务 <div class="dropdown-item"></div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./technicalSupport.html" class="nav-link ">
|
||||
支持与服务
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./aboutUs.html" class="nav-link ">
|
||||
关于丰潇
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item contactUs">
|
||||
<a href="mailto:feng@fengxtech.com" class="nav-link emailBox">
|
||||
<span>联系我们</span>
|
||||
<div class="contactUs-email">
|
||||
<img src="../imgs/home/email.svg" alt="email">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="dropdown-mask" tabindex="0" aria-label="下拉菜单遮罩层"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
<section class="banner">
|
||||
|
||||
<div class="banner-top">
|
||||
<div class="banner-top-content">
|
||||
<p>企业 AI 模型训练</p>
|
||||
<p>与接入技术服务</p>
|
||||
<p>我们为企业构建、训练、部署定制化的 AI 模型，支持多种业务场景如智能客服、推荐系统、图像识别、文档处理等。实现 AI能力的快速接入与业务融合。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="banner-bottom">
|
||||
<div class="carousel-container" >
|
||||
<div class="carousel-fade left"></div>
|
||||
<div class="carousel-track">
|
||||
<!-- 项目将通过JS动态添加 -->
|
||||
</div>
|
||||
<div class="carousel-fade right"></div>
|
||||
|
||||
</div>
|
||||
<div class="carousel-dots">
|
||||
<!-- 圆点将通过JS动态添加 -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="website-design-content">
|
||||
<div class="list-item leftItem">
|
||||
<img src="../imgs/model/mode1.png" alt="AI 场景需求分析">
|
||||
<div>
|
||||
<h3>AI 场景需求分析</h3>
|
||||
<p>明确业务目标，匹配适用模型类别（如 NLP、CV、推荐等）</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="right-arrow ">
|
||||
<img src="../imgs/website/right.svg" alt="arrow">
|
||||
</div>
|
||||
|
||||
|
||||
<div class="list-item">
|
||||
<div>
|
||||
<h3>数据处理与标注</h3>
|
||||
<p>数据清洗、格式规范、智能与人工混合标注服务</p>
|
||||
</div>
|
||||
<img src="../imgs/model/mode2.png" alt="数据处理与标注">
|
||||
</div>
|
||||
|
||||
<div class="right-arrow ">
|
||||
<img class="left-arrow" src="../imgs/website/right.svg" alt="arrow">
|
||||
</div>
|
||||
|
||||
<div class="list-item leftItem">
|
||||
<img style="width: 30vw;" src="../imgs/model/mode3.png" alt="模型训练与优化">
|
||||
<div>
|
||||
<h3>模型训练与优化</h3>
|
||||
<p>支持 PyTorch/TensorFlow 等框架，结合 GPU 加速与 AutoML 超参优化</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right-arrow ">
|
||||
<img src="../imgs/website/right.svg" alt="arrow">
|
||||
</div>
|
||||
<div class="list-item">
|
||||
<div>
|
||||
<h3>模型服务化部署</h3>
|
||||
<p>封装为 API，支持本地或云端部署，提供调用认证、权限控制与限流服务</p>
|
||||
</div>
|
||||
<img src="../imgs/model/mode4.png" alt="模型服务化部署">
|
||||
</div>
|
||||
<div class="right-arrow ">
|
||||
<img class="left-arrow" src="../imgs/website/right.svg" alt="arrow">
|
||||
</div>
|
||||
|
||||
<div class="list-item leftItem">
|
||||
<img style="width: 30vw;" src="../imgs/model/mode5.png" alt="业务系统集成">
|
||||
<div>
|
||||
<h3>业务系统集成</h3>
|
||||
<p>接入现有 CRM、ERP、OA 等系统，实现数据回流与模型迭代闭环</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<section class="serviceProcess">
|
||||
<h3>我们的服务流程</h3>
|
||||
<p>客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。</p>
|
||||
|
||||
<ul class="process-list">
|
||||
<li class="process-item">
|
||||
<img src="../imgs/model/service1.svg" alt="性能突破">
|
||||
<h3><span> 性能突破:</span> 高并发支持，超越原厂水平</h3>
|
||||
<p>采用先进的架构设计与优化，轻松应对海量并发
|
||||
请求，适用于务类高流量场景。无论是实时交互
|
||||
批量数据处理，还是大规模AI模型调用，均可享
|
||||
受超越原厂的高效性能服务。</p>
|
||||
<div class="processBth">
|
||||
<a href="mailto:feng@fengxtech.com">
|
||||
<span>
|
||||
欢迎咨询
|
||||
</span>
|
||||
<img src="../imgs/home/email.svg" alt="邮箱">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<li class="process-item">
|
||||
<img src="../imgs/model/service2.svg" alt="优惠折扣">
|
||||
<h3><span> 优惠折扣:</span> 企业级API服务，降低成本</h3>
|
||||
<p>采用先进的架构设计与优化，轻松应对海量并发
|
||||
企业级客户可享更低API折扣，有效降低运营成
|
||||
本。我们为大规模应用提供更具吸引力的价格方
|
||||
案，助力企业实现高效增长。</p>
|
||||
<div class="processBth">
|
||||
<a href="mailto:feng@fengxtech.com">
|
||||
<span>
|
||||
欢迎咨询
|
||||
</span>
|
||||
<img src="../imgs/home/email.svg" alt="邮箱">
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="process-item">
|
||||
<img src="../imgs/model/service3.svg" alt="最新支持">
|
||||
<h3><span> 最新支持:</span> 实时同步更新最新大模型</h3>
|
||||
<p>我们即时同步全球最新AI大模型，确保您始终掌
|
||||
握最新技术。无缝接入前沿AI模型，全面提升应
|
||||
用性能与创新潜力。</p>
|
||||
<div class="processBth">
|
||||
<a href="mailto:feng@fengxtech.com">
|
||||
<span>
|
||||
欢迎咨询
|
||||
</span>
|
||||
<img src="../imgs/home/email.svg" alt="邮箱">
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="process-item">
|
||||
<img src="../imgs/model/service4.svg" alt="数据安全">
|
||||
<h3><span> 数据安全:</span> 绝不存储任何客户数据</h3>
|
||||
<p>我们专注于API聚合中转服务，不存储任何客户
|
||||
数据，确保信息安全与隐私保护。选择我们，既
|
||||
可享受高效服务，又能获得数据安全保障。</p>
|
||||
<div class="processBth">
|
||||
<a href="mailto:feng@fengxtech.com">
|
||||
<span>
|
||||
欢迎咨询
|
||||
</span>
|
||||
<img src="../imgs/home/email.svg" alt="邮箱">
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="process-item">
|
||||
<img src="../imgs/model/service5.svg" alt="专属服务">
|
||||
<h3><span> 专属服务:</span> 提供一对一贴心客服</h3>
|
||||
<p>我们提供近乎7x24小时的一对一在线客服支持
|
||||
无论是技术问题还是个性化需求，客服团队随时
|
||||
待命，确保迅速响应。选择我们，享受全天候的
|
||||
贴心服务体验。</p>
|
||||
<div class="processBth">
|
||||
<a href="mailto:feng@fengxtech.com">
|
||||
<span>
|
||||
欢迎咨询
|
||||
</span>
|
||||
<img src="../imgs/home/email.svg" alt="邮箱">
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="process-item">
|
||||
<img src="../imgs/model/service6.svg" alt="规范服务">
|
||||
<h3><span> 规范服务:</span> 提供商务流程、合同与发票</h3>
|
||||
<p>我们严格遵循商务流程，确保每一步操作都规范
|
||||
透明。从合同签署到发票开具，全程支持，保证
|
||||
每笔交易合法合规，为您提供安心的合作体验
|
||||
值得信赖。</p>
|
||||
<div class="processBth">
|
||||
<a href="mailto:feng@fengxtech.com">
|
||||
<span>
|
||||
欢迎咨询
|
||||
</span>
|
||||
<img src="../imgs/home/email.svg" alt="邮箱">
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
</section>
|
||||
<section class="serviceBox">
|
||||
<div class="serviceBox-content">
|
||||
<img src="../imgs/home/list1.png" alt="7*24小时服务">
|
||||
<img src="../imgs/home/list2.png" alt="专业技术服务">
|
||||
<img src="../imgs/home/list3.png" alt="全周期解决方案">
|
||||
|
||||
</div>
|
||||
</section >
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<section class="footer">
|
||||
<ul class="footer-list">
|
||||
<li class="footer-list-item">
|
||||
<img class="footer-logo" src="../imgs/home/footerlogo.png" alt="logo">
|
||||
</li>
|
||||
<li class="footer-list-item item-textBOX">
|
||||
<div class="footer-list-item-text">
|
||||
深圳丰潇技术服务有限公司是一家专注于网站设计与 AI 模型训练的企业，为客户提供全方位的技术服务支持。我们秉承“专业、创新、高效”的理念，致力于帮助客户实现业务目标，提升企业竞争力。
|
||||
</div>
|
||||
</li>
|
||||
<li class="footer-list-item item-nav">
|
||||
<p>主营业务</p>
|
||||
<p style="margin-top: 5vh;"> <a href="./websiteDesign.html">网站设计</a></p>
|
||||
<p style="margin-top: 5vh;"> <a href="./aimodel.html">企业 AI 模型训练与接入技术服务</a></p>
|
||||
</li>
|
||||
<li class="footer-list-item item-nav">
|
||||
<p>和我们取得联系</p>
|
||||
<p style="margin-top: 5vh;"> <img src="../imgs/home/positioning.svg" alt=""> 地址：深圳市宝安区西乡街道富华社区尖岗山大道21号和樾府12栋一单元2706</p>
|
||||
<p style="margin-top: 5vh;"><img src="../imgs/home/footeremail.svg" alt=""> 邮箱： <a href="mailto:feng@fengxtech.com">feng@fengxtech.com</a></p>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="footer-bottom">
|
||||
<p>Copyright ©深圳丰潇技术服务有限公司 版权所有 <a class="record" href="https://beian.miit.gov.cn/">粤ICP备2025409897号-1</a></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
172
fengxiao/html/technicalSupport.html
Normal file
172
fengxiao/html/technicalSupport.html
Normal file
@@ -0,0 +1,172 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="icon" href="../imgs/home/logoicon.png">
|
||||
<link rel="stylesheet" href="../css/header.css">
|
||||
<link rel="stylesheet" href="../css/footer.css">
|
||||
<link rel="stylesheet" href="../css/technicalSupport.css">
|
||||
<title>丰潇技术服务有限公司</title>
|
||||
<script src="../js/header.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class="header">
|
||||
<div class="logo">
|
||||
<img src="../imgs/home/logo.png" alt="logo">
|
||||
</div>
|
||||
<div class="nav">
|
||||
<ul class="nav-list">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link ">
|
||||
首页
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item nav-dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
||||
<a href="#" class="nav-link ">
|
||||
主营业务 <span class="arrow" aria-hidden="true"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-label="主营业务下拉菜单">
|
||||
<li><a href="./websiteDesign.html">网站设计 <div class="dropdown-item"></div></a></li>
|
||||
<li><a href="./aimodel.html">企业AI模型训练与接入技术服务 <div class="dropdown-item"></div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link active">
|
||||
支持与服务
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./aboutUs.html" class="nav-link">
|
||||
关于丰潇
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item contactUs">
|
||||
<a href="mailto:feng@fengxtech.com" class="nav-link emailBox">
|
||||
<span>联系我们</span>
|
||||
<div class="contactUs-email">
|
||||
<img src="../imgs/home/email.svg" alt="email">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="dropdown-mask" tabindex="0" aria-label="下拉菜单遮罩层"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
<section class="banner">
|
||||
<div class="banner-content">
|
||||
|
||||
<div class="banner-content-text">
|
||||
<p>支持与服务</p>
|
||||
<p>我们为您提供最专业的服务，以及多样化的支持计划和专家服务，满足您从设计、部署、日常运维到优化升级等全周期需求，帮助您的快速实现网站建设、AI原生应用创新和业务收益落地。</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
<div class="banner-content-list">
|
||||
<h2>我们怎样让您的网站建立起来？</h2>
|
||||
<ul class="content-listBOX">
|
||||
<li class="content-listBOX-item">
|
||||
|
||||
<img src="../imgs/support/list1.svg" alt="多年行业经验">
|
||||
<h3>多年行业经验</h3>
|
||||
<p>多年沉淀汇聚行业精英团队，多年坚持始终追球细节完美品质，技术团队极具创造力的建造具有专业水准、充满创意、视觉冲击力、吸引力、诱惑力的网站。精通各类行业的网站开发，"量身定制"属于您的解决方案;我们知道针对您的行业做“合适”您企业的网站。
|
||||
</p>
|
||||
|
||||
</li>
|
||||
<li class="content-listBOX-item">
|
||||
|
||||
<img src="../imgs/support/list2.svg" alt="专业高素质团队">
|
||||
<h3>专业高素质团队</h3>
|
||||
<p>汇聚行业专家人才，公司核心成员均具有5年以上的丰富经验。
|
||||
团队成员开发过营销型网站，B2C商城，商城，APP、小程序、OA、ERP、CRM、B2B行业门户等大型平台，有丰富的运营推广经验，对于关键词排名推广，站群推广，运营策略等有独特的见解及实操的方法。
|
||||
</p>
|
||||
|
||||
</li>
|
||||
<li class="content-listBOX-item">
|
||||
|
||||
<img src="../imgs/support/list3.svg" alt="完善的售后服务">
|
||||
<h3>完善的售后服务</h3>
|
||||
<p>本着对客户热情，用心、真诚的服务宗旨。承诺每一个网站都是基于客户的情况，量身定做，为客户提供明确、长久、全面的网站运维服务。
|
||||
本着"人尽其才，才尽其用“的用人原则，最大限度的激发员工的积极性和创造性;始终以"人"为本，大限度的追求公司与员工的双赢。</p>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<section class="largeModel">
|
||||
<div class="largeModel-bg">
|
||||
|
||||
<h2>大模型训练与接入技术服务</h2>
|
||||
<h4>大模型专家团队，健全的大模型服务体系，丰富的大模型服务经验，以客户为中心的服务理念</h4>
|
||||
<div class="largeModel-bg-content">
|
||||
<h3>五大类服务</h3>
|
||||
<p>帮助您快速实现大模型AI训练与接入</p>
|
||||
<ul class="largeModel-bg-content-list">
|
||||
<li>AI场景需求分析</li>
|
||||
<li>模型服务化部署</li>
|
||||
<li>数据处理与标注</li>
|
||||
<li>业务系统集成</li>
|
||||
<li>模型训练与优化</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="serviceBox">
|
||||
<div class="serviceBox-content">
|
||||
<img src="../imgs/home/list1.png" alt="7*24小时服务">
|
||||
<img src="../imgs/home/list2.png" alt="专业技术服务">
|
||||
<img src="../imgs/home/list3.png" alt="全周期解决方案">
|
||||
|
||||
</div>
|
||||
</section >
|
||||
|
||||
<section class="footer">
|
||||
<ul class="footer-list">
|
||||
<li class="footer-list-item">
|
||||
<img class="footer-logo" src="../imgs/home/footerlogo.png" alt="logo">
|
||||
</li>
|
||||
<li class="footer-list-item item-textBOX">
|
||||
<div class="footer-list-item-text">
|
||||
深圳丰潇技术服务有限公司是一家专注于网站设计与 AI 模型训练的企业，为客户提供全方位的技术服务支持。我们秉承“专业、创新、高效”的理念，致力于帮助客户实现业务目标，提升企业竞争力。
|
||||
</div>
|
||||
</li>
|
||||
<li class="footer-list-item item-nav">
|
||||
<p>主营业务</p>
|
||||
<p style="margin-top: 5vh;"> <a href="./websiteDesign.html">网站设计</a></p>
|
||||
<p style="margin-top: 5vh;"> <a href="./aimodel.html">企业 AI 模型训练与接入技术服务</a></p>
|
||||
</li>
|
||||
<li class="footer-list-item item-nav">
|
||||
<p>和我们取得联系</p>
|
||||
<p style="margin-top: 5vh;"> <img src="../imgs/home/positioning.svg" alt=""> 地址：深圳市宝安区西乡街道富华社区尖岗山大道21号和樾府12栋一单元2706</p>
|
||||
<p style="margin-top: 5vh;"><img src="../imgs/home/footeremail.svg" alt=""> 邮箱：<a href="mailto:feng@fengxtech.com">feng@fengxtech.com</a></p>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="footer-bottom">
|
||||
<p>Copyright ©深圳丰潇技术服务有限公司 版权所有 <a class="record" href="https://beian.miit.gov.cn/">粤ICP备2025409897号-1</a></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
243
fengxiao/html/websiteDesign.html
Normal file
243
fengxiao/html/websiteDesign.html
Normal file
@@ -0,0 +1,243 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="icon" href="../imgs/home/logoicon.png">
|
||||
<link rel="stylesheet" href="../css/header.css">
|
||||
<link rel="stylesheet" href="../css/footer.css">
|
||||
<link rel="stylesheet" href="../css/websiteDesign.css">
|
||||
<title>丰潇技术服务有限公司</title>
|
||||
<script src="../js/header.js"></script>
|
||||
<script src="../js/websiteDesign.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class="header">
|
||||
<div class="logo">
|
||||
<img src="../imgs/home/logo.png" alt="logo">
|
||||
</div>
|
||||
<div class="nav">
|
||||
<ul class="nav-list">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link ">
|
||||
首页
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item nav-dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
||||
<a href="#" class="nav-link active">
|
||||
主营业务 <span class="arrow" aria-hidden="true"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-label="主营业务下拉菜单">
|
||||
<li><a href="#" class="menu-active">网站设计 <div class="dropdown-item"></div></a></li>
|
||||
<li><a href="./aimodel.html">企业AI模型训练与接入技术服务 <div class="dropdown-item"></div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./technicalSupport.html" class="nav-link ">
|
||||
支持与服务
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./aboutUs.html" class="nav-link ">
|
||||
关于丰潇
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item contactUs">
|
||||
<a href="mailto:feng@fengxtech.com" class="nav-link emailBox">
|
||||
<span>联系我们</span>
|
||||
<div class="contactUs-email">
|
||||
<img src="../imgs/home/email.svg" alt="email">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="dropdown-mask" tabindex="0" aria-label="下拉菜单遮罩层"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
<section class="banner">
|
||||
|
||||
<div class="banner-top">
|
||||
<div class="banner-top-content">
|
||||
<p>网站设计方案</p>
|
||||
<p>实施技术服务</p>
|
||||
<p>我们为企业客户提供从网站策划、视觉设计、前后端开发到部署运维的一站式网站建设解决方案，助力客户打造专业、高效、安全的互联网门户或交易平台。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="banner-bottom">
|
||||
<div class="carousel-container" >
|
||||
<div class="carousel-fade left"></div>
|
||||
<div class="carousel-track">
|
||||
<!-- 项目将通过JS动态添加 -->
|
||||
</div>
|
||||
<div class="carousel-fade right"></div>
|
||||
|
||||
</div>
|
||||
<div class="carousel-dots">
|
||||
<!-- 圆点将通过JS动态添加 -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="website-design-content">
|
||||
<div class="list-item leftItem">
|
||||
<img src="../imgs/website/list1.png" alt="网站策划与原型设计">
|
||||
<div>
|
||||
<h3>网站策划与原型设计</h3>
|
||||
<p>需求调研、用户体验分析、信息架构设计、原型图设计</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="right-arrow ">
|
||||
<img src="../imgs/website/right.svg" alt="arrow">
|
||||
</div>
|
||||
|
||||
|
||||
<div class="list-item">
|
||||
<div>
|
||||
<h3>UI 视觉设计</h3>
|
||||
<p>品牌风格提取、界面视觉统一、组件系统构建、高保真稿输出</p>
|
||||
</div>
|
||||
<img src="../imgs/website/list2.png" alt="UI 视觉设计">
|
||||
</div>
|
||||
|
||||
<div class="right-arrow ">
|
||||
<img class="left-arrow" src="../imgs/website/right.svg" alt="arrow">
|
||||
</div>
|
||||
|
||||
<div class="list-item leftItem">
|
||||
<img style="width: 30vw;" src="../imgs/website/list3.png" alt="前端开发">
|
||||
<div>
|
||||
<h3>前端开发</h3>
|
||||
<p>采用 Vue/React 框架构建响应式页面，兼容多终端设备，进行性能优化与 SEO 支持</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right-arrow ">
|
||||
<img src="../imgs/website/right.svg" alt="arrow">
|
||||
</div>
|
||||
<div class="list-item">
|
||||
<div>
|
||||
<h3>后端开发</h3>
|
||||
<p>基于 Node.js (中小型项目) / Spring（企业级项目） 开发业务逻辑与 API 接口，支持 MySQL/MongoDB 数据库</p>
|
||||
</div>
|
||||
<img src="../imgs/website/list4.png" alt="后端开发">
|
||||
</div>
|
||||
<div class="right-arrow ">
|
||||
<img class="left-arrow" src="../imgs/website/right.svg" alt="arrow">
|
||||
</div>
|
||||
|
||||
<div class="list-item leftItem">
|
||||
<img style="width: 30vw;" src="../imgs/website/list5.png" alt="系统部署与上线">
|
||||
<div>
|
||||
<h3>系统部署与上线</h3>
|
||||
<p>部署至云服务器（如阿里云、腾讯云等），配置 CI/CD 流程，提供安全加固与监控运维支持</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<section class="serviceProcess">
|
||||
<h3>我们的服务流程</h3>
|
||||
<p>客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。</p>
|
||||
|
||||
<ul class="process-list">
|
||||
<li class="process-item">
|
||||
<img src="../imgs/website/process1.svg" alt="需求沟通">
|
||||
<h3>需求沟通</h3>
|
||||
<p>通过电话、QQ、微信或者面谈了解你的需求</p>
|
||||
<div class="process-item-number">
|
||||
<span>01</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="process-item">
|
||||
<img src="../imgs/website/process2.svg" alt="分析策划">
|
||||
<h3>分析策划</h3>
|
||||
<p>根据你的需求，市场和面向的用户群体进行分析，确定一个适合您的解决方案</p>
|
||||
<div class="process-item-number">
|
||||
<span>02</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="process-item">
|
||||
<img src="../imgs/website/process3.svg" alt="合同签定">
|
||||
<h3>合同签定</h3>
|
||||
<p>签定双方一个认可的协议，让合作更加畅快，保证不会产生任何纠纷</p>
|
||||
<div class="process-item-number">
|
||||
<span>03</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="process-item">
|
||||
<img src="../imgs/website/process4.svg" alt="网站建设">
|
||||
<h3>网站建设</h3>
|
||||
<p>开始制作工作，包括首页设计、内页设计、前端制作、程序开发、网站测试</p>
|
||||
<div class="process-item-number">
|
||||
<span>04</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="process-item">
|
||||
<img src="../imgs/website/process5.svg" alt="需求调研">
|
||||
<h3>验收上线</h3>
|
||||
<p>网站制作并测试完成后交付验收，如无问题支付尾款上线</p>
|
||||
<div class="process-item-number">
|
||||
<span>05</span>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
</section>
|
||||
<section class="serviceBox">
|
||||
<div class="serviceBox-content">
|
||||
<img src="../imgs/home/list1.png" alt="7*24小时服务">
|
||||
<img src="../imgs/home/list2.png" alt="专业技术服务">
|
||||
<img src="../imgs/home/list3.png" alt="全周期解决方案">
|
||||
|
||||
</div>
|
||||
</section >
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<section class="footer">
|
||||
<ul class="footer-list">
|
||||
<li class="footer-list-item">
|
||||
<img class="footer-logo" src="../imgs/home/footerlogo.png" alt="logo">
|
||||
</li>
|
||||
<li class="footer-list-item item-textBOX">
|
||||
<div class="footer-list-item-text">
|
||||
深圳丰潇技术服务有限公司是一家专注于网站设计与 AI 模型训练的企业，为客户提供全方位的技术服务支持。我们秉承“专业、创新、高效”的理念，致力于帮助客户实现业务目标，提升企业竞争力。
|
||||
</div>
|
||||
</li>
|
||||
<li class="footer-list-item item-nav">
|
||||
<p>主营业务</p>
|
||||
<p style="margin-top: 5vh;"> <a href="./websiteDesign.html">网站设计</a></p>
|
||||
<p style="margin-top: 5vh;"> <a href="./aimodel.html">企业 AI 模型训练与接入技术服务</a></p>
|
||||
</li>
|
||||
<li class="footer-list-item item-nav">
|
||||
<p>和我们取得联系</p>
|
||||
<p style="margin-top: 5vh;"> <img src="../imgs/home/positioning.svg" alt=""> 地址：深圳市宝安区西乡街道富华社区尖岗山大道21号和樾府12栋一单元2706</p>
|
||||
<p style="margin-top: 5vh;"><img src="../imgs/home/footeremail.svg" alt=""> 邮箱： <a href="mailto:feng@fengxtech.com">feng@fengxtech.com</a></p>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- <a class="record" href="https://beian.miit.gov.cn/#/Integrated/index">粤ICP备2021012067号-2</a> -->
|
||||
<div class="footer-bottom">
|
||||
<p>Copyright ©深圳丰潇技术服务有限公司 版权所有 <a class="record" href="https://beian.miit.gov.cn/">粤ICP备2025409897号-1</a></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
fengxiao/imgs/about/adout1.png
Normal file
BIN
fengxiao/imgs/about/adout1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
fengxiao/imgs/about/adout2.png
Normal file
BIN
fengxiao/imgs/about/adout2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
1
fengxiao/imgs/about/bg.svg
Normal file
1
fengxiao/imgs/about/bg.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 166 KiB |
1
fengxiao/imgs/about/bg2.svg
Normal file
1
fengxiao/imgs/about/bg2.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 106 KiB |
BIN
fengxiao/imgs/about/list1.jpg
Normal file
BIN
fengxiao/imgs/about/list1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
BIN
fengxiao/imgs/about/list2.jpg
Normal file
BIN
fengxiao/imgs/about/list2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
BIN
fengxiao/imgs/about/list3.jpg
Normal file
BIN
fengxiao/imgs/about/list3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 57 KiB |
BIN
fengxiao/imgs/home/advantage1.png
Normal file
BIN
fengxiao/imgs/home/advantage1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.5 KiB |
BIN
fengxiao/imgs/home/advantage2.png
Normal file
BIN
fengxiao/imgs/home/advantage2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.5 KiB |
BIN
fengxiao/imgs/home/advantage3.png
Normal file
BIN
fengxiao/imgs/home/advantage3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
fengxiao/imgs/home/ai.png
Normal file
BIN
fengxiao/imgs/home/ai.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
BIN
fengxiao/imgs/home/ailist1.png
Normal file
BIN
fengxiao/imgs/home/ailist1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
BIN
fengxiao/imgs/home/ailist2.png
Normal file
BIN
fengxiao/imgs/home/ailist2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.4 KiB |
BIN
fengxiao/imgs/home/ailist3.png
Normal file
BIN
fengxiao/imgs/home/ailist3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
fengxiao/imgs/home/ailist4.png
Normal file
BIN
fengxiao/imgs/home/ailist4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
BIN
fengxiao/imgs/home/aimodel.png
Normal file
BIN
fengxiao/imgs/home/aimodel.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 80 KiB |
1
fengxiao/imgs/home/bg1.svg
Normal file
1
fengxiao/imgs/home/bg1.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 106 KiB |
1
fengxiao/imgs/home/bg2.svg
Normal file
1
fengxiao/imgs/home/bg2.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 24 KiB |
1
fengxiao/imgs/home/bg3.svg
Normal file
1
fengxiao/imgs/home/bg3.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 82 KiB |
1
fengxiao/imgs/home/email.svg
Normal file
1
fengxiao/imgs/home/email.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 16"><defs><style>.cls-1,.cls-3{fill:none;}.cls-2{fill:#fff;}.cls-3{stroke:#fff;stroke-linecap:round;stroke-width:1.5px;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><g id="iconixto_linear_mail" data-name="iconixto linear mail"><g id="Group_326" data-name="Group 326"><g id="Vector_20" data-name="Vector 20"><path class="cls-1" d="M4,0A4,4,0,0,0,0,4v8a4,4,0,0,0,4,4H16a4,4,0,0,0,4-4V4a4,4,0,0,0-4-4Z"/><path class="cls-2" d="M4,1.5A2.5,2.5,0,0,0,1.5,4v8A2.5,2.5,0,0,0,4,14.5H16A2.5,2.5,0,0,0,18.5,12V4A2.5,2.5,0,0,0,16,1.5H4M4,0H16a4,4,0,0,1,4,4v8a4,4,0,0,1-4,4H4a4,4,0,0,1-4-4V4A4,4,0,0,1,4,0Z"/></g><path id="Vector_31" data-name="Vector 31" class="cls-3" d="M4,3,6.8,6.73a4,4,0,0,0,5.6.8,3.79,3.79,0,0,0,.8-.8L16,3"/></g></g></g></g></svg>
|
||||
|
After Width: | Height: | Size: 845 B |
BIN
fengxiao/imgs/home/footerbg.png
Normal file
BIN
fengxiao/imgs/home/footerbg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
1
fengxiao/imgs/home/footeremail.svg
Normal file
1
fengxiao/imgs/home/footeremail.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 14.7"><defs><style>.cls-1{fill:#bebebf;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M0,2.4,1.8,3.55C4,5,6.25,6.4,8.49,7.8a2.69,2.69,0,0,0,3,0c2.79-1.75,5.55-3.53,8.32-5.3L20,2.4V12.61a2,2,0,0,1-2.08,2.09H2.09A2,2,0,0,1,0,12.61V2.4Z"/><path class="cls-1" d="M.25,1A2,2,0,0,1,1.89,0h16a2,2,0,0,1,1.81,1,.25.25,0,0,1,0,.07s0,0,0,0a6.1,6.1,0,0,0-.68.32c-2.75,1.74-5.49,3.5-8.23,5.24a1.49,1.49,0,0,1-1.71,0C6.31,4.85,3.48,3,.65,1.24.53,1.16.4,1.1.25,1Z"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 592 B |
BIN
fengxiao/imgs/home/footerlogo.png
Normal file
BIN
fengxiao/imgs/home/footerlogo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
BIN
fengxiao/imgs/home/list1.png
Normal file
BIN
fengxiao/imgs/home/list1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.2 KiB |
BIN
fengxiao/imgs/home/list2.png
Normal file
BIN
fengxiao/imgs/home/list2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.7 KiB |
BIN
fengxiao/imgs/home/list3.png
Normal file
BIN
fengxiao/imgs/home/list3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.8 KiB |
BIN
fengxiao/imgs/home/logo.png
Normal file
BIN
fengxiao/imgs/home/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
BIN
fengxiao/imgs/home/logoicon.png
Normal file
BIN
fengxiao/imgs/home/logoicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
fengxiao/imgs/home/newvision1.png
Normal file
BIN
fengxiao/imgs/home/newvision1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 140 KiB |
BIN
fengxiao/imgs/home/newvision2.png
Normal file
BIN
fengxiao/imgs/home/newvision2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 149 KiB |
BIN
fengxiao/imgs/home/newvision3.png
Normal file
BIN
fengxiao/imgs/home/newvision3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 128 KiB |
1
fengxiao/imgs/home/positioning.svg
Normal file
1
fengxiao/imgs/home/positioning.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.33 20"><defs><style>.cls-1{fill:#bebebf;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M7.67,20c-.48-.56-1-1.09-1.41-1.63a42.94,42.94,0,0,1-4.68-6.45A22.57,22.57,0,0,1,.5,9.71,5.9,5.9,0,0,1,.44,5.1,7.41,7.41,0,0,1,7.05,0a7.61,7.61,0,0,1,8,5.42,6.67,6.67,0,0,1-.5,5,28.79,28.79,0,0,1-3.27,5.18C10.19,17,9,18.38,7.91,19.74Zm0-8.67A3.67,3.67,0,1,0,4,7.65,3.67,3.67,0,0,0,7.67,11.33Z"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 522 B |
BIN
fengxiao/imgs/home/video.mp4
Normal file
BIN
fengxiao/imgs/home/video.mp4
Normal file
Binary file not shown.
BIN
fengxiao/imgs/home/website.png
Normal file
BIN
fengxiao/imgs/home/website.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
BIN
fengxiao/imgs/model/bg.png
Normal file
BIN
fengxiao/imgs/model/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
BIN
fengxiao/imgs/model/list1.jpg
Normal file
BIN
fengxiao/imgs/model/list1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
BIN
fengxiao/imgs/model/list2.jpg
Normal file
BIN
fengxiao/imgs/model/list2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
BIN
fengxiao/imgs/model/list3.jpg
Normal file
BIN
fengxiao/imgs/model/list3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 57 KiB |
BIN
fengxiao/imgs/model/list4.jpg
Normal file
BIN
fengxiao/imgs/model/list4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
BIN
fengxiao/imgs/model/list5.jpg
Normal file
BIN
fengxiao/imgs/model/list5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
BIN
fengxiao/imgs/model/mode1.png
Normal file
BIN
fengxiao/imgs/model/mode1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
BIN
fengxiao/imgs/model/mode2.png
Normal file
BIN
fengxiao/imgs/model/mode2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
BIN
fengxiao/imgs/model/mode3.png
Normal file
BIN
fengxiao/imgs/model/mode3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
BIN
fengxiao/imgs/model/mode4.png
Normal file
BIN
fengxiao/imgs/model/mode4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 60 KiB |
BIN
fengxiao/imgs/model/mode5.png
Normal file
BIN
fengxiao/imgs/model/mode5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
1
fengxiao/imgs/model/service1.svg
Normal file
1
fengxiao/imgs/model/service1.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 86.14 85.8"><defs><style>.cls-1{fill:#3478fd;}.cls-2{fill:#c0e1f5;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M57.38,27.1c-9.52-7.78-20.67-6.6-28.17-.35A21.39,21.39,0,0,0,49.05,63.57V79.06c0,1.67,0,3.33,0,5,0,1.17-.48,1.74-1.68,1.73-2.89,0-5.79,0-8.67-.05-.57,0-1.17-.59-1.66-1a1.8,1.8,0,0,1-.37-1.06c-.36-3.08-2.72-3.72-5.15-4.17a2.53,2.53,0,0,0-1.59.59,19,19,0,0,1-2.42,2,3.1,3.1,0,0,1-2.41,0c-2.29-1.14-4.43-2.57-6.71-3.73-1.5-.78-1.57-2-1.34-3.32.13-.74.4-1.46.58-2.2a2.08,2.08,0,0,0,0-.66c-.08-1.49-3.46-4-4.9-3.62a15.13,15.13,0,0,1-1.71.5c-1.5.22-2.68.09-3.47-1.65a61.06,61.06,0,0,0-3.8-6.66,1.75,1.75,0,0,1,.36-2.6c2.55-1.72,2.67-3.82,1.61-6.48a2.27,2.27,0,0,0-1.59-1.58,16.72,16.72,0,0,1-1.87-.54C0,48.58-.23,47.79.15,45.31A40.12,40.12,0,0,0,.32,39.5c0-2.13.81-3.21,3-3.39A2.57,2.57,0,0,0,6,33.7a5.54,5.54,0,0,1,.38-1.58,1.84,1.84,0,0,0-.55-2.45C3,26.85,3,26.82,4.87,23.33c.83-1.53,1.68-3,2.58-4.54,1.26-2.07,1.76-2.23,4.13-1.65.88.21,2,.72,2.63.37a10.5,10.5,0,0,0,3.33-3.13c.4-.63-.07-1.9-.29-2.85C16.7,9,16.78,8.66,18.8,7.46S23.16,5,25.29,3.68a2,2,0,0,1,2.86.73c1.7,2.34,3.61,2.4,6.1,1.41A2.59,2.59,0,0,0,36.1,3.91C37.34,0,37.38,0,41.62,0c.67,0,1.34,0,2,0,1.59.1,3.48-.26,4.66.49s1.17,2.63,1.85,3.93a3.78,3.78,0,0,0,1.48,1.24c2.8,1.61,5.06.59,6.89-1.65a1.62,1.62,0,0,1,2.34-.26c2.3,1.24,4.47,2.72,6.79,3.91,1.59.83,1.61,2.07,1.38,3.47a18,18,0,0,0-.53,2.2A3.91,3.91,0,0,0,69,14.83c0,.1.18.15.24.24,1.54,2.51,3.7,3,6.33,1.95,1.22-.49,1.93.08,2.5,1.08,1.4,2.47,2.87,4.89,4.18,7.4.26.51,0,1.35-.19,2a1.75,1.75,0,0,1-.69.9c-2.78,1.81-1.57,4.22-.94,6.5.1.35.63.67,1,.82C87,37.9,86,36.32,86.1,42.34c0,1.61-.08,3.23,0,4.84A1.65,1.65,0,0,1,84.89,49,42.37,42.37,0,0,1,80.6,50.6c-.4.1-1.2-.43-1.47-.87C77,46.31,75,42.84,72.92,39.4c-2.53-4.2-5-8.41-7.62-12.56-1.5-2.42-4.62-2.75-7-.84A7.22,7.22,0,0,0,57.38,27.1Z"/><path class="cls-2" d="M52.06,58.42c-2.43,0-4.65,0-6.86,0-2,0-2.71-1.15-1.7-2.88,2-3.48,4.16-6.9,6.26-10.33C53,40,56.15,34.7,59.41,29.49c.45-.71,1.3-1.68,1.9-1.64s1.6.92,2.08,1.65c2.35,3.59,4.63,7.24,6.87,10.91q4.53,7.44,8.94,15c1.18,2,.5,3-1.89,3.06H70.75V83.27c0,2.1-.41,2.51-2.49,2.52H54.58c-2.11,0-2.52-.41-2.52-2.49q0-11.42,0-22.84Z"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
1
fengxiao/imgs/model/service2.svg
Normal file
1
fengxiao/imgs/model/service2.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 98.01 90.27"><defs><style>.cls-1{fill:#c0e1f5;}.cls-2{fill:#3478fd;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M76.91,71V50.23c0-2.89.16-3,3.1-3h7.25c2.67,0,3,.3,3,2.91V71c1.9,0,3.74-.08,5.57,0,.77,0,2,.36,2.14.84a3,3,0,0,1-.64,2.37c-4,5-8,9.94-12.09,14.88-1.2,1.47-2.1,1.5-3.28,0-4.15-5-8.3-10.11-12.39-15.22a2.32,2.32,0,0,1-.47-2,2.73,2.73,0,0,1,2-1C72.92,70.94,74.83,71,76.91,71Z"/><path class="cls-2" d="M44.17,71.85c-4.89,0-9.77,0-14.65,0-2.94,0-4.72-2.15-4-4.67a3.37,3.37,0,0,1,2.57-2.5,7.67,7.67,0,0,1,1.79-.19H58.44a8.3,8.3,0,0,1,1.65.14A3.61,3.61,0,0,1,60,71.72a9.89,9.89,0,0,1-1.81.12Z"/><path class="cls-2" d="M18.78,45.59c-4.83,0-9.67,0-14.5,0-2.12,0-3.61-1.05-4.06-2.73A3.62,3.62,0,0,1,3,38.36a10.45,10.45,0,0,1,2.1-.16H32.69c.41,0,.81,0,1.21,0A3.73,3.73,0,0,1,37.63,42a3.7,3.7,0,0,1-3.89,3.6C28.75,45.63,23.77,45.59,18.78,45.59Z"/><path class="cls-2" d="M18.75,35.06c-5,0-10,0-14.94,0A3.65,3.65,0,0,1,.16,32.44a3.48,3.48,0,0,1,1.38-4,4.54,4.54,0,0,1,2.25-.67q15.11-.08,30.2,0a3.51,3.51,0,0,1,3.71,3.69,3.62,3.62,0,0,1-3.85,3.6C28.82,35.08,23.78,35.06,18.75,35.06Z"/><path class="cls-2" d="M44.2,82.32c-5,0-10,.05-15,0-2.88,0-4.65-2.57-3.59-5A3.79,3.79,0,0,1,29.55,75c5.59,0,11.18,0,16.77,0H59.16a3.64,3.64,0,0,1,3.53,2.15A3.44,3.44,0,0,1,62.21,81a4,4,0,0,1-3.51,1.38c-4.83,0-9.67,0-14.5,0Z"/><path class="cls-2" d="M18.81,24.52c-5,0-10.07,0-15.1,0A3.53,3.53,0,0,1,.08,21.35a3.59,3.59,0,0,1,2.54-4,3.64,3.64,0,0,1,1-.16q15.18,0,30.36,0a3.63,3.63,0,0,1,1.23,7.06,6.94,6.94,0,0,1-1.93.22H18.81Z"/><path class="cls-2" d="M44.15,54c5,0,10,0,15,0A3.63,3.63,0,0,1,63,58a3.74,3.74,0,0,1-4,3.36c-3.08,0-6.15,0-9.22,0-6.8,0-13.6,0-20.4,0-2.93,0-4.74-2.34-3.87-4.89A3.63,3.63,0,0,1,29.34,54C34.28,54,39.21,54,44.15,54Z"/><path class="cls-2" d="M37.25,50.8c-2.55,0-4.89.05-7.24,0-3.48-.09-6,1.26-7.46,4.54a1.48,1.48,0,0,1-1.09.7c-5.94,0-11.88.06-17.82,0A3.49,3.49,0,0,1,.05,52.49a3.63,3.63,0,0,1,3.54-3.75c.85-.07,1.71,0,2.57,0H33.35A3.92,3.92,0,0,1,37.25,50.8Z"/><path class="cls-2" d="M24.37,73.36l-2.26,3.73H17.27c-4.49,0-9,0-13.45,0a3.64,3.64,0,0,1-3.66-2.6,3.47,3.47,0,0,1,1.38-4,4.59,4.59,0,0,1,2.25-.68c5.84,0,11.68,0,17.52,0a1.32,1.32,0,0,1,1.43,1A21.51,21.51,0,0,0,24.37,73.36Z"/><path class="cls-2" d="M22.13,59.26l2.2,3.62c-.58,1-1.17,2.16-1.86,3.24a1.3,1.3,0,0,1-1,.42c-6,0-12,0-17.95,0a3.62,3.62,0,0,1,0-7.24C9.74,59.22,16,59.26,22.13,59.26Z"/><path class="cls-2" d="M68,46.06a23,23,0,1,1,23.18-23A23.08,23.08,0,0,1,68,46.06Zm1.79-33.19A4.12,4.12,0,0,1,73,16.73c.14,1.12.59,1.85,1.8,1.73s1.49-1,1.37-2.1a7.54,7.54,0,0,0-5.4-6.61c-.86-.3-1.25-.65-1.14-1.56a2.17,2.17,0,0,0-.09-1.33c-.37-.52-1-1.19-1.48-1.2S67,6.31,66.58,6.8A1.74,1.74,0,0,0,66.47,8a1.47,1.47,0,0,1-1.25,1.82,7.43,7.43,0,0,0-4.86,4.62c-1.51,4,.66,8.19,4.94,9.77.44.16,1.09.6,1.1.93.09,2.68,0,5.37,0,8.29-2.13-.92-3.25-2.21-3.41-4.29a1.49,1.49,0,0,0-1.67-1.56A1.39,1.39,0,0,0,60,29.3c.31,1.4.54,3,1.4,4a31,31,0,0,0,4.71,3.75l.41-.34A6.06,6.06,0,0,0,66.54,39c.26.62,1,1.44,1.54,1.43s1.26-.83,1.52-1.46a6.26,6.26,0,0,0,.05-2.21c3.85-1.12,6.45-3.36,6.54-7.42.09-4.28-2.6-6.63-6.45-7.77Z"/><path class="cls-2" d="M69.72,33.21V25.12A4,4,0,0,1,73,28.85,4.23,4.23,0,0,1,69.72,33.21Z"/><path class="cls-2" d="M66.37,12.81V21a4.26,4.26,0,0,1-3.3-3.87C63,15.25,64.13,13.66,66.37,12.81Z"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 3.3 KiB |
1
fengxiao/imgs/model/service3.svg
Normal file
1
fengxiao/imgs/model/service3.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 86.14 85.91"><defs><style>.cls-1{fill:#3478fd;}.cls-2{fill:#c0e1f5;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M0,43c0-2.2,0-4.39,0-6.59.06-2.41,1-3.33,3.47-3.37,2.2,0,4.4-.06,6.6,0a2.12,2.12,0,0,0,2.4-1.61,10.92,10.92,0,0,1,.75-1.84,2.3,2.3,0,0,0-.66-3.16C11,25,9.54,23.49,8.05,22c-1.7-1.74-1.7-3,0-4.79q4.58-4.62,9.2-9.17C19,6.36,20.28,6.36,22,8S25.1,11,26.61,12.63a2.32,2.32,0,0,0,3,.65c3.88-1.8,3.52-.65,3.54-5.29,0-1.66,0-3.32,0-5A2.73,2.73,0,0,1,36,.06q7-.12,14,0C52,.09,52.91,1.17,53,3.15,53,5.41,53,7.67,53,9.93a2.28,2.28,0,0,0,1.66,2.57c3.91,1.38,3,2.06,6.27-1.25C62,10.11,63.13,9,64.29,7.87c1.54-1.45,2.88-1.5,4.38,0q4.86,4.72,9.62,9.59c1.46,1.49,1.43,2.83,0,4.36S75.1,25,73.44,26.57a2.25,2.25,0,0,0-.59,3,10.19,10.19,0,0,1,.76,1.84,2.2,2.2,0,0,0,2.56,1.66c2.2-.07,4.4,0,6.6,0s3.3,1,3.33,3.32q.08,6.59,0,13.16c0,2.3-1,3.23-3.37,3.28s-4.4.07-6.6,0a2.26,2.26,0,0,0-2.54,1.7c-1.35,3.79-2.06,2.9,1.17,6.09,1.18,1.18,2.39,2.33,3.52,3.54,1.44,1.52,1.46,2.86,0,4.36Q73.57,73.3,68.78,78c-1.59,1.55-2.93,1.55-4.52,0s-3.16-3-4.66-4.66a2.42,2.42,0,0,0-3.17-.67C52.7,74.39,53,73.28,53,77.81c0,1.66.05,3.32,0,5-.07,2-1,3-3,3.06q-6.9.12-13.8,0c-2.05,0-3-1.1-3-3.19-.06-2.26-.08-4.53,0-6.78a2.28,2.28,0,0,0-1.74-2.52c-3.76-1.31-2.88-2-6.11,1.22-1.13,1.14-2.24,2.29-3.4,3.39-1.61,1.52-3,1.57-4.53,0q-4.79-4.68-9.47-9.46C6.37,67,6.4,65.65,8,64.05S11,60.9,12.62,59.4a2.39,2.39,0,0,0,.62-3.17c-1.7-3.7-.63-3.38-5.18-3.39-1.6,0-3.2,0-4.8,0C1.08,52.76.1,51.8,0,49.61S0,45.22,0,43ZM70.58,43A27.52,27.52,0,1,0,43,70.39,27.57,27.57,0,0,0,70.58,43Z"/><path class="cls-2" d="M43.12,18.61A24.34,24.34,0,1,0,67.48,43,24.3,24.3,0,0,0,43.12,18.61ZM27.46,29.48c.08-.39.55-.73.87-1.06a20.74,20.74,0,0,1,29.53.08A13.36,13.36,0,0,1,59,30a1.53,1.53,0,0,1-2.32,1.49,10,10,0,0,1-1.3-1.22,17.65,17.65,0,0,0-24.67.07c-.38.37-.71.95-1.16,1a2.56,2.56,0,0,1-1.92-.18C27.3,31,27.35,30.06,27.46,29.48Zm16.29,13a1.27,1.27,0,1,1,0,2.53h-3v2.73h3.3a1.12,1.12,0,0,1,1.26,1.2,1.2,1.2,0,0,1-1.26,1.26H39.47a1.26,1.26,0,0,1-1.33-1.33v-9.9c0-1,.44-1.54,1.33-1.54H44a1.16,1.16,0,0,1,1.26,1.19A1.19,1.19,0,0,1,44,39.85H40.8v2.6Zm-18,6.46V38.66a1.3,1.3,0,0,1,1.34-1.4,1.5,1.5,0,0,1,1.12.63l5.68,7.58h.07V38.66a1.34,1.34,0,1,1,2.67,0V48.91a1.19,1.19,0,0,1-1.33,1.26,1.39,1.39,0,0,1-1.12-.49l-5.69-7.51h-.07v6.74a1.19,1.19,0,0,1-1.33,1.26A1.19,1.19,0,0,1,25.71,48.91Zm32.08,8.57a21.11,21.11,0,0,1-15,6.19A20.71,20.71,0,0,1,28.26,57.4c-.8-.81-1.78-1.71-.6-2.84s1.9-.14,2.69.63c7.44,7.23,18,7.26,25.37.07.83-.81,1.69-1.81,2.82-.62S58.57,56.68,57.79,57.48Zm1.61-8.57a1.7,1.7,0,0,1-1.76,1.26A1.74,1.74,0,0,1,55.82,49L53.71,42,51.61,49a1.69,1.69,0,0,1-1.75,1.19,1.63,1.63,0,0,1-1.76-1.26l-2.32-9.83a3,3,0,0,1-.07-.63A1.23,1.23,0,0,1,47,37.26c.79,0,1.28.39,1.47,1.33l1.48,7.58H50l2.31-7.86a1.56,1.56,0,0,1,1.4-1.05,1.38,1.38,0,0,1,1.41,1.05l2.31,7.86h.07l1.55-7.58c.14-.89.61-1.33,1.4-1.33a1.21,1.21,0,0,1,1.26,1.19,2.43,2.43,0,0,1-.07.63Z"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
1
fengxiao/imgs/model/service4.svg
Normal file
1
fengxiao/imgs/model/service4.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75.01 90.27"><defs><style>.cls-1{fill:#c0e1f5;}.cls-2{fill:#3478fd;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M75,55.67c-.32,4.22-.42,8.47-1,12.66-.79,5.55-4.21,9.52-8.64,12.68C61.19,84,57,87,52.8,89.93a2.08,2.08,0,0,1-1.84.2c-5.52-4-11.19-7.85-16.36-12.27-3.93-3.35-5.51-8.21-5.6-13.38-.1-5.86,0-11.73,0-17.59a2.17,2.17,0,0,1,1.21-2.15c3.93-2.4,7.86-4.71,12.36-6a32.5,32.5,0,0,1,21.75,1.16c3.18,1.32,6.12,3.19,9.17,4.82a2.36,2.36,0,0,1,1.3,2.47c-.12,2.81,0,5.62,0,8.43ZM47.17,66.49C45.28,64,43.78,62,42.25,60a3.61,3.61,0,0,0-4.84-.86c-1.59,1.13-1.86,2.82-.49,4.66,2.26,3,4.69,5.92,7,8.93,1.35,1.78,3.42,2.18,5.15.44,5.84-5.89,11.71-11.75,17.54-17.64A2.79,2.79,0,0,0,67.36,54c.18-1.52,0-2.94-1.72-3.6a3.49,3.49,0,0,0-4.08,1C57.33,55.72,53,60,48.8,64.27A19.44,19.44,0,0,0,47.17,66.49Z"/><path class="cls-2" d="M26.58,20.22c-7.87-.44-14.73-1-21-4.19a12,12,0,0,1-3.91-2.79C-1,10-.14,8.08,3.32,5.5a25.65,25.65,0,0,1,12-4.45A58.7,58.7,0,0,1,25.47,0c7,.26,14,.78,20.44,4a16,16,0,0,1,3.3,2.14c2.76,2.43,3.3,5.58-.71,8.4a28,28,0,0,1-11.24,4.4C33.42,19.63,29.51,19.89,26.58,20.22Z"/><path class="cls-2" d="M.08,15.83c11.68,9.37,39.27,9.35,51.21.36a76.82,76.82,0,0,1-.07,8.47c-.31,2.67-2.64,4.05-4.82,4.94a45.31,45.31,0,0,1-10.35,3.23,81.6,81.6,0,0,1-14.82.76c-6.3-.25-12.48-1.47-17.88-5.07C1.2,27.09-.25,25.23,0,22.34.24,20.31.08,18.24.08,15.83Z"/><path class="cls-2" d="M51.26,30v4.48c-2.39.32-4.76.56-7.1,1-5.51,1-10.3,3.57-15,6.51-2.18,1.36-3.91,2.57-2.88,5.88-3.54-.35-6.71-.54-9.83-1A31.44,31.44,0,0,1,3.06,42.13a5.93,5.93,0,0,1-3-5.58c.13-2.12,0-4.25,0-6.67,7.86,5.37,16.54,6.72,25.57,6.74S43.43,35.36,51.26,30Z"/><path class="cls-2" d="M.08,57.23a26.67,26.67,0,0,0,12.51,5.6c4.35.81,8.78,1.17,13.12,1.73l2.74,10.7c-2.73-.15-5.55-.15-8.32-.51A65.57,65.57,0,0,1,10,72.86c-3.45-1-7-2.22-9.11-5.59a4.35,4.35,0,0,1-.73-2C0,62.75.08,60.21.08,57.23Z"/><path class="cls-2" d="M25.93,61.76c-4.93-.7-9.65-1.1-14.23-2.12-4-.88-7.92-2.34-10.63-5.76a4.49,4.49,0,0,1-.95-2.42C0,49,.08,46.58.08,43.69c7.89,5.55,16.76,6.45,25.85,7Z"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
1
fengxiao/imgs/model/service5.svg
Normal file
1
fengxiao/imgs/model/service5.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 98.01 81.55"><defs><style>.cls-1{fill:#3478fd;}.cls-2{fill:#c0e1f5;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M32.15,81.52V72.77l-.9-.09c-1.95,2.52.05,5.84-1.26,8.68H12.07l-.58-8.66-1.31,0-.43,8.58H0C.25,76,.19,70.74.82,65.6c.42-3.44,2.69-6.1,5.86-7.76s5.48-1.29,8.09,1.14c3.74,3.48,9.3,3.68,12.71-.11,2.46-2.74,4.92-2.33,7.6-1.21a10.3,10.3,0,0,1,6.51,8.63,110.67,110.67,0,0,1,.29,13.51,2.38,2.38,0,0,1-1.62,1.64C37.77,81.62,35.26,81.52,32.15,81.52Z"/><path class="cls-2" d="M86.41,81.32H68.29l-.5-8.73-1.27,0v8.86c-3.22,0-5.92.1-8.59-.09-.51,0-1.31-1.25-1.32-1.94-.07-4.09-.15-8.2.16-12.27a11.09,11.09,0,0,1,6.15-9.31C66.08,56.18,68.37,56.55,71,59c3.76,3.49,9.31,3.67,12.72-.14,2.34-2.63,4.71-2.32,7.31-1.3a10.12,10.12,0,0,1,6.75,8.79c.43,4.86.1,9.79.1,14.92H88.44V72.78l-1.39-.07C86.84,75.53,86.63,78.34,86.41,81.32Z"/><path class="cls-1" d="M31.24,18.88C30,17.32,29,16.24,28.13,15.05a4.33,4.33,0,0,1-.86-2.18c-.09-3.46,0-6.92-.06-10.37,0-1.72.71-2.5,2.43-2.5q10.85,0,21.7,0c1.75,0,2.39.83,2.35,2.54-.08,3.24-.13,6.5,0,9.74.1,2.3-.71,3.29-3.06,3.15-2.19-.14-4.4-.09-6.6-.06C39.25,15.44,34.07,14.16,31.24,18.88Z"/><path class="cls-2" d="M45,17.31c2.3,0,4.39,0,6.48,0,2.67,0,4.1-1.33,4.1-4.06V6.64c4.83,0,9.42-.07,14,.08a2.47,2.47,0,0,1,1.65,1.75c.15,4,.09,8,0,12a2.53,2.53,0,0,1-.66,1.34c-1,1.23-2,2.42-3.21,3.87-4.7-6.17-12-2.81-18.48-3.4C44.62,21.87,44.56,22.12,45,17.31Z"/><path class="cls-2" d="M87.13,40.62a9.79,9.79,0,0,1-19.57-.13,9.79,9.79,0,1,1,19.57.13Z"/><path class="cls-1" d="M21.17,50.3a9.63,9.63,0,0,1-9.79-9.72,9.78,9.78,0,1,1,19.56-.06A9.73,9.73,0,0,1,21.17,50.3Z"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
1
fengxiao/imgs/model/service6.svg
Normal file
1
fengxiao/imgs/model/service6.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80.92 90.27"><defs><style>.cls-1{fill:#3478fd;}.cls-2{fill:#c0e1f5;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M54.38,0c0,1.79,0,3.46,0,5.12A4.49,4.49,0,0,0,59.18,10c1.67,0,3.33,0,5.11,0V43.2c0,2.9-1.43,4.33-4.33,4.33H25.67c-2.83,0-4.32-1.47-4.32-4.28V4.32C21.35,1.49,22.82,0,25.63,0H54.38Zm-5,18.54c-2.57,0-5.13,0-7.7,0a2.47,2.47,0,0,0-1.15.23,1.33,1.33,0,0,0-.62,1.68,1.54,1.54,0,0,0,1.67,1.05h15.3c1.16,0,1.82-.6,1.8-1.55s-.65-1.42-1.79-1.42Zm-.17-4H56.9c1.13,0,1.76-.52,1.78-1.44s-.62-1.52-1.72-1.52H41.57c-1.1,0-1.73.59-1.73,1.51s.64,1.45,1.76,1.45Zm.09,18H41.51c-1.06,0-1.66.56-1.67,1.45s.65,1.51,1.82,1.51H56.78c1.24,0,1.91-.56,1.9-1.53s-.65-1.44-1.87-1.44Zm0-4h7.6c1.14,0,1.77-.51,1.79-1.43s-.64-1.53-1.8-1.54c-5.1,0-10.2,0-15.3,0-1.11,0-1.74.58-1.74,1.5s.62,1.46,1.75,1.46Zm-.09,14h7.7c1.13,0,1.76-.53,1.78-1.44s-.64-1.53-1.8-1.53H41.67c-1.19,0-1.83.55-1.83,1.5s.65,1.47,1.85,1.47ZM30.69,27.54c-.45-.51-.77-1-1.17-1.35a1.47,1.47,0,1,0-2.12,2c.76.81,1.55,1.6,2.37,2.35a1.31,1.31,0,0,0,1.86.07c1.94-1.72,3.87-3.46,5.76-5.24a1.36,1.36,0,0,0,0-2,1.42,1.42,0,0,0-1.94-.13,9.54,9.54,0,0,0-.84.73Zm0,11.44a13.9,13.9,0,0,0-1.1-1.33,1.45,1.45,0,0,0-2.15-.06,1.48,1.48,0,0,0,.07,2.15c.66.7,1.35,1.37,2,2a1.51,1.51,0,0,0,2.43,0Q34.5,39.53,37,37.2c.88-.8,1-1.64.34-2.33S35.92,34.23,35,35Zm0-22.86a16.26,16.26,0,0,0-1.09-1.26,1.45,1.45,0,0,0-2.21-.08,1.47,1.47,0,0,0,.12,2.15c.63.68,1.3,1.33,2,2A1.54,1.54,0,0,0,32,19l5-4.54c.91-.82,1-1.62.43-2.34s-1.49-.7-2.42.14Z"/><path class="cls-2" d="M19.41,79.34,11.24,64.91l2.2-1.28c3.53-2.05,7-4.12,10.61-6.12a22.13,22.13,0,0,1,3.56-1.57,7.81,7.81,0,0,1,5.18.07c4.79,1.57,9.59,3.09,14.39,4.62.67.21,1.39.28,2.08.47A3.25,3.25,0,0,1,51.61,65a3,3,0,0,1-3.74,2.31c-3.34-.78-6.65-1.7-10-2.56-.27-.07-.54-.16-.81-.21a1.41,1.41,0,1,0-.69,2.72c1.58.43,3.17.85,4.76,1.23,2.88.7,5.76,1.45,8.67,2a10.64,10.64,0,0,0,7.43-1.32c4.38-2.51,8.73-5.06,13.09-7.59a16.08,16.08,0,0,1,6.37-2.4c3-.31,5,2.2,3.87,5a3.62,3.62,0,0,1-1.33,1.59q-12.95,8.1-25.94,16.12a9.9,9.9,0,0,1-8.2,1.1c-6.92-1.88-13.86-3.7-20.78-5.57a2.45,2.45,0,0,0-2.11.28C21.34,78.26,20.42,78.76,19.41,79.34Z"/><path class="cls-2" d="M20.27,86.76a3.64,3.64,0,0,1-.76.84c-1.44.86-2.9,1.67-4.35,2.48-.84.47-1.31,0-1.71-.69q-4.39-7.8-8.81-15.58L.4,66.31c-.65-1.15-.55-1.48.61-2.14L4.81,62c.92-.51,1.32-.42,1.82.47q6.65,11.69,13.25,23.4C20,86.13,20.1,86.39,20.27,86.76ZM2.93,66.25a1.65,1.65,0,1,0,1.69-1.6A1.66,1.66,0,0,0,2.93,66.25Z"/><path class="cls-1" d="M57.36.29,64,6.94c-1.75,0-3.56,0-5.36,0a1.29,1.29,0,0,1-1.26-1.37C57.33,3.8,57.36,2.05,57.36.29Z"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
BIN
fengxiao/imgs/support/bg.png
Normal file
BIN
fengxiao/imgs/support/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 147 KiB |
BIN
fengxiao/imgs/support/left.png
Normal file
BIN
fengxiao/imgs/support/left.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
1
fengxiao/imgs/support/list1.svg
Normal file
1
fengxiao/imgs/support/list1.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 141.35 167.07"><defs><style>.cls-1{fill:url(#未命名的渐变_10);}</style><linearGradient id="未命名的渐变_10" x1="70.68" y1="167.07" x2="70.68" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5eb3e5"/><stop offset="1" stop-color="#3478fd"/></linearGradient></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M135.82,81c.55-3.48,5.53-6.69,5.53-10.32s-5-6.84-5.53-10.32,3.19-8.16,2.09-11.53-6.84-4.93-8.46-8.1.51-8.72-1.59-11.6-8-2.56-10.55-5.09-2.19-8.44-5.09-10.55-8.4,0-11.6-1.59S96,4.55,92.52,3.44,84.58,6.09,81,5.53,74.31,0,70.68,0,63.84,5,60.35,5.53,52.2,2.35,48.83,3.44s-4.93,6.84-8.1,8.46-8.72-.5-11.6,1.59S26.57,21.52,24,24s-8.44,2.19-10.55,5.09,0,8.4-1.59,11.6-7.35,4.67-8.46,8.1,2.65,8,2.09,11.52S0,67,0,70.68,5,77.52,5.53,81,2.35,89.15,3.44,92.52s6.84,4.94,8.46,8.1-.5,8.72,1.59,11.6,8,2.56,10.55,5.09,2.19,8.44,5.09,10.55,8.4,0,11.6,1.59,4.67,7.35,8.1,8.46,8-2.65,11.52-2.09,6.69,5.53,10.33,5.53,6.84-5,10.32-5.53,8.15,3.19,11.52,2.09,4.94-6.84,8.1-8.46,8.72.51,11.6-1.59,2.56-8,5.09-10.55,8.44-2.19,10.55-5.09,0-8.4,1.59-11.6,7.35-4.67,8.46-8.1S135.26,84.58,135.82,81ZM70.68,123.63a53,53,0,1,1,52.95-52.95A53,53,0,0,1,70.68,123.63Zm-21.8,17.21L35.24,167.07l-9.9-17.19L5.6,151.64l16.67-32a14.36,14.36,0,0,1,1.34,3.55c.71,2.49,1.52,5.31,3.85,7a9.88,9.88,0,0,0,6,1.54c.59,0,1.2,0,1.8,0l1.61,0a6.42,6.42,0,0,1,2.55.36c.83.42,1.8,1.86,2.66,3.14,1.45,2.15,3.1,4.6,5.85,5.49A7.39,7.39,0,0,0,48.88,140.84Zm70.21-21.23,16.67,32L116,149.88l-9.89,17.19L92.47,140.84a7,7,0,0,0,.93-.22c2.76-.89,4.41-3.34,5.86-5.5.86-1.27,1.83-2.71,2.66-3.13a6.34,6.34,0,0,1,2.54-.36l1.61,0c.61,0,1.21,0,1.8,0a10.06,10.06,0,0,0,6-1.54c2.33-1.69,3.13-4.51,3.85-7A13.6,13.6,0,0,1,119.09,119.61Zm-54-16L38.18,73.09l6-5.3L65,91.4,101.2,49.31l6.08,5.23Z"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
1
fengxiao/imgs/support/list2.svg
Normal file
1
fengxiao/imgs/support/list2.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 201.88 109.73"><defs><style>.cls-1{fill:url(#未命名的渐变_10);}</style><linearGradient id="未命名的渐变_10" x1="100.94" y1="109.73" x2="100.94" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5eb3e5"/><stop offset="1" stop-color="#3478fd"/></linearGradient></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M163.71,109.71H40.53c.69-3.3,1.34-6.5,2-9.7q2.18-10.19,4.35-20.36A16.76,16.76,0,0,1,61.24,66.4c7.09-1.05,14.18-2.05,21.26-3.14a2.35,2.35,0,0,1,3,1.66c3.17,7.55,6.51,15,9.79,22.54a5.29,5.29,0,0,0,1.34,2c.25-2.2.51-4.4.74-6.6.19-1.69.4-3.38.48-5.08.06-1.34.66-1.79,2-1.73,2,.1,4.55-.65,5.81.33s1,3.59,1.29,5.52a56.18,56.18,0,0,0,1.32,7.31c.38-.8.77-1.61,1.13-2.42,3.22-7.37,6.47-14.73,9.61-22.14a2,2,0,0,1,2.49-1.42c7.38,1.11,14.79,2,22.13,3.29s12.13,5.81,13.79,13.22c2.09,9.36,4.06,18.75,6.08,28.13C163.58,108.43,163.62,109,163.71,109.71ZM129,27.49a26.85,26.85,0,1,0-27.11,26.19A26.84,26.84,0,0,0,129,27.49ZM36.08,18.11A23.19,23.19,0,1,0,59.18,41.3,23.35,23.35,0,0,0,36.08,18.11Zm153,23.29a23.19,23.19,0,1,0-23.24,23.07A23.31,23.31,0,0,0,189.12,41.4ZM26.1,72.13C12,72.17,1,82.38.13,96.51c-.27,4.38,0,8.79,0,13.22H35.22c2.78-12.55,5.55-25,8.34-37.6C38,72.13,32.07,72.11,26.1,72.13Zm143,37.52h32.71c0-4.72.24-9.3,0-13.85-.71-11.41-9.13-21.31-20.44-23-6.88-1-14-.62-20.59-.85C163.57,84.79,166.34,97.26,169.08,109.65Zm-58.76-44.9c.43-1.67-.54-2.72-2-3.18a20.86,20.86,0,0,0-12.22,0,2.71,2.71,0,0,0-2.13,3,8.1,8.1,0,0,0,8.25,7.76C107.19,72.73,109.09,69.55,110.32,64.75Z"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
1
fengxiao/imgs/support/list3.svg
Normal file
1
fengxiao/imgs/support/list3.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 155.21 150.98"><defs><style>.cls-1{fill:url(#未命名的渐变_10);}</style><linearGradient id="未命名的渐变_10" x1="77.61" y1="150.98" x2="77.61" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5eb3e5"/><stop offset="1" stop-color="#3478fd"/></linearGradient></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M40.79,130.48l-16.15-28C26.82,101.23,28.9,100,31,98.8l26.08-15a11.69,11.69,0,0,1,9.16-1.16C78.13,85.82,90,89,101.94,92.15c3.84,1,5.69,4.56,4.61,8.53-1,3.78-4.53,5.73-8.49,4.68-8.1-2.15-16.19-4.34-24.29-6.5-.51-.13-1.26-.36-1.56-.11a3.77,3.77,0,0,0-1.39,1.94c-.2,1,.63,1.64,1.6,1.9,3,.81,5.92,1.6,8.88,2.4,8.36,2.24,16.72,4.5,25.09,6.72a16,16,0,0,0,12.46-1.78c7.81-4.52,15.64-9,23.43-13.57,2.8-1.65,5.61-2.51,8.72-1a7.26,7.26,0,0,1,4.2,6.61,7,7,0,0,1-3.61,6.81c-10,5.8-20,11.55-30,17.33-3.18,1.83-6.4,3.59-9.5,5.53a18.13,18.13,0,0,1-15.25,2.09c-13.45-3.75-27-7.27-40.46-10.92a3.88,3.88,0,0,0-3.23.5C49.12,125.75,45,128.07,40.79,130.48ZM96.05,71.41a1.46,1.46,0,0,1,1.79-.71,36.07,36.07,0,0,0,5.57.78,1.77,1.77,0,0,1,1.88,1.35,55.29,55.29,0,0,0,2,5.22,1.52,1.52,0,0,0,1.17.74,31.39,31.39,0,0,0,12.77-3.36,1.56,1.56,0,0,0,.73-1.19c-.17-2-.51-4-.68-6a2,2,0,0,1,.51-1.5q2.46-2.08,5.09-3.94a1.93,1.93,0,0,1,1.54-.19c1.85.67,3.68,1.41,5.46,2.24a1.2,1.2,0,0,0,1.72-.45,41.85,41.85,0,0,0,6.34-11,1.07,1.07,0,0,0-.47-1.48c-1.58-1.17-3.11-2.41-4.69-3.59a1.39,1.39,0,0,1-.65-1.6c.37-2,.62-4.07.81-6.12a1.49,1.49,0,0,1,1.08-1.51c1.71-.63,3.37-1.45,5.1-2.05,1-.36,1.26-.93,1.12-1.95a44.16,44.16,0,0,0-3.19-11.77,1.32,1.32,0,0,0-1.66-.93c-1.72.26-3.46.44-5.17.73a2,2,0,0,1-2.36-1,39.4,39.4,0,0,0-3.54-4.55,1.35,1.35,0,0,1-.3-1.68c.81-1.79,1.5-3.64,2.28-5.45A1.19,1.19,0,0,0,130,8.76a38.91,38.91,0,0,0-11.17-6.35,1.49,1.49,0,0,0-1.33.39c-1.33,1.57-2.53,3.26-3.85,4.84a1.79,1.79,0,0,1-1.33.51c-2.14-.22-4.28-.49-6.4-.85a2,2,0,0,1-1.23-1c-.84-1.78-1.59-3.6-2.3-5.44A1.18,1.18,0,0,0,100.94,0a40.8,40.8,0,0,0-12.41,3.4,1.4,1.4,0,0,0-.63,1.12c.18,2,.42,4,.74,6a1.46,1.46,0,0,1-.75,1.69,59,59,0,0,0-4.8,3.66,1.56,1.56,0,0,1-1.93.29c-1.76-.77-3.57-1.44-5.33-2.21a1.15,1.15,0,0,0-1.61.43,43.58,43.58,0,0,0-6.38,11,1.16,1.16,0,0,0,.53,1.6c1.53,1.16,3,2.37,4.58,3.51a1.53,1.53,0,0,1,.68,1.73c-.37,2-.52,4.09-.87,6.11a1.93,1.93,0,0,1-.91,1.27c-1.78.85-3.63,1.52-5.41,2.36a1.69,1.69,0,0,0-.86,1.23,37.4,37.4,0,0,0,3.21,12.45,1.18,1.18,0,0,0,1.48.78c1.86-.27,3.74-.43,5.59-.74a1.64,1.64,0,0,1,1.92.81c1.16,1.7,2.52,3.26,3.73,4.93a1.75,1.75,0,0,1,.24,1.38c-.72,1.93-1.52,3.83-2.34,5.71A1.06,1.06,0,0,0,79.8,70a39.91,39.91,0,0,0,12.12,6.81C93.34,75,94.73,73.22,96.05,71.41ZM105,22.79A16.62,16.62,0,1,1,88.29,39.46,16.57,16.57,0,0,1,105,22.79ZM41.29,139.36q-12-20.76-24-41.49C16,95.55,13.83,95,11.48,96.34Q6.77,99,2.09,101.79a3.8,3.8,0,0,0-1.51,5.42q12,20.88,24.11,41.73A3.73,3.73,0,0,0,30,150.41c3.36-1.88,6.68-3.83,10-5.77a3.86,3.86,0,0,0,1.85-3.71A6.87,6.87,0,0,0,41.29,139.36ZM12.2,112.08c-.92-1.37-1.7-2.82-2.49-4.26a1.9,1.9,0,0,1,.62-2.73,2,2,0,0,1,2.84.75c.86,1.4,1.69,2.83,2.43,4.29s-.12,3-2.06,3A4.63,4.63,0,0,1,12.2,112.08Z"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 3.1 KiB |
BIN
fengxiao/imgs/support/right.png
Normal file
BIN
fengxiao/imgs/support/right.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
fengxiao/imgs/website/bg.png
Normal file
BIN
fengxiao/imgs/website/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
BIN
fengxiao/imgs/website/list1.png
Normal file
BIN
fengxiao/imgs/website/list1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
fengxiao/imgs/website/list2.png
Normal file
BIN
fengxiao/imgs/website/list2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
fengxiao/imgs/website/list3.png
Normal file
BIN
fengxiao/imgs/website/list3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
fengxiao/imgs/website/list4.png
Normal file
BIN
fengxiao/imgs/website/list4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
fengxiao/imgs/website/list5.png
Normal file
BIN
fengxiao/imgs/website/list5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
1
fengxiao/imgs/website/process1.svg
Normal file
1
fengxiao/imgs/website/process1.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 110.75 89.78"><defs><style>.cls-1{fill:#c0e1f5;}.cls-2{fill:#3478fd;}.cls-3{fill:#fff;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M96.72,81.54h6.79s6.07-.73,7.23-8V48.43s.87-9.54-10.84-9.54H58.7s-6.22,0-6.22,7.81l-.43,26.89a8.4,8.4,0,0,0,8.09,8l21,.14,8.39,8.1Z"/><path class="cls-2" d="M38.74,70.84h44.1S95,71,95.56,58.26l.15-46.69S94.55,0,84.57,0H11S.87.58,0,11.13L.14,60.29s.15,11.27,14.75,10.4l8.24,8.39s2,3.9,6.22,1.45Z"/><rect class="cls-3" x="18.79" y="17.93" width="50.89" height="9.54" rx="4.77"/><rect class="cls-3" x="18.79" y="38.74" width="38.6" height="9.54" rx="4.77"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 724 B |
1
fengxiao/imgs/website/process2.svg
Normal file
1
fengxiao/imgs/website/process2.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90.67 81.11"><defs><style>.cls-1{fill:#3478fd;}.cls-2{fill:#c0e1f5;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M50.92,79.05V72.66a4.79,4.79,0,0,1,4.78-4.78h7.08Z"/><path class="cls-1" d="M61.87.5H3.1A3.1,3.1,0,0,0,0,3.6V78a3.1,3.1,0,0,0,3.1,3.1h43v-8a9.85,9.85,0,0,1,9.84-9.84h9V3.6A3.1,3.1,0,0,0,61.87.5ZM53.4,44.27H11.58V41.58H53.4Zm0-12.12H11.58V29.46H53.4ZM53.4,20H11.58V17.33H53.4Z"/><path class="cls-2" d="M75.63,7.22A8.17,8.17,0,0,1,77.72,2a7.4,7.4,0,0,1,5.5-2,7.12,7.12,0,0,1,5.33,2c.17.17.32.36.47.54a6.75,6.75,0,0,1,.72,1.16l0,.08a8.81,8.81,0,0,1,.68,2q.06.29.09.54c0,.12,0,.23,0,.34s0,.26,0,.37c0,.29,0,.49,0,.58V8.88H83.38a1.27,1.27,0,0,0-.34,0H75.63Z"/><rect class="cls-2" x="75.63" y="12.35" width="15.04" height="56.48"/><polygon class="cls-2" points="76.68 72.17 89.68 72.17 83.07 79.71 76.68 72.17"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 957 B |
1
fengxiao/imgs/website/process3.svg
Normal file
1
fengxiao/imgs/website/process3.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 83.43 96.48"><defs><style>.cls-1{fill:#c0e1f5;}.cls-2{fill:#3478fd;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M65.39,60.4a18,18,0,1,0,18,18A18.06,18.06,0,0,0,65.39,60.4Zm0,33.18A15.14,15.14,0,1,1,80.54,78.44,15.15,15.15,0,0,1,65.39,93.58Z"/><polygon class="cls-1" points="65.11 66.65 68.54 73.6 76.21 74.71 70.66 80.12 71.97 87.75 65.11 84.15 58.26 87.75 59.57 80.12 54.02 74.71 61.69 73.6 65.11 66.65"/><path class="cls-2" d="M45.29,80.61H4.6A1.61,1.61,0,0,1,3,79V4.6A1.6,1.6,0,0,1,4.6,3H63.37A1.6,1.6,0,0,1,65,4.6V58.24l.42,0A20,20,0,0,1,68,58.4V4.6A4.6,4.6,0,0,0,63.37,0H4.6A4.6,4.6,0,0,0,0,4.6V79a4.61,4.61,0,0,0,4.6,4.61H45.86A21.46,21.46,0,0,1,45.29,80.61Z"/><path class="cls-2" d="M46.43,71.48a20.18,20.18,0,0,1,2.74-5.07A11.41,11.41,0,0,0,46.43,71.48Z"/><path class="cls-2" d="M45.17,78.44A20.18,20.18,0,0,1,72.69,59.6V11.46a3.1,3.1,0,0,0-3.1-3.1H10.82a3.1,3.1,0,0,0-3.1,3.1v74.4a3.1,3.1,0,0,0,3.1,3.1H48.16A20.07,20.07,0,0,1,45.17,78.44ZM19.3,25.19H61.12v2.69H19.3Zm0,12.12H61.12V40H19.3Zm0,12.13H61.12v2.69H19.3Z"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
1
fengxiao/imgs/website/process4.svg
Normal file
1
fengxiao/imgs/website/process4.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 99.71 89.09"><defs><style>.cls-1{fill:#3478fd;}.cls-2{fill:#c0e1f5;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M97.78,1.93A6.64,6.64,0,0,0,93.11,0H6.61A6.61,6.61,0,0,0,0,6.6V82.48a6.62,6.62,0,0,0,6.61,6.61h86.5a6.61,6.61,0,0,0,6.6-6.61V6.6A6.64,6.64,0,0,0,97.78,1.93ZM19.6,13.41a4.48,4.48,0,0,1,4.48-4.48h0a4.5,4.5,0,0,1,1.1.16,4.23,4.23,0,0,1,1.76.91,4.32,4.32,0,0,1,.6.61,4.38,4.38,0,0,1,1,2.8h0a4.48,4.48,0,0,1-4.47,4.48h0a4.53,4.53,0,0,1-1.17-.17,4.37,4.37,0,0,1-1.34-.6,4.64,4.64,0,0,1-1.21-1.21,4.45,4.45,0,0,1-.76-2.5ZM9.51,9a4.54,4.54,0,0,1,1.8,0,4.49,4.49,0,0,1,3.58,4.39h0a4.45,4.45,0,0,1-.77,2.5,4.36,4.36,0,0,1-1.21,1.21,4.24,4.24,0,0,1-1.6.68,4.55,4.55,0,0,1-1.8,0,4.31,4.31,0,0,1-1.6-.68A4.48,4.48,0,0,1,9.51,9ZM93.84,80.09H5.93V24.25H93.84Z"/><path class="cls-2" d="M25.21,59.84a.74.74,0,0,0,.51.21h4.19a.72.72,0,0,0,.72-.72V40.75a.72.72,0,0,0-.72-.72H25.72a.74.74,0,0,0-.51.21.75.75,0,0,0-.21.51v6.42H19.52V40.75a.71.71,0,0,0-.21-.51A.74.74,0,0,0,18.8,40H14.58a.71.71,0,0,0-.5.21.72.72,0,0,0-.22.51V59.33a.72.72,0,0,0,.22.51.71.71,0,0,0,.5.21H18.8a.74.74,0,0,0,.51-.21.71.71,0,0,0,.21-.51V52.27H25v7.06A.75.75,0,0,0,25.21,59.84Z"/><path class="cls-2" d="M39.36,59.84a.72.72,0,0,0,.51.21h4.21a.74.74,0,0,0,.51-.21.71.71,0,0,0,.21-.51V45h4.35a.74.74,0,0,0,.51-.21.71.71,0,0,0,.21-.51V40.75a.71.71,0,0,0-.21-.51.74.74,0,0,0-.51-.21H34.88a.74.74,0,0,0-.51.21.71.71,0,0,0-.21.51v3.53a.71.71,0,0,0,.21.51.74.74,0,0,0,.51.21h4.26V59.33A.72.72,0,0,0,39.36,59.84Z"/><path class="cls-2" d="M67.21,59.36a.72.72,0,0,0,.72.69H72a.73.73,0,0,0,.72-.76l-1-18.58A.73.73,0,0,0,71,40H65.53a.71.71,0,0,0-.68.5l-2,6.17v0c-.36,1.22-.72,2.56-1.07,3.9-.3-1.31-.63-2.61-1-3.85v0L59,40.55a.72.72,0,0,0-.69-.52H52.72a.72.72,0,0,0-.72.68L50.81,59.28a.74.74,0,0,0,.72.77h3.89a.73.73,0,0,0,.72-.69l.32-7c0-.73.09-1.53.12-2.34.18.71.36,1.41.54,2.05l2,7.2a.71.71,0,0,0,.69.52h3.28a.72.72,0,0,0,.69-.5L66,52c.27-.82.54-1.71.81-2.63,0,1,.06,2,.1,2.88l.71,0-.71,0Z"/><path class="cls-2" d="M80.69,55V40.63a.75.75,0,0,0-.21-.51.74.74,0,0,0-.51-.21H75.75a.72.72,0,0,0-.72.72V59.21a.72.72,0,0,0,.72.72H87.36a.71.71,0,0,0,.5-.21.72.72,0,0,0,.22-.51V55.68a.72.72,0,0,0-.22-.51.71.71,0,0,0-.5-.21Z"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
1
fengxiao/imgs/website/process5.svg
Normal file
1
fengxiao/imgs/website/process5.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 113.33 87.76"><defs><style>.cls-1{fill:#3478fd;}.cls-2{fill:#c0e1f5;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M30.12,0c-3.22,0-5.84,3.13-5.84,7V23.08a36.59,36.59,0,0,1,4.08-.37l1.51-.16V20.44h77.86V62.29H64.68c-.09.79-.2,1.57-.33,2.32-.19,1-.43,2-.71,3h43.85c3.23,0,5.84-3.13,5.84-7V7c0-3.87-2.61-7-5.84-7M39.65,12.64a3,3,0,1,1,3-3A3,3,0,0,1,39.65,12.64Zm11.09,0a3,3,0,1,1,3-3A3,3,0,0,1,50.74,12.64Z"/><path class="cls-2" d="M0,55.69v.11c0,.35,0,.7,0,1.05a33.11,33.11,0,0,0,.45,4.67c.1.57.23,1.14.37,1.7a32,32,0,0,0,6,12.46A33.82,33.82,0,0,0,21,86a35.78,35.78,0,0,0,10.8,1.74h1.07v0l.19,0a31.93,31.93,0,0,0,9.91-1.88A33.54,33.54,0,0,0,56.87,75.53a31.39,31.39,0,0,0,6.5-16.72c0-.35.06-.7.08-1.06,0-.07,0-.14,0-.2,0-.45,0-.89,0-1.33v-.11c0-.35,0-.71,0-1.06A31.43,31.43,0,0,0,63,50.39c-.1-.57-.23-1.14-.37-1.71a31.92,31.92,0,0,0-6-12.45A33.73,33.73,0,0,0,42.56,25.89a35.58,35.58,0,0,0-10.81-1.73c-.36,0-.71,0-1.07,0v0l-.19,0A31.74,31.74,0,0,0,20.58,26,33.48,33.48,0,0,0,6.63,36.38,31.94,31.94,0,0,0,.56,49.88C.37,50.94.23,52,.13,53.09c0,.35-.06.71-.08,1.06a1.48,1.48,0,0,1,0,.21C0,54.8,0,55.25,0,55.69ZM52.9,39.9c-1.63.34-3.25.59-4.87.79l-.22-.39c-1.06-2.57-2.4-5-3.45-7.51A24.51,24.51,0,0,1,52.9,39.9Zm5.26,14H51.09A71.45,71.45,0,0,0,49.48,45c2-.39,4-.77,6-1.06a33.73,33.73,0,0,1,1.94,5.34c.06.21.12.43.16.64s.07.3.11.46l.12.64A20,20,0,0,1,58.16,53.89ZM50,67a46.24,46.24,0,0,0,1.11-9c2.33,0,4.67,0,7,.05A27.67,27.67,0,0,1,55.4,68ZM45.27,78.68c1.1-2.55,2.35-5,3.46-7.5,1.36.22,2.71.49,4.07.82A24.61,24.61,0,0,1,45.27,78.68ZM34,69.8a57,57,0,0,1,9.24.61,46.59,46.59,0,0,1-6.12,11,1.76,1.76,0,0,1-.69.64c-.81.13-1.67.14-2.43.25ZM34,58H46.29a34.44,34.44,0,0,1-1.58,8.17A96.72,96.72,0,0,0,34,65.43Zm0-11.54a93.23,93.23,0,0,0,11.3-.75,27.39,27.39,0,0,1,1.11,8.14c-4.14.07-8.28,0-12.41,0Zm0-16.9c1.36.13,2.93-.06,3.83,1.15a42.76,42.76,0,0,1,6.07,10.64,72.76,72.76,0,0,1-9.9.69ZM18.24,33.23c-1.11,2.54-2.35,5-3.47,7.5-1.35-.22-2.71-.5-4.06-.82A24.39,24.39,0,0,1,18.24,33.23Zm11.29,8.88a58.29,58.29,0,0,1-9.25-.61,46.21,46.21,0,0,1,6.12-11,1.69,1.69,0,0,1,.69-.64c.82-.13,1.67-.15,2.44-.26Zm0,11.78H17.22a33.85,33.85,0,0,1,1.57-8.16,99.36,99.36,0,0,0,10.74.74Zm0,11.55a89.51,89.51,0,0,0-11.31.75,27.76,27.76,0,0,1-1.1-8.14c4.13-.08,8.27,0,12.41,0Zm-9.9,5.1a74.16,74.16,0,0,1,9.9-.68V82.33c-1.37-.12-2.94.07-3.83-1.14A42.38,42.38,0,0,1,19.63,70.54Zm-9,1.46c1.62-.34,3.24-.59,4.86-.78.08.12.15.25.22.38,1.06,2.57,2.4,5,3.45,7.52A24.52,24.52,0,0,1,10.61,72ZM5.34,58h7.08A69.35,69.35,0,0,0,14,66.92c-2,.39-4,.78-6,1.07a34.49,34.49,0,0,1-1.94-5.35C6,62.43,6,62.22,5.91,62s-.07-.31-.1-.46-.09-.43-.13-.64A20.13,20.13,0,0,1,5.34,58Zm0-4.17a27.93,27.93,0,0,1,2.79-10l5.37,1.06a46.12,46.12,0,0,0-1.1,9C10,53.89,7.69,53.89,5.31,53.84Z"/><polygon class="cls-2" points="76.19 52.12 62.04 37.98 65.23 34.79 76.15 45.7 95.6 25.79 98.83 28.94 76.19 52.12"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
1
fengxiao/imgs/website/right.svg
Normal file
1
fengxiao/imgs/website/right.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320.81 195.98"><defs><style>.cls-1{fill:#eaeaea;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M211.61,183.87,209.13,196a373.65,373.65,0,0,0,57.19-3.81,474.61,474.61,0,0,0,54.49-11.22,461.52,461.52,0,0,1-53.31-10.55,340.78,340.78,0,0,1-49.62-17.15l-2.56,12.52a263.78,263.78,0,0,1-58-24.6,217.09,217.09,0,0,1-25.41-17.24,198.29,198.29,0,0,1-22.13-20.45A191.78,191.78,0,0,1,91.28,80.25,194.26,194.26,0,0,1,76.77,54.77,196.93,196.93,0,0,1,66.31,27.68,181.18,181.18,0,0,1,60.15,0,167.28,167.28,0,0,0,54.5,32.48a202.59,202.59,0,0,0,.29,35.22A217.39,217.39,0,0,1,25.88,44.19,216.16,216.16,0,0,1,0,14.31,241.21,241.21,0,0,0,14.1,49.06,250,250,0,0,0,32.9,80.78,244.69,244.69,0,0,0,56,109.12a235,235,0,0,0,26.91,24.23A235.48,235.48,0,0,0,112.81,153a248.36,248.36,0,0,0,32,14.73A288.21,288.21,0,0,0,211.61,183.87Z"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 943 B |
BIN
fengxiao/imgs/website/roll1.jpg
Normal file
BIN
fengxiao/imgs/website/roll1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
BIN
fengxiao/imgs/website/roll2.jpg
Normal file
BIN
fengxiao/imgs/website/roll2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
BIN
fengxiao/imgs/website/roll3.jpg
Normal file
BIN
fengxiao/imgs/website/roll3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
BIN
fengxiao/imgs/website/roll4.jpg
Normal file
BIN
fengxiao/imgs/website/roll4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
255
fengxiao/index.html
Normal file
255
fengxiao/index.html
Normal file
@@ -0,0 +1,255 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="icon" href="./imgs/home/logoicon.png">
|
||||
<link rel="stylesheet" href="./css/header.css">
|
||||
<link rel="stylesheet" href="./css/index.css">
|
||||
<link rel="stylesheet" href="./css/footer.css">
|
||||
<title>丰潇技术服务有限公司</title>
|
||||
<script src="./js/header.js"></script>
|
||||
<script src="./js/index.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class="header">
|
||||
<div class="logo">
|
||||
<img src="./imgs/home/logo.png" alt="logo">
|
||||
</div>
|
||||
<div class="nav">
|
||||
<ul class="nav-list">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link active ">
|
||||
首页
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item nav-dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
||||
<a href="#" class="nav-link ">
|
||||
主营业务 <span class="arrow" aria-hidden="true"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-label="主营业务下拉菜单">
|
||||
<li><a href="./html/websiteDesign.html">网站设计 <div class="dropdown-item"></div></a></li>
|
||||
<li><a href="./html/aimodel.html">企业AI模型训练与接入技术服务 <div class="dropdown-item"></div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./html/technicalSupport.html" class="nav-link">
|
||||
支持与服务
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./html/aboutUs.html" class="nav-link">
|
||||
关于丰潇
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item contactUs">
|
||||
<a href="mailto:feng@fengxtech.com" class="nav-link emailBox">
|
||||
<span>联系我们</span>
|
||||
<div class="contactUs-email">
|
||||
<img src="./imgs/home/email.svg" alt="email">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="dropdown-mask" tabindex="0" aria-label="下拉菜单遮罩层"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
<section class="banner">
|
||||
<div class="banner-left">
|
||||
<div class="banner-left-video">
|
||||
<video autoplay loop muted playsinline style="width: 100%;height: 100%;object-fit: cover;" preload="metadata">
|
||||
<source src="./imgs/home/video.mp4" type="video/mp4">
|
||||
你的浏览器不支持 video 标签。
|
||||
</video>
|
||||
</div>
|
||||
|
||||
<div class="banner-left-title">
|
||||
<p>专业</p>
|
||||
<p>创新</p>
|
||||
<p>高效</p>
|
||||
<p>专注于网站设计与AI模型训练,致力于帮助客户实现业务目标。</p>
|
||||
</div>
|
||||
<div class="banner-left-button">
|
||||
<a href="./html/aboutUs.html"> <span>关于丰潇</span> <span class="right-arrow"></span></a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="banner-right">
|
||||
<div class="banner-right-top">
|
||||
<img src="./imgs/home/aimodel.png" alt="AI模型">
|
||||
|
||||
</div>
|
||||
<div class="banner-right-bottom">
|
||||
|
||||
<img src="./imgs/home/website.png" alt="网站制作">
|
||||
</div>
|
||||
|
||||
<div class="banner-left-button right-button-top">
|
||||
<a href="./html/aimodel.html"> <span>AI模型</span> <span class="right-arrow"></span></a>
|
||||
</div>
|
||||
|
||||
<div class="banner-left-button right-button">
|
||||
<a href="./html/websiteDesign.html"> <span>网站制作</span> <span class="right-arrow"></span></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="business">
|
||||
<div class="business-content">
|
||||
<div class="business-text">
|
||||
<h2>网站设计新视界</h2>
|
||||
<p class="subtitle">我们以用户为中心，将环保、智能、情感价值融入设计，同时拥抱AI新技术，实现设计突破，提升用户体验，推动社会可持续发展。</p>
|
||||
<a href="./html/websiteDesign.html" class="business-btn" tabindex="0" aria-label="查看更多">查看更多</a>
|
||||
</div>
|
||||
<div class="business-gallery">
|
||||
<div class="gallery-mask top"></div>
|
||||
<div class="gallery-list">
|
||||
<img src="./imgs/home/newvision1.png" alt="新视界1" />
|
||||
<img src="./imgs/home/newvision2.png" alt="新视界2" />
|
||||
<img src="./imgs/home/newvision3.png" alt="新视界3" />
|
||||
</div>
|
||||
<div class="gallery-mask bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="aimodel">
|
||||
<div class="aimodel-bg">
|
||||
<div class="aimodel-content">
|
||||
<div class="aimodel-top">
|
||||
<div class="aimodel-top-left">
|
||||
<img src="./imgs/home/ai.png" alt="AI模型">
|
||||
</div>
|
||||
<div class="aimodel-text">
|
||||
<h2>AI模型训练</h2>
|
||||
<h2>与接入技术服务</h2>
|
||||
<p class="subtitle">为企业构建、训练、部署定制化的 AI 模型，支持多种业务场景如智能客服、推荐系统、图像识别、文档处理等。实现 AI 能力的快速接入与业务融合。</p>
|
||||
<a href="./html/aimodel.html" class="business-btn" tabindex="0" aria-label="查看更多">查看更多</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="aimodel-bottom">
|
||||
<ul class="aimodel-bottom-list">
|
||||
<li class="aimodel-bottom-list-item">
|
||||
<div class="list-item-imgBox">
|
||||
<img src="./imgs/home/ailist1.png" alt="智能客服">
|
||||
</div>
|
||||
<div class="list-item-text">
|
||||
<h3>智能客服</h3>
|
||||
<p>智能技术赋能，真正懂客户的客服机器人提供全天候服务。</p>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<li class="aimodel-bottom-list-item">
|
||||
<div class="list-item-imgBox">
|
||||
<img src="./imgs/home/ailist2.png" alt="电商推荐系统">
|
||||
</div>
|
||||
<div class="list-item-text">
|
||||
<h3>电商推荐系统</h3>
|
||||
<p>为用户提供精准的商品推荐，提升购物体验和消费满意度。</p>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<li class="aimodel-bottom-list-item">
|
||||
<div class="list-item-imgBox">
|
||||
<img src="./imgs/home/ailist3.png" alt="图像识别">
|
||||
</div>
|
||||
<div class="list-item-text">
|
||||
<h3>图像识别</h3>
|
||||
<p>提供超过十万种物体和场景的通用图像识别，以及人脸、植物、车型、动物、logo等类别识别，还支持定制化识图和私有化部署。</p>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<li class="aimodel-bottom-list-item">
|
||||
<div class="list-item-imgBox">
|
||||
<img src="./imgs/home/ailist4.png" alt="文档处理">
|
||||
</div>
|
||||
<div class="list-item-text">
|
||||
<h3>文档处理</h3>
|
||||
<p>运用先进AI技术，提供全面的文档处理功能，如智能排版、多语言翻译、自动纠错等，让文档编辑、整理、翻译变得轻松简单。</p>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<img class="section-divider-img" src="./imgs/home/bg3.svg" alt="分割装饰" />
|
||||
<div class="advantage-bg">
|
||||
<div class="advantage-content">
|
||||
<h2>我们的优势</h2>
|
||||
<ul class="advantage-list">
|
||||
<li class="advantage-list-item">
|
||||
<img src="./imgs/home/advantage1.png" alt="优势1">
|
||||
<p>支持大模型微调(如 GPT、BERT、CLIP)与私有化部署</p>
|
||||
</li>
|
||||
<li class="advantage-list-item">
|
||||
<img src="./imgs/home/advantage2.png" alt="优势2">
|
||||
<p>接入企业专属知识库，提供 RAG 检索增强生成方案</p>
|
||||
</li>
|
||||
<li class="advantage-list-item">
|
||||
<img src="./imgs/home/advantage3.png" alt="优势3">
|
||||
<p>内置安全策略与日志审计功能，保障模型可控与合规</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="advantage-list-item-img">
|
||||
<img src="./imgs/home/list1.png" alt="7*24小时服务">
|
||||
<img src="./imgs/home/list2.png" alt="专业技术服务">
|
||||
<img src="./imgs/home/list3.png" alt="全周期解决方案">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<section class="footer">
|
||||
<ul class="footer-list">
|
||||
<li class="footer-list-item">
|
||||
<img class="footer-logo" src="./imgs/home/footerlogo.png" alt="logo">
|
||||
</li>
|
||||
<li class="footer-list-item item-textBOX">
|
||||
<div class="footer-list-item-text">
|
||||
深圳丰潇技术服务有限公司是一家专注于网站设计与 AI 模型训练的企业，为客户提供全方位的技术服务支持。我们秉承“专业、创新、高效”的理念，致力于帮助客户实现业务目标，提升企业竞争力。
|
||||
</div>
|
||||
</li>
|
||||
<li class="footer-list-item item-nav">
|
||||
<p>主营业务</p>
|
||||
<p style="margin-top: 5vh;"> <a href="./html/websiteDesign.html">网站设计</a></p>
|
||||
<p style="margin-top: 5vh;"> <a href="./html/aimodel.html">企业 AI 模型训练与接入技术服务</a></p>
|
||||
</li>
|
||||
<li class="footer-list-item item-nav">
|
||||
<p>和我们取得联系</p>
|
||||
<p style="margin-top: 5vh;"> <img src="./imgs/home/positioning.svg" alt=""> 地址：深圳市宝安区西乡街道富华社区尖岗山大道21号和樾府12栋一单元2706</p>
|
||||
<p style="margin-top: 5vh;"><img src="./imgs/home/footeremail.svg" alt=""> 邮箱： <a href="mailto:feng@fengxtech.com">feng@fengxtech.com</a></p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="footer-bottom">
|
||||
<p>Copyright ©深圳丰潇技术服务有限公司 版权所有 <a class="record" href="https://beian.miit.gov.cn/">粤ICP备2025409897号-1</a></p>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
167
fengxiao/js/aimodel.js
Normal file
167
fengxiao/js/aimodel.js
Normal file
@@ -0,0 +1,167 @@
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const track = document.querySelector('.carousel-track');
|
||||
const dotsContainer = document.querySelector('.carousel-dots');
|
||||
|
||||
// 轮播图数据
|
||||
const carouselData = [
|
||||
{
|
||||
title: "客服大模型接入与知识库问答",
|
||||
image: "../imgs/model/list1.jpg"
|
||||
},
|
||||
{
|
||||
title: "电商推荐系统/用户画像分析",
|
||||
image: "../imgs/model/list2.jpg"
|
||||
},
|
||||
{
|
||||
title: "图像识别(商品识别、OCR、检测)",
|
||||
image: "../imgs/model/list3.jpg"
|
||||
},
|
||||
{
|
||||
title: "NLP 应用(舆情分析、智能问答、文档结构化)",
|
||||
image: "../imgs/model/list4.jpg"
|
||||
},
|
||||
{
|
||||
title: "多模态生成(AI绘画、广告创意)",
|
||||
image: "../imgs/model/list5.jpg"
|
||||
},
|
||||
|
||||
];
|
||||
|
||||
// 创建轮播项目
|
||||
function createCarouselItems() {
|
||||
// 克隆最后两个项目到开头
|
||||
for (let i = carouselData.length - 2; i < carouselData.length; i++) {
|
||||
const item = createItem(carouselData[i]);
|
||||
track.appendChild(item.cloneNode(true));
|
||||
}
|
||||
|
||||
// 添加原始项目
|
||||
carouselData.forEach(data => {
|
||||
track.appendChild(createItem(data));
|
||||
});
|
||||
|
||||
// 克隆前两个项目到末尾
|
||||
for (let i = 0; i < 2; i++) {
|
||||
const item = createItem(carouselData[i]);
|
||||
track.appendChild(item.cloneNode(true));
|
||||
}
|
||||
}
|
||||
|
||||
function createItem(data) {
|
||||
const item = document.createElement('div');
|
||||
item.className = 'carousel-item';
|
||||
item.innerHTML = `
|
||||
<img src="${data.image}" alt="${data.title}">
|
||||
<div class="carousel-caption">${data.title}</div>
|
||||
`;
|
||||
return item;
|
||||
}
|
||||
|
||||
// 初始化圆点
|
||||
function initDots() {
|
||||
dotsContainer.innerHTML = '';
|
||||
carouselData.forEach((_, index) => {
|
||||
const dot = document.createElement('div');
|
||||
dot.className = 'dot' + (index === 0 ? ' active' : '');
|
||||
dot.addEventListener('click', () => goToSlide(index));
|
||||
dotsContainer.appendChild(dot);
|
||||
});
|
||||
}
|
||||
|
||||
createCarouselItems();
|
||||
initDots();
|
||||
|
||||
const items = document.querySelectorAll('.carousel-item');
|
||||
const dots = document.querySelectorAll('.dot');
|
||||
const itemCount = carouselData.length;
|
||||
let currentIndex = 2; // 从第一个真实项目开始
|
||||
let isAnimating = false;
|
||||
let autoScrollInterval;
|
||||
|
||||
|
||||
|
||||
function updateCarousel() {
|
||||
const itemWidth = items[0].offsetWidth + 40; // 包括margin
|
||||
|
||||
// 更新位置
|
||||
track.style.transform = `translateX(${-(currentIndex * itemWidth)}px)`;
|
||||
|
||||
// 更新项目状态
|
||||
items.forEach((item, index) => {
|
||||
item.classList.remove('left-side', 'center', 'right-side');
|
||||
|
||||
const relativePos = index - currentIndex;
|
||||
if (relativePos === -1) {
|
||||
item.classList.add('left-side');
|
||||
} else if (relativePos === 0) {
|
||||
item.classList.add('center');
|
||||
} else if (relativePos === 1) {
|
||||
item.classList.add('right-side');
|
||||
}
|
||||
});
|
||||
|
||||
// 更新圆点
|
||||
const realIndex = (currentIndex - 2 + itemCount) % itemCount;
|
||||
dots.forEach((dot, index) => {
|
||||
dot.classList.toggle('active', index === realIndex);
|
||||
});
|
||||
}
|
||||
|
||||
function goToSlide(index) {
|
||||
if (isAnimating) return;
|
||||
isAnimating = true;
|
||||
|
||||
currentIndex = index + 2; // 调整索引以匹配克隆项目
|
||||
|
||||
track.style.transition = 'transform 0.8s cubic-bezier(0.16, 0.77, 0.58, 0.97)';
|
||||
updateCarousel();
|
||||
|
||||
setTimeout(() => {
|
||||
isAnimating = false;
|
||||
}, 800);
|
||||
|
||||
resetAutoScroll();
|
||||
}
|
||||
|
||||
function nextSlide() {
|
||||
if (isAnimating) return;
|
||||
isAnimating = true;
|
||||
|
||||
currentIndex++;
|
||||
track.style.transition = 'transform 0.8s cubic-bezier(0.16, 0.77, 0.58, 0.97)';
|
||||
updateCarousel();
|
||||
|
||||
// 检查是否到达末尾克隆项目
|
||||
if (currentIndex > itemCount + 1) {
|
||||
setTimeout(() => {
|
||||
track.style.transition = 'none';
|
||||
currentIndex = 2;
|
||||
updateCarousel();
|
||||
isAnimating = false;
|
||||
}, 800);
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
isAnimating = false;
|
||||
}, 800);
|
||||
}
|
||||
}
|
||||
|
||||
function startAutoScroll() {
|
||||
autoScrollInterval = setInterval(nextSlide, 3000);
|
||||
}
|
||||
|
||||
function resetAutoScroll() {
|
||||
clearInterval(autoScrollInterval);
|
||||
startAutoScroll();
|
||||
}
|
||||
|
||||
// 初始化
|
||||
updateCarousel();
|
||||
startAutoScroll();
|
||||
|
||||
// 窗口大小变化时重新计算
|
||||
window.addEventListener('resize', () => {
|
||||
track.style.transition = 'none';
|
||||
updateCarousel();
|
||||
});
|
||||
});
|
||||
57
fengxiao/js/header.js
Normal file
57
fengxiao/js/header.js
Normal file
@@ -0,0 +1,57 @@
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
/** 主营业务下拉菜单与遮罩层交互 */
|
||||
const dropdown = document.querySelector('.nav-dropdown');
|
||||
const mask = document.querySelector('.dropdown-mask');
|
||||
const navLink = dropdown?.querySelector('.nav-link');
|
||||
|
||||
if (dropdown || mask || navLink) {
|
||||
const handleToggleDropdown = (e) => {
|
||||
e.preventDefault();
|
||||
const isOpen = dropdown.classList.contains('open');
|
||||
if (isOpen) {
|
||||
dropdown.classList.remove('open');
|
||||
dropdown.setAttribute('aria-expanded', 'false');
|
||||
mask.classList.remove('active');
|
||||
} else {
|
||||
dropdown.classList.add('open');
|
||||
dropdown.setAttribute('aria-expanded', 'true');
|
||||
mask.classList.add('active');
|
||||
}
|
||||
};
|
||||
|
||||
const handleCloseDropdown = () => {
|
||||
dropdown.classList.remove('open');
|
||||
dropdown.setAttribute('aria-expanded', 'false');
|
||||
mask.classList.remove('active');
|
||||
};
|
||||
|
||||
// 点击"主营业务"切换下拉
|
||||
navLink.addEventListener('click', handleToggleDropdown);
|
||||
|
||||
// 遮罩层点击关闭
|
||||
mask.addEventListener('click', handleCloseDropdown);
|
||||
|
||||
// 键盘无障碍支持（Enter/Space）
|
||||
dropdown.addEventListener('keydown', (e) => {
|
||||
if (e.key === 'Enter' || e.key === ' ') {
|
||||
e.preventDefault();
|
||||
handleToggleDropdown(e);
|
||||
}
|
||||
if (e.key === 'Escape') {
|
||||
handleCloseDropdown();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
window.addEventListener('scroll', () => {
|
||||
const header = document.querySelector('.header');
|
||||
if (!header) return;
|
||||
if (window.scrollY > 10) {
|
||||
header.classList.add('scrolled');
|
||||
} else {
|
||||
header.classList.remove('scrolled');
|
||||
}
|
||||
});
|
||||
39
fengxiao/js/index.js
Normal file
39
fengxiao/js/index.js
Normal file
@@ -0,0 +1,39 @@
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
/** business图片滚动动画 */
|
||||
const galleryList = document.querySelector('.gallery-list');
|
||||
const galleryImgs = galleryList ? galleryList.querySelectorAll('img') : [];
|
||||
if (galleryList && galleryImgs.length > 0) {
|
||||
let currentIndex = 0;
|
||||
const imgCount = galleryImgs.length;
|
||||
const imgHeight = galleryImgs[0].offsetHeight + parseInt(getComputedStyle(galleryImgs[0]).marginBottom);
|
||||
let isAnimating = false;
|
||||
|
||||
// 克隆首图到末尾实现无缝滚动
|
||||
const clone = galleryImgs[0].cloneNode(true);
|
||||
galleryList.appendChild(clone);
|
||||
|
||||
function scrollNext() {
|
||||
if (isAnimating) return;
|
||||
isAnimating = true;
|
||||
currentIndex++;
|
||||
galleryList.style.transition = 'transform 0.8s cubic-bezier(.4,0,.2,1)';
|
||||
galleryList.style.transform = `translateY(-${imgHeight * currentIndex}px)`;
|
||||
// 滚动到克隆图后，瞬间回到首图
|
||||
if (currentIndex === imgCount) {
|
||||
setTimeout(() => {
|
||||
galleryList.style.transition = 'none';
|
||||
galleryList.style.transform = 'translateY(0)';
|
||||
currentIndex = 0;
|
||||
// 强制reflow
|
||||
void galleryList.offsetWidth;
|
||||
isAnimating = false;
|
||||
}, 820);
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
isAnimating = false;
|
||||
}, 820);
|
||||
}
|
||||
}
|
||||
setInterval(scrollNext, 2500);
|
||||
}
|
||||
});
|
||||
162
fengxiao/js/websiteDesign.js
Normal file
162
fengxiao/js/websiteDesign.js
Normal file
@@ -0,0 +1,162 @@
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const track = document.querySelector('.carousel-track');
|
||||
const dotsContainer = document.querySelector('.carousel-dots');
|
||||
|
||||
// 轮播图数据
|
||||
const carouselData = [
|
||||
{
|
||||
title: "企业官网 / 品牌官网",
|
||||
image: "../imgs/website/roll1.jpg"
|
||||
},
|
||||
{
|
||||
title: "电商商城（B2B/B2C）",
|
||||
image: "../imgs/website/roll2.jpg"
|
||||
},
|
||||
{
|
||||
title: "教育、政务、医疗等垂直行业平台",
|
||||
image: "../imgs/website/roll3.jpg"
|
||||
},
|
||||
{
|
||||
title: "SaaS 管理后台/数据可视化平台",
|
||||
image: "../imgs/website/roll4.jpg"
|
||||
}
|
||||
];
|
||||
|
||||
// 创建轮播项目
|
||||
function createCarouselItems() {
|
||||
// 克隆最后两个项目到开头
|
||||
for (let i = carouselData.length - 2; i < carouselData.length; i++) {
|
||||
const item = createItem(carouselData[i]);
|
||||
track.appendChild(item.cloneNode(true));
|
||||
}
|
||||
|
||||
// 添加原始项目
|
||||
carouselData.forEach(data => {
|
||||
track.appendChild(createItem(data));
|
||||
});
|
||||
|
||||
// 克隆前两个项目到末尾
|
||||
for (let i = 0; i < 2; i++) {
|
||||
const item = createItem(carouselData[i]);
|
||||
track.appendChild(item.cloneNode(true));
|
||||
}
|
||||
}
|
||||
|
||||
function createItem(data) {
|
||||
const item = document.createElement('div');
|
||||
item.className = 'carousel-item';
|
||||
item.innerHTML = `
|
||||
<img src="${data.image}" alt="${data.title}">
|
||||
<div class="carousel-caption">${data.title}</div>
|
||||
`;
|
||||
return item;
|
||||
}
|
||||
|
||||
// 初始化圆点
|
||||
function initDots() {
|
||||
dotsContainer.innerHTML = '';
|
||||
carouselData.forEach((_, index) => {
|
||||
const dot = document.createElement('div');
|
||||
dot.className = 'dot' + (index === 0 ? ' active' : '');
|
||||
dot.addEventListener('click', () => goToSlide(index));
|
||||
dotsContainer.appendChild(dot);
|
||||
});
|
||||
}
|
||||
|
||||
createCarouselItems();
|
||||
initDots();
|
||||
|
||||
const items = document.querySelectorAll('.carousel-item');
|
||||
const dots = document.querySelectorAll('.dot');
|
||||
const itemCount = carouselData.length;
|
||||
let currentIndex = 2; // 从第一个真实项目开始
|
||||
let isAnimating = false;
|
||||
let autoScrollInterval;
|
||||
|
||||
|
||||
|
||||
function updateCarousel() {
|
||||
const itemWidth = items[0].offsetWidth + 40; // 包括margin
|
||||
|
||||
// 更新位置
|
||||
track.style.transform = `translateX(${-(currentIndex * itemWidth)}px)`;
|
||||
|
||||
// 更新项目状态
|
||||
items.forEach((item, index) => {
|
||||
item.classList.remove('left-side', 'center', 'right-side');
|
||||
|
||||
const relativePos = index - currentIndex;
|
||||
if (relativePos === -1) {
|
||||
item.classList.add('left-side');
|
||||
} else if (relativePos === 0) {
|
||||
item.classList.add('center');
|
||||
} else if (relativePos === 1) {
|
||||
item.classList.add('right-side');
|
||||
}
|
||||
});
|
||||
|
||||
// 更新圆点
|
||||
const realIndex = (currentIndex - 2 + itemCount) % itemCount;
|
||||
dots.forEach((dot, index) => {
|
||||
dot.classList.toggle('active', index === realIndex);
|
||||
});
|
||||
}
|
||||
|
||||
function goToSlide(index) {
|
||||
if (isAnimating) return;
|
||||
isAnimating = true;
|
||||
|
||||
currentIndex = index + 2; // 调整索引以匹配克隆项目
|
||||
|
||||
track.style.transition = 'transform 0.8s cubic-bezier(0.16, 0.77, 0.58, 0.97)';
|
||||
updateCarousel();
|
||||
|
||||
setTimeout(() => {
|
||||
isAnimating = false;
|
||||
}, 800);
|
||||
|
||||
resetAutoScroll();
|
||||
}
|
||||
|
||||
function nextSlide() {
|
||||
if (isAnimating) return;
|
||||
isAnimating = true;
|
||||
|
||||
currentIndex++;
|
||||
track.style.transition = 'transform 0.8s cubic-bezier(0.16, 0.77, 0.58, 0.97)';
|
||||
updateCarousel();
|
||||
|
||||
// 检查是否到达末尾克隆项目
|
||||
if (currentIndex > itemCount + 1) {
|
||||
setTimeout(() => {
|
||||
track.style.transition = 'none';
|
||||
currentIndex = 2;
|
||||
updateCarousel();
|
||||
isAnimating = false;
|
||||
}, 800);
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
isAnimating = false;
|
||||
}, 800);
|
||||
}
|
||||
}
|
||||
|
||||
function startAutoScroll() {
|
||||
autoScrollInterval = setInterval(nextSlide, 3000);
|
||||
}
|
||||
|
||||
function resetAutoScroll() {
|
||||
clearInterval(autoScrollInterval);
|
||||
startAutoScroll();
|
||||
}
|
||||
|
||||
// 初始化
|
||||
updateCarousel();
|
||||
startAutoScroll();
|
||||
|
||||
// 窗口大小变化时重新计算
|
||||
window.addEventListener('resize', () => {
|
||||
track.style.transition = 'none';
|
||||
updateCarousel();
|
||||
});
|
||||
});
|
||||
3
hanJing/.vscode/settings.json
vendored
Normal file
3
hanJing/.vscode/settings.json
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"liveServer.settings.port": 5501
|
||||
}
|
||||
@@ -185,10 +185,11 @@
|
||||
.futureList.en .futureContent p:nth-child(2) {
|
||||
width: 96%;
|
||||
/* font-weight: bold; */
|
||||
font-size: 1vw;
|
||||
font-size: 0.9vw;
|
||||
text-align: left;
|
||||
line-height: 2.7vh;
|
||||
font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
@@ -75,10 +75,10 @@
|
||||
<section class="future">
|
||||
<ul class="futureList">
|
||||
<li>
|
||||
<img class="futureImg" src="../imgs/approaching/ai.png" alt="AI加速芯片">
|
||||
<img class="futureImg" src="../imgs/approaching/ai.png" alt="定制加速芯片">
|
||||
<div class="futureContent">
|
||||
<p>持续迭代与优化</p>
|
||||
<p>聚焦AI加速芯片的高效能、低延迟与低功耗优化，支持智能终端、边缘计算和行业应用的多场景落地。持续推进自研IP核、算子优化和软硬件协同设计，提升芯片整体性能与能效比。</p>
|
||||
<p>聚焦定制加速芯片的高效能、低延迟与低功耗优化，支持智能终端、边缘计算和行业应用的多场景落地。持续推进自研IP核、算子优化和软硬件协同设计，提升芯片整体性能与能效比。</p>
|
||||
</div>
|
||||
<div class="futureCircle">
|
||||
<div class="futureCircleInner">
|
||||
|
||||
@@ -188,7 +188,7 @@
|
||||
<div class="info-list">
|
||||
<!-- <p>客户需求：由于客户业务的急剧扩大，客户希望在S1PRO基础上出一个性能更强、功耗更低的芯片。</p> -->
|
||||
<p class="detail_info_textS6PRO1">解决方案：在S1PRO芯片的架构基础上进一步优化细节，缩减逻辑资源，节省面积。</p>
|
||||
<p class="detail_info_textS6PRO2">技术亮点：使用了定制化的12nm工艺，集成了多个核心模块，并通过自研AI算法加速模块，提升了AI运算能力。</p>
|
||||
<p class="detail_info_textS6PRO2">技术亮点：使用了定制化的12nm工艺，集成了多个核心模块。</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 257 KiB After Width: | Height: | Size: 211 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 138 KiB After Width: | Height: | Size: 427 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 143 KiB After Width: | Height: | Size: 432 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 239 KiB After Width: | Height: | Size: 233 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 239 KiB After Width: | Height: | Size: 232 KiB |
@@ -9,9 +9,9 @@ document.addEventListener('DOMContentLoaded', function () {
|
||||
// 列表
|
||||
futureList: [
|
||||
{
|
||||
imgAlt: "AI加速芯片",
|
||||
imgAlt: "定制加速芯片",
|
||||
title: "持续迭代与优化",
|
||||
desc: "聚焦AI加速芯片的高效能、低延迟与低功耗优化，支持智能终端、边缘计算和行业应用的多场景落地。持续推进自研IP核、算子优化和软硬件协同设计，提升芯片整体性能与能效比。",
|
||||
desc: "聚焦定制加速芯片的高效能、低延迟与低功耗优化，支持智能终端、边缘计算和行业应用的多场景落地。持续推进自研IP核、算子优化和软硬件协同设计，提升芯片整体性能与能效比。",
|
||||
circle: "应用领域"
|
||||
},
|
||||
{
|
||||
@@ -39,9 +39,9 @@ document.addEventListener('DOMContentLoaded', function () {
|
||||
// 列表
|
||||
futureList: [
|
||||
{
|
||||
imgAlt: "AI Acceleration Chip",
|
||||
imgAlt: "Customized acceleration chip",
|
||||
title: "Continuous Iteration & Optimization",
|
||||
desc: "Focus on high performance, low latency, and low power optimization of AI acceleration chips, supporting multi-scenario applications in smart terminals, edge computing, and industries. Continuously promote self-developed IP cores, operator optimization, and hardware-software co-design to improve overall chip performance and energy efficiency.",
|
||||
desc: "Focusing on the high efficiency, low latency and low power optimization of customized acceleration chips, it supports the landing of intelligent terminals, edge computing and industrial applications in multiple scenarios. Continuously promote self-developed IP cores, operator optimization, and software hardware collaborative design to improve the overall performance and energy efficiency ratio of chips.",
|
||||
circle: "Application Field"
|
||||
},
|
||||
{
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user