丰潇网站完成
This commit is contained in:
parent
5d76da351e
commit
598530a805
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -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;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -2,16 +2,22 @@
|
|||
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: 95%;
|
||||
height: 90%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto;
|
||||
/* margin: 0 auto; */
|
||||
/* background: palegoldenrod; */
|
||||
}
|
||||
|
||||
.footer-list-item{
|
||||
|
|
@ -49,6 +55,7 @@
|
|||
padding-left: 5vw;
|
||||
}
|
||||
|
||||
|
||||
.item-nav p:nth-of-type(1){
|
||||
font-size: 1.5vw;
|
||||
font-weight: 400;
|
||||
|
|
@ -56,6 +63,18 @@
|
|||
|
||||
}
|
||||
|
||||
.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);
|
||||
|
|
@ -74,7 +93,32 @@
|
|||
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;
|
||||
}
|
||||
|
|
@ -5,13 +5,14 @@
|
|||
align-items: center;
|
||||
justify-content: space-between;
|
||||
/* background: #fff; */
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
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;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -75,6 +76,7 @@
|
|||
|
||||
|
||||
}
|
||||
|
||||
/* .nav-item a.active::before {
|
||||
content: '';
|
||||
width: 100%;
|
||||
|
|
@ -153,7 +155,7 @@
|
|||
|
||||
border-top: 5px solid #3478FD;
|
||||
}
|
||||
.nav-dropdown a:hover .arrow{
|
||||
.nav-dropdown a:hover .arrow,.nav-item a.active .arrow{
|
||||
border-top: 5px solid #3478FD;
|
||||
}
|
||||
|
||||
|
|
@ -282,23 +284,39 @@
|
|||
}
|
||||
|
||||
|
||||
.menu-active .dropdown-item {
|
||||
background: transparent;
|
||||
border: 1px solid #00a0d1
|
||||
|
||||
|
||||
|
||||
/* 让 menu-active 和 hover 效果一致 */
|
||||
.dropdown-menu li a.menu-active,
|
||||
.dropdown-menu li a:hover {
|
||||
background: #f2f8fa;
|
||||
color: #3478FD;
|
||||
}
|
||||
|
||||
.menu-active .dropdown-item img {
|
||||
/* 图标边框和滤镜一致 */
|
||||
.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;
|
||||
}
|
||||
|
||||
.dropdown-menu li a.menu-active {
|
||||
background: #f2f8fa;
|
||||
color: #007a9e;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -5,6 +5,13 @@ body{
|
|||
padding-top: 12vh;
|
||||
}
|
||||
|
||||
*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.banner{
|
||||
width: 88%;
|
||||
height: 85vh;
|
||||
|
|
@ -126,7 +133,7 @@ body{
|
|||
.right-button-top{
|
||||
position: absolute;
|
||||
height: 2.5vh;
|
||||
top: 11vw;
|
||||
top: 24vh;
|
||||
right: 4vw;
|
||||
bottom: 0;
|
||||
}
|
||||
|
|
@ -404,12 +411,16 @@ body{
|
|||
|
||||
.list-item-imgBox{
|
||||
width: 15vw;
|
||||
|
||||
/* background: palegoldenrod; */
|
||||
height: 90%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: left;
|
||||
}
|
||||
|
||||
.list-item-imgBox img{
|
||||
width: 90%;
|
||||
height: auto;
|
||||
width:auto;
|
||||
height: 80%;
|
||||
|
||||
}
|
||||
|
||||
|
|
@ -475,7 +486,7 @@ body{
|
|||
|
||||
.advantage-content h2{
|
||||
width: 100%;
|
||||
height: 8vh;
|
||||
|
||||
font-size: 5vw;
|
||||
font-weight: 500;
|
||||
color: #1A2B3D;
|
||||
|
|
@ -529,6 +540,11 @@ body{
|
|||
margin-top: 5vh;
|
||||
}
|
||||
|
||||
.advantage-list-item-img img{
|
||||
width: 16vw;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -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;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,161 @@
|
|||
<!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:zmz@yxsilicon.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="#">
|
||||
<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=""> 地址：<a
|
||||
href="./html/websiteDesign.html"></a></p>
|
||||
<p style="margin-top: 5vh;"><img src="../imgs/home/footeremail.svg" alt=""> 邮箱： <a
|
||||
href="./html/websiteDesign.html"></a></p>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="footer-bottom">
|
||||
<p>Copyright ©深圳丰潇技术服务有限公司 版权所有</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,300 @@
|
|||
<!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:zmz@yxsilicon.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="#">
|
||||
<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="#">
|
||||
<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="#">
|
||||
<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="#">
|
||||
<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="#">
|
||||
<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="#">
|
||||
<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=""> 地址：<a
|
||||
href="./html/websiteDesign.html"></a></p>
|
||||
<p style="margin-top: 5vh;"><img src="../imgs/home/footeremail.svg" alt=""> 邮箱： <a
|
||||
href="./html/websiteDesign.html"></a></p>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="footer-bottom">
|
||||
<p>Copyright ©深圳丰潇技术服务有限公司 版权所有</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,174 @@
|
|||
<!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:zmz@yxsilicon.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=""> 地址：<a
|
||||
href="./html/websiteDesign.html"></a></p>
|
||||
<p style="margin-top: 5vh;"><img src="../imgs/home/footeremail.svg" alt=""> 邮箱： <a
|
||||
href="./html/websiteDesign.html"></a></p>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="footer-bottom">
|
||||
<p>Copyright ©深圳丰潇技术服务有限公司 版权所有</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,245 @@
|
|||
<!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:zmz@yxsilicon.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=""> 地址：<a
|
||||
href="./html/websiteDesign.html"></a></p>
|
||||
<p style="margin-top: 5vh;"><img src="../imgs/home/footeremail.svg" alt=""> 邮箱： <a
|
||||
href="./html/websiteDesign.html"></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 ©深圳丰潇技术服务有限公司 版权所有</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 166 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 106 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 57 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 6.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 8.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 42 KiB After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 132 KiB After Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 6.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 8.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.0 KiB After Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 265 KiB After Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
|
|
@ -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 |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 5.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 9.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 9.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 29 KiB After Width: | Height: | Size: 8.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.0 KiB After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 467 KiB After Width: | Height: | Size: 140 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 567 KiB After Width: | Height: | Size: 149 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 470 KiB After Width: | Height: | Size: 128 KiB |
|
|
@ -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 |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 156 KiB After Width: | Height: | Size: 45 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 57 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
|
|
@ -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 |
|
|
@ -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 |
|
|
@ -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 |
|
|
@ -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 |
|
|
@ -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 |
|
|
@ -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 |
Binary file not shown.
|
After Width: | Height: | Size: 147 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
|
|
@ -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 |
|
|
@ -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 |
|
|
@ -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 |
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
|
|
@ -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 |
|
|
@ -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 |
|
|
@ -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 |
|
|
@ -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 |
|
|
@ -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 |
|
|
@ -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 |
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
|
|
@ -36,7 +36,7 @@
|
|||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./html/technicalSupport.html" class="nav-link">
|
||||
技术支持
|
||||
支持与服务
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
|
|
@ -66,7 +66,7 @@
|
|||
<section class="banner">
|
||||
<div class="banner-left">
|
||||
<div class="banner-left-video">
|
||||
<video autoplay loop muted playsinline style="width: 100%;" preload="metadata">
|
||||
<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>
|
||||
|
|
@ -95,11 +95,11 @@
|
|||
</div>
|
||||
|
||||
<div class="banner-left-button right-button-top">
|
||||
<a href="#"> <span>解决方案</span> <span class="right-arrow"></span></a>
|
||||
<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/technicalSupport.html"> <span>技术支持</span> <span class="right-arrow"></span></a>
|
||||
<a href="./html/websiteDesign.html"> <span>网站制作</span> <span class="right-arrow"></span></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -165,7 +165,7 @@
|
|||
</li>
|
||||
<li class="aimodel-bottom-list-item">
|
||||
<div class="list-item-imgBox">
|
||||
<img src="./imgs/home/ailist3.png" alt="智能客服">
|
||||
<img src="./imgs/home/ailist3.png" alt="图像识别">
|
||||
</div>
|
||||
<div class="list-item-text">
|
||||
<h3>图像识别</h3>
|
||||
|
|
@ -175,7 +175,7 @@
|
|||
</li>
|
||||
<li class="aimodel-bottom-list-item">
|
||||
<div class="list-item-imgBox">
|
||||
<img src="./imgs/home/ailist4.png" alt="智能客服">
|
||||
<img src="./imgs/home/ailist4.png" alt="文档处理">
|
||||
</div>
|
||||
<div class="list-item-text">
|
||||
<h3>文档处理</h3>
|
||||
|
|
@ -236,11 +236,17 @@
|
|||
<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">
|
||||
|
||||
<li class="footer-list-item item-nav">
|
||||
<p>和我们取得联系</p>
|
||||
<p style="margin-top: 5vh;"> <img src="./imgs/home/positioning.svg" alt=""> 地址：<a href="./html/websiteDesign.html"></a></p>
|
||||
<p style="margin-top: 5vh;"><img src="./imgs/home/footeremail.svg" alt=""> 邮箱： <a href="./html/websiteDesign.html"></a></p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="footer-bottom">
|
||||
<p>Copyright ©深圳丰潇技术服务有限公司 版权所有</p>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -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();
|
||||
});
|
||||
});
|
||||
|
|
@ -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();
|
||||
});
|
||||
});
|
||||
Loading…
Reference in New Issue