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 @@ + + + + + + + YXSILICON + + + + + + + + + + + + + + + + + +
+ + + + +
+ +
+
+
+

关于驭鑫

+

我们公司始终致力于为客户提供创新、高效、稳定的产品与服务,凭借先进的技术和丰富的行业经验,帮助客户在市场中取得成功。

+
+
+
+ +
+
+ + + +
+
+ + +
+
+
+

公司简介

+
+
+
    +
  • +

    公司名称

    +

    深圳驭鑫科技有限公司

    +
  • +
  • +

    成立

    +

    2021年1月

    +
  • +
  • +

    主营业务

    +

    销售代理,芯片进出口,云计算服务器设备研发生产销售

    +
  • +
  • +

    地址

    +

    广东省深圳市南山区高新中三道2号软件园一期7栋303室

    +
  • +
+ + +
+
+
+
+
+
+
+ + +
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/驭鑫/new yxsilicon/html/chipAgent.html b/驭鑫/new yxsilicon/html/chipAgent.html new file mode 100644 index 0000000..e69de29 diff --git a/驭鑫/new yxsilicon/html/cloudComputingServer.html b/驭鑫/new yxsilicon/html/cloudComputingServer.html new file mode 100644 index 0000000..e69de29 diff --git a/驭鑫/new yxsilicon/html/electronicProduct.html b/驭鑫/new yxsilicon/html/electronicProduct.html new file mode 100644 index 0000000..e69de29 diff --git a/驭鑫/new yxsilicon/html/mainBusiness.html b/驭鑫/new yxsilicon/html/mainBusiness.html new file mode 100644 index 0000000..e69de29 diff --git a/驭鑫/new yxsilicon/html/serviceCases.html b/驭鑫/new yxsilicon/html/serviceCases.html new file mode 100644 index 0000000..e69de29 diff --git a/驭鑫/new yxsilicon/html/technicalSupport.html b/驭鑫/new yxsilicon/html/technicalSupport.html new file mode 100644 index 0000000..e69de29 diff --git a/驭鑫/new yxsilicon/imgs/about/bg.png b/驭鑫/new yxsilicon/imgs/about/bg.png new file mode 100644 index 0000000..6e7eba8 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/about/bg.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/agent/ShinDengen.svg b/驭鑫/new yxsilicon/imgs/home/agent/ShinDengen.svg new file mode 100644 index 0000000..f0eb118 --- /dev/null +++ b/驭鑫/new yxsilicon/imgs/home/agent/ShinDengen.svg @@ -0,0 +1,3 @@ + + + diff --git a/驭鑫/new yxsilicon/imgs/home/agent/adi.png b/驭鑫/new yxsilicon/imgs/home/agent/adi.png new file mode 100644 index 0000000..bcdca7e Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/agent/adi.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/agent/alliance.svg b/驭鑫/new yxsilicon/imgs/home/agent/alliance.svg new file mode 100644 index 0000000..bc9e8e4 --- /dev/null +++ b/驭鑫/new yxsilicon/imgs/home/agent/alliance.svg @@ -0,0 +1,37 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/驭鑫/new yxsilicon/imgs/home/agent/dtt.png b/驭鑫/new yxsilicon/imgs/home/agent/dtt.png new file mode 100644 index 0000000..d72839d Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/agent/dtt.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/agent/fxsm.jpg b/驭鑫/new yxsilicon/imgs/home/agent/fxsm.jpg new file mode 100644 index 0000000..4daf161 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/agent/fxsm.jpg differ diff --git a/驭鑫/new yxsilicon/imgs/home/agent/ght.png b/驭鑫/new yxsilicon/imgs/home/agent/ght.png new file mode 100644 index 0000000..9ac07b0 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/agent/ght.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/agent/gy.png b/驭鑫/new yxsilicon/imgs/home/agent/gy.png new file mode 100644 index 0000000..6044834 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/agent/gy.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/agent/hdsc.png b/驭鑫/new yxsilicon/imgs/home/agent/hdsc.png new file mode 100644 index 0000000..7fd0bb9 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/agent/hdsc.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/agent/hrs.png b/驭鑫/new yxsilicon/imgs/home/agent/hrs.png new file mode 100644 index 0000000..0c3310f Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/agent/hrs.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/agent/htc.png b/驭鑫/new yxsilicon/imgs/home/agent/htc.png new file mode 100644 index 0000000..7807e71 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/agent/htc.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/agent/jj.svg b/驭鑫/new yxsilicon/imgs/home/agent/jj.svg new file mode 100644 index 0000000..41a017e --- /dev/null +++ b/驭鑫/new yxsilicon/imgs/home/agent/jj.svg @@ -0,0 +1 @@ +logo \ No newline at end of file diff --git a/驭鑫/new yxsilicon/imgs/home/agent/kds.png b/驭鑫/new yxsilicon/imgs/home/agent/kds.png new file mode 100644 index 0000000..8c02a9a Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/agent/kds.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/agent/lec.png b/驭鑫/new yxsilicon/imgs/home/agent/lec.png new file mode 100644 index 0000000..c3724be Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/agent/lec.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/agent/lw.gif b/驭鑫/new yxsilicon/imgs/home/agent/lw.gif new file mode 100644 index 0000000..9501ac4 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/agent/lw.gif differ diff --git a/驭鑫/new yxsilicon/imgs/home/agent/nordic.png b/驭鑫/new yxsilicon/imgs/home/agent/nordic.png new file mode 100644 index 0000000..bd974b5 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/agent/nordic.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/agent/nxp.svg b/驭鑫/new yxsilicon/imgs/home/agent/nxp.svg new file mode 100644 index 0000000..8913457 --- /dev/null +++ b/驭鑫/new yxsilicon/imgs/home/agent/nxp.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/驭鑫/new yxsilicon/imgs/home/agent/omron.svg b/驭鑫/new yxsilicon/imgs/home/agent/omron.svg new file mode 100644 index 0000000..9803e19 --- /dev/null +++ b/驭鑫/new yxsilicon/imgs/home/agent/omron.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + diff --git a/驭鑫/new yxsilicon/imgs/home/agent/onsemi.svg b/驭鑫/new yxsilicon/imgs/home/agent/onsemi.svg new file mode 100644 index 0000000..352628c --- /dev/null +++ b/驭鑫/new yxsilicon/imgs/home/agent/onsemi.svg @@ -0,0 +1,42 @@ + + + diff --git a/驭鑫/new yxsilicon/imgs/home/agent/qm.png b/驭鑫/new yxsilicon/imgs/home/agent/qm.png new file mode 100644 index 0000000..753922b Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/agent/qm.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/agent/sl.png b/驭鑫/new yxsilicon/imgs/home/agent/sl.png new file mode 100644 index 0000000..47443bc Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/agent/sl.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/agent/smc.png b/驭鑫/new yxsilicon/imgs/home/agent/smc.png new file mode 100644 index 0000000..ed13ca8 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/agent/smc.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/agent/sna.png b/驭鑫/new yxsilicon/imgs/home/agent/sna.png new file mode 100644 index 0000000..f18544c Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/agent/sna.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/agent/sskj.png b/驭鑫/new yxsilicon/imgs/home/agent/sskj.png new file mode 100644 index 0000000..be3896e Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/agent/sskj.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/agent/st.svg b/驭鑫/new yxsilicon/imgs/home/agent/st.svg new file mode 100644 index 0000000..a082f49 --- /dev/null +++ b/驭鑫/new yxsilicon/imgs/home/agent/st.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/驭鑫/new yxsilicon/imgs/home/agent/texas.png b/驭鑫/new yxsilicon/imgs/home/agent/texas.png new file mode 100644 index 0000000..db7c78c Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/agent/texas.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/agent/tsc.svg b/驭鑫/new yxsilicon/imgs/home/agent/tsc.svg new file mode 100644 index 0000000..8ba8626 --- /dev/null +++ b/驭鑫/new yxsilicon/imgs/home/agent/tsc.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/驭鑫/new yxsilicon/imgs/home/agent/utc.png b/驭鑫/new yxsilicon/imgs/home/agent/utc.png new file mode 100644 index 0000000..2349a97 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/agent/utc.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/agent/xaw.png b/驭鑫/new yxsilicon/imgs/home/agent/xaw.png new file mode 100644 index 0000000..7846064 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/agent/xaw.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/agent/xz.png b/驭鑫/new yxsilicon/imgs/home/agent/xz.png new file mode 100644 index 0000000..42a9a74 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/agent/xz.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/agent/yl.jpg b/驭鑫/new yxsilicon/imgs/home/agent/yl.jpg new file mode 100644 index 0000000..50481b0 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/agent/yl.jpg differ diff --git a/驭鑫/new yxsilicon/imgs/home/arrow.svg b/驭鑫/new yxsilicon/imgs/home/arrow.svg new file mode 100644 index 0000000..98535d9 --- /dev/null +++ b/驭鑫/new yxsilicon/imgs/home/arrow.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/驭鑫/new yxsilicon/imgs/home/arrow2.svg b/驭鑫/new yxsilicon/imgs/home/arrow2.svg new file mode 100644 index 0000000..fd2d7fb --- /dev/null +++ b/驭鑫/new yxsilicon/imgs/home/arrow2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/驭鑫/new yxsilicon/imgs/home/arrow3.svg b/驭鑫/new yxsilicon/imgs/home/arrow3.svg new file mode 100644 index 0000000..5956d0a --- /dev/null +++ b/驭鑫/new yxsilicon/imgs/home/arrow3.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/驭鑫/new yxsilicon/imgs/home/bannerbg.png b/驭鑫/new yxsilicon/imgs/home/bannerbg.png new file mode 100644 index 0000000..f6b7581 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/bannerbg.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/casebg.png b/驭鑫/new yxsilicon/imgs/home/casebg.png new file mode 100644 index 0000000..2d92f41 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/casebg.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/chipAgentbg.png b/驭鑫/new yxsilicon/imgs/home/chipAgentbg.png new file mode 100644 index 0000000..0614f4b Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/chipAgentbg.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/computationalaccelerator.png b/驭鑫/new yxsilicon/imgs/home/computationalaccelerator.png new file mode 100644 index 0000000..e0ee5c7 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/computationalaccelerator.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/coo40z.png b/驭鑫/new yxsilicon/imgs/home/coo40z.png new file mode 100644 index 0000000..8573b7b Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/coo40z.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/deliver.png b/驭鑫/new yxsilicon/imgs/home/deliver.png new file mode 100644 index 0000000..c370229 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/deliver.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/demand.png b/驭鑫/new yxsilicon/imgs/home/demand.png new file mode 100644 index 0000000..5be7e5f Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/demand.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/electronicProduct.png b/驭鑫/new yxsilicon/imgs/home/electronicProduct.png new file mode 100644 index 0000000..d4db3bd Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/electronicProduct.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/electronicProductbg.png b/驭鑫/new yxsilicon/imgs/home/electronicProductbg.png new file mode 100644 index 0000000..4988278 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/electronicProductbg.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/email.svg b/驭鑫/new yxsilicon/imgs/home/email.svg new file mode 100644 index 0000000..43179a5 --- /dev/null +++ b/驭鑫/new yxsilicon/imgs/home/email.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/驭鑫/new yxsilicon/imgs/home/h6pro.png b/驭鑫/new yxsilicon/imgs/home/h6pro.png new file mode 100644 index 0000000..19062bd Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/h6pro.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/logo.png b/驭鑫/new yxsilicon/imgs/home/logo.png new file mode 100644 index 0000000..6c97a8b Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/logo.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/logo2.png b/驭鑫/new yxsilicon/imgs/home/logo2.png new file mode 100644 index 0000000..cbb5cf0 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/logo2.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/my100.png b/驭鑫/new yxsilicon/imgs/home/my100.png new file mode 100644 index 0000000..815148e Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/my100.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/produce.png b/驭鑫/new yxsilicon/imgs/home/produce.png new file mode 100644 index 0000000..60c3308 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/produce.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/prototype.png b/驭鑫/new yxsilicon/imgs/home/prototype.png new file mode 100644 index 0000000..20d9347 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/prototype.png differ diff --git a/驭鑫/new yxsilicon/index.html b/驭鑫/new yxsilicon/index.html new file mode 100644 index 0000000..4ee0855 --- /dev/null +++ b/驭鑫/new yxsilicon/index.html @@ -0,0 +1,480 @@ + + + + + + + YXSILICON + + + + + + + + + + + +
+ + + + +
+ + + + +
+ + + + +
+

