From c7dec1cf353a57e667cc24debe5458a4e3d0dcc8 Mon Sep 17 00:00:00 2001 From: yaoqin <497681109@qq.com> Date: Fri, 16 May 2025 15:04:20 +0800 Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E5=86=99=E9=A9=AD=E9=91=AB=E7=BD=91?= =?UTF-8?q?=E7=AB=99=20=20=20=E5=BD=93=E5=89=8D=E5=B7=B2=E5=AE=8C=E6=88=90?= =?UTF-8?q?=20=E9=A6=96=E9=A1=B5=E3=80=81=E5=85=B3=E4=BA=8E=E9=A9=AD?= =?UTF-8?q?=E9=91=AB=E9=A1=B5=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 驭鑫/new yxsilicon/css/aboutYuxin.css | 217 ++++++ 驭鑫/new yxsilicon/css/base.css | 73 ++ 驭鑫/new yxsilicon/css/footer.css | 132 ++++ 驭鑫/new yxsilicon/css/header.css | 260 +++++++ 驭鑫/new yxsilicon/css/index.css | 648 ++++++++++++++++++ 驭鑫/new yxsilicon/html/aboutYuxin.html | 243 +++++++ 驭鑫/new yxsilicon/html/chipAgent.html | 0 .../html/cloudComputingServer.html | 0 .../new yxsilicon/html/electronicProduct.html | 0 驭鑫/new yxsilicon/html/mainBusiness.html | 0 驭鑫/new yxsilicon/html/serviceCases.html | 0 .../new yxsilicon/html/technicalSupport.html | 0 驭鑫/new yxsilicon/imgs/about/bg.png | Bin 0 -> 401089 bytes .../imgs/home/agent/ShinDengen.svg | 3 + 驭鑫/new yxsilicon/imgs/home/agent/adi.png | Bin 0 -> 3450 bytes .../imgs/home/agent/alliance.svg | 37 + 驭鑫/new yxsilicon/imgs/home/agent/dtt.png | Bin 0 -> 10051 bytes 驭鑫/new yxsilicon/imgs/home/agent/fxsm.jpg | Bin 0 -> 22651 bytes 驭鑫/new yxsilicon/imgs/home/agent/ght.png | Bin 0 -> 55629 bytes 驭鑫/new yxsilicon/imgs/home/agent/gy.png | Bin 0 -> 9793 bytes 驭鑫/new yxsilicon/imgs/home/agent/hdsc.png | Bin 0 -> 3148 bytes 驭鑫/new yxsilicon/imgs/home/agent/hrs.png | Bin 0 -> 4089 bytes 驭鑫/new yxsilicon/imgs/home/agent/htc.png | Bin 0 -> 3969 bytes 驭鑫/new yxsilicon/imgs/home/agent/jj.svg | 1 + 驭鑫/new yxsilicon/imgs/home/agent/kds.png | Bin 0 -> 4604 bytes 驭鑫/new yxsilicon/imgs/home/agent/lec.png | Bin 0 -> 15789 bytes 驭鑫/new yxsilicon/imgs/home/agent/lw.gif | Bin 0 -> 4915 bytes .../new yxsilicon/imgs/home/agent/nordic.png | Bin 0 -> 3730 bytes 驭鑫/new yxsilicon/imgs/home/agent/nxp.svg | 1 + .../new yxsilicon/imgs/home/agent/omron.svg | 27 + .../new yxsilicon/imgs/home/agent/onsemi.svg | 42 ++ 驭鑫/new yxsilicon/imgs/home/agent/qm.png | Bin 0 -> 4008 bytes 驭鑫/new yxsilicon/imgs/home/agent/sl.png | Bin 0 -> 22372 bytes 驭鑫/new yxsilicon/imgs/home/agent/smc.png | Bin 0 -> 2038 bytes 驭鑫/new yxsilicon/imgs/home/agent/sna.png | Bin 0 -> 13136 bytes 驭鑫/new yxsilicon/imgs/home/agent/sskj.png | Bin 0 -> 4910 bytes 驭鑫/new yxsilicon/imgs/home/agent/st.svg | 5 + .../new yxsilicon/imgs/home/agent/texas.png | Bin 0 -> 6342 bytes 驭鑫/new yxsilicon/imgs/home/agent/tsc.svg | 1 + 驭鑫/new yxsilicon/imgs/home/agent/utc.png | Bin 0 -> 9698 bytes 驭鑫/new yxsilicon/imgs/home/agent/xaw.png | Bin 0 -> 61589 bytes 驭鑫/new yxsilicon/imgs/home/agent/xz.png | Bin 0 -> 15641 bytes 驭鑫/new yxsilicon/imgs/home/agent/yl.jpg | Bin 0 -> 16512 bytes 驭鑫/new yxsilicon/imgs/home/arrow.svg | 1 + 驭鑫/new yxsilicon/imgs/home/arrow2.svg | 1 + 驭鑫/new yxsilicon/imgs/home/arrow3.svg | 1 + 驭鑫/new yxsilicon/imgs/home/bannerbg.png | Bin 0 -> 2134477 bytes 驭鑫/new yxsilicon/imgs/home/casebg.png | Bin 0 -> 265652 bytes .../new yxsilicon/imgs/home/chipAgentbg.png | Bin 0 -> 631062 bytes .../imgs/home/computationalaccelerator.png | Bin 0 -> 171200 bytes 驭鑫/new yxsilicon/imgs/home/coo40z.png | Bin 0 -> 246028 bytes 驭鑫/new yxsilicon/imgs/home/deliver.png | Bin 0 -> 164920 bytes 驭鑫/new yxsilicon/imgs/home/demand.png | Bin 0 -> 192123 bytes .../imgs/home/electronicProduct.png | Bin 0 -> 174773 bytes .../imgs/home/electronicProductbg.png | Bin 0 -> 668044 bytes 驭鑫/new yxsilicon/imgs/home/email.svg | 1 + 驭鑫/new yxsilicon/imgs/home/h6pro.png | Bin 0 -> 235536 bytes 驭鑫/new yxsilicon/imgs/home/logo.png | Bin 0 -> 8021 bytes 驭鑫/new yxsilicon/imgs/home/logo2.png | Bin 0 -> 9200 bytes 驭鑫/new yxsilicon/imgs/home/my100.png | Bin 0 -> 74788 bytes 驭鑫/new yxsilicon/imgs/home/produce.png | Bin 0 -> 223465 bytes 驭鑫/new yxsilicon/imgs/home/prototype.png | Bin 0 -> 202064 bytes 驭鑫/new yxsilicon/index.html | 480 +++++++++++++ 驭鑫/new yxsilicon/js/aboutYuxin.js | 167 +++++ 驭鑫/new yxsilicon/js/header.js | 63 ++ 驭鑫/new yxsilicon/js/index.js | 216 ++++++ 66 files changed, 2620 insertions(+) create mode 100644 驭鑫/new yxsilicon/css/aboutYuxin.css create mode 100644 驭鑫/new yxsilicon/css/base.css create mode 100644 驭鑫/new yxsilicon/css/footer.css create mode 100644 驭鑫/new yxsilicon/css/header.css create mode 100644 驭鑫/new yxsilicon/css/index.css create mode 100644 驭鑫/new yxsilicon/html/aboutYuxin.html create mode 100644 驭鑫/new yxsilicon/html/chipAgent.html create mode 100644 驭鑫/new yxsilicon/html/cloudComputingServer.html create mode 100644 驭鑫/new yxsilicon/html/electronicProduct.html create mode 100644 驭鑫/new yxsilicon/html/mainBusiness.html create mode 100644 驭鑫/new yxsilicon/html/serviceCases.html create mode 100644 驭鑫/new yxsilicon/html/technicalSupport.html create mode 100644 驭鑫/new yxsilicon/imgs/about/bg.png create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/ShinDengen.svg create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/adi.png create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/alliance.svg create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/dtt.png create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/fxsm.jpg create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/ght.png create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/gy.png create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/hdsc.png create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/hrs.png create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/htc.png create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/jj.svg create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/kds.png create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/lec.png create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/lw.gif create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/nordic.png create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/nxp.svg create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/omron.svg create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/onsemi.svg create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/qm.png create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/sl.png create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/smc.png create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/sna.png create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/sskj.png create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/st.svg create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/texas.png create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/tsc.svg create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/utc.png create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/xaw.png create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/xz.png create mode 100644 驭鑫/new yxsilicon/imgs/home/agent/yl.jpg create mode 100644 驭鑫/new yxsilicon/imgs/home/arrow.svg create mode 100644 驭鑫/new yxsilicon/imgs/home/arrow2.svg create mode 100644 驭鑫/new yxsilicon/imgs/home/arrow3.svg create mode 100644 驭鑫/new yxsilicon/imgs/home/bannerbg.png create mode 100644 驭鑫/new yxsilicon/imgs/home/casebg.png create mode 100644 驭鑫/new yxsilicon/imgs/home/chipAgentbg.png create mode 100644 驭鑫/new yxsilicon/imgs/home/computationalaccelerator.png create mode 100644 驭鑫/new yxsilicon/imgs/home/coo40z.png create mode 100644 驭鑫/new yxsilicon/imgs/home/deliver.png create mode 100644 驭鑫/new yxsilicon/imgs/home/demand.png create mode 100644 驭鑫/new yxsilicon/imgs/home/electronicProduct.png create mode 100644 驭鑫/new yxsilicon/imgs/home/electronicProductbg.png create mode 100644 驭鑫/new yxsilicon/imgs/home/email.svg create mode 100644 驭鑫/new yxsilicon/imgs/home/h6pro.png create mode 100644 驭鑫/new yxsilicon/imgs/home/logo.png create mode 100644 驭鑫/new yxsilicon/imgs/home/logo2.png create mode 100644 驭鑫/new yxsilicon/imgs/home/my100.png create mode 100644 驭鑫/new yxsilicon/imgs/home/produce.png create mode 100644 驭鑫/new yxsilicon/imgs/home/prototype.png create mode 100644 驭鑫/new yxsilicon/index.html create mode 100644 驭鑫/new yxsilicon/js/aboutYuxin.js create mode 100644 驭鑫/new yxsilicon/js/header.js create mode 100644 驭鑫/new yxsilicon/js/index.js diff --git a/驭鑫/new yxsilicon/css/aboutYuxin.css b/驭鑫/new yxsilicon/css/aboutYuxin.css new file mode 100644 index 0000000..05724e2 --- /dev/null +++ b/驭鑫/new yxsilicon/css/aboutYuxin.css @@ -0,0 +1,217 @@ +.about-us-section{ + width: 100%; + height: 70vh; + +} + +.about-us-bg{ + width: 97%; + height: 100%; + margin: 0 auto; + /* background: palegoldenrod; */ + background-image: url(../imgs/about/bg.png); + background-size: 100% 100%; + background-repeat: no-repeat; +} +.about-us-content{ + width: 42%; + height: 100%; + /* background: palegoldenrod; */ + padding-top: 8.5%; + padding-left: 10%; +} + +.about-us-content h2{ + font-size: 4.5vw; + color: #fff; + font-weight: 280; + letter-spacing: 0.5vw; +} +.about-us-content p{ + font-size: 1.6vw; + color: #fff; + margin-top: 2.3vw; + line-height:2.8vw; + letter-spacing: 0.2vw; + font-weight: 280; +} + +/* 第二部分 */ +.about-us-section2{ + width: 100%; + height: 150vh; + /* background: palegoldenrod; */ + margin-top: 10vh; +} + +.about-us-section2-bg{ + width: 97%; + height: 100%; + margin: 0 auto; + background: #F0F1F6; + border-radius: 50px 50px 80px 50px; +} + +.about-us-section2-list{ + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + padding: 20px; + +} + +.about-us-section2-list li{ + width: 100%; + min-height: 10vh; + /* background: palegoldenrod; */ + margin-top: 5vw; + display: flex; + justify-content: space-between; + + + +} +.section2-list-item1 { + width: 30%; + height: 100%; + text-align: center; +} + +.section2-list-item1 h2{ + color: #1A579A; + font-size: 1.8vw; + font-weight: 400; +} +.section2-list-item2{ + width: 70%; + height: 100%; + /* background: pink; */ +} +.p1{ + + font-size: 1vw; + color: #4979AD; + font-weight: 400; + padding: 12px 25px; + border-radius: 30px; + background: #FFFFFF; + display: inline-block; /* 让元素宽度由内容决定 */ + +} + +.section2-list-item2 h3{ + font-size: 1.5vw; + font-weight: 400; + margin-top: 2vw; +} +.p2{ + color: rgba(0, 0, 0, 0.7); + font-size: 1.1vw; + font-weight: 400; + margin-top: 1.5vw; +} + + +/* --------------------第三部分 */ +.about-us-section3 { + width: 100%; + height: 170vh; + position: relative; /* 添加定位 */ + z-index: 5; +} + +.about-us-section3-bg { + width: 100%; + height: 100%; + background: #fbfbfb; + border-radius: 0px 0px 80px 80px; + overflow: hidden; + display: flex; + justify-content: space-around; + padding: 5vw; + + +} +.section3-item1{ + width: 30%; + height: 100%; + /* background: palegoldenrod; */ + text-align: center; + font-size: 2vw; +} +.section3-item2{ + width: 70%; + /* height: 100%; */ + /* background: palegoldenrod; */ +} + +.section3-item2 ul{ + width: 100%; + + /* background: palegoldenrod; */ +} +.section3-item2 ul li{ + width: 100%; + height: 15vh; + + margin-top: 1vw; + display: flex; + justify-content: left; + align-items: center; + border-top: 2px solid rgba(0, 0, 0, 0.1); +} + +.section3-item2 ul li h4{ + font-size: 1.5vw; + font-weight: 600; + display: inline-block; + width: 10vw; + +} +.section3-item2 ul li p{ + font-size: 1.4vw; + font-weight: 400; + color: rgba(0, 0, 0, 0.7); + margin-left: 5vw; + display: inline-block; + width: 60vw; +} + + + +.map { + width: 100%; + height: 50vh; + margin-top: 6vh; +} + +.addressBox-bottom { + width: 100%; + height: 100%; + position: relative; +} + +#mapContainer { + width: 100%; + height: 100%; + min-height: 400px; + border-radius: 20px; + overflow: hidden; +} + + html { + scroll-behavior: smooth; /* 添加平滑滚动效果 */ + } + + #contact-map { + scroll-margin-top: 10vh; + } + + + + + + + + diff --git a/驭鑫/new yxsilicon/css/base.css b/驭鑫/new yxsilicon/css/base.css new file mode 100644 index 0000000..95fad8a --- /dev/null +++ b/驭鑫/new yxsilicon/css/base.css @@ -0,0 +1,73 @@ +/* 所有标签的内外边距清零 */ +* { + 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: #000; + text-decoration: none +} + +a:hover { + color: #c81623 +} +li{ + list-style: none; +} + +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/驭鑫/new yxsilicon/css/footer.css b/驭鑫/new yxsilicon/css/footer.css new file mode 100644 index 0000000..5bbb0ed --- /dev/null +++ b/驭鑫/new yxsilicon/css/footer.css @@ -0,0 +1,132 @@ +.footer{ + width: 100%; + height: 70vh; + background: #181E2E; + z-index: 1; + margin-top: -5vw; + padding-top: 10vw; + overflow: hidden; + } + .footer-main{ + width: 90%; + margin: 0 auto; + display: flex; + align-items: center; + justify-content: space-between; + color: #fff; + padding: 0 5vw; + } + .footer-main .footer-logo{ + width: 35vw; + height: 45vh; + border-right: 1px solid #fff; + + + } + + .footer-main .footer-logo img{ + width: 6vw; + height:auto; + } + .footer-main .footer-logo div:nth-of-type(1){ + + margin-top: 3vw; + + } + + .footer-main .footer-logo div:nth-of-type(2) a{ + + color: rgba(255, 255, 255, 0.9); + + } + .footer-main .footer-logo div:nth-of-type(2) a:hover{ + + color: #00A0D2; + + } + + .footer-main .footer-logo div{ + font-size: 0.8vw; + color: rgba(255, 255, 255, 0.9); + margin-top: 1vw; + letter-spacing: 0.06vw; + } + + + .footer-links{ + width: 65vw; + height: 45vh; + /* background: palegoldenrod; */ + display: flex; + align-items: center; + justify-content: space-around; + } + .footer-links div{ + width: 18vw; + height: 80%; + /* background: palegoldenrod; */ + display: flex; + flex-direction: column; + /* justify-content: space-around; */ + align-items: center; + padding-left: 2vw; + padding-top: 2vw; + } + + .footer-links h4{ + font-size: 1vw; + color:#747A78; + margin-bottom: 1vw; + font-weight: 400; + text-align: left; + width: 80%; + } + .footer-links-list{ + width: 80%; + display: flex; + flex-direction: column; + /* justify-content: space-around; */ + align-items: left; + } + + .footer-links-list li { + margin-top: 2vh; + } + + + .footer-links-list li a { + color: rgba(255, 255, 255, 0.8); + font-size: 0.8vw; + display: flex; + align-items: center; + justify-content: left; + gap: 0.5vw; + } + .footer-links-list li a:hover{ + color:#00A0D2; + } + + + + + .footer-links-list li a img{ + width: 0.8vw; + margin-right: 5px; + } + + .footer-bottom{ + width: 100%; + margin: 0 auto; + padding: 0 5vw; + text-align: right; + color: rgba(255, 255, 255, 0.7); + } + + .footer-bottom .record{ + color: rgba(255, 255, 255, 0.7); + } + + .footer-bottom .record:hover{ + color: #00A0D2; + } + diff --git a/驭鑫/new yxsilicon/css/header.css b/驭鑫/new yxsilicon/css/header.css new file mode 100644 index 0000000..785ef05 --- /dev/null +++ b/驭鑫/new yxsilicon/css/header.css @@ -0,0 +1,260 @@ +.header{ + width: 100%; + height: 12vh; + /* background: palegoldenrod; */ + display: flex; + align-items: center; + justify-content: space-between; + box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.1); +} + +.logo{ + width: 30%; + height: 100%; + /* background: palegoldenrod; */ + display: flex; + align-items: center; + padding-left: 10vw; +} +.logo img{ + width: 3vw; + height: auto; +} + +.nav{ + width: 60%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + padding-right: 6vw; + /* background: palegoldenrod; */ +} + +.nav-list{ + width: 100%; + height: 50%; + 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: #9CA0A1; + font-size: 0.9vw; + position: relative; + text-decoration: none; + display: inline-block; +} + +.nav-item a.active { + + color: #00a0d1; + + +} +.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: #00a0d1; +} + +/* 下拉菜单 */ +.nav-dropdown { + position: relative; +} +.arrow { + margin-left: 4px; + font-size: 0.8em; +} + + +.dropdown-menu li { + padding: 0; + +} +.dropdown-menu li a { + display: flex; + align-items: center; + padding: 10px 24px; + color: #00a0d1; + 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: #007a9e; +} +.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 #00a0d1; + transition: transform 0.2s; +} +.nav-dropdown.open .arrow { + transform: rotate(180deg); +} + +/* 下拉菜单动画 */ +.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: 10vh; + left: 0; + min-width:25vw; + 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{ + width: 1.6vw; + height: 1.6vw; + border-radius: 50%; + background: #00a0d1; + display: flex; + align-items: center; + justify-content: center; + padding: 0.1vw; + /* border: 1px solid #00a0d1; */ + transition: all 0.2s; +} +.dropdown-item img{ + width: 50%; + height: auto; +} +/* hover 时去掉背景色,加边框 */ +.dropdown-menu li:hover .dropdown-item { + background: transparent; + border: 1px solid #00a0d1; +} + +.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{ + background: linear-gradient(90deg, #36c6f0 0%, #1a6dc5 100%); + + border-radius: 30px; + transition: box-shadow 0.2s, background 0.3s,transform 0.2s; +} + +.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{ + color: #fff; + display: inline-block; + display: flex; + align-items: center; + justify-content: space-between; + +} + +.contactUs a span { + transition: color 0.2s, font-weight 0.2s; +} + +.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: 1vw; +} + +.contactUs-email img{ + width: 60%; + height: auto; +} + diff --git a/驭鑫/new yxsilicon/css/index.css b/驭鑫/new yxsilicon/css/index.css new file mode 100644 index 0000000..b373e29 --- /dev/null +++ b/驭鑫/new yxsilicon/css/index.css @@ -0,0 +1,648 @@ +body{ + background-color: #FBFBFB; +} + + +/* Banner区 */ +.banner-section { width: 100%; + height: 90vh; + + background-image: url(../imgs/home/bannerbg.png); + background-size: 98vw 100%; + background-position: center -3vw; + background-repeat: no-repeat; + position: relative; + +} + +.banner-bg{ + position: absolute; + bottom: 3.2vw; + right: 1.5vw; + width: 25vw; + height: 50vh; + background-color: #F0F1F6; + border-radius: 20px 20px 40px 20px; + box-shadow: 5px 8px 10px 2px rgba(0, 0, 0, 0.3); + /* background: palegoldenrod; */ + overflow: hidden; +} + +.banner-card{ + /* background: palegoldenrod; */ + width: 100%; + height: 100%; + /* display: flex; + flex-direction: column; + align-items: center; */ + /* justify-content: center; */ + padding: 1vw; + text-align: center; + +} +.banner-card img{ + width: 100%; + height: 55%; +} + +.banner-card-content{ + margin: 0 auto; + width: 90%; + height: 45%; + /* background: paleturquoise; */ + text-align: left; +} + +.banner-card-content h3{ + font-size: 1.2vw; + font-weight: bold; + color: #09A3D4; + margin-top: 2vh; + letter-spacing: 0.1vw; +} + +.banner-card-content ul{ + list-style: none; + padding: 0; + margin: 0; + margin-left: 1.5vw; + margin-top: 1vh; + /* background:palevioletred; */ +} + +.banner-card-content ul li{ + font-size: 0.9vw; + color: rgba(0, 0, 0, 0.8); + list-style: disc; +} + +.banner-card-content ul li::marker { + font-size: 1.5em; /* 放大圆点 */ + +} + +.arrowBox{ + width:3.3vw; + height: 3.3vw; + background: #00A0D2; + position: absolute; + bottom: 5vw; + right: 3vw; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + transition: transform 0.3s ease-in-out; + cursor: pointer; +} + +.arrowBox img{ + width: 1.5vw; + height: auto; + +} + +.arrowBox:hover{ + transform: scale(1.1); + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); + background: #fff; + +} + +.about-us{ + width: 15vw; + height: 8vw; + position: absolute; + bottom: 3vw; + right: 28vw; + + display: flex; + align-items: center; + justify-content: center; + /* background: palegoldenrod; */ + +} +.about-us h3{ + font-size: 1.2vw; + color: #fff; + margin-top: 1vh; + letter-spacing: 0.1vw; + text-shadow: + 1px 1px 0 #aaa, + 2px 2px 0 #777, + 3px 3px 0 #555, + 2px 2px 0 #333, + 2px 2px 0 #000; +} +.about-us-arrow{ + width: 5vw; + height: 5vw; + background: #00A0D2; + border-radius: 50%; + transition: transform 0.3s ease-in-out; + cursor: pointer; + display: inline-flex; + align-items: center; + justify-content: center; + margin-left: 1vw; + transition: background 0.5s; + transition: transform 0.3s ease-in-out; +} +.about-us-arrow:hover{ + transform: scale(1.1); + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); +} +.about-us-arrow img{ + width: 1.5vw; + height: auto; +} + +.about-us-arrow:hover { + background: #fff; +} +/* -----------------------芯片代理区-------------------------------- */ +.chip-agent-section{ + width: 100%; + height: 100vh; + /* background: palegoldenrod; */ + background-image: url(../imgs/home/chipAgentbg.png); + background-size: 100% 100%; + /* background-position: center; */ + background-repeat: no-repeat; + padding: 2vw; + position: relative; +} + +.chip-agent-section h2{ + width: 90%; + font-size: 4vw; + color: #1F599B; + margin-top: 1vh; + letter-spacing: 0.6vw; + font-weight: 300; + padding-left: 5vw; + z-index: 2; +} + +.chip-agent-underline { + position: absolute; + top: 6vw; + left: 1vw; + width: 90%; + height: 2vw; + margin: 0.5vw 0 0 0; + background: linear-gradient( + 90deg, + #f7fcfe 8%, + #e3f6fd 20%, + #e3f6fd 30%, + #f7fcfe 50% + ); + z-index: -1; +} +.desc{ + width: 70%; + font-size: 1.68vw; + margin-top: 1vh; + letter-spacing: 0.1vw; + margin: 0 auto; + margin-top: 6vw; + color:rgba(0, 0, 0, 0.8); + line-height: 3.2vw; +} + + +/* --------------------芯片代理区滚动图区-------------------------------- */ + + +.brand-carousel-section { + width: 100%; + display: flex; + justify-content: center; + margin: 40px 0; + + +} +.brand-carousel-bg { + position: relative; + width: 92vw; + border-radius: 24px; + box-shadow: 0 4px 24px rgba(54,198,240,0.10); + display: flex; + align-items: center; + padding: 0 0; + overflow: hidden; + background: linear-gradient( + 90deg, + #f3f2fa 0%, + #FCFCFC 12%, + #FCFCFC 88%, + #f3f2fa 99% + ); + height: 8vw; + +} +.brand-carousel-container { + overflow-x: hidden; + white-space: nowrap; + flex: 1; + padding: 1vw 0; + scrollbar-width: none; + -ms-overflow-style: none; +} +.brand-carousel-container::-webkit-scrollbar { + display: none; +} +.brand-carousel-list, +.brand-carousel-list-clone { + display: inline-flex !important; + align-items: center; + vertical-align: top; +} +.brand-item { + display: flex; + flex-direction: column; + align-items: center; + min-width: 160px; + max-width: 180px; + /* background: palegoldenrod; */ + margin-right: 2vw; +} +.brand-item:first-child { + margin-left: 2vw; +} +.brand-item img { + height: 1.8vw; + object-fit: contain; + margin-bottom: 12px; +} +.brand-name { + font-size: 1rem; + color: rgba(0, 0, 0, 0.8); + text-align: center; + font-weight: 500; + letter-spacing: 1px; + +} + +/* 按钮样式 */ +.brand-btn { + position: absolute; + top: 50%; + transform: translateY(-50%); + z-index: 2; + width: 2vw; + height: 100%; + border: none; + background: #fff; + font-size: 1.5rem; + cursor: pointer; + box-shadow: 0 2px 8px rgba(54,198,240,0.10); + display: flex; + align-items: center; + justify-content: center; + transition: background 0.2s, color 0.2s; + outline: none; + margin-left: 0; + color: #00A0D2; + text-align: center; +} +.brand-btn.left { left: 0px; } +.brand-btn.right { right: 0px; } + +.brand-btn:focus, +.brand-btn:hover { /* background: #F4F3FA; */ + color: #000; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); +} + + +.section-btn-box{ + width: 100%; + + text-align: right; + padding-right: 5vw; + display: flex; + align-items: center; + justify-content: flex-end; + margin-top: 3vw; +} +.section-btn{ + display: inline-block; + width: 13vw; + height: 4vw; + background: #00A0D2; + color: #fff; + font-size: 1vw; + border-radius: 40px; + display: flex; + align-items: center; + justify-content: right; + padding: 0 0.8vw; +} +.section-btn-arrow{ + width: 3vw; + height: 3vw; + background: #fff; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + margin-left: 1vw; +} +.section-btn-arrow img{ + width: 1vw; +} +.section-btn:hover { + background: #fff; + color: #00A0D2; + transform: translateX(5px); + transition: all 0.3s ease; +} + +.section-btn:hover .section-btn-arrow { + background: #00A0D2; + transform: translateX(5px); + transition: all 0.3s ease; +} + +.section-btn:hover .section-btn-arrow img { + filter: brightness(0) invert(1); /* 让箭头图标变成白色 */ + transition: all 0.3s ease; +} + +/* ------------------------------电子产品设计生产制造服务区-------------------------------- */ + +.product-design-section{ + width: 100%; + height: 120vh; + /* background: palegoldenrod; */ + position: relative; +} + +.product-design-bg{ + width: 90vw; + height: 120vh; + margin: 0 auto; + background-image: url(../imgs/home/electronicProductbg.png); + background-size: 100% 100%; + background-repeat: no-repeat; + background-position: center; + border-radius: 20px; + position: relative; + box-sizing: border-box; + padding-top: 5vw; +} + +.product-design-bg h2{ + width: 90%; + font-size: 4vw; + color: #1F599B; + margin-top: 1vh; + letter-spacing: 0.6vw; + font-weight: 300; + padding-left: 5vw; + z-index: 2; + position: absolute; + top: -4.6vw; + left: 0vw; + +} + +.product-design-bg .desc{ + + width: 70%; + font-size: 1.55vw; + margin-top: 1vh; + letter-spacing: 0.1vw; + + +} +.card-carousel-section{ + margin-top: 10vh; + padding-left: 5vw; + +} + + +.card-carousel-container { + overflow-x: hidden; + white-space: nowrap; + width: 100%; + scrollbar-width: none; + -ms-overflow-style: none; +} + +.card-carousel-container::-webkit-scrollbar { + display: none; +} + +.card-carousel-list { + display: inline-flex; + align-items: center; + vertical-align: top; +} + + + + +.card-list{ + width: 90%; + margin: 0 auto; + display: flex; + align-items: center; + justify-content: space-around; + /* background: palegoldenrod; */ + margin-top: 5vw; +} +.card{ + width: 25vw; + height: 25vw; + border-radius: 20px 20px 40px 20px; + /* overflow: hidden; */ + box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1); + background: #F0F1F6; + display: flex; + flex-direction: column; + align-items: center; + padding: 10px; + white-space: normal; /* 允许卡片内容换行 */ + /* justify-content: center; */ + flex-shrink: 0; + margin-right: 2vw; + +} + +.card:first-child { + margin-left: 2vw; +} +.card img{ + width: 100%; + height:auto; + +} +.card-title{ + font-size: 0.9vw; + color: rgba(0, 0, 0, 0.8); + margin-top: 2vh; + letter-spacing: 0.1vw; +} + +.electronicProduct-btn{ + position: absolute; + bottom: 4vw; + right: 5vw; + + +} + +/* ------------------------------云计算服务器设计生产制造销售区-------------------------------- */ + +.cloud-server-section{ + width: 100%; + height: 130vh; + /* background: palegoldenrod; */ + position: relative; +} +.cloud-server-card-list{ + padding: 0px 5vw; +} + +.cloud-server-btn{ + position: absolute; + bottom: 2vw; + right: 5vw; +} + +/* ------------------------------服务案例区-------------------------------- */ +.service-case-section{ + width: 100%; + height: 130vh; + /* background: palegoldenrod; */ + background: #fbfbfb; + border-radius: 0px 0px 80px 80px; + z-index: 2; +} +.service-case-bg{ + background-image: url(../imgs/home/casebg.png); + background-size: 100%; + background-repeat: no-repeat; + /* background-position: center; */ + padding-top: 2vw; + position: relative; +} +.service-case-bg h2{ + position: absolute; + top: -4vw; + left: 0vw; +} + + +.service-case-card{ + width: 22vw; + height: 30vw; + padding: 20PX; + transition: all 0.3s ease; +} +.card-title{ + font-size: 1.2vw; + color: rgba(0, 0, 0, 0.8); + margin-top: 2vh; + letter-spacing: 0.1vw; +} + +.card-content{ + width: 95%; + height: 18vh; +} + +.card-content h4{ + color: #00A0D2; + margin-top: 2vh; + letter-spacing: 0.1vw; + font-size: 1vw; + font-weight: 400; +} + +.card-content ul{ + + padding: 0; + margin: 0; + margin-left: 1.5vw; + margin-top: 1.5vh; +} + +.card-content ul li{ + font-size: 0.9vw; + color: rgba(0, 0, 0, 0.8); + list-style: disc; + margin-top: 1vh; +} +.card-btn{ + width: 100%; + + display: flex; + align-items: center; + justify-content: right; +} +.card-btn a { + width: 3vw; + height: 3vw; + background: #00A0D2; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; +} +.card-btn a img{ + width: 1.2vw; +} + +.service-case-card:hover{ + background: #00A0D2; +} +.card-content-title{ + display: inline-block; + padding: 5px 10px; + border-radius: 20px; + } + + +.service-case-card:hover .card-content-title{ + + background: #fff; + + } + + .service-case-card:hover .card-btn a{ + + background: #fff; + + } + + .service-case-card:hover .card-btn a img { + filter: brightness(0) saturate(100%) invert(41%) sepia(99%) saturate(749%) hue-rotate(162deg) brightness(97%) contrast(101%); + transition: all 0.3s ease; +} + +.service-case-card:hover ul li{ + + color: #fff; + + } + + .service-case-card:hover .card-title{ + + color: #fff; + + } + + + .service-case-btn{ + position: absolute; + bottom: 13vw; + right: 5vw; + } + + + diff --git a/驭鑫/new yxsilicon/html/aboutYuxin.html b/驭鑫/new yxsilicon/html/aboutYuxin.html new file mode 100644 index 0000000..0ef9eb7 --- /dev/null +++ b/驭鑫/new yxsilicon/html/aboutYuxin.html @@ -0,0 +1,243 @@ + + + +
+ + +我们公司始终致力于为客户提供创新、高效、稳定的产品与服务,凭借先进的技术和丰富的行业经验,帮助客户在市场中取得成功。
+Philosophy
+科技具有改变人们生活、社会和文明的力量。
+我们仍然相信,人能激发科技潜力,并创造美好未来的可能也是无限的。
+ +Target
+聚焦芯片代理服务、芯片进出口服务、云计算服务器设备研发、生成、销售。
+形成有持续盈利能力的产品线。
+value
+我们根据收集的数据、假设检验、反复论证,并做出的科学判断。
+ +建立信任和尊重的文化氛围,共享信息和知识、创造解决方案并加以实施。
+ +通过协作、分享资源、共创价值,实现企业和客户利益的最大化,共创美好未来。
+ +深圳驭鑫科技有限公司
+2021年1月
+销售代理,芯片进出口,云计算服务器设备研发生产销售
+广东省深圳市南山区高新中三道2号软件园一期7栋303室
+p>C1v5c%3KgZZ*7Uerxp*W>BhaxBgH)4}~
zBQ5X#r^5Y6z FYY@)u$f%1whZbME7WQD0Hqo!ph)CmT%C8MV}V|b7X*|s5<A$fhz2DrvOD>_~QTUP$IlUuq(K2-eGtB=;N>YSm~pI
zSq3C~s~Q_KAw}8@g!XzN3IU9yd0$5+0HvJPDLO;(_+#G0hCuJ$}U(g_5W=^%-_wFAs8%#}IE>iDMT4
zCu|;lJDP06W0;g?aiyG~h+qLUtdq!4;7N$jU)Oh!nz>^%x6nxzDGx$&0Jx5uj-xL&*ZHkm7NE)Fl`(ZSzuO)u-#wAg4*gH
zG_Q6lZG@&+&JhK%t-?Ql!XMt&P@Z4OFF2xILw*SRT@nlt`-0`6OaD#sc&MZRyHU>j
zV4+U56XrvrmRf!xlZ7hWQi!xi(7~7+<*@GD7So04H9*HV?Fnu*4WHf?d
a?eMbe
zN#!<0Pk1Wkht7@Coy!76>oLyzJBWX)^T`Ff*orjqUouT`kQ$&Es?Eua=HHZFIIZ~p
z&x?yz2>moH6HxtsPp+gz1et#~=D@{8)9&h{U)mX`I#=8;CK~TBBE$i7)Iz%M@m4%1
z{g#B+qrH45z|6dNy;}_54yddX_#rlYJZXap>yT&9>}1>4+}UNIgzoXNkiPp?+F6z?
zhZD*hhWV*lAKDNq8y2OPp*KL8&pNf6LtG)lWd36MsCaJL{*t$7i@rF;D(&XlH%?kR
zmyQ{B5DIMvX9t@I(Wjnw(Dk6!x}N8+FA5zV