diff --git a/fengxiao/css/base.css b/fengxiao/css/base.css new file mode 100644 index 0000000..7c1f859 --- /dev/null +++ b/fengxiao/css/base.css @@ -0,0 +1,70 @@ +/* 所有标签的内外边距清零 */ +* { + margin: 0px; + padding: 0px; + /* css3盒子模型 */ + box-sizing: border-box; + font-family:DFKai-SB; +} +/* em 和 i 斜体的文字不倾斜 */ +em, +i { + font-style: normal +} +/* 去掉li 的小圆点 */ +/* li { + list-style: none +} */ +/* ul{ + list-style: none; +} */ + +img { + /* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */ + border: 0; + /* 取消图片底侧有空白缝隙的问题 */ + vertical-align: middle; +} + +button { + /* 当我们鼠标经过button 按钮的时候，鼠标变成小手 */ + cursor: pointer +} + +a { + color: #666; + text-decoration: none +} + +a:hover { + color: #c81623 +} + +button, +input { + /* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */ + font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif; + /* 默认有灰色边框我们需要手动去掉 */ +} + +body { + /* CSS3 抗锯齿形 让文字显示的更加清晰 */ + -webkit-font-smoothing: antialiased; + /* background-color: #fff; */ + /* font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif; */ + /* color: #666 */ +} + +.hide, +.none { + display: none +} +/* 清除浮动 */ +.clearfix::after { + visibility: hidden; + clear: both; + display: block; + content: "."; + height: 0 +} + diff --git a/fengxiao/css/footer.css b/fengxiao/css/footer.css new file mode 100644 index 0000000..9b98091 --- /dev/null +++ b/fengxiao/css/footer.css @@ -0,0 +1,80 @@ +.footer{ + width: 100%; + height: 60vh; + background: #1A2B3B; +} + +.footer-list{ + width: 90%; + height: 95%; + display: flex; + align-items: center; + justify-content: space-around; + box-sizing: border-box; + margin: 0 auto; +} + +.footer-list-item{ + width: 20vw; + height: 90%; + list-style: none; + /* background: palegoldenrod; */ + text-align: center; + padding-top: 12vh; + box-sizing: border-box; +} + +.footer-logo{ + width: 8vw; +} + +.footer-list-item-text{ + width: 100%; + font-size: 0.89vw; + color: rgba(255, 255, 255, 0.5); + text-align: justify; + /* padding-top: 2vh; */ + box-sizing: border-box; + line-height: 3vw; +} + +.item-textBOX{ + padding-top: 10vh; + width: 19vw; +} +.item-nav{ + color: #fff; + padding-top: 10vh; + text-align: left; + padding-left: 5vw; +} + +.item-nav p:nth-of-type(1){ + font-size: 1.5vw; + font-weight: 400; + + +} + +.item-nav p:nth-of-type(2) a{ + font-size: 0.8vw; + color: rgba(255, 255, 255, 0.5); + + text-decoration: none; +} + +.item-nav p:nth-of-type(3) a{ + font-size: 0.8vw; + color: rgba(255, 255, 255, 0.5); + + text-decoration: none; +} + +.item-nav p a:hover{ + color: #4885FD; +} + +/* .footer-list-item img{ + width: 100%; + height: 100%; +} */ diff --git a/fengxiao/css/header.css b/fengxiao/css/header.css new file mode 100644 index 0000000..0e4abea --- /dev/null +++ b/fengxiao/css/header.css @@ -0,0 +1,304 @@ +.header{ + width: 100%; + height: 12vh; + display: flex; + align-items: center; + justify-content: space-between; + /* background: #fff; */ + background-color: rgba(255, 255, 255, 0.1); + z-index: 1000; + position: fixed; + top: 0; + left: 0; + right: 0; + transition: background 0.3s; +} + + + .header.scrolled { + background-color: #fff; + box-shadow: 0 2px 16px rgba(0,0,0,0.04); /* 可选：加阴影提升层次 */ + } + +.logo{ + width: 20%; + height: 100%; + /* background: palegoldenrod; */ + display: flex; + align-items: center; + padding-left: 8vw; +} +.logo img{ + width: 8vw; + height: auto; +} + +.nav{ + width: 46%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + padding-right: 8vw; + /* background: palegoldenrod; */ +} + +.nav-list{ + width: 100%; + height: 43%; + display: flex; + align-items: center; + justify-content: space-around; + /* background: paleturquoise; */ +} + +.nav-item{ + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + +} + +.nav-item a{ + color: #1A2B3C; + font-size: 0.9vw; + position: relative; + text-decoration: none; + display: inline-block; +} + +.nav-item a.active { + + color: #3478FD; + + +} +/* .nav-item a.active::before { + content: ''; + width: 100%; + height: 1px; + background: #00a0d1; + position: absolute; + bottom: -5px; + left: 0; + display: block; +} */ + +.nav-item a:hover{ + color: #3478FD; +} + +/* 下拉菜单 */ +.nav-dropdown { + position: relative; +} +.arrow { + margin-left: 4px; + font-size: 0.8em; +} + + +.dropdown-menu li { + padding: 0; + list-style: none; + +} +.dropdown-menu li a { + display: flex; + align-items: center; + padding: 10px 24px; + color: #1A2B3C; + font-size: 1em; + white-space: nowrap; + transition: background 0.2s; + display: flex; + align-items: center; + justify-content: space-between; +} +.dropdown-menu li a:hover { + background: #f2f8fa; + color: #3478FD; +} +.dropdown-mask { + display: none; + position: fixed; + z-index: 1000; + left: 0; top: 0; right: 0; bottom: 0; + background: rgba(0,0,0,0.08); +} +/* 下拉激活时显示 */ +.nav-dropdown.open .dropdown-menu { + display: block; +} + +.dropdown-mask.active { + display: block; +} + +.arrow { + display: inline-block; + margin-left: 6px; + width: 0; + height: 0; + vertical-align: middle; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid #1A2B3C; + transition: transform 0.2s; +} +.nav-dropdown.open .arrow { + transform: rotate(180deg); + + border-top: 5px solid #3478FD; +} +.nav-dropdown a:hover .arrow{ + border-top: 5px solid #3478FD; +} + +/* 下拉菜单动画 */ +.dropdown-menu { + display: block; /* 让动画生效，实际用visibility控制显示 */ + /* opacity: 0; */ + transform: translateY(10px); + visibility: hidden; + pointer-events: none; + transition: opacity 0.25s cubic-bezier(.4,0,.2,1), + transform 0.25s cubic-bezier(.4,0,.2,1), + visibility 0.25s; + position: absolute; + top: 8vh; + left: 0; + min-width:15vw; + background: #fff; + box-shadow: 0 4px 24px rgba(0,0,0,0.12); + border-radius: 8px; + z-index: 1001; + padding: 12px 0; +} +.nav-dropdown.open .dropdown-menu { + opacity: 1; + transform: translateY(0); + visibility: visible; + pointer-events: auto; +} + + +.dropdown-item{ + display: inline-block; + margin-left: 6px; + width: 0; + height: 0; + vertical-align: middle; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-left: 5px solid #1A2B3C; + transition: transform 0.2s; + transition: all 0.2s; +} +.dropdown-item img{ + width: 50%; + height: auto; +} +/* hover 时去掉背景色，加边框 */ +.dropdown-menu li:hover .dropdown-item { + transform: scale(1.1); + border-left: 5px solid #3478FD; +} + +.dropdown-menu li:hover .dropdown-item img { + filter: brightness(0) saturate(100%) invert(41%) sepia(99%) saturate(749%) hue-rotate(162deg) brightness(97%) contrast(101%); + transition: all 0.3s ease; +} +/* 联系我们 */ +.contactUs{ + + border-radius: 30px; + transition: box-shadow 0.2s, background 0.3s,transform 0.2s; + background: #3478FD; + margin-left: 6vw; +} + +.contactUs:focus, +.contactUs:hover { + box-shadow: 0 8px 24px rgba(26, 109, 197, 0.22); + /* background: linear-gradient(100deg, #4fd7fa 0%, #2a7be0 100%); */ + transform: translateY(-2px) scale(1.03); +} + +.contactUs .contactUs-email { + transition: + box-shadow 0.2s, + background 0.2s, + transform 0.2s; +} + +.contactUs:focus .contactUs-email, +.contactUs:hover .contactUs-email { + /* background: #e6f7ff; */ + /* box-shadow: 0 0 0 4px rgba(54,198,240,0.15); */ + transform: scale(1.12) rotate(-6deg); +} + + +.contactUs a{ + width: 100%; + height: 100%; + color: #fff; + display: inline-block; + display: flex; + align-items: center; + justify-content: center; + /* background: palevioletred; */ + +} + +.contactUs a span { + transition: color 0.2s, font-weight 0.2s; + font-size: 0.8vw; +} + +.contactUs:focus a span, +.contactUs:hover a span { + color: #fff; + font-weight: 600; +} + +.contactUs-email{ + display: flex; + align-items: center; + justify-content: center; + width: 1.6vw; + height: 1.6vw; + border-radius: 50%; + /* background: #fff; */ + margin-left: 0.5vw; +} + +.contactUs-email img{ + width: 60%; + height: auto; +} + + +.menu-active .dropdown-item { + background: transparent; + border: 1px solid #00a0d1 + + +} + +.menu-active .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; +} + + + + diff --git a/fengxiao/css/index.css b/fengxiao/css/index.css new file mode 100644 index 0000000..e91504d --- /dev/null +++ b/fengxiao/css/index.css @@ -0,0 +1,534 @@ +body{ + margin: 0; + padding: 0; + background:#F1F1F1; + padding-top: 12vh; +} + +.banner{ + width: 88%; + height: 85vh; + margin: 0 auto; + display: flex; + align-items: center; + justify-content: space-around; +} +.banner-left{ + width: 86%; + height: 100%; + /* background: palegoldenrod; */ + padding: 1vw; + position: relative; +} +.banner-left-video{ + border-radius: 18px; + overflow: hidden; + width: 100%; + height: 70vh; + +} + +.banner-left-title{ + width: 50%; + /* height: 10vh; */ + /* background: palevioletred; */ + position: absolute; + bottom: 10vw; + left:5vw; + color: #fff; +} + +.banner-left-title p{ + font-size: 4vw; + font-weight: bold; + margin: 0; + font-weight: 400; + padding: 0; +} +.banner-left-title p:last-child{ + font-size: 0.8vw; + color: rgba(255, 255, 255, 0.8); +} + +.banner-left-button{ + position: absolute; + bottom: 10vw; + right:5vw; + background: #fff; + padding: 0.4vw 1vw; + border-radius: 30px; + display: flex; + align-items: center; + cursor: pointer; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); + transition: all 0.2s; +} +.banner-left-button:hover{ + transform: scale(1.05); +} + +.banner-left-button:hover .right-arrow{ + border-left: 8px solid #3478FD; + } + + .banner-left-button:hover a{ + color: #3478FD; + } +.banner-left-button a{ + text-decoration: none; + font-size: 0.9vw; + font-weight: 400; + color: #1A2B3C; +} +.right-arrow{ + display: inline-block; + margin-left: 6px; + width: 0; + height: 0; + vertical-align: middle; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; + border-left: 8px solid #1A2B3C; + transition: transform 0.2s; + transition: all 0.2s; +} + + + + +.banner-right{ + width: 30%; + height: 100%; + position: relative; + /* background: palevioletred; */ +} + +.banner-right-top,.banner-right-bottom{ + width: 90%; + height: 40%; + /* background: paleturquoise; */ +} + +.banner-right-top img{ + width: auto; + height: 100%; +} + +.banner-right-bottom{ + margin-top: 1vw; +} + +.banner-right-bottom img{ + width: auto; + height: 100%; +} + +.right-button-top{ + position: absolute; + height: 2.5vh; + top: 11vw; + right: 4vw; + bottom: 0; +} + +.right-button{ + position: absolute; + bottom: 10vw; + right: 4vw; +} + + +/* -------------------------------- */ + +.business{ + width: 100%; + height: 80vh; + margin: 0 auto; + display: flex; + align-items: center; + justify-content: center; + background: transparent; + background-image: url(../imgs/home/bg1.svg), url(../imgs/home/bg2.svg); + background-size: 100% 75%, 80% 90%; /* 每个背景图片的尺寸 */ + background-repeat: no-repeat, no-repeat; /* 每个背景图片是否平铺 */ + background-position: 100% 180%,222% 180%; /* 每个背景图片的位置 */ + +} + +/* business区主内容布局 */ +.business-content { + width: 88%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + padding: 3vw 4vw; + + +} + +.business-text { + width: 50%; + box-sizing: border-box; + display: flex; + flex-direction: column; + justify-content: center; + color: #1A2B3C; + /* background: palegoldenrod; */ + margin-right: 3vw; + padding-left: 10%; +} +.business-text h2 { + width: 60%; + font-size: 5vw; + font-weight: 500; + margin-bottom: 1.2vw; +} +.business-text .subtitle { + width: 80%; + font-size: 1vw; + color: #5B5B5B; + margin-bottom: 2vw; + text-align: justify; + font-weight: 500; +} +.business-btn { + width: 5vw; + display: inline-block; + background: #3478FD; + color: #fff; + border-radius: 24px; + padding: 0.6vw 2vw; + font-size: 1vw; + font-weight: 500; + text-decoration: none; + box-shadow: 0 2px 8px rgba(52,120,253,0.08); + transition: background 0.2s, box-shadow 0.2s, color 0.2s; + text-align: center; + transition: all 0.2s; +} +.business-btn:focus, +.business-btn:hover { + color: #fff; + box-shadow: 0 4px 16px rgba(52,120,253,0.18); + transform: scale(1.05); +} + +.business-gallery { + width: 45%; + height: 32vw; + min-height: 420px; + position: relative; + overflow: hidden; + display: flex; + align-items: center; + justify-content: center; + /* background: palegreen; */ +} +.gallery-list { + position: absolute; + top: 0; + left: 0; + width: 100%; + display: flex; + flex-direction: column; + align-items: center; + transition: transform 0.8s cubic-bezier(.4,0,.2,1);} +.gallery-list img { + width: auto; + + height: 23vw; + object-fit: cover; + border-radius: 18px; + box-shadow: 0 4px 24px rgba(52,120,253,0.10); + margin-bottom: 2vw; + background: #f6f8fa; + transition: box-shadow 0.2s, filter 0.2s; +} +.gallery-list img:last-child { + margin-bottom: 0; +} + +/* 遮罩层 */ +.gallery-mask { + position: absolute; + left: 0; + width: 98%; + height: 48px; + pointer-events: none; + z-index: 2; +} +.gallery-mask.top { + + + top: -3px; + background: + /* 主扩散渐变 */ + linear-gradient(to bottom, rgba(241,241,241,0.92) 60%, rgba(241,241,241,0.0) 100%), + /* 两侧椭圆扩散 */ + radial-gradient(ellipse at 20% 0%, rgba(241,241,241,0.5) 0%, rgba(241,241,241,0) 80%), + radial-gradient(ellipse at 80% 0%, rgba(241,241,241,0.5) 0%, rgba(241,241,241,0) 80%); + filter: blur(2px); + } + + .gallery-mask.bottom { + + bottom: -3px; + background: + linear-gradient(to top, rgba(241,241,241,0.92) 60%, rgba(241,241,241,0.0) 100%), + radial-gradient(ellipse at 20% 100%, rgba(241,241,241,0.5) 0%, rgba(241,241,241,0) 80%), + radial-gradient(ellipse at 80% 100%, rgba(241,241,241,0.5) 0%, rgba(241,241,241,0) 80%); + filter: blur(2px); + } +/* -----------------AI模型------------------------------- */ + +.aimodel{ + width: 100%; + min-height: 100vh; + margin: 0 auto; + position: relative; + + + +} +.aimodel-bg{ + /* width: 100%; */ + + /* background: palegoldenrod; */ + margin: 0; + + background: + linear-gradient( + to bottom, + #55BEFF 0%, + #55BEFF 80%, + #f1f1f1 100% + ), + url(../imgs/home/bg3.svg); + + background-size: 100% 100%, 100% 50%; /* 渐变和图片都铺满 */ + background-repeat: no-repeat, no-repeat; + background-position: 0 0, 100% 50%; + +} + +.aimodel-content{ + width: 88%; + /* height: 100%; */ + margin: 0 auto; + padding-top: 8vh; + /* background: paleturquoise; */ +} + +.aimodel-top{ + width: 100%; + height: 58vh; + display: flex; + justify-content: center; + /* background: palegoldenrod; */ + padding-left: 5vw; + overflow: hidden; +} + +.aimodel-top-left{ + width: 32vw; + height: 100%; + /* background: palegoldenrod; */ +} + +.aimodel-top-left img{ + width: 32vw; + height: auto; + object-fit: cover; +} + +.aimodel-text{ + width: 40vw; + height: 100%; + /* background: palegoldenrod; */ + display: flex; + flex-direction: column; + justify-content: center; + color: #1A2B3C; + /* background: palegoldenrod; */ + margin-right: 1vw; + padding-left: 6%; +} + +.aimodel-text h2{ + width: 33vw; + font-size: 4.5vw; + font-weight: 500; + color: #fff; + margin: 0; + +} + +.aimodel-text .subtitle{ + width: 32vw; + font-size: 0.95vw; + margin: 0; + margin: 5vh 0; + text-align: justify; + line-height: 3vh; + color: #444444; +} + +.aimodel-bottom{ + width: 100%; + height: 100vh; + /* background: palegreen; */ +} + +.aimodel-bottom-list{ + width: 100%; + height: 60vh; + display: flex; + align-items: center; + justify-content: space-around; + flex-wrap: wrap; +} + +.aimodel-bottom-list li{ + width: 48%; + height: 35vh; + background: #FFFFFF; + margin-top: 5vh; + list-style: none; + border-radius: 18px; + overflow: hidden; + display: flex; + align-items: center; + justify-content: center; +} + +.list-item-imgBox{ + width: 15vw; + +} + +.list-item-imgBox img{ + width: 90%; + height: auto; + +} + +.list-item-text{ + width: 20vw; + height: 100%; + padding-top: 10vh; +} + +.list-item-text h3{ + font-size: 1.5vw; + font-weight: 500; + color: #1A2B3C; +} + +.list-item-text p{ + font-size: 1.1vw; + color: #5B5B5B; + margin-top: 1vh; +} + + +.section-divider-img { + position: absolute; /* 或 absolute/fixed，视你的布局而定 */ + display: block; + width: 100%; /* 或你想要的宽度 */ + height: auto; + margin-top: -40px; /* 让图片上移，覆盖在两个色块交界处 */ + z-index: 10; /* 保证在背景色之上 */ + pointer-events: none; /* 避免挡住鼠标事件 */ + top: 58%; + left: 0; + } + + +/* 优势区 */ + +.advantage-bg{ + width: 100%; + height: 100vh; + background: #FFFFFF; + background: linear-gradient( + to top, + #f1f1f1 0%, /* 顶部蓝色 */ + #f1f1f1 80%, /* 蓝色到底部80% */ + #f1f1f1 100% /* 渐变到底部的灰色 */ + ); + /* background: palevioletred; */ + margin: 0; + /* margin-top: -1vw; */ + box-sizing: border-box; + overflow: hidden; + padding-top: 0; + + +} +.advantage-content{ + width: 88%; + height: 100%; + margin: 0 auto; + /* background: palegoldenrod; */ +} + +.advantage-content h2{ + width: 100%; + height: 8vh; + font-size: 5vw; + font-weight: 500; + color: #1A2B3D; + text-align: center; +} + +.advantage-list{ + width: 100%; + height: 50vh; + display: flex; + align-items: center; + justify-content: space-around; + /* background: palegoldenrod; */ +} + +.advantage-list-item{ + width: 23vw; + height: 40vh; + background: #fff; + list-style: none; + border-radius: 18px; + overflow: hidden; + box-shadow: 5px 5px 10px 3px rgba(0, 0, 0, 0.1); + padding: 1vw; + box-sizing: border-box; + text-align: center; +} + +.advantage-list-item img{ + width: 17vw; + height: auto; +} + +.advantage-list-item p{ + width: 80%; + margin: 0 auto; + font-size: 1vw; + color: #5B5B5B; + margin-top: 1vh; + text-align: left; +} + +.advantage-list-item-img{ + width: 70%; + height: 10vh; + display: flex; + align-items: center; + justify-content: space-around; + margin: 0 auto; + padding-left: 2vw; + margin-top: 5vh; +} + + + + diff --git a/fengxiao/html/aboutUs.html b/fengxiao/html/aboutUs.html new file mode 100644 index 0000000..e69de29 diff --git a/fengxiao/html/aimodel.html b/fengxiao/html/aimodel.html new file mode 100644 index 0000000..e69de29 diff --git a/fengxiao/html/technicalSupport.html b/fengxiao/html/technicalSupport.html new file mode 100644 index 0000000..e69de29 diff --git a/fengxiao/html/websiteDesign.html b/fengxiao/html/websiteDesign.html new file mode 100644 index 0000000..e69de29 diff --git a/fengxiao/imgs/home/advantage1.png b/fengxiao/imgs/home/advantage1.png new file mode 100644 index 0000000..3639276 Binary files /dev/null and b/fengxiao/imgs/home/advantage1.png differ diff --git a/fengxiao/imgs/home/advantage2.png b/fengxiao/imgs/home/advantage2.png new file mode 100644 index 0000000..e6437e4 Binary files /dev/null and b/fengxiao/imgs/home/advantage2.png differ diff --git a/fengxiao/imgs/home/advantage3.png b/fengxiao/imgs/home/advantage3.png new file mode 100644 index 0000000..e6649ff Binary files /dev/null and b/fengxiao/imgs/home/advantage3.png differ diff --git a/fengxiao/imgs/home/ai.png b/fengxiao/imgs/home/ai.png new file mode 100644 index 0000000..1ae781e Binary files /dev/null and b/fengxiao/imgs/home/ai.png differ diff --git a/fengxiao/imgs/home/ailist1.png b/fengxiao/imgs/home/ailist1.png new file mode 100644 index 0000000..05b901c Binary files /dev/null and b/fengxiao/imgs/home/ailist1.png differ diff --git a/fengxiao/imgs/home/ailist2.png b/fengxiao/imgs/home/ailist2.png new file mode 100644 index 0000000..ab8a2c1 Binary files /dev/null and b/fengxiao/imgs/home/ailist2.png differ diff --git a/fengxiao/imgs/home/ailist3.png b/fengxiao/imgs/home/ailist3.png new file mode 100644 index 0000000..18bd7fe Binary files /dev/null and b/fengxiao/imgs/home/ailist3.png differ diff --git a/fengxiao/imgs/home/ailist4.png b/fengxiao/imgs/home/ailist4.png new file mode 100644 index 0000000..a4bf3c3 Binary files /dev/null and b/fengxiao/imgs/home/ailist4.png differ diff --git a/fengxiao/imgs/home/aimodel.png b/fengxiao/imgs/home/aimodel.png new file mode 100644 index 0000000..6f78cef Binary files /dev/null and b/fengxiao/imgs/home/aimodel.png differ diff --git a/fengxiao/imgs/home/bg1.svg b/fengxiao/imgs/home/bg1.svg new file mode 100644 index 0000000..c60ee80 --- /dev/null +++ b/fengxiao/imgs/home/bg1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/fengxiao/imgs/home/bg2.svg b/fengxiao/imgs/home/bg2.svg new file mode 100644 index 0000000..e7b1ce2 --- /dev/null +++ b/fengxiao/imgs/home/bg2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/fengxiao/imgs/home/bg3.svg b/fengxiao/imgs/home/bg3.svg new file mode 100644 index 0000000..cf213db --- /dev/null +++ b/fengxiao/imgs/home/bg3.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/fengxiao/imgs/home/email.svg b/fengxiao/imgs/home/email.svg new file mode 100644 index 0000000..33a7e6d --- /dev/null +++ b/fengxiao/imgs/home/email.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/fengxiao/imgs/home/footerlogo.png b/fengxiao/imgs/home/footerlogo.png new file mode 100644 index 0000000..6c70433 Binary files /dev/null and b/fengxiao/imgs/home/footerlogo.png differ diff --git a/fengxiao/imgs/home/list1.png b/fengxiao/imgs/home/list1.png new file mode 100644 index 0000000..868ecd7 Binary files /dev/null and b/fengxiao/imgs/home/list1.png differ diff --git a/fengxiao/imgs/home/list2.png b/fengxiao/imgs/home/list2.png new file mode 100644 index 0000000..7493411 Binary files /dev/null and b/fengxiao/imgs/home/list2.png differ diff --git a/fengxiao/imgs/home/list3.png b/fengxiao/imgs/home/list3.png new file mode 100644 index 0000000..5ef617c Binary files /dev/null and b/fengxiao/imgs/home/list3.png differ diff --git a/fengxiao/imgs/home/logo.png b/fengxiao/imgs/home/logo.png new file mode 100644 index 0000000..79e007a Binary files /dev/null and b/fengxiao/imgs/home/logo.png differ diff --git a/fengxiao/imgs/home/logoicon.png b/fengxiao/imgs/home/logoicon.png new file mode 100644 index 0000000..e1afc8f Binary files /dev/null and b/fengxiao/imgs/home/logoicon.png differ diff --git a/fengxiao/imgs/home/newvision1.png b/fengxiao/imgs/home/newvision1.png new file mode 100644 index 0000000..b3f9571 Binary files /dev/null and b/fengxiao/imgs/home/newvision1.png differ diff --git a/fengxiao/imgs/home/newvision2.png b/fengxiao/imgs/home/newvision2.png new file mode 100644 index 0000000..4d5a04b Binary files /dev/null and b/fengxiao/imgs/home/newvision2.png differ diff --git a/fengxiao/imgs/home/newvision3.png b/fengxiao/imgs/home/newvision3.png new file mode 100644 index 0000000..4dcc23a Binary files /dev/null and b/fengxiao/imgs/home/newvision3.png differ diff --git a/fengxiao/imgs/home/video.mp4 b/fengxiao/imgs/home/video.mp4 new file mode 100644 index 0000000..af07da8 Binary files /dev/null and b/fengxiao/imgs/home/video.mp4 differ diff --git a/fengxiao/imgs/home/website.png b/fengxiao/imgs/home/website.png new file mode 100644 index 0000000..b8388e2 Binary files /dev/null and b/fengxiao/imgs/home/website.png differ diff --git a/fengxiao/index.html b/fengxiao/index.html new file mode 100644 index 0000000..fe7169e --- /dev/null +++ b/fengxiao/index.html @@ -0,0 +1,249 @@ + + + + + + + + + + + 深圳丰潇 + + + + + +
+ +
+ + +
+
+ + +
+ + + + +
+
+
+

网站设计新视界

+

我们以用户为中心，将环保、智能、情感价值融入设计，同时拥抱AI新技术，实现设计突破，提升用户体验，推动社会可持续发展。

+ 查看更多 +
+
+
+
+ 新视界1 + 新视界2 + 新视界3 +
+
+
+
+
+ + +
+
+
+
+
+ AI模型 +
+
+

AI模型训练

+

与接入技术服务

+

为企业构建、训练、部署定制化的 AI 模型，支持多种业务场景如智能客服、推荐系统、图像识别、文档处理等。实现 AI 能力的快速接入与业务融合。

+ 查看更多 +
+
+ + +
+
    +
  • +
    + 智能客服 +
    +
    +

    智能客服

    +

    智能技术赋能，真正懂客户的客服机器人提供全天候服务。

    +
    + +
    • +
  • +
    + 电商推荐系统 +
    +
    +

    电商推荐系统

    +

    为用户提供精准的商品推荐，提升购物体验和消费满意度。

    +
    + +
    • +
  • +
    + 智能客服 +
    +
    +

    图像识别

    +

    提供超过十万种物体和场景的通用图像识别，以及人脸、植物、车型、动物、logo等类别识别，还支持定制化识图和私有化部署。

    +
    + +
    • +
  • +
    + 智能客服 +
    +
    +

    文档处理

    +

    运用先进AI技术，提供全面的文档处理功能，如智能排版、多语言翻译、自动纠错等，让文档编辑、整理、翻译变得轻松简单。

    +
    + +
    • +
+ + + +
+
+
+ 分割装饰 +
+
+

我们的优势

+
    +
  • + 优势1 +

    支持大模型微调(如 GPT、BERT、CLIP)与私有化部署

    +
    • +
  • + 优势2 +

    接入企业专属知识库，提供 RAG 检索增强生成方案

    +
    • +
  • + 优势3 +

    内置安全策略与日志审计功能，保障模型可控与合规

    +
    • +
+ +
+ 7*24小时服务 + 专业技术服务 + 全周期解决方案 +
+
+ +
+ +
+ + +
+ + +
+ + + + + \ No newline at end of file diff --git a/fengxiao/js/header.js b/fengxiao/js/header.js new file mode 100644 index 0000000..4891b92 --- /dev/null +++ b/fengxiao/js/header.js @@ -0,0 +1,57 @@ +document.addEventListener('DOMContentLoaded', function () { + /** 主营业务下拉菜单与遮罩层交互 */ + const dropdown = document.querySelector('.nav-dropdown'); + const mask = document.querySelector('.dropdown-mask'); + const navLink = dropdown?.querySelector('.nav-link'); + + if (dropdown || mask || navLink) { + const handleToggleDropdown = (e) => { + e.preventDefault(); + const isOpen = dropdown.classList.contains('open'); + if (isOpen) { + dropdown.classList.remove('open'); + dropdown.setAttribute('aria-expanded', 'false'); + mask.classList.remove('active'); + } else { + dropdown.classList.add('open'); + dropdown.setAttribute('aria-expanded', 'true'); + mask.classList.add('active'); + } + }; + + const handleCloseDropdown = () => { + dropdown.classList.remove('open'); + dropdown.setAttribute('aria-expanded', 'false'); + mask.classList.remove('active'); + }; + + // 点击"主营业务"切换下拉 + navLink.addEventListener('click', handleToggleDropdown); + + // 遮罩层点击关闭 + mask.addEventListener('click', handleCloseDropdown); + + // 键盘无障碍支持（Enter/Space） + dropdown.addEventListener('keydown', (e) => { + if (e.key === 'Enter' || e.key === ' ') { + e.preventDefault(); + handleToggleDropdown(e); + } + if (e.key === 'Escape') { + handleCloseDropdown(); + } + }); + } + +}); + + +window.addEventListener('scroll', () => { + const header = document.querySelector('.header'); + if (!header) return; + if (window.scrollY > 10) { + header.classList.add('scrolled'); + } else { + header.classList.remove('scrolled'); + } + }); \ No newline at end of file diff --git a/fengxiao/js/index.js b/fengxiao/js/index.js new file mode 100644 index 0000000..5330b0d --- /dev/null +++ b/fengxiao/js/index.js @@ -0,0 +1,39 @@ +document.addEventListener('DOMContentLoaded', function () { + /** business图片滚动动画 */ + const galleryList = document.querySelector('.gallery-list'); + const galleryImgs = galleryList ? galleryList.querySelectorAll('img') : []; + if (galleryList && galleryImgs.length > 0) { + let currentIndex = 0; + const imgCount = galleryImgs.length; + const imgHeight = galleryImgs[0].offsetHeight + parseInt(getComputedStyle(galleryImgs[0]).marginBottom); + let isAnimating = false; + + // 克隆首图到末尾实现无缝滚动 + const clone = galleryImgs[0].cloneNode(true); + galleryList.appendChild(clone); + + function scrollNext() { + if (isAnimating) return; + isAnimating = true; + currentIndex++; + galleryList.style.transition = 'transform 0.8s cubic-bezier(.4,0,.2,1)'; + galleryList.style.transform = `translateY(-${imgHeight * currentIndex}px)`; + // 滚动到克隆图后，瞬间回到首图 + if (currentIndex === imgCount) { + setTimeout(() => { + galleryList.style.transition = 'none'; + galleryList.style.transform = 'translateY(0)'; + currentIndex = 0; + // 强制reflow + void galleryList.offsetWidth; + isAnimating = false; + }, 820); + } else { + setTimeout(() => { + isAnimating = false; + }, 820); + } + } + setInterval(scrollNext, 2500); + } +}); \ No newline at end of file