芯片代理

+
+ +

我们代理多家国际知名芯片厂商的高性能芯片,涵盖通信、嵌入式、A1、汽车电子等多个领域,提供全系列的芯片选型与供应服务,确保为客户提供最佳的解决方案。

+ + + + + +
+ + +
+ +
+

电子产品设计生产制造服务

+

+ 我们提供全方位的电子产品设计与制造服务,涵盖从需求分析、产品设计、样机开发、生产制造到产品交付的全过程。我们依托先进的技术和工艺,致力于为客户提供高性能、高质量的电子产品解决方案。 +

+ + +
+ + + +
+ + +
+

云计算服务器设计生产制造销售

+
+ +

我们提供从云计算服务器的设计、生产到销售的全方位服务,致力于为数据中心、企业客户及云计算平台提供高效、稳定、可扩展的服务器解决方案。

+ + +
+
+ 客户需求分析 +
客户需求分析
+
+
+ 电子产品设计 +
电子产品设计
+
+ +
+ + + +
+ + + +
+ +
+

服务案例

+ + +
+
+ h6pro +
运算加速器 H6PRO
+
+

适用于

+
    +
  • 大规模数据处理
  • +
  • 高性能计算
  • +
  • 人工智能
  • +
+
+ +
+ + arrow + +
+
+
+ my100 +
MY100服务器
+
+

适用于

+ +
    +
  • 数据中心
  • +
  • 企业级应用
  • +
  • 云计算平台
  • +
+
+
+ + arrow + +
+
+
+ c0040z +
C0040Z-服务器
+
+

适用于

+ +
    +
  • 高性能计算
  • +
  • AI计算
  • +
  • 大数据处理
  • +
+
+
+ + arrow + +
+
+ +
+ + + +
+ + + +
+ +
+ + + + + + + + + \ No newline at end of file diff --git a/驭鑫/new yxsilicon/js/aboutYuxin.js b/驭鑫/new yxsilicon/js/aboutYuxin.js new file mode 100644 index 0000000..4564206 --- /dev/null +++ b/驭鑫/new yxsilicon/js/aboutYuxin.js @@ -0,0 +1,167 @@ +// 将地图相关的变量和函数提升到全局作用域 +let map = null; +let marker = null; +let infoWindow = null; + +// 地图数据配置 +const mapData = { + address: { + zh: '广东省深圳市南山区高新中三道2号软件园一期7栋303室', + en: '' + }, + companyName: { + zh: '深圳驭鑫科技有限公司', + en: '' + }, + phone:{ + zh: '13420976989', + en: '+86 13420976989' + }, + + contactInfo: { + zh: { + address: '地址', + phone: '电话', + email: '邮箱' + }, + en: { + address: 'Address', + phone: 'Phone', + email: 'Email' + } + } +}; + +// 创建信息窗体内容 +function createInfoWindowContent(lang) { + return ` +
+

${mapData.companyName[lang]}

+

+ ${mapData.contactInfo[lang].address}:${mapData.address[lang]} +

+ +

+ ${mapData.contactInfo[lang].email}:zmz@yxsilicon.com +

+
+ `; +} + +// 更新地图信息 +function updateMapInfo(lang) { + if (marker && infoWindow) { + // 更新标记标题 + marker.setTitle(mapData.companyName[lang]); + + // 更新信息窗体内容 + infoWindow.setContent(createInfoWindowContent(lang)); + + // 如果信息窗体是打开状态,重新打开以更新内容 + if (infoWindow.getIsOpen()) { + infoWindow.open(map, marker.getPosition()); + } + } +} + +// 初始化地图 +function initAMap() { + try { + // 获取当前语言 + const currentLang = window.currentLang || localStorage.getItem('siteLang') || "zh"; + + // 先加载所需插件 + AMap.plugin(['AMap.Geocoder', 'AMap.ToolBar', 'AMap.Scale'], function() { + const geocoder = new AMap.Geocoder({ + city: "深圳", + radius: 1000 + }); + + geocoder.getLocation(mapData.address.zh, function(status, result) { + if (status === 'complete' && result.info === 'OK') { + const lnglat = result.geocodes[0].location; + + // 创建地图实例 + map = new AMap.Map('mapContainer', { + zoom: 16, + center: [lnglat.lng, lnglat.lat], + viewMode: '3D', + resizeEnable: true, + pitch: 40, + mapStyle: 'amap://styles/normal' + }); + + // 创建标记 + marker = new AMap.Marker({ + position: [lnglat.lng, lnglat.lat], + title: mapData.companyName[currentLang], + animation: 'AMAP_ANIMATION_DROP', + offset: new AMap.Pixel(-13, -30) + }); + + map.add(marker); + + // 创建信息窗体 + infoWindow = new AMap.InfoWindow({ + content: createInfoWindowContent(currentLang), + offset: new AMap.Pixel(0, -30), + closeWhenClickMap: true + }); + + // 地图加载完成后打开信息窗体 + map.on('complete', function() { + infoWindow.open(map, [lnglat.lng, lnglat.lat]); + }); + + // 点击标记时打开信息窗体 + marker.on('click', function() { + infoWindow.open(map, marker.getPosition()); + }); + + // 添加控件 + map.addControl(new AMap.ToolBar({ + position: 'RB' + })); + + map.addControl(new AMap.Scale()); + + // 确保标记点居中显示 + map.setFitView([marker]); + + // 响应式处理 + window.addEventListener('resize', function() { + map.resize(); + map.setCenter([lnglat.lng, lnglat.lat]); + }); + } else { + console.error('地址解析失败:', result); + const mapContainer = document.getElementById('mapContainer'); + if (mapContainer) { + mapContainer.innerHTML = + '
地址定位失败,请刷新重试
'; + } + } + }); + }); + } catch (error) { + console.error('地图初始化失败:', error); + const mapContainer = document.getElementById('mapContainer'); + if (mapContainer) { + mapContainer.innerHTML = + '
地图加载失败,请刷新重试
'; + } + } +} + + +// 在文件末尾添加 +document.addEventListener('DOMContentLoaded', function() { + // 确保地图容器存在 + const mapContainer = document.getElementById('mapContainer'); + if (mapContainer) { + // 初始化地图 + initAMap(); + } else { + console.error('地图容器不存在'); + } +}); \ No newline at end of file diff --git a/驭鑫/new yxsilicon/js/header.js b/驭鑫/new yxsilicon/js/header.js new file mode 100644 index 0000000..1d30d49 --- /dev/null +++ b/驭鑫/new yxsilicon/js/header.js @@ -0,0 +1,63 @@ +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(); + } + }); + + } + + + + /** 下拉菜单箭头hover切换图片 */ + // const dropdownMenuItems = document.querySelectorAll('.dropdown-menu li'); + // if (dropdownMenuItems.length) { + // dropdownMenuItems.forEach((li) => { + // li.addEventListener('mouseenter', () => { + // const img = li.querySelector('.dropdown-item img'); + // if (img) img.src = './imgs/home/arrow.svg'; + // }); + // li.addEventListener('mouseleave', () => { + // const img = li.querySelector('.dropdown-item img'); + // if (img) img.src = './imgs/home/arrow2.svg'; + // }); + // }); + // } +}); \ No newline at end of file diff --git a/驭鑫/new yxsilicon/js/index.js b/驭鑫/new yxsilicon/js/index.js new file mode 100644 index 0000000..816d8a8 --- /dev/null +++ b/驭鑫/new yxsilicon/js/index.js @@ -0,0 +1,216 @@ +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(); + // } + // }); + + // } + + + + // /** 下拉菜单箭头hover切换图片 */ + // const dropdownMenuItems = document.querySelectorAll('.dropdown-menu li'); + // if (dropdownMenuItems.length) { + // dropdownMenuItems.forEach((li) => { + // li.addEventListener('mouseenter', () => { + // const img = li.querySelector('.dropdown-item img'); + // if (img) img.src = './imgs/home/arrow.svg'; + // }); + // li.addEventListener('mouseleave', () => { + // const img = li.querySelector('.dropdown-item img'); + // if (img) img.src = './imgs/home/arrow2.svg'; + // }); + // }); + // } + + + + /** 关于驭鑫箭头hover切换图片 */ + const aboutArrow = document.querySelector('.about-us-arrow img'); + const aboutArrowBox = document.querySelector('.about-us-arrow'); + if (aboutArrow || aboutArrowBox) { + aboutArrowBox.addEventListener('click', () => { + window.location.href = './html/aboutYuxin.html'; + }); + aboutArrowBox.addEventListener('mouseenter', () => { + aboutArrow.src = './imgs/home/arrow.svg'; + }); + aboutArrowBox.addEventListener('mouseleave', () => { + aboutArrow.src = './imgs/home/arrow2.svg'; + }); + } + + + // arrowBox hover 切换图片和背景 + const arrowBox = document.querySelector('.arrowBox'); + const arrowImg = arrowBox?.querySelector('img'); + if (arrowBox && arrowImg) { + arrowBox.addEventListener('mouseenter', () => { + arrowImg.src = './imgs/home/arrow.svg'; + }); + arrowBox.addEventListener('mouseleave', () => { + arrowImg.src = './imgs/home/arrow2.svg'; + }); + } + + // ------------------------芯片代理区滚动图区-------------------------------- + const container = document.querySelector('.brand-carousel-container'); + const list = document.querySelector('.brand-carousel-list'); + const btnLeft = document.querySelector('.brand-btn.left'); + const btnRight = document.querySelector('.brand-btn.right'); + + if (container && list) { + const clone = list.cloneNode(true); + clone.classList.add('brand-carousel-list-clone'); + list.parentNode.appendChild(clone); + + list.style.display = 'inline-flex'; + clone.style.display = 'inline-flex'; + container.style.whiteSpace = 'nowrap'; + + let scrollSpeed = 1; // 调整为你想要的速度 + let isHovering = false; + let pauseTimer = null; + + // 鼠标悬停暂停 + container.addEventListener('mouseenter', () => { isHovering = true; }); + container.addEventListener('mouseleave', () => { isHovering = false; }); + + function loopScroll() { + if (!isHovering) { + if (container.scrollLeft >= list.scrollWidth) { + container.scrollLeft -= list.scrollWidth; + } else { + container.scrollLeft += scrollSpeed; + } + } + requestAnimationFrame(loopScroll); + } + loopScroll(); + + function getItemWidth() { + const item = list.querySelector('.brand-item'); + if (!item) return 200; + const style = getComputedStyle(item); + return item.offsetWidth + parseFloat(style.marginLeft || 0) + parseFloat(style.marginRight || 0); + } + + function scrollByStep(step) { + // 暂停自动滚动一小段时间 + isHovering = true; + if (pauseTimer) clearTimeout(pauseTimer); + pauseTimer = setTimeout(() => { isHovering = false; }, 1500); + + let target = container.scrollLeft + step * getItemWidth(); + if (target < 0) { + target = list.scrollWidth + target; + } + if (target >= list.scrollWidth) { + target = target - list.scrollWidth; + } + container.scrollTo({ left: target, behavior: 'smooth' }); + } + + if (btnLeft) { + btnLeft.addEventListener('click', () => { + scrollByStep(-1); + }); + } + if (btnRight) { + btnRight.addEventListener('click', () => { + scrollByStep(1); + }); + } + } + + + // -----------------------------电子产品设计生产制造服务区卡片轮播-------------------------------- + const cardContainer = document.querySelector('.card-carousel-container'); + const cardList = document.querySelector('.card-carousel-list'); + + if (cardContainer && cardList) { + // 克隆列表实现无缝滚动 + const clone = cardList.cloneNode(true); + clone.classList.add('card-carousel-list-clone'); + cardList.parentNode.appendChild(clone); + + // 设置样式 + cardList.style.display = 'inline-flex'; + clone.style.display = 'inline-flex'; + cardContainer.style.whiteSpace = 'nowrap'; + + let scrollSpeed = 1; // 增加滚动速度 + let isHovering = false; + + // 鼠标悬停暂停 + cardContainer.addEventListener('mouseenter', () => { + console.log('Mouse enter - pausing scroll'); + isHovering = true; + }); + cardContainer.addEventListener('mouseleave', () => { + console.log('Mouse leave - resuming scroll'); + isHovering = false; + }); + + function loopScroll() { + if (!isHovering) { + if (cardContainer.scrollLeft >= cardList.scrollWidth) { + console.log('Resetting scroll position'); + cardContainer.scrollLeft = 0; + } else { + cardContainer.scrollLeft += scrollSpeed; + } + } + requestAnimationFrame(loopScroll); + } + + // 启动滚动 + console.log('Starting scroll animation'); + loopScroll(); + + // 调试信息 + console.log('Container width:', cardContainer.offsetWidth); + console.log('List width:', cardList.scrollWidth); + console.log('Clone width:', clone.scrollWidth); + console.log('Initial scroll position:', cardContainer.scrollLeft); + } + +}); \ No newline at end of file