Compare commits
2 Commits
c7dec1cf35
...
b4428e08df
| Author | SHA1 | Date |
|---|---|---|
 yaoqin
|
b4428e08df | |
|
yaoqin
|
503b5f14b1 |
|
|
@ -0,0 +1,3 @@
|
|||
{
|
||||
"liveServer.settings.port": 5501
|
||||
}
|
||||
|
|
@ -0,0 +1,355 @@
|
|||
.chipAgent-section{
|
||||
width: 100%;
|
||||
height: 70vh;
|
||||
background: #fbfbfb;
|
||||
}
|
||||
|
||||
.chipAgent-section-bg{
|
||||
width: 98%;
|
||||
height: 100%;
|
||||
background-image: url(../imgs/chip/chipbg.png);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
margin: 0 auto;
|
||||
background-position: top center;
|
||||
}
|
||||
|
||||
.chipAgent-section-content{
|
||||
width: 43%;
|
||||
height: 80%;
|
||||
padding-top: 5vw;
|
||||
padding-left: 10vw;
|
||||
}
|
||||
|
||||
.chipAgent-section-content h3{
|
||||
font-size: 4vw;
|
||||
font-weight: 300;
|
||||
color: #fff;
|
||||
letter-spacing: 0.15vw;
|
||||
}
|
||||
|
||||
.chipAgent-section-content p{
|
||||
font-size: 1.58vw;
|
||||
font-weight: 400;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
line-height: 3vw;
|
||||
letter-spacing: 0.1vw;
|
||||
margin-top: 2vw;
|
||||
text-align: justify;
|
||||
}
|
||||
/* ----------------芯片代理商------------ */
|
||||
.chipAgent-section-brand{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
background: #fbfbfb;
|
||||
margin: 0 auto;
|
||||
padding-top: 5vw;
|
||||
}
|
||||
.chipAgent-title{
|
||||
width: 92%;
|
||||
height: 15vh;
|
||||
background: #F0F1F6;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
line-height: 15vh;
|
||||
font-size: 1.3vw;
|
||||
font-weight: 400;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
letter-spacing: 0.1vw;
|
||||
border-radius: 20px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.chipAgent-section-brand-list{
|
||||
width: 88%;
|
||||
height: 100%;
|
||||
/* background: palegoldenrod; */
|
||||
margin: 0 auto;
|
||||
margin-top: 2vw;
|
||||
}
|
||||
.chipAgent-section-brand-list-item{
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
.chipAgent-section-brand-list-item-title{
|
||||
width: 100%;
|
||||
height: 13vh;
|
||||
/* background: palegoldenrod; */
|
||||
line-height: 13vh;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
}
|
||||
.chipAgent-section-brand-list-item-title div{
|
||||
font-size: 1.3vw;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.1vw;
|
||||
font-weight: 600;
|
||||
display: inline-block;
|
||||
width: 18vw;
|
||||
/* background: pink; */
|
||||
margin-left: 1vw;
|
||||
height: 100%;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.country{
|
||||
width: 10vw !important;
|
||||
text-align: left !important;
|
||||
}
|
||||
.product-line{
|
||||
width: 23vw !important;
|
||||
text-align: left !important;
|
||||
}
|
||||
.application-field{
|
||||
width: 20vw !important;
|
||||
text-align: left !important;
|
||||
|
||||
}
|
||||
|
||||
.brand-title{
|
||||
text-align: center;
|
||||
}
|
||||
.chipAgent-section-brand-list-item-content {
|
||||
width: 100%;
|
||||
height: 15vh;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
/* background: papayawhip; */
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.chipAgent-section-brand-list-item-content div {
|
||||
font-size: 1vw;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.1vw;
|
||||
display: inline-block;
|
||||
width: 18vw;
|
||||
margin-left: 1vw;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
|
||||
}
|
||||
|
||||
/* 修改品牌内容容器样式 */
|
||||
.content-brand {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
/* background: palegoldenrod; */
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 1vw 0; /* 添加上下内边距 */
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.content-brand img {
|
||||
height: 2vw; /* 调整图片大小 */
|
||||
margin-bottom: 1vw;
|
||||
}
|
||||
|
||||
.content-brand p {
|
||||
font-size: 0.8vw;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.1vw;
|
||||
margin: 0;
|
||||
line-height: 1.2;
|
||||
|
||||
}
|
||||
|
||||
.arrow-right{
|
||||
width: 5vw !important;
|
||||
height: 100%;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.arrowBox {
|
||||
width:2vw !important;
|
||||
height: 2vw !important;
|
||||
background: #009FD1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.arrowBox a{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.arrowBox img{
|
||||
width:40%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.arrowBox:hover {
|
||||
background: #fff;
|
||||
border: 1px solid #009FD1;
|
||||
transform: scale(1.1);
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.arrowBox:hover img{
|
||||
filter: brightness(0) saturate(100%) invert(41%) sepia(99%) saturate(749%) hue-rotate(162deg) brightness(97%) contrast(101%);
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
/* ---------------------------- */
|
||||
.chipAgent-section3{
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
z-index: 5;
|
||||
position: relative;
|
||||
background: #fbfbfb;
|
||||
border-radius: 0px 0px 80px 80px;
|
||||
padding-top: 5vw;
|
||||
}
|
||||
|
||||
.chipAgent-section3-bg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url(../imgs/chip/bg.png);
|
||||
background-size: cover; /* 改为 cover */
|
||||
background-repeat: no-repeat;
|
||||
margin: 0 auto;
|
||||
background-position: -8vw center;
|
||||
overflow: hidden;
|
||||
position: relative; /* 添加定位 */
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
|
||||
.chipAgent-section3-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;
|
||||
padding-left: 6vw;
|
||||
|
||||
}
|
||||
|
||||
.chip-agent-underline {
|
||||
position: absolute;
|
||||
top: 4.7vw;
|
||||
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;
|
||||
}
|
||||
.chipAgent-section3-content{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
padding-top: 5vw;
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
|
||||
|
||||
}
|
||||
.chipAgent-section3-content-left{
|
||||
width: 40%;
|
||||
text-align: right;
|
||||
padding-right: 5vw;
|
||||
}
|
||||
|
||||
.chipAgent-section3-content-left img{
|
||||
width: 68%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.chipAgent-section3-content-right{
|
||||
width: 50%;
|
||||
padding-left: 5vw;
|
||||
/* background: palegoldenrod; */
|
||||
}
|
||||
.chipAgent-section3-content-right p{
|
||||
font-size: 1.5vw;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.1vw;
|
||||
margin-top: 2vw;
|
||||
line-height: 3vw;
|
||||
}
|
||||
|
||||
|
||||
.content-contactUs{
|
||||
width: 100%;
|
||||
height: 18vh;
|
||||
margin-top: 5vw;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: right;
|
||||
|
||||
}
|
||||
.content-emailBox{
|
||||
width: 16vw;
|
||||
height: 5vw !important;
|
||||
height: auto;
|
||||
padding: 1vw 2vw;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: right; background: linear-gradient(90deg, #36c6f0 0%, #1a6dc5 100%);
|
||||
border-radius: 54px;
|
||||
transition: box-shadow 0.2s, background 0.3s,transform 0.2s;
|
||||
justify-content: right;
|
||||
|
||||
}
|
||||
.content-emailBox span{
|
||||
font-size: 1.5vw;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.1vw;
|
||||
margin-right: 1vw;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.content-email{
|
||||
width: 3vw;
|
||||
height: 3vw;
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.content-email img{
|
||||
width: 50%;
|
||||
height: 50%;
|
||||
}
|
||||
|
||||
|
||||
.content-emailBox:focus .content-email,
|
||||
.content-emailBox:hover .content-email {
|
||||
background: #e6f7ff;
|
||||
box-shadow: 0 0 0 4px rgba(54,198,240,0.15);
|
||||
transform: scale(1.12) rotate(-6deg);
|
||||
}
|
||||
|
||||
.content-emailBox:focus,
|
||||
.content-emailBox: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);
|
||||
}
|
||||
|
|
@ -0,0 +1,272 @@
|
|||
.chipAgent-section{
|
||||
width: 100%;
|
||||
height: 70vh;
|
||||
background: #fbfbfb;
|
||||
}
|
||||
|
||||
.chipAgent-section-bg{
|
||||
width: 98%;
|
||||
height: 100%;
|
||||
background-image: url(../imgs/cloud/topbg.png);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
margin: 0 auto;
|
||||
background-position: top center;
|
||||
}
|
||||
|
||||
|
||||
.chipAgent-section-content{
|
||||
width: 80%;
|
||||
height: 80%;
|
||||
padding-top: 5vw;
|
||||
padding-left: 10vw;
|
||||
}
|
||||
|
||||
.chipAgent-section-content h3{
|
||||
font-size: 4vw;
|
||||
font-weight: 300;
|
||||
color: #fff;
|
||||
letter-spacing: 0.15vw;
|
||||
}
|
||||
|
||||
.chipAgent-section-content p{
|
||||
width: 58%;
|
||||
font-size: 1.4vw;
|
||||
font-weight: 400;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
line-height: 3vw;
|
||||
letter-spacing: 0.1vw;
|
||||
margin-top: 2vw;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
/* --------------------云计算服务器设计生产制造销售 */
|
||||
|
||||
.cloudComputingServer-section{
|
||||
width: 100%;
|
||||
height:150vh;
|
||||
background: #fbfbfb;
|
||||
margin-top: 20vh;
|
||||
}
|
||||
|
||||
.cloudComputingServer-section-bg{
|
||||
width: 98%;
|
||||
height: 100%;
|
||||
background-image: url(../imgs/cloud/cloundbg.png);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
margin: 0 auto;
|
||||
background-position: top center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.cloudComputingServer-section-bg h3{
|
||||
font-size: 5vw;
|
||||
font-weight: 300;
|
||||
color: #1F589B;
|
||||
letter-spacing: 0.15vw;
|
||||
margin-top: 5vw;
|
||||
position: absolute;
|
||||
top:-10vw;
|
||||
left: 10vw;
|
||||
}
|
||||
|
||||
.cloudComputingServer-section-list{
|
||||
width: 98%;
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
padding-top: 10vw;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding-left: 5vw;
|
||||
}
|
||||
|
||||
.cloudComputingServer-section-list li{
|
||||
width: 25vw;
|
||||
height: 28vw;
|
||||
background: #F0F1F6;
|
||||
margin-left: 4vw;
|
||||
border-radius: 20px 20px 40px 20px;
|
||||
box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1);
|
||||
padding: 1vw;
|
||||
}
|
||||
|
||||
.cloudComputingServer-section-list li img{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
|
||||
}
|
||||
|
||||
.cloudComputingServer-section-list li div{
|
||||
width: 100%;
|
||||
margin-top: 2vh;
|
||||
}
|
||||
|
||||
.cloudComputingServer-section-list li div h4{
|
||||
font-size: 1.3vw;
|
||||
font-weight: 400;
|
||||
color: #009FD0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cloudComputingServer-section-list li div p{
|
||||
width: 80%;
|
||||
font-size: 1vw;
|
||||
font-weight: 400;
|
||||
color: #000;
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
/* padding: 0px 1.5vw; */
|
||||
margin-top: 2vh;
|
||||
line-height: 2vw;
|
||||
}
|
||||
|
||||
/* ---------服务器定制化服务------------------------- */
|
||||
|
||||
|
||||
.chipAgent-section3{
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
z-index: 5;
|
||||
position: relative;
|
||||
background: #fbfbfb;
|
||||
border-radius: 0px 0px 80px 80px;
|
||||
padding-top: 5vw;
|
||||
}
|
||||
|
||||
.chipAgent-section3-bg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url(../imgs/chip/bg.png);
|
||||
background-size: cover; /* 改为 cover */
|
||||
background-repeat: no-repeat;
|
||||
margin: 0 auto;
|
||||
background-position: -8vw center;
|
||||
overflow: hidden;
|
||||
position: relative; /* 添加定位 */
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
|
||||
.chipAgent-section3-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;
|
||||
padding-left: 6vw;
|
||||
|
||||
}
|
||||
|
||||
.chip-agent-underline {
|
||||
position: absolute;
|
||||
top: 4.7vw;
|
||||
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;
|
||||
}
|
||||
.chipAgent-section3-content{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
padding-top: 5vw;
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
|
||||
|
||||
}
|
||||
.chipAgent-section3-content-left{
|
||||
width: 40%;
|
||||
text-align: right;
|
||||
padding-right: 5vw;
|
||||
}
|
||||
|
||||
.chipAgent-section3-content-left img{
|
||||
width: 68%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.chipAgent-section3-content-right{
|
||||
width: 50%;
|
||||
padding-left: 5vw;
|
||||
/* background: palegoldenrod; */
|
||||
}
|
||||
.chipAgent-section3-content-right p{
|
||||
font-size: 1.5vw;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.1vw;
|
||||
margin-top: 2vw;
|
||||
line-height: 3vw;
|
||||
}
|
||||
|
||||
|
||||
.content-contactUs{
|
||||
width: 100%;
|
||||
height: 18vh;
|
||||
margin-top: 5vw;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: right;
|
||||
|
||||
}
|
||||
.content-emailBox{
|
||||
width: 16vw;
|
||||
height: 5vw !important;
|
||||
height: auto;
|
||||
padding: 1vw 2vw;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: right; background: linear-gradient(90deg, #36c6f0 0%, #1a6dc5 100%);
|
||||
border-radius: 54px;
|
||||
transition: box-shadow 0.2s, background 0.3s,transform 0.2s;
|
||||
justify-content: right;
|
||||
|
||||
}
|
||||
.content-emailBox span{
|
||||
font-size: 1.5vw;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.1vw;
|
||||
margin-right: 1vw;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.content-email{
|
||||
width: 3vw;
|
||||
height: 3vw;
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.content-email img{
|
||||
width: 50%;
|
||||
height: 50%;
|
||||
}
|
||||
|
||||
|
||||
.content-emailBox:focus .content-email,
|
||||
.content-emailBox:hover .content-email {
|
||||
background: #e6f7ff;
|
||||
box-shadow: 0 0 0 4px rgba(54,198,240,0.15);
|
||||
transform: scale(1.12) rotate(-6deg);
|
||||
}
|
||||
|
||||
.content-emailBox:focus,
|
||||
.content-emailBox: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);
|
||||
}
|
||||
|
|
@ -0,0 +1,242 @@
|
|||
.chipAgent-section{
|
||||
width: 100%;
|
||||
height: 70vh;
|
||||
background: #fbfbfb;
|
||||
}
|
||||
|
||||
.chipAgent-section-bg{
|
||||
width: 98%;
|
||||
height: 100%;
|
||||
background-image: url(../imgs/electronicproduct/topbg.png);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
margin: 0 auto;
|
||||
background-position: top center;
|
||||
}
|
||||
|
||||
|
||||
.chipAgent-section-content{
|
||||
width: 80%;
|
||||
height: 80%;
|
||||
padding-top: 5vw;
|
||||
padding-left: 11vw;
|
||||
}
|
||||
|
||||
.chipAgent-section-content h3{
|
||||
font-size: 4vw;
|
||||
font-weight: 300;
|
||||
color: #fff;
|
||||
letter-spacing: 0.15vw;
|
||||
}
|
||||
|
||||
.chipAgent-section-content p{
|
||||
width: 68%;
|
||||
font-size: 1.48vw;
|
||||
font-weight: 400;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
line-height: 3vw;
|
||||
letter-spacing: 0.1vw;
|
||||
margin-top: 2vw;
|
||||
text-align: justify;
|
||||
padding-left: 3.8vw;
|
||||
|
||||
}
|
||||
|
||||
/* ----------------------------------------- */
|
||||
|
||||
|
||||
.cloudComputingServer-section{
|
||||
width: 100%;
|
||||
/* height:150vh; */
|
||||
background: #fbfbfb;
|
||||
margin-top: 20vh;
|
||||
}
|
||||
|
||||
.cloudComputingServer-section-bg{
|
||||
width: 98%;
|
||||
height: 100%;
|
||||
background-image: url(../imgs/cloud/cloundbg.png);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
margin: 0 auto;
|
||||
background-position: top center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.cloudComputingServer-section-bg h3{
|
||||
font-size: 5vw;
|
||||
font-weight: 300;
|
||||
color: #1F589B;
|
||||
letter-spacing: 0.15vw;
|
||||
margin-top: 5vw;
|
||||
position: absolute;
|
||||
top:-10vw;
|
||||
left: 10vw;
|
||||
}
|
||||
|
||||
.cloudComputingServer-section-list{
|
||||
width: 98%;
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
padding: 10vw 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding-left: 5vw;
|
||||
|
||||
}
|
||||
|
||||
.cloudComputingServer-section-list li{
|
||||
width: 25vw;
|
||||
height: 28vw;
|
||||
background: #F0F1F6;
|
||||
margin-left: 4vw;
|
||||
border-radius: 20px 20px 40px 20px;
|
||||
box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1);
|
||||
padding: 1vw;
|
||||
margin-top: 8vh;
|
||||
}
|
||||
|
||||
.cloudComputingServer-section-list li img{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
|
||||
}
|
||||
|
||||
.cloudComputingServer-section-list li div{
|
||||
width: 100%;
|
||||
margin-top: 2vh;
|
||||
}
|
||||
|
||||
.cloudComputingServer-section-list li div h4{
|
||||
font-size: 1.3vw;
|
||||
font-weight: 400;
|
||||
color: #009FD0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cloudComputingServer-section-list li div p{
|
||||
width: 78%;
|
||||
font-size: 1vw;
|
||||
font-weight: 400;
|
||||
color: #000;
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
/* padding: 0px 1.5vw; */
|
||||
margin-top: 2vh;
|
||||
line-height: 1.8vw;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* --------------------------- */
|
||||
.chipAgent-section3{
|
||||
width: 100%;
|
||||
height: 120vh;
|
||||
z-index: 5;
|
||||
position: relative;
|
||||
background: #fbfbfb;
|
||||
border-radius: 0px 0px 80px 80px;
|
||||
padding-top: 5vw;
|
||||
}
|
||||
|
||||
.chipAgent-section3-bg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url(../imgs/chip/bg.png);
|
||||
background-size: cover; /* 改为 cover */
|
||||
background-repeat: no-repeat;
|
||||
margin: 0 auto;
|
||||
background-position: -8vw center;
|
||||
overflow: hidden;
|
||||
position: relative; /* 添加定位 */
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
|
||||
.chipAgent-section3-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;
|
||||
padding-left: 6vw;
|
||||
|
||||
}
|
||||
|
||||
.chip-agent-underline {
|
||||
position: absolute;
|
||||
top: 4.7vw;
|
||||
left: 1vw;
|
||||
width: 50%;
|
||||
height: 2vw;
|
||||
margin: 0.5vw 0 0 0;
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
#f7fcfe 8%,
|
||||
#e3f6fd 20%,
|
||||
#e3f6fd 30%,
|
||||
#f7fcfe 50%
|
||||
);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.chipAgent-section3-list{
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
padding-top: 5vw;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.chipAgent-section3-list li{
|
||||
width: 25vw;
|
||||
height: 26vw;
|
||||
background: #F0F1F6;
|
||||
border-radius: 20px 20px 40px 20px;
|
||||
margin-left: 4vw;
|
||||
box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.1);
|
||||
padding: 1vw;
|
||||
margin-top: 8vh;
|
||||
}
|
||||
|
||||
.chipAgent-section3-list li img{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.chipAgent-section3-list li div{
|
||||
width: 100%;
|
||||
margin-top: 2vh;
|
||||
}
|
||||
|
||||
.chipAgent-section3-list li div h4{
|
||||
font-size: 1.3vw;
|
||||
font-weight: 400;
|
||||
color: #009FD0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.chipAgent-section3-list li div p{
|
||||
width: 80%;
|
||||
font-size: 1vw;
|
||||
font-weight: 400;
|
||||
color: #000;
|
||||
text-align: left;
|
||||
|
||||
line-height: 1.5vw;
|
||||
margin: 0 auto;
|
||||
margin-top:2vh;
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -60,6 +60,7 @@
|
|||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
margin-left: 1vw;
|
||||
}
|
||||
.footer-links div{
|
||||
width: 18vw;
|
||||
|
|
@ -79,10 +80,10 @@
|
|||
margin-bottom: 1vw;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
width: 80%;
|
||||
width: 90%;
|
||||
}
|
||||
.footer-links-list{
|
||||
width: 80%;
|
||||
width: 90%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/* justify-content: space-around; */
|
||||
|
|
@ -120,6 +121,7 @@
|
|||
padding: 0 5vw;
|
||||
text-align: right;
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
font-size: 0.8vw;
|
||||
}
|
||||
|
||||
.footer-bottom .record{
|
||||
|
|
|
|||
|
|
@ -258,3 +258,24 @@
|
|||
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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -230,7 +230,7 @@ body{
|
|||
box-shadow: 0 4px 24px rgba(54,198,240,0.10);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
|
|
@ -246,9 +246,11 @@ body{
|
|||
overflow-x: hidden;
|
||||
white-space: nowrap;
|
||||
flex: 1;
|
||||
padding: 1vw 0;
|
||||
scrollbar-width: none;
|
||||
-ms-overflow-style: none;
|
||||
/* 稍微增加边距，确保不被按钮遮挡 */
|
||||
padding-left: 2vw;
|
||||
padding-right: 2vw;
|
||||
}
|
||||
.brand-carousel-container::-webkit-scrollbar {
|
||||
display: none;
|
||||
|
|
@ -267,6 +269,7 @@ body{
|
|||
max-width: 180px;
|
||||
/* background: palegoldenrod; */
|
||||
margin-right: 2vw;
|
||||
box-sizing: border-box; /* 确保尺寸计算包含内边距和边框 */
|
||||
}
|
||||
.brand-item:first-child {
|
||||
margin-left: 2vw;
|
||||
|
|
@ -290,8 +293,9 @@ body{
|
|||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
z-index: 2;
|
||||
z-index: 5;
|
||||
width: 2vw;
|
||||
min-width: 32px;
|
||||
height: 100%;
|
||||
border: none;
|
||||
background: #fff;
|
||||
|
|
@ -306,6 +310,7 @@ body{
|
|||
margin-left: 0;
|
||||
color: #00A0D2;
|
||||
text-align: center;
|
||||
background: rgba(255,255,255,0.9); /* 半透明背景 */
|
||||
}
|
||||
.brand-btn.left { left: 0px; }
|
||||
.brand-btn.right { right: 0px; }
|
||||
|
|
|
|||
|
|
@ -0,0 +1,221 @@
|
|||
.chipAgent-section{
|
||||
width: 100%;
|
||||
height: 70vh;
|
||||
background: #fbfbfb;
|
||||
}
|
||||
|
||||
.chipAgent-section-bg{
|
||||
width: 98%;
|
||||
height: 100%;
|
||||
background-image: url(../imgs/case/casebg.png);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
margin: 0 auto;
|
||||
background-position: top center;
|
||||
}
|
||||
|
||||
.chipAgent-section-content{
|
||||
width: 43%;
|
||||
height: 80%;
|
||||
padding-top: 6vw;
|
||||
padding-left: 10vw;
|
||||
}
|
||||
|
||||
.chipAgent-section-content h3{
|
||||
font-size: 4vw;
|
||||
font-weight: 300;
|
||||
color: #fff;
|
||||
letter-spacing: 0.15vw;
|
||||
}
|
||||
|
||||
.chipAgent-section-content p{
|
||||
font-size: 1.58vw;
|
||||
font-weight: 400;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
line-height: 3vw;
|
||||
letter-spacing: 0.1vw;
|
||||
margin-top: 2vw;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
/* -------------------服务案例 */
|
||||
|
||||
.case-section {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
min-height: 150vh;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
z-index: 5;
|
||||
border-radius: 0 0 80px 80px;
|
||||
}
|
||||
.case-section-bg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0; top: 0; right: 0; bottom: 0;
|
||||
background: url('../imgs/case/bg.png') no-repeat center center;
|
||||
background-size: cover;
|
||||
|
||||
}
|
||||
.case-container {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
align-items: flex-start;
|
||||
padding: 5vw;
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
/* background: palegoldenrod; */
|
||||
height: 150vh;
|
||||
padding-left: 8vw;
|
||||
|
||||
|
||||
|
||||
}
|
||||
.case-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 80px;
|
||||
margin-right: 5vw;
|
||||
width: 20%;
|
||||
height: 100%;
|
||||
}
|
||||
.case-btn {
|
||||
width: 18vw;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0 32px 0 24px;
|
||||
height: 5vw;
|
||||
border: 2px solid #00A0D2;
|
||||
border-radius: 77px;
|
||||
background: #fff;
|
||||
font-size: 1vw;
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
transition: background 0.2s, color 0.2s;
|
||||
outline: none;
|
||||
position: relative;
|
||||
}
|
||||
.case-btn-arrow{
|
||||
width: 3vw;
|
||||
height: 3vw;
|
||||
background: #00A0D2;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transition: background 0.3s;
|
||||
}
|
||||
|
||||
|
||||
.case-btn-arrow img{
|
||||
width: 50%;
|
||||
height: auto;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.case-btn:hover{
|
||||
background: #00A0D2;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
.case-btn:hover .case-btn-arrow {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.case-btn:hover .case-btn-arrow img{
|
||||
filter: brightness(0) saturate(100%) invert(41%) sepia(99%) saturate(749%) hue-rotate(162deg) brightness(97%) contrast(101%);
|
||||
}
|
||||
|
||||
.case-btn.active {
|
||||
background: #00A0D2;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.case-btn.active .case-btn-arrow {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.case-btn.active .case-btn-arrow img {
|
||||
filter: brightness(0) saturate(100%) invert(41%) sepia(99%) saturate(749%) hue-rotate(162deg) brightness(97%) contrast(101%);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.case-detail {
|
||||
background: #F0F1F6;
|
||||
border-radius: 20px;
|
||||
box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.08);
|
||||
padding: 40px 36px 36px 36px;
|
||||
width: 40vw;
|
||||
height: 120vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-left: 10vw;
|
||||
|
||||
}
|
||||
.case-detail-img{
|
||||
width: 85%;
|
||||
height: 40%;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 20px 20px 0 0;
|
||||
}
|
||||
.case-detail-img img {
|
||||
width: 70%;
|
||||
height: auto;
|
||||
|
||||
}
|
||||
.case-detail-title {
|
||||
font-size: 1.5vw;
|
||||
font-weight: 600;
|
||||
margin-bottom: 18px;
|
||||
text-align: center;
|
||||
margin-top: 3vh;
|
||||
font-weight: 400;
|
||||
}
|
||||
.case-detail-section {
|
||||
margin-bottom: 12px;
|
||||
width: 85%;
|
||||
}
|
||||
.case-detail-section p {
|
||||
color: #00A0D2;
|
||||
font-weight: 600;
|
||||
margin-right: 8px;
|
||||
font-size: 1.2vw;
|
||||
font-weight: 400;
|
||||
}
|
||||
.case-detail-section span {
|
||||
display: inline-block;
|
||||
font-size: 0.9vw;
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
font-weight: 400;
|
||||
margin-top: 2vh;
|
||||
line-height: 1.5vw;
|
||||
}
|
||||
.case-detail-section ul {
|
||||
margin: 0 0 0 18px;
|
||||
padding: 0;
|
||||
list-style: disc;
|
||||
margin-left: 2vw;
|
||||
}
|
||||
.case-detail-section ul li {
|
||||
font-size: 0.9vw;
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
font-weight: 400;
|
||||
line-height: 1.5vw;
|
||||
list-style: disc;
|
||||
margin-top: 1vh;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,163 @@
|
|||
.chipAgent-section{
|
||||
width: 100%;
|
||||
height: 70vh;
|
||||
background: #fbfbfb;
|
||||
}
|
||||
|
||||
.chipAgent-section-bg{
|
||||
width: 98%;
|
||||
height: 100%;
|
||||
background-image: url(../imgs/case/casebg.png);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
margin: 0 auto;
|
||||
background-position: top center;
|
||||
}
|
||||
|
||||
.chipAgent-section-content{
|
||||
width: 43%;
|
||||
height: 80%;
|
||||
padding-top: 6vw;
|
||||
padding-left: 10vw;
|
||||
}
|
||||
|
||||
.chipAgent-section-content h3{
|
||||
font-size: 4vw;
|
||||
font-weight: 300;
|
||||
color: #fff;
|
||||
letter-spacing: 0.15vw;
|
||||
}
|
||||
|
||||
.chipAgent-section-content p{
|
||||
font-size: 1.58vw;
|
||||
font-weight: 400;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
line-height: 3vw;
|
||||
letter-spacing: 0.1vw;
|
||||
margin-top: 2vw;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
/* ----------------技术支持 */
|
||||
|
||||
.case-section {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
min-height: 110vh;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
z-index: 5;
|
||||
border-radius: 0 0 80px 80px;
|
||||
}
|
||||
.case-section-bg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0; top: 0; right: 0; bottom: 0;
|
||||
background: url('../imgs/case/bg.png') no-repeat center center;
|
||||
background-size: cover;
|
||||
|
||||
}
|
||||
|
||||
.case-list{
|
||||
margin: 0 auto;
|
||||
width: 85%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
padding-top: 8vw;
|
||||
|
||||
}
|
||||
|
||||
.case-item{
|
||||
width: 24vw;
|
||||
height: 30vw;
|
||||
background: #F0F1F6;
|
||||
border-radius: 20px 20px 40px 20px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
box-shadow: 5px 5px 10px 3px rgba(0, 0, 0, 0.3);
|
||||
padding: 1vw;
|
||||
}
|
||||
|
||||
.case-item-img{
|
||||
width: 100%;
|
||||
height: 50%;
|
||||
/* background: palegoldenrod; */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.case-item-img img{
|
||||
width: 8vw;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.case-item-title{
|
||||
width: 100%;
|
||||
height: 45%;
|
||||
}
|
||||
|
||||
.case-item-title h4{
|
||||
font-size: 1.5vw;
|
||||
font-weight: 400;
|
||||
color: #00A0D2;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.case-item-title p{
|
||||
margin: 0 auto;
|
||||
width: 80%;
|
||||
font-size: 1vw;
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
text-align: left;
|
||||
margin-top: 2vh;
|
||||
|
||||
}
|
||||
|
||||
.arrow-box{
|
||||
width: 100%;
|
||||
/* height: 10vh; */
|
||||
/* background: palegoldenrod; */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
padding-right: 1.5vw;
|
||||
margin-bottom: 2vh;
|
||||
}
|
||||
|
||||
.arrow2{
|
||||
width: 3vw;
|
||||
height: 3vw;
|
||||
background: #00A0D2;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.arrow2 img{
|
||||
width: 1vw;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
|
||||
.arrow2:hover{
|
||||
background: #fff;
|
||||
border: 1px solid #00A0D2;
|
||||
}
|
||||
|
||||
.arrow2:hover img{
|
||||
filter: brightness(0) saturate(100%) invert(41%) sepia(99%) saturate(749%) hue-rotate(162deg) brightness(97%) contrast(101%);
|
||||
transition: all 0.3s ease;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -11,6 +11,7 @@
|
|||
<link rel="stylesheet" href="../css/footer.css">
|
||||
<link rel="stylesheet" href="../css/aboutYuxin.css">
|
||||
<script src="../js/header.js"></script>
|
||||
<script src="../js/footer.js"></script>
|
||||
<!-- 在 head 标签中确保正确引入 -->
|
||||
<script>
|
||||
window._AMapSecurityConfig = {
|
||||
|
|
@ -43,25 +44,25 @@
|
|||
</a>
|
||||
</li>
|
||||
<li class="nav-item nav-dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
||||
<a href="../html/mainBusiness.html" class="nav-link ">
|
||||
<a href="#" class="nav-link ">
|
||||
主营业务 <span class="arrow" aria-hidden="true"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-label="主营业务下拉菜单">
|
||||
<li><a href="../html/chipAgent.html">芯片代理 <div class="dropdown-item"><img
|
||||
<li><a href="./chipAgent.html">芯片代理 <div class="dropdown-item"><img
|
||||
src="../imgs/home/arrow2.svg" class="dropdown-arrow" alt="arrow"></div></a></li>
|
||||
<li><a href="../html/electronicProduct.html">电子产品设计生产制造服务 <div class="dropdown-item"><img
|
||||
<li><a href="./electronicProduct.html">电子产品设计生产制造服务 <div class="dropdown-item"><img
|
||||
src="../imgs/home/arrow2.svg" class="dropdown-arrow" alt="arrow"></div></a></li>
|
||||
<li><a href="../html/cloudServer.html">云计算服务器设计生产制造销售 <div class="dropdown-item"><img
|
||||
<li><a href="./cloudComputingServer.html">云计算服务器设计生产制造销售 <div class="dropdown-item"><img
|
||||
src="../imgs/home/arrow2.svg" class="dropdown-arrow" alt="arrow"></div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../html/serviceCase.html" class="nav-link">
|
||||
<a href="./serviceCases.html" class="nav-link">
|
||||
服务案例
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../html/technicalSupport.html" class="nav-link">
|
||||
<a href="./technicalSupport.html" class="nav-link">
|
||||
技术支持
|
||||
</a>
|
||||
</li>
|
||||
|
|
@ -161,7 +162,7 @@
|
|||
<h4>主营业务</h4>
|
||||
<p>销售代理，芯片进出口，云计算服务器设备研发生产销售</p>
|
||||
</li>
|
||||
<li>
|
||||
<li id="address-li">
|
||||
<h4>地址</h4>
|
||||
<p>广东省深圳市南山区高新中三道2号软件园一期7栋303室</p>
|
||||
</li>
|
||||
|
|
@ -209,24 +210,24 @@
|
|||
<div>
|
||||
<h4>解决方案</h4>
|
||||
<ul class="footer-links-list">
|
||||
<li><a href="./serviceCases.html"> <img src="../imgs/home/arrow3.svg" alt="arrow">运算加速器
|
||||
<li><a href="./serviceCases.html" class="footer-case-link" data-index="0"> <img src="../imgs/home/arrow3.svg" alt="arrow">运算加速器
|
||||
H6PRO</a></li>
|
||||
<li><a href="./serviceCases.html"> <img src="../imgs/home/arrow3.svg" alt="arrow">MY100服务器</a>
|
||||
<li><a href="./serviceCases.html" class="footer-case-link" data-index="1"> <img src="../imgs/home/arrow3.svg" alt="arrow">MY100服务器</a>
|
||||
</li>
|
||||
<li><a href="./serviceCases.html"> <img src="../imgs/home/arrow3.svg" alt="arrow">C0040Z-服务器</a>
|
||||
<li><a href="./serviceCases.html" class="footer-case-link" data-index="2"> <img src="../imgs/home/arrow3.svg" alt="arrow">C0040Z-服务器</a>
|
||||
</li>
|
||||
<li><a href="./serviceCases.html"> <img src="../imgs/home/arrow3.svg" alt="arrow">云计算水冷服务器</a>
|
||||
<li><a href="./serviceCases.html" class="footer-case-link" data-index="3"> <img src="../imgs/home/arrow3.svg" alt="arrow">云计算水冷服务器</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>关于我们</h4>
|
||||
<ul class="footer-links-list">
|
||||
<li><a href="./technicalSupport.html"> <img src="../imgs/home/arrow3.svg" alt="arrow">技术咨询</a>
|
||||
<li><a href="./technicalSupport.html#case-section"> <img src="../imgs/home/arrow3.svg" alt="arrow">技术咨询</a>
|
||||
</li>
|
||||
<li><a href="./technicalSupport.html"> <img src="../imgs/home/arrow3.svg" alt="arrow">定制化开发</a>
|
||||
<li><a href="./technicalSupport.html#case-section"> <img src="../imgs/home/arrow3.svg" alt="arrow">定制化开发</a>
|
||||
</li>
|
||||
<li><a href="./technicalSupport.html"> <img src="../imgs/home/arrow3.svg"
|
||||
<li><a href="./technicalSupport.html#case-section"> <img src="../imgs/home/arrow3.svg"
|
||||
alt="arrow">产品维护与升级</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,672 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>YXSILICON</title>
|
||||
<link rel="icon" href="../imgs/home/logo.png">
|
||||
<link rel="stylesheet" href="../css/base.css">
|
||||
<link rel="stylesheet" href="../css/header.css">
|
||||
<link rel="stylesheet" href="../css/footer.css">
|
||||
<link rel="stylesheet" href="../css/chipAgent.css">
|
||||
<script src="../js/header.js"></script>
|
||||
<script src="../js/footer.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<header class="header">
|
||||
<div class="logo">
|
||||
<img src="../imgs/home/logo.png" alt="logo">
|
||||
</div>
|
||||
<div class="nav">
|
||||
<ul class="nav-list">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link ">
|
||||
首页
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./aboutYuxin.html" class="nav-link ">
|
||||
关于驭鑫
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item nav-dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
||||
<a href="#" class="nav-link active">
|
||||
主营业务 <span class="arrow" aria-hidden="true"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-label="主营业务下拉菜单">
|
||||
<li><a href="#" class="menu-active">芯片代理 <div class="dropdown-item"><img
|
||||
src="../imgs/home/arrow2.svg" class="dropdown-arrow" alt="arrow"></div></a></li>
|
||||
<li><a href="./electronicProduct.html">电子产品设计生产制造服务 <div class="dropdown-item"><img
|
||||
src="../imgs/home/arrow2.svg" class="dropdown-arrow" alt="arrow"></div></a></li>
|
||||
<li><a href="./cloudComputingServer.html">云计算服务器设计生产制造销售 <div class="dropdown-item"><img
|
||||
src="../imgs/home/arrow2.svg" class="dropdown-arrow" alt="arrow"></div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./serviceCases.html" class="nav-link">
|
||||
服务案例
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./technicalSupport.html" class="nav-link">
|
||||
技术支持
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item contactUs">
|
||||
<a href="mailto:zmz@yxsilicon.com" class="nav-link emailBox">
|
||||
<span>联系我们</span>
|
||||
<div class="contactUs-email">
|
||||
<img src="../imgs/home/email.svg" alt="email">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="dropdown-mask" tabindex="0" aria-label="下拉菜单遮罩层"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
<section class="chipAgent-section">
|
||||
<div class="chipAgent-section-bg">
|
||||
|
||||
<div class="chipAgent-section-content">
|
||||
<h3>芯片代理</h3>
|
||||
<p>我们代理多家国际知名芯片厂商的高性能芯片，涵盖通信、嵌入式、A1、汽车电子等多个领域，提供全系列的芯片选型与供应服务，确保为客户提供最佳的解决方案。</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="chipAgent-section-brand">
|
||||
<div class="chipAgent-title">
|
||||
以下是我们在国内外代理的常用芯片品牌，涵盖了从控制器、电源、分立器件、传感器到存储器等多个领域，满足不同应用场景的需求。
|
||||
</div>
|
||||
<section class="chipAgent-section-brand-list">
|
||||
<ul class="chipAgent-section-brand-list-item">
|
||||
<li class="chipAgent-section-brand-list-item-title">
|
||||
<div class="brand-title">品牌</div>
|
||||
<div class="country">国家</div>
|
||||
<div class="product-line">产品线</div>
|
||||
<div>应用领域</div>
|
||||
|
||||
</li>
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/st.svg" alt="意法 ST">
|
||||
<p>意法 ST</p>
|
||||
</div>
|
||||
<div class="country">欧洲</div>
|
||||
<div class="product-line">控制器、晶体管、MOSFET、运放、比较器</div>
|
||||
<div class="application-field">通信、消费、PC、汽车</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="https://www.st.com"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/texas.png" alt="德州仪器">
|
||||
<p>德州仪器 TI</p>
|
||||
</div>
|
||||
<div class="country">美国</div>
|
||||
<div class="product-line">控制器，电源，分立器件，射频，微波</div>
|
||||
<div class="application-field">医疗，消费，工业，汽车，通信 </div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="https://www.ti.com.cn/"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/nxp.svg" alt="恩智浦">
|
||||
<p>恩智浦</p>
|
||||
</div>
|
||||
<div class="country">荷兰</div>
|
||||
<div class="product-line">控制器，电源，分立器件，射频，传感器</div>
|
||||
<div class="application-field">医疗，消费，工业，汽车，通信</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="https://www.nxp.com/"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/onsemi.svg" alt="ON 安森美">
|
||||
<p>ON 安森美</p>
|
||||
</div>
|
||||
<div class="country">美国</div>
|
||||
<div class="product-line">控制器，电源，驱动器，传感器</div>
|
||||
<div class="application-field">汽车，通信，PC，消费，工业</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="https://www.onsemi.cn/"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/adi.png" alt="ADI 亚德诺">
|
||||
<p>ADI 亚德诺</p>
|
||||
</div>
|
||||
<div class="country">美国</div>
|
||||
<div class="product-line"> 数据转换，信号处理IC</div>
|
||||
<div class="application-field"> 医疗，通信，PC，消费，工业</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="https://www.analog.com/"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/omron.svg" alt="OMRON 欧姆龙">
|
||||
<p>OMRON 欧姆龙</p>
|
||||
</div>
|
||||
<div class="country">日本</div>
|
||||
<div class="product-line">连接器，继电器，开关，传感器</div>
|
||||
<div class="application-field">医疗，消费，工业，汽车</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href=""><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/alliance.svg" alt="ALLIANCE 联盟">
|
||||
<p>ALLIANCE 联盟</p>
|
||||
</div>
|
||||
<div class="country">美国</div>
|
||||
<div class="product-line">存储器</div>
|
||||
<div class="application-field"> 通信、工业、PC</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href=" www.alsc.com/"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/hrs.png" alt="HRS 广濑">
|
||||
<p>HRS 广濑</p>
|
||||
</div>
|
||||
<div class="country">欧洲</div>
|
||||
<div class="product-line"> 连接器</div>
|
||||
<div class="application-field">工业，消费，汽车</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="www.hirose.com"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/htc.png" alt="HTC 泰进">
|
||||
<p>HTC 泰进</p>
|
||||
</div>
|
||||
<div class="country">韩国</div>
|
||||
<div class="product-line"> 电源IC，线性放大器</div>
|
||||
<div class="application-field">消费电子，通信，PC</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="http://www.htckorea.co.kr/"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/kds.png" alt="KDS 大真空">
|
||||
<p>KDS 大真空</p>
|
||||
</div>
|
||||
<div class="country">日本</div>
|
||||
<div class="product-line">晶振，晶体滤波器</div>
|
||||
<div class="application-field">汽车、通信、GPS</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="www.kds.info"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/lec.png" alt="LEC 长弘">
|
||||
<p>LEC 长弘</p>
|
||||
</div>
|
||||
<div class="country">中国大陆</div>
|
||||
<div class="product-line">桥式整流器、二极管、三极管、场效应管</div>
|
||||
<div class="application-field"> 消费、工业、PC</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="http://www.lecsemi.com/"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/nordic.png" alt="Nordic">
|
||||
<p>Nordic</p>
|
||||
</div>
|
||||
<div class="country">挪威</div>
|
||||
<div class="product-line">低功耗蓝牙芯片，ZIGBEE</div>
|
||||
<div class="application-field">3C，消费</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="www.nordicsemi.com"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/ShinDengen.svg" alt="ShinDengen 新电元">
|
||||
<p>ShinDengen 新电元</p>
|
||||
</div>
|
||||
<div class="country">日本</div>
|
||||
<div class="product-line">功率器件，二极管，电源IC</div>
|
||||
<div class="application-field"> 汽车、3C、工业</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="www.shindengen.co.jp"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/smc.png" alt="SMC">
|
||||
<p>SMC</p>
|
||||
</div>
|
||||
<div class="country">日本</div>
|
||||
<div class="product-line">气动控制元件，控制器</div>
|
||||
<div class="application-field">工业，汽车，汽缸</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="www.smc.com.c"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/sna.png" alt="SNA 世纳">
|
||||
<p>SNA 世纳</p>
|
||||
</div>
|
||||
<div class="country">韩国</div>
|
||||
<div class="product-line">光学传感IC，驱动IC</div>
|
||||
<div class="application-field"> 3C，消费</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="http://sna-ic.com/"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/tsc.svg" alt="台半">
|
||||
<p>台半</p>
|
||||
</div>
|
||||
<div class="country">中国台湾</div>
|
||||
<div class="product-line">电源IC，整流器，二极管</div>
|
||||
<div class="application-field">消费，工业，汽车</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="www.taiwansemi.com"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/utc.png" alt="UTC 友顺">
|
||||
<p>UTC 友顺</p>
|
||||
</div>
|
||||
<div class="country">中国台湾</div>
|
||||
<div class="product-line">二三极管，MOSFET，IGBT</div>
|
||||
<div class="application-field">医疗，通信，工业</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="http://www.utc-ic.com/"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/dtt.png" alt="大唐微电子 DTT">
|
||||
<p>大唐微电子 DTT</p>
|
||||
</div>
|
||||
<div class="country">中国大陆</div>
|
||||
<div class="product-line">智能卡芯片，物联网芯片</div>
|
||||
<div class="application-field"> 工业，金融</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="www.dmt.com.cn"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/fxsm.jpg" alt="富芯森美">
|
||||
<p>富芯森美</p>
|
||||
</div>
|
||||
<div class="country">中国大陆</div>
|
||||
<div class="product-line">可控硅，场效应管、保护管</div>
|
||||
<div class="application-field">消费、医疗、工业</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="http://www.fuxinsemi.com/"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/gy.png" alt="高云">
|
||||
<p>高云</p>
|
||||
</div>
|
||||
<div class="country">中国大陆</div>
|
||||
<div class="product-line">国产FPGA</div>
|
||||
<div class="application-field"> 通信、工业、汽车</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="www.gowinsemi.com.cn"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/ght.png" alt="广和通 Fibocom">
|
||||
<p>广和通 Fibocom</p>
|
||||
</div>
|
||||
<div class="country">中国大陆</div>
|
||||
<div class="product-line"> 无线模组</div>
|
||||
<div class="application-field"> 工业，汽车</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="www.fibocom.com"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/hdsc.png" alt="HDSC 华大">
|
||||
<p>HDSC 华大</p>
|
||||
</div>
|
||||
<div class="country">中国大陆</div>
|
||||
<div class="product-line">功率器件，SIC，MCU</div>
|
||||
<div class="application-field">汽车、工业、物联网</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="www.hdsc.com.cn"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/jj.svg" alt="捷捷微电">
|
||||
<p>捷捷微电</p>
|
||||
</div>
|
||||
<div class="country">中国大陆</div>
|
||||
<div class="product-line"> 可控硅，二极管，整流桥</div>
|
||||
<div class="application-field">消费，工业，汽车</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="www.jjwdz.com"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/lw.gif" alt="Dragonchip 龙芯">
|
||||
<p>Dragonchip 龙芯</p>
|
||||
</div>
|
||||
<div class="country">中国香港</div>
|
||||
<div class="product-line">RF器件，图像处理，人体参数</div>
|
||||
<div class="application-field">消费电子</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="www.dragonchip.com"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/qm.png" alt="Panjit强茂">
|
||||
<p>Panjit强茂</p>
|
||||
</div>
|
||||
<div class="country">中国台湾</div>
|
||||
<div class="product-line">电源IC，线性稳压器，功率开关</div>
|
||||
<div class="application-field"> 消费电子，通信，PC</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="https://www.panjit.com.cn"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/sskj.png" alt="十速科技">
|
||||
<p>Tenx 十速</p>
|
||||
</div>
|
||||
<div class="country">中国台湾</div>
|
||||
<div class="product-line">MCU，NVM，SOC</div>
|
||||
<div class="application-field"> 通信、PC</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="http://wwwsz.tenx.com.tw/"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/sl.png" alt="顺络电子 SunLord">
|
||||
<p>顺络电子 SunLord</p>
|
||||
</div>
|
||||
<div class="country">中国大陆</div>
|
||||
<div class="product-line">电感，电阻，NTC</div>
|
||||
<div class="application-field">消费，工业，PC</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="www.sunlordinc.com"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/xaw.png" alt="芯奥微 NeoMEMS">
|
||||
<p>芯奥微 NeoMEMS</p>
|
||||
</div>
|
||||
<div class="country">中国大陆</div>
|
||||
<div class="product-line"> 硅基麦克风</div>
|
||||
<div class="application-field"> 消费，PC</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="www.neomems.com"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/xz.png" alt="芯洲科技">
|
||||
<p>芯洲 SCT</p>
|
||||
</div>
|
||||
<div class="country">中国大陆</div>
|
||||
<div class="product-line">电源IC</div>
|
||||
<div class="application-field">消费，工业，汽车</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="www.silicontent.com"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/yl.jpg" alt="英联">
|
||||
<p>英联</p>
|
||||
</div>
|
||||
<div class="country">中国大陆</div>
|
||||
<div class="product-line">电源IC</div>
|
||||
<div class="application-field"> 医疗，消费，工业</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="www.union-ic.com"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="chipAgent-section-brand-list-item-content">
|
||||
<div class="content-brand">
|
||||
<img src="../imgs/home/agent/xt.jpg" alt="Nuvoton 新唐">
|
||||
<p>Nuvoton 新唐</p>
|
||||
</div>
|
||||
<div class="country">中国台湾</div>
|
||||
<div class="product-line">单片机（8051，ARM）</div>
|
||||
<div class="application-field">消费电子，PC</div>
|
||||
<div class="arrow-right">
|
||||
<div class="arrowBox">
|
||||
<a href="www.nuvoton.com.cn"><img src="../imgs/home/arrow2.svg" alt="arrow"> </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<section class="chipAgent-section3">
|
||||
|
||||
<div class="chipAgent-section3-bg">
|
||||
|
||||
<h2>芯片选型与支持</h2>
|
||||
<div class="chip-agent-underline"></div>
|
||||
<div class="chipAgent-section3-content">
|
||||
<div class="chipAgent-section3-content-left">
|
||||
<img src="../imgs/chip/modelSelection.png" alt="">
|
||||
</div>
|
||||
|
||||
<div class="chipAgent-section3-content-right">
|
||||
<p >我们为客户提供专业的芯片选型服务，根据客户需求推荐最合适的芯片，并提供应用支持，帮助客户快速实现产品研发。</p>
|
||||
<div class="content-contactUs">
|
||||
<a href="mailto:zmz@yxsilicon.com" class="content-emailBox">
|
||||
<span>请联系我们</span>
|
||||
<div class="content-email">
|
||||
<img src="../imgs/home/email.svg" alt="email">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 6. 页脚 -->
|
||||
<footer class="footer">
|
||||
<div class="footer-main">
|
||||
<div class="footer-logo">
|
||||
<img src="../imgs/home/logo2.png" alt="logo">
|
||||
<div>广东省深圳市南山区高新中三道2号软件园一期7栋303室</div>
|
||||
<div><a href="mailto:zmz@yxsilicon.com">zmz@yxsilicon.com</a></div>
|
||||
<div>工作时间: 9:30-18:00</div>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<div>
|
||||
<h4>产品与服务</h4>
|
||||
<ul class="footer-links-list">
|
||||
<li><a href="./chipAgent.html"> <img src="../imgs/home/arrow3.svg" alt="arrow">芯片代理</a></li>
|
||||
<li><a href="./electronicProduct.html"> <img src="../imgs/home/arrow3.svg"
|
||||
alt="arrow">电子产品设计生产制造服务</a></li>
|
||||
<li><a href="./cloudServer.html"> <img src="../imgs/home/arrow3.svg"
|
||||
alt="arrow">云计算服务器设计生产制造销售</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>解决方案</h4>
|
||||
<ul class="footer-links-list">
|
||||
<li><a href="./serviceCases.html" class="footer-case-link" data-index="0"> <img src="../imgs/home/arrow3.svg" alt="arrow">运算加速器
|
||||
H6PRO</a></li>
|
||||
<li><a href="./serviceCases.html" class="footer-case-link" data-index="1"> <img src="../imgs/home/arrow3.svg" alt="arrow">MY100服务器</a>
|
||||
</li>
|
||||
<li><a href="./serviceCases.html" class="footer-case-link" data-index="2"> <img src="../imgs/home/arrow3.svg" alt="arrow">C0040Z-服务器</a>
|
||||
</li>
|
||||
<li><a href="./serviceCases.html" class="footer-case-link" data-index="3"> <img src="../imgs/home/arrow3.svg" alt="arrow">云计算水冷服务器</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>关于我们</h4>
|
||||
<ul class="footer-links-list">
|
||||
<li><a href="./technicalSupport.html#case-section"> <img src="../imgs/home/arrow3.svg" alt="arrow">技术咨询</a>
|
||||
</li>
|
||||
<li><a href="./technicalSupport.html#case-section"> <img src="../imgs/home/arrow3.svg" alt="arrow">定制化开发</a>
|
||||
</li>
|
||||
<li><a href="./technicalSupport.html#case-section"> <img src="../imgs/home/arrow3.svg"
|
||||
alt="arrow">产品维护与升级</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<p>Copyright ©深圳驭鑫科技有限公司 <a class="record"
|
||||
href="https://beian.miit.gov.cn/#/Integrated/index">粤ICP备2021012067号-2</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,229 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>YXSILICON</title>
|
||||
<link rel="icon" href="../imgs/home/logo.png">
|
||||
<link rel="stylesheet" href="../css/base.css">
|
||||
<link rel="stylesheet" href="../css/header.css">
|
||||
<link rel="stylesheet" href="../css/footer.css">
|
||||
<link rel="stylesheet" href="../css/cloudComputingServer.css">
|
||||
<script src="../js/header.js"></script>
|
||||
<script src="../js/footer.js"></script>
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<header class="header">
|
||||
<div class="logo">
|
||||
<img src="../imgs/home/logo.png" alt="logo">
|
||||
</div>
|
||||
<div class="nav">
|
||||
<ul class="nav-list">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link ">
|
||||
首页
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./aboutYuxin.html" class="nav-link ">
|
||||
关于驭鑫
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item nav-dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
||||
<a href="#" class="nav-link active">
|
||||
主营业务 <span class="arrow" aria-hidden="true"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-label="主营业务下拉菜单">
|
||||
<li><a href="./chipAgent.html" >芯片代理 <div class="dropdown-item"><img
|
||||
src="../imgs/home/arrow2.svg" class="dropdown-arrow" alt="arrow"></div></a></li>
|
||||
<li><a href="./electronicProduct.html">电子产品设计生产制造服务 <div class="dropdown-item"><img
|
||||
src="../imgs/home/arrow2.svg" class="dropdown-arrow" alt="arrow"></div></a></li>
|
||||
<li><a href="#" class="menu-active">云计算服务器设计生产制造销售 <div class="dropdown-item"><img
|
||||
src="../imgs/home/arrow2.svg" class="dropdown-arrow" alt="arrow"></div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./serviceCases.html" class="nav-link">
|
||||
服务案例
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./technicalSupport.html" class="nav-link">
|
||||
技术支持
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item contactUs">
|
||||
<a href="mailto:zmz@yxsilicon.com" class="nav-link emailBox">
|
||||
<span>联系我们</span>
|
||||
<div class="contactUs-email">
|
||||
<img src="../imgs/home/email.svg" alt="email">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="dropdown-mask" tabindex="0" aria-label="下拉菜单遮罩层"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
<section class="chipAgent-section">
|
||||
<div class="chipAgent-section-bg">
|
||||
|
||||
<div class="chipAgent-section-content">
|
||||
<h3>云计算服务器设计生产制造销售</h3>
|
||||
<p>我们提供从云计算服务器的设计、生产到销售的全方位服务，致力于为数据中心、企业客户及云计算平台提供高效、稳定、可扩展的服务器解决方案。</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="cloudComputingServer-section">
|
||||
<div class="cloudComputingServer-section-bg">
|
||||
<h3>服务内容</h3>
|
||||
<ul class="cloudComputingServer-section-list">
|
||||
<li>
|
||||
<img src="../imgs/cloud/list1.png" alt="1、服务器需求分析">
|
||||
<div>
|
||||
<h4>1、服务器需求分析</h4>
|
||||
<p>根据客户的计算、存储、带宽等需求
|
||||
提供个性化的服务器配置和选型建议。</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="../imgs/cloud/list2.png" alt="2、硬件设计与定制">
|
||||
<div>
|
||||
<h4>2、硬件设计与定制</h4>
|
||||
<p>提供针对性硬件设计服务，确保服务器
|
||||
满足客户的高效能和可靠性要求。</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="../imgs/cloud/list3.png" alt="3、水冷服务器设计与生产">
|
||||
<div>
|
||||
<h4>3、水冷服务器设计与生产</h4>
|
||||
<p>我们为高性能计算需求提供专门的水冷
|
||||
服务器设计和生产服务，确保高密度服
|
||||
务器在极限负载下依然能够稳定运行。</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="../imgs/cloud/list4.png" alt="4、服务器整机组装">
|
||||
<div>
|
||||
<h4>4、服务器整机组装</h4>
|
||||
<p>提供专业的服务器整机组装服务，确保
|
||||
产品在交付前经过严格的测试与调试。</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="../imgs/cloud/list5.png" alt="5、售后与维护服务">
|
||||
<div>
|
||||
<h4>5、售后与维护服务</h4>
|
||||
<p>为客户提供完善的售后服务，包括产品
|
||||
升级、技术支持及定期维护。</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="chipAgent-section3">
|
||||
|
||||
<div class="chipAgent-section3-bg">
|
||||
|
||||
<h2>服务器定制化服务</h2>
|
||||
<div class="chip-agent-underline"></div>
|
||||
<div class="chipAgent-section3-content">
|
||||
<div class="chipAgent-section3-content-left">
|
||||
<img src="../imgs/cloud/customization.png" alt="">
|
||||
</div>
|
||||
|
||||
<div class="chipAgent-section3-content-right">
|
||||
<p >根据不同客户的需求，我们可以为客户量身定制云计算服务器，包括处理器、存储、内存、网络接口等方面的配置，确保服务器在特定环境下的最佳性能。</p>
|
||||
<div class="content-contactUs">
|
||||
<a href="mailto:zmz@yxsilicon.com" class="content-emailBox">
|
||||
<span>请联系我们</span>
|
||||
<div class="content-email">
|
||||
<img src="../imgs/home/email.svg" alt="email">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 6. 页脚 -->
|
||||
<footer class="footer">
|
||||
<div class="footer-main">
|
||||
<div class="footer-logo">
|
||||
<img src="../imgs/home/logo2.png" alt="logo">
|
||||
<div>广东省深圳市南山区高新中三道2号软件园一期7栋303室</div>
|
||||
<div><a href="mailto:zmz@yxsilicon.com">zmz@yxsilicon.com</a></div>
|
||||
<div>工作时间: 9:30-18:00</div>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<div>
|
||||
<h4>产品与服务</h4>
|
||||
<ul class="footer-links-list">
|
||||
<li><a href="./chipAgent.html"> <img src="../imgs/home/arrow3.svg" alt="arrow">芯片代理</a></li>
|
||||
<li><a href="./electronicProduct.html"> <img src="../imgs/home/arrow3.svg"
|
||||
alt="arrow">电子产品设计生产制造服务</a></li>
|
||||
<li><a href="./cloudServer.html"> <img src="../imgs/home/arrow3.svg"
|
||||
alt="arrow">云计算服务器设计生产制造销售</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>解决方案</h4>
|
||||
<ul class="footer-links-list">
|
||||
<li><a href="./serviceCases.html" class="footer-case-link" data-index="0"> <img src="../imgs/home/arrow3.svg" alt="arrow">运算加速器
|
||||
H6PRO</a></li>
|
||||
<li><a href="./serviceCases.html" class="footer-case-link" data-index="1"> <img src="../imgs/home/arrow3.svg" alt="arrow">MY100服务器</a>
|
||||
</li>
|
||||
<li><a href="./serviceCases.html" class="footer-case-link" data-index="2"> <img src="../imgs/home/arrow3.svg" alt="arrow">C0040Z-服务器</a>
|
||||
</li>
|
||||
<li><a href="./serviceCases.html" class="footer-case-link" data-index="3"> <img src="../imgs/home/arrow3.svg" alt="arrow">云计算水冷服务器</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>关于我们</h4>
|
||||
<ul class="footer-links-list">
|
||||
<li><a href="./technicalSupport.html#case-section"> <img src="../imgs/home/arrow3.svg" alt="arrow">技术咨询</a>
|
||||
</li>
|
||||
<li><a href="./technicalSupport.html#case-section"> <img src="../imgs/home/arrow3.svg" alt="arrow">定制化开发</a>
|
||||
</li>
|
||||
<li><a href="./technicalSupport.html#case-section"> <img src="../imgs/home/arrow3.svg"
|
||||
alt="arrow">产品维护与升级</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<p>Copyright ©深圳驭鑫科技有限公司 <a class="record"
|
||||
href="https://beian.miit.gov.cn/#/Integrated/index">粤ICP备2021012067号-2</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,240 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>YXSILICON</title>
|
||||
<link rel="icon" href="../imgs/home/logo.png">
|
||||
<link rel="stylesheet" href="../css/base.css">
|
||||
<link rel="stylesheet" href="../css/header.css">
|
||||
<link rel="stylesheet" href="../css/footer.css">
|
||||
<link rel="stylesheet" href="../css/electronicProduct.css">
|
||||
<script src="../js/header.js"></script>
|
||||
<script src="../js/footer.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<header class="header">
|
||||
<div class="logo">
|
||||
<img src="../imgs/home/logo.png" alt="logo">
|
||||
</div>
|
||||
<div class="nav">
|
||||
<ul class="nav-list">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link ">
|
||||
首页
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./aboutYuxin.html" class="nav-link ">
|
||||
关于驭鑫
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item nav-dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
||||
<a href="#" class="nav-link active">
|
||||
主营业务 <span class="arrow" aria-hidden="true"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-label="主营业务下拉菜单">
|
||||
<li><a href="./chipAgent.html" >芯片代理 <div class="dropdown-item"><img
|
||||
src="../imgs/home/arrow2.svg" class="dropdown-arrow" alt="arrow"></div></a></li>
|
||||
<li><a href="#" class="menu-active">电子产品设计生产制造服务 <div class="dropdown-item"><img
|
||||
src="../imgs/home/arrow2.svg" class="dropdown-arrow" alt="arrow"></div></a></li>
|
||||
<li><a href="./cloudComputingServer.html" >云计算服务器设计生产制造销售 <div class="dropdown-item"><img
|
||||
src="../imgs/home/arrow2.svg" class="dropdown-arrow" alt="arrow"></div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./serviceCases.html" class="nav-link">
|
||||
服务案例
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./technicalSupport.html" class="nav-link">
|
||||
技术支持
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item contactUs">
|
||||
<a href="mailto:zmz@yxsilicon.com" class="nav-link emailBox">
|
||||
<span>联系我们</span>
|
||||
<div class="contactUs-email">
|
||||
<img src="../imgs/home/email.svg" alt="email">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="dropdown-mask" tabindex="0" aria-label="下拉菜单遮罩层"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
<section class="chipAgent-section">
|
||||
<div class="chipAgent-section-bg">
|
||||
|
||||
<div class="chipAgent-section-content">
|
||||
<h3>电子产品设计生产制造服务</h3>
|
||||
<p>我们公司提供全方位的电子产品设计与制造服务，涵盖从需求分析、产品设计、样机开发、生产制造到产品交付的全过程。我们依托先进的技术和工艺，致力于为客户提供高性能、高质量的电子产品解决方案。</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="cloudComputingServer-section">
|
||||
<div class="cloudComputingServer-section-bg">
|
||||
<h3>服务内容</h3>
|
||||
<ul class="cloudComputingServer-section-list">
|
||||
<li>
|
||||
<img src="../imgs/electronicproduct/list1.png" alt="1、产品需求分析">
|
||||
<div>
|
||||
<h4>1、产品需求分析</h4>
|
||||
<p>通过与客户的深入沟通，明确产品功能需求、市场需求和技术要求。</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="../imgs/electronicproduct/list2.png" alt="2、硬件设计">
|
||||
<div>
|
||||
<h4>2、硬件设计</h4>
|
||||
<p>基于电子电路设计原理，进行精确的原理图设计和PCB布局设计，确保电路高效稳定。</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="../imgs/electronicproduct/list3.png" alt="3、嵌入式系统设计">
|
||||
<div>
|
||||
<h4>3、嵌入式系统设计</h4>
|
||||
<p>针对客户需求开发定制化的嵌入式系统，确保产品性能与可靠性。</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="../imgs/electronicproduct/list4.png" alt="4、外观与结构设计">
|
||||
<div>
|
||||
<h4>4、外观与结构设计</h4>
|
||||
<p>提供从外观设计到结构设计的全方位服务，确保产品的美观与耐用性。</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="../imgs/electronicproduct/list5.png" alt="5、样机开发与测试">
|
||||
<div>
|
||||
<h4>5、样机开发与测试</h4>
|
||||
<p>在设计完成后，进行样机制作、性能测试及反馈改进，确保产品的成熟度和稳定性。</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="../imgs/electronicproduct/list7.png" alt="6、量产与制造">
|
||||
<div>
|
||||
<h4>6、量产与制造</h4>
|
||||
<p>我们与多家先进制造厂合作，提供从小批量试产到大规模量产的服务，确保生产质量和交货时效。</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="../imgs/electronicproduct/list6.png" alt="6、质量控制">
|
||||
<div>
|
||||
<h4>7、质量控制</h4>
|
||||
<p>实施严格的质量管理体系，进行多项质量测试，确保每一个出厂产品都符合行业标准。</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="chipAgent-section3">
|
||||
|
||||
<div class="chipAgent-section3-bg">
|
||||
|
||||
<h2>服务优势</h2>
|
||||
<div class="chip-agent-underline"></div>
|
||||
<ul class="chipAgent-section3-list">
|
||||
<li>
|
||||
<img src="../imgs/electronicproduct/wholeprocess.png" alt="全流程服务">
|
||||
<div>
|
||||
<h4>全流程服务</h4>
|
||||
<p>从产品设计到量产交付，提供从概念到成品的全流程服务。</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="../imgs/electronicproduct/efficient.png" alt="高效的生产能力">
|
||||
<div>
|
||||
<h4>高效的生产能力</h4>
|
||||
<p>拥有先进的生产设施和高效的生产线，确保产品按时交付。</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="../imgs/electronicproduct/diversification.png" alt="多样化的设计方案">
|
||||
<div>
|
||||
<h4>多样化的设计方案</h4>
|
||||
<p>根据客户需求提供多样化的电子产品设计解决方案，满足不同领域的需求。</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 6. 页脚 -->
|
||||
<footer class="footer">
|
||||
<div class="footer-main">
|
||||
<div class="footer-logo">
|
||||
<img src="../imgs/home/logo2.png" alt="logo">
|
||||
<div>广东省深圳市南山区高新中三道2号软件园一期7栋303室</div>
|
||||
<div><a href="mailto:zmz@yxsilicon.com">zmz@yxsilicon.com</a></div>
|
||||
<div>工作时间: 9:30-18:00</div>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<div>
|
||||
<h4>产品与服务</h4>
|
||||
<ul class="footer-links-list">
|
||||
<li><a href="./chipAgent.html"> <img src="../imgs/home/arrow3.svg" alt="arrow">芯片代理</a></li>
|
||||
<li><a href="./electronicProduct.html"> <img src="../imgs/home/arrow3.svg"
|
||||
alt="arrow">电子产品设计生产制造服务</a></li>
|
||||
<li><a href="./cloudServer.html"> <img src="../imgs/home/arrow3.svg"
|
||||
alt="arrow">云计算服务器设计生产制造销售</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>解决方案</h4>
|
||||
<ul class="footer-links-list">
|
||||
<li><a href="./serviceCases.html" class="footer-case-link" data-index="0"> <img src="../imgs/home/arrow3.svg" alt="arrow">运算加速器
|
||||
H6PRO</a></li>
|
||||
<li><a href="./serviceCases.html" class="footer-case-link" data-index="1"> <img src="../imgs/home/arrow3.svg" alt="arrow">MY100服务器</a>
|
||||
</li>
|
||||
<li><a href="./serviceCases.html" class="footer-case-link" data-index="2"> <img src="../imgs/home/arrow3.svg" alt="arrow">C0040Z-服务器</a>
|
||||
</li>
|
||||
<li><a href="./serviceCases.html" class="footer-case-link" data-index="3"> <img src="../imgs/home/arrow3.svg" alt="arrow">云计算水冷服务器</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>关于我们</h4>
|
||||
<ul class="footer-links-list">
|
||||
<li><a href="./technicalSupport.html#case-section"> <img src="../imgs/home/arrow3.svg" alt="arrow">技术咨询</a>
|
||||
</li>
|
||||
<li><a href="./technicalSupport.html#case-section"> <img src="../imgs/home/arrow3.svg" alt="arrow">定制化开发</a>
|
||||
</li>
|
||||
<li><a href="./technicalSupport.html#case-section"> <img src="../imgs/home/arrow3.svg"
|
||||
alt="arrow">产品维护与升级</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<p>Copyright ©深圳驭鑫科技有限公司 <a class="record"
|
||||
href="https://beian.miit.gov.cn/#/Integrated/index">粤ICP备2021012067号-2</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,190 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>YXSILICON</title>
|
||||
<link rel="icon" href="../imgs/home/logo.png">
|
||||
<link rel="stylesheet" href="../css/base.css">
|
||||
<link rel="stylesheet" href="../css/header.css">
|
||||
<link rel="stylesheet" href="../css/footer.css">
|
||||
<link rel="stylesheet" href="../css/serviceCases.css">
|
||||
<script src="../js/header.js"></script>
|
||||
<script src="../js/serviceCases.js"></script>
|
||||
<script src="../js/footer.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<header class="header">
|
||||
<div class="logo">
|
||||
<img src="../imgs/home/logo.png" alt="logo">
|
||||
</div>
|
||||
<div class="nav">
|
||||
<ul class="nav-list">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link ">
|
||||
首页
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./aboutYuxin.html" class="nav-link ">
|
||||
关于驭鑫
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item nav-dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
||||
<a href="#" class="nav-link ">
|
||||
主营业务 <span class="arrow" aria-hidden="true"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-label="主营业务下拉菜单">
|
||||
<li><a href="./chipAgent.html">芯片代理 <div class="dropdown-item"><img
|
||||
src="../imgs/home/arrow2.svg" class="dropdown-arrow" alt="arrow"></div></a></li>
|
||||
<li><a href="./electronicProduct.html">电子产品设计生产制造服务 <div class="dropdown-item"><img
|
||||
src="../imgs/home/arrow2.svg" class="dropdown-arrow" alt="arrow"></div></a></li>
|
||||
<li><a href="./cloudComputingServer.html">云计算服务器设计生产制造销售 <div class="dropdown-item"><img
|
||||
src="../imgs/home/arrow2.svg" class="dropdown-arrow" alt="arrow"></div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="../html/serviceCase.html" class="nav-link active">
|
||||
服务案例
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../html/technicalSupport.html" class="nav-link">
|
||||
技术支持
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item contactUs">
|
||||
<a href="mailto:zmz@yxsilicon.com" class="nav-link emailBox">
|
||||
<span>联系我们</span>
|
||||
<div class="contactUs-email">
|
||||
<img src="../imgs/home/email.svg" alt="email">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="dropdown-mask" tabindex="0" aria-label="下拉菜单遮罩层"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
<section class="chipAgent-section">
|
||||
<div class="chipAgent-section-bg">
|
||||
|
||||
<div class="chipAgent-section-content">
|
||||
<h3>服务案例</h3>
|
||||
<p>我们为客户提供差异化的产品服务</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="case-section">
|
||||
<div class="case-section-bg"></div>
|
||||
<div class="case-container">
|
||||
<div class="case-list">
|
||||
<button class="case-btn active" data-index="0">
|
||||
<span>运算加速器H6PRO</span>
|
||||
<div class="case-btn-arrow">
|
||||
<img src="../imgs/home/arrow2.svg" alt="h6pro">
|
||||
</div>
|
||||
|
||||
</button>
|
||||
<button class="case-btn" data-index="1">
|
||||
<span>MY100服务器</span>
|
||||
<div class="case-btn-arrow">
|
||||
<img src="../imgs/home/arrow2.svg" alt="h6pro">
|
||||
</div>
|
||||
</button>
|
||||
<button class="case-btn" data-index="2">
|
||||
|
||||
<span>C0040Z-服务器</span>
|
||||
<div class="case-btn-arrow">
|
||||
<img src="../imgs/home/arrow2.svg" alt="h6pro">
|
||||
</div>
|
||||
|
||||
|
||||
</button>
|
||||
<button class="case-btn " data-index="3">
|
||||
<span>云计算水冷服务器</span>
|
||||
<div class="case-btn-arrow">
|
||||
<img src="../imgs/home/arrow2.svg" alt="h6pro">
|
||||
</div>
|
||||
|
||||
|
||||
</button>
|
||||
</div>
|
||||
<div class="case-detail" id="case-detail">
|
||||
<!-- 右侧内容由JS渲染 -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 6. 页脚 -->
|
||||
<footer class="footer">
|
||||
<div class="footer-main">
|
||||
<div class="footer-logo">
|
||||
<img src="../imgs/home/logo2.png" alt="logo">
|
||||
<div>广东省深圳市南山区高新中三道2号软件园一期7栋303室</div>
|
||||
<div><a href="mailto:zmz@yxsilicon.com">zmz@yxsilicon.com</a></div>
|
||||
<div>工作时间: 9:30-18:00</div>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<div>
|
||||
<h4>产品与服务</h4>
|
||||
<ul class="footer-links-list">
|
||||
<li><a href="./chipAgent.html"> <img src="../imgs/home/arrow3.svg" alt="arrow">芯片代理</a></li>
|
||||
<li><a href="./electronicProduct.html"> <img src="../imgs/home/arrow3.svg"
|
||||
alt="arrow">电子产品设计生产制造服务</a></li>
|
||||
<li><a href="./cloudServer.html"> <img src="../imgs/home/arrow3.svg"
|
||||
alt="arrow">云计算服务器设计生产制造销售</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>解决方案</h4>
|
||||
<ul class="footer-links-list">
|
||||
<li><a href="./serviceCases.html" class="footer-case-link" data-index="0"> <img src="../imgs/home/arrow3.svg" alt="arrow">运算加速器
|
||||
H6PRO</a></li>
|
||||
<li><a href="./serviceCases.html" class="footer-case-link" data-index="1"> <img src="../imgs/home/arrow3.svg" alt="arrow">MY100服务器</a>
|
||||
</li>
|
||||
<li><a href="./serviceCases.html" class="footer-case-link" data-index="2"> <img src="../imgs/home/arrow3.svg" alt="arrow">C0040Z-服务器</a>
|
||||
</li>
|
||||
<li><a href="./serviceCases.html" class="footer-case-link" data-index="3"> <img src="../imgs/home/arrow3.svg" alt="arrow">云计算水冷服务器</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>关于我们</h4>
|
||||
<ul class="footer-links-list">
|
||||
<li><a href="./technicalSupport.html#case-section"> <img src="../imgs/home/arrow3.svg" alt="arrow">技术咨询</a>
|
||||
</li>
|
||||
<li><a href="./technicalSupport.html#case-section"> <img src="../imgs/home/arrow3.svg" alt="arrow">定制化开发</a>
|
||||
</li>
|
||||
<li><a href="./technicalSupport.html#case-section"> <img src="../imgs/home/arrow3.svg"
|
||||
alt="arrow">产品维护与升级</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<p>Copyright ©深圳驭鑫科技有限公司 <a class="record"
|
||||
href="https://beian.miit.gov.cn/#/Integrated/index">粤ICP备2021012067号-2</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,206 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>YXSILICON</title>
|
||||
<link rel="icon" href="../imgs/home/logo.png">
|
||||
<link rel="stylesheet" href="../css/base.css">
|
||||
<link rel="stylesheet" href="../css/header.css">
|
||||
<link rel="stylesheet" href="../css/footer.css">
|
||||
<link rel="stylesheet" href="../css/technicalSupport.css">
|
||||
<script src="../js/header.js"></script>
|
||||
|
||||
<script src="../js/footer.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<header class="header">
|
||||
<div class="logo">
|
||||
<img src="../imgs/home/logo.png" alt="logo">
|
||||
</div>
|
||||
<div class="nav">
|
||||
<ul class="nav-list">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link ">
|
||||
首页
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./aboutYuxin.html" class="nav-link ">
|
||||
关于驭鑫
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item nav-dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
||||
<a href="#" class="nav-link ">
|
||||
主营业务 <span class="arrow" aria-hidden="true"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-label="主营业务下拉菜单">
|
||||
<li><a href="./chipAgent.html">芯片代理 <div class="dropdown-item"><img
|
||||
src="../imgs/home/arrow2.svg" class="dropdown-arrow" alt="arrow"></div></a></li>
|
||||
<li><a href="./electronicProduct.html">电子产品设计生产制造服务 <div class="dropdown-item"><img
|
||||
src="../imgs/home/arrow2.svg" class="dropdown-arrow" alt="arrow"></div></a></li>
|
||||
<li><a href="./cloudComputingServer.html">云计算服务器设计生产制造销售 <div class="dropdown-item"><img
|
||||
src="../imgs/home/arrow2.svg" class="dropdown-arrow" alt="arrow"></div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="./serviceCases.html" class="nav-link ">
|
||||
服务案例
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link active">
|
||||
技术支持
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item contactUs">
|
||||
<a href="mailto:zmz@yxsilicon.com" class="nav-link emailBox">
|
||||
<span>联系我们</span>
|
||||
<div class="contactUs-email">
|
||||
<img src="../imgs/home/email.svg" alt="email">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="dropdown-mask" tabindex="0" aria-label="下拉菜单遮罩层"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
<section class="chipAgent-section">
|
||||
<div class="chipAgent-section-bg">
|
||||
|
||||
<div class="chipAgent-section-content">
|
||||
<h3>技术支持</h3>
|
||||
<p>您需要哪方面的支持? 无论您是寻求复杂设计方面的帮助还是寻求快速建议，我们提供各种支持选项，满足您的需求</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="case-section" id="case-section">
|
||||
<div class="case-section-bg">
|
||||
|
||||
<ul class="case-list">
|
||||
<li class="case-item">
|
||||
<div class="case-item-img">
|
||||
<img src="../imgs/technology/consulting.png" alt="case1">
|
||||
</div>
|
||||
<div class="case-item-title">
|
||||
<h4>技术咨询</h4>
|
||||
<p>我们为客户提供全方位的技术咨询服务，帮助客户在产品研发、芯片选型和系统集成等方面做出科学决策。</p>
|
||||
</div>
|
||||
|
||||
<div class="arrow-box">
|
||||
<a href="./aboutYuxin.html#address-li" class="arrow2">
|
||||
<img src="../imgs/home/arrow2.svg" alt="arrow">
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<li class="case-item">
|
||||
<div class="case-item-img">
|
||||
<img src="../imgs/technology/customization.png" alt="case1">
|
||||
</div>
|
||||
<div class="case-item-title">
|
||||
<h4> 定制化开发</h4>
|
||||
<p>根据客户的独特需求，提供定制化设计与开发服务，确保每一个产品都能满足实际使用场景。</p>
|
||||
</div>
|
||||
<div class="arrow-box">
|
||||
<a href="./aboutYuxin.html#address-li" class="arrow2">
|
||||
<img src="../imgs/home/arrow2.svg" alt="arrow">
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="case-item">
|
||||
<div class="case-item-img">
|
||||
<img src="../imgs/technology/product.png" alt="case1">
|
||||
</div>
|
||||
<div class="case-item-title">
|
||||
<h4>产品维护与升级</h4>
|
||||
<p>为客户的电子产品和服务器提供持续的技术支持与系统升级，确保产品长期稳定运行。</p>
|
||||
</div>
|
||||
<div class="arrow-box">
|
||||
<a href="./aboutYuxin.html#address-li" class="arrow2">
|
||||
<img src="../imgs/home/arrow2.svg" alt="arrow">
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 6. 页脚 -->
|
||||
<footer class="footer">
|
||||
<div class="footer-main">
|
||||
<div class="footer-logo">
|
||||
<img src="../imgs/home/logo2.png" alt="logo">
|
||||
<div>广东省深圳市南山区高新中三道2号软件园一期7栋303室</div>
|
||||
<div><a href="mailto:zmz@yxsilicon.com">zmz@yxsilicon.com</a></div>
|
||||
<div>工作时间: 9:30-18:00</div>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<div>
|
||||
<h4>产品与服务</h4>
|
||||
<ul class="footer-links-list">
|
||||
<li><a href="./chipAgent.html"> <img src="../imgs/home/arrow3.svg" alt="arrow">芯片代理</a></li>
|
||||
<li><a href="./electronicProduct.html"> <img src="../imgs/home/arrow3.svg"
|
||||
alt="arrow">电子产品设计生产制造服务</a></li>
|
||||
<li><a href="./cloudServer.html"> <img src="../imgs/home/arrow3.svg"
|
||||
alt="arrow">云计算服务器设计生产制造销售</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>解决方案</h4>
|
||||
<ul class="footer-links-list">
|
||||
<li><a href="./serviceCases.html" class="footer-case-link" data-index="0"> <img src="../imgs/home/arrow3.svg" alt="arrow">运算加速器
|
||||
H6PRO</a></li>
|
||||
<li><a href="./serviceCases.html" class="footer-case-link" data-index="1"> <img src="../imgs/home/arrow3.svg" alt="arrow">MY100服务器</a>
|
||||
</li>
|
||||
<li><a href="./serviceCases.html" class="footer-case-link" data-index="2"> <img src="../imgs/home/arrow3.svg" alt="arrow">C0040Z-服务器</a>
|
||||
</li>
|
||||
<li><a href="./serviceCases.html" class="footer-case-link" data-index="3"> <img src="../imgs/home/arrow3.svg" alt="arrow">云计算水冷服务器</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>关于我们</h4>
|
||||
<ul class="footer-links-list">
|
||||
<li><a href="./technicalSupport.html#case-section"> <img src="../imgs/home/arrow3.svg" alt="arrow">技术咨询</a>
|
||||
</li>
|
||||
<li><a href="./technicalSupport.html#case-section"> <img src="../imgs/home/arrow3.svg" alt="arrow">定制化开发</a>
|
||||
</li>
|
||||
<li><a href="./technicalSupport.html#case-section"> <img src="../imgs/home/arrow3.svg"
|
||||
alt="arrow">产品维护与升级</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<p>Copyright ©深圳驭鑫科技有限公司 <a class="record"
|
||||
href="https://beian.miit.gov.cn/#/Integrated/index">粤ICP备2021012067号-2</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 616 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 240 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 425 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 230 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 73 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 191 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 616 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 660 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 133 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 311 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 147 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 134 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 291 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 277 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 282 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 254 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 125 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 104 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 195 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 228 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 188 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 193 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 216 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 175 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 188 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 246 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 194 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 157 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
|
|
@ -12,6 +12,7 @@
|
|||
<link rel="stylesheet" href="./css/footer.css">
|
||||
<script src="./js/header.js"></script>
|
||||
<script src="./js/index.js"></script>
|
||||
<script src="./js/footer.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
|
@ -33,7 +34,7 @@
|
|||
</a>
|
||||
</li>
|
||||
<li class="nav-item nav-dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
||||
<a href="./html/mainBusiness.html" class="nav-link ">
|
||||
<a href="#" class="nav-link ">
|
||||
主营业务 <span class="arrow" aria-hidden="true"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-label="主营业务下拉菜单">
|
||||
|
|
@ -41,12 +42,12 @@
|
|||
src="./imgs/home/arrow2.svg" class="dropdown-arrow" alt="arrow"></div></a></li>
|
||||
<li><a href="./html/electronicProduct.html">电子产品设计生产制造服务 <div class="dropdown-item"><img
|
||||
src="./imgs/home/arrow2.svg" class="dropdown-arrow" alt="arrow"></div></a></li>
|
||||
<li><a href="./html/cloudServer.html">云计算服务器设计生产制造销售 <div class="dropdown-item"><img
|
||||
<li><a href="./html/cloudComputingServer.html">云计算服务器设计生产制造销售 <div class="dropdown-item"><img
|
||||
src="./imgs/home/arrow2.svg" class="dropdown-arrow" alt="arrow"></div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./html/serviceCase.html" class="nav-link">
|
||||
<a href="./html/serviceCases.html" class="nav-link">
|
||||
服务案例
|
||||
</a>
|
||||
</li>
|
||||
|
|
@ -94,9 +95,9 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="arrowBox">
|
||||
<a href="./html/serviceCases.html" data-index="0" class="arrowBox">
|
||||
<img src="./imgs/home/arrow2.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="about-us">
|
||||
<h3>关于驭鑫</h3>
|
||||
|
|
@ -123,15 +124,15 @@
|
|||
<div class="brand-carousel-list">
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/st.svg" alt="ST">
|
||||
<div class="brand-name">德意半导体</div>
|
||||
<div class="brand-name">意法 ST</div>
|
||||
</div>
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/texas.png" alt="TI">
|
||||
<div class="brand-name">德州仪器 TI</div>
|
||||
</div>
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/nxp.svg" alt="NXP">
|
||||
<div class="brand-name">恩智浦</div>
|
||||
<img src="./imgs/home/agent/nxp.svg" alt="NXP 恩智浦">
|
||||
<div class="brand-name">NXP 恩智浦</div>
|
||||
</div>
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/onsemi.svg" alt="ONSEMI">
|
||||
|
|
@ -143,35 +144,35 @@
|
|||
</div>
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/omron.svg" alt="OMRON">
|
||||
<div class="brand-name">欧姆龙</div>
|
||||
<div class="brand-name">OMRON 欧姆龙</div>
|
||||
</div>
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/alliance.svg" alt="OMRON">
|
||||
<div class="brand-name">Alliance</div>
|
||||
<img src="./imgs/home/agent/alliance.svg" alt="ALLIANCE 联盟">
|
||||
<div class="brand-name">ALLIANCE 联盟</div>
|
||||
</div>
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/hrs.png" alt=" 广濑">
|
||||
<div class="brand-name">广濑</div>
|
||||
<img src="./imgs/home/agent/hrs.png" alt="HRS 广濑">
|
||||
<div class="brand-name">HRS 广濑</div>
|
||||
</div>
|
||||
<!-- <div class="brand-item">
|
||||
<img src="./imgs/home/agent/htc.png" alt="HTC">
|
||||
<div class="brand-name">HTC</div>
|
||||
<img src="./imgs/home/agent/htc.png" alt="HTC 泰进">
|
||||
<div class="brand-name">HTC 泰进</div>
|
||||
</div> -->
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/kds.png" alt="KDS">
|
||||
<div class="brand-name">KDS</div>
|
||||
<div class="brand-name">KDS 大真空</div>
|
||||
</div>
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/lec.png" alt="LEC">
|
||||
<div class="brand-name">LEC</div>
|
||||
<div class="brand-name">LEC 长弘</div>
|
||||
</div>
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/nordic.png" alt="NORDIC">
|
||||
<div class="brand-name">NORDIC</div>
|
||||
<img src="./imgs/home/agent/nordic.png" alt="Nordic">
|
||||
<div class="brand-name">Nordic</div>
|
||||
</div>
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/ShinDengen.svg" alt="ShinDengen">
|
||||
<div class="brand-name">ShinDengen</div>
|
||||
<div class="brand-name">ShinDengen 新电元</div>
|
||||
</div>
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/smc.png" alt="SMC">
|
||||
|
|
@ -179,70 +180,74 @@
|
|||
</div>
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/sna.png" alt="世纳">
|
||||
<div class="brand-name">世纳</div>
|
||||
<div class="brand-name">SNA 世纳</div>
|
||||
</div>
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/tsc.svg" alt="TSC">
|
||||
<div class="brand-name">TSC</div>
|
||||
<img src="./imgs/home/agent/tsc.svg" alt="台半">
|
||||
<div class="brand-name">台半</div>
|
||||
</div>
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/utc.png" alt="UTC">
|
||||
<div class="brand-name">UTC</div>
|
||||
<div class="brand-name">UTC 友顺</div>
|
||||
</div>
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/dtt.png" alt="大唐">
|
||||
<div class="brand-name">大唐</div>
|
||||
<img src="./imgs/home/agent/dtt.png" alt="大唐微电子 DTT">
|
||||
<div class="brand-name">大唐微电子 DTT</div>
|
||||
</div>
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/fxsm.jpg" alt="富芯森美">
|
||||
<div class="brand-name">富芯森美</div>
|
||||
</div>
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/gy.png" alt="高云">
|
||||
<div class="brand-name">高云</div>
|
||||
<img src="./imgs/home/agent/gy.png" alt="GOWIN 高云">
|
||||
<div class="brand-name">GOWIN 高云</div>
|
||||
</div>
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/ght.png" alt="广和通">
|
||||
<div class="brand-name">广和通</div>
|
||||
<img src="./imgs/home/agent/ght.png" alt="广和通 Fibocom">
|
||||
<div class="brand-name">广和通 Fibocom</div>
|
||||
</div>
|
||||
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/hdsc.png" alt="华大">
|
||||
<div class="brand-name">华大</div>
|
||||
<img src="./imgs/home/agent/hdsc.png" alt="HDSC 华大">
|
||||
<div class="brand-name">HDSC 华大</div>
|
||||
</div>
|
||||
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/jj.svg" alt="捷捷">
|
||||
<div class="brand-name">捷捷</div>
|
||||
<img src="./imgs/home/agent/jj.svg" alt="捷捷微电">
|
||||
<div class="brand-name">捷捷微电</div>
|
||||
</div>
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/lw.gif" alt="龙微">
|
||||
<div class="brand-name">龙微</div>
|
||||
<img src="./imgs/home/agent/lw.gif" alt="Dragonchip 龙芯">
|
||||
<div class="brand-name">Dragonchip 龙芯</div>
|
||||
</div>
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/qm.png" alt="强茂">
|
||||
<div class="brand-name">强茂</div>
|
||||
<img src="./imgs/home/agent/qm.png" alt="Panjit强茂">
|
||||
<div class="brand-name">Panjit强茂</div>
|
||||
</div>
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/sskj.png" alt="十速科技">
|
||||
<div class="brand-name">十速科技</div>
|
||||
<img src="./imgs/home/agent/sskj.png" alt="Tenx 十速">
|
||||
<div class="brand-name">Tenx 十速</div>
|
||||
</div>
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/sl.png" alt="顺络">
|
||||
<div class="brand-name">顺络</div>
|
||||
<img src="./imgs/home/agent/sl.png" alt="顺络电子 SunLord">
|
||||
<div class="brand-name">顺络电子 SunLord</div>
|
||||
</div>
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/xaw.png" alt="芯奥微">
|
||||
<div class="brand-name">芯奥微</div>
|
||||
<img src="./imgs/home/agent/xaw.png" alt="芯奥微 NeoMEMS">
|
||||
<div class="brand-name">芯奥微 NeoMEMS</div>
|
||||
</div>
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/xz.png" alt="芯洲科技">
|
||||
<div class="brand-name">芯洲科技</div>
|
||||
<img src="./imgs/home/agent/xz.png" alt="芯洲 SCT">
|
||||
<div class="brand-name">芯洲 SCT</div>
|
||||
</div>
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/yl.jpg" alt="英联">
|
||||
<div class="brand-name">英联</div>
|
||||
</div>
|
||||
<div class="brand-item">
|
||||
<img src="./imgs/home/agent/xt.jpg" alt="Nuvoton 新唐">
|
||||
<div class="brand-name">Nuvoton 新唐</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -321,18 +326,18 @@
|
|||
|
||||
<div class="card-list cloud-server-card-list">
|
||||
<div class="card">
|
||||
<img src="imgs/home/demand.png" alt="客户需求分析">
|
||||
<div class="card-title">客户需求分析</div>
|
||||
<img src="imgs/home/customized.png" alt="量身定制云计算服务器">
|
||||
<div class="card-title">量身定制云计算服务器</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="imgs/home/electronicProduct.png" alt="电子产品设计">
|
||||
<div class="card-title">电子产品设计</div>
|
||||
<img src="imgs/home/performance.png" alt="电子产品设计">
|
||||
<div class="card-title">性能稳定高效</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="section-btn-box cloud-server-btn">
|
||||
<a href="./html/chipAgent.html" class="section-btn">
|
||||
<a href="./html/cloudComputingServer.html" class="section-btn">
|
||||
查看更多代理
|
||||
<div class="section-btn-arrow">
|
||||
<img src="./imgs/home/arrow.svg" alt="arrow">
|
||||
|
|
@ -365,7 +370,7 @@
|
|||
</div>
|
||||
|
||||
<div class="card-btn">
|
||||
<a href="#">
|
||||
<a href="./html/serviceCases.html" class="service-case-link" data-index="0">
|
||||
<img src="imgs/home/arrow2.svg" alt="arrow">
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -383,7 +388,7 @@
|
|||
</ul>
|
||||
</div>
|
||||
<div class="card-btn">
|
||||
<a href="#">
|
||||
<a href="./html/serviceCases.html" class="service-case-link" data-index="1">
|
||||
<img src="imgs/home/arrow2.svg" alt="arrow">
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -401,7 +406,7 @@
|
|||
</ul>
|
||||
</div>
|
||||
<div class="card-btn">
|
||||
<a href="#">
|
||||
<a href="./html/serviceCases.html" class="service-case-link" data-index="2">
|
||||
<img src="imgs/home/arrow2.svg" alt="arrow">
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -415,7 +420,7 @@
|
|||
|
||||
|
||||
<div class="section-btn-box service-case-btn">
|
||||
<a href="./html/electronicProduct.html" class="section-btn">
|
||||
<a href="./html/serviceCases.html" class="section-btn">
|
||||
查看更多代理
|
||||
<div class="section-btn-arrow">
|
||||
<img src="./imgs/home/arrow.svg" alt="arrow">
|
||||
|
|
@ -442,24 +447,24 @@
|
|||
<ul class="footer-links-list">
|
||||
<li><a href="./html/chipAgent.html"> <img src="./imgs/home/arrow3.svg" alt="arrow">芯片代理</a></li>
|
||||
<li><a href="./html/electronicProduct.html"> <img src="./imgs/home/arrow3.svg" alt="arrow">电子产品设计生产制造服务</a></li>
|
||||
<li><a href="./html/cloudServer.html"> <img src="./imgs/home/arrow3.svg" alt="arrow">云计算服务器设计生产制造销售</a></li>
|
||||
<li><a href="./html/cloudComputingServer.html"> <img src="./imgs/home/arrow3.svg" alt="arrow">云计算服务器设计生产制造销售</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>解决方案</h4>
|
||||
<ul class="footer-links-list">
|
||||
<li><a href="/html/serviceCases.html"> <img src="./imgs/home/arrow3.svg" alt="arrow">运算加速器 H6PRO</a></li>
|
||||
<li><a href="/html/serviceCases.html"> <img src="./imgs/home/arrow3.svg" alt="arrow">MY100服务器</a></li>
|
||||
<li><a href="/html/serviceCases.html"> <img src="./imgs/home/arrow3.svg" alt="arrow">C0040Z-服务器</a></li>
|
||||
<li><a href="/html/serviceCases.html"> <img src="./imgs/home/arrow3.svg" alt="arrow">云计算水冷服务器</a></li>
|
||||
<li><a href="./html/serviceCases.html" class="footer-case-link" data-index="0"> <img src="./imgs/home/arrow3.svg" alt="arrow">运算加速器 H6PRO</a></li>
|
||||
<li><a href="./html/serviceCases.html" class="footer-case-link" data-index="1"> <img src="./imgs/home/arrow3.svg" alt="arrow">MY100服务器</a></li>
|
||||
<li><a href="./html/serviceCases.html" class="footer-case-link" data-index="2"> <img src="./imgs/home/arrow3.svg" alt="arrow">C0040Z-服务器</a></li>
|
||||
<li><a href="./html/serviceCases.html" class="footer-case-link" data-index="3"> <img src="./imgs/home/arrow3.svg" alt="arrow">云计算水冷服务器</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>关于我们</h4>
|
||||
<ul class="footer-links-list">
|
||||
<li><a href="./html/technicalSupport.html"> <img src="./imgs/home/arrow3.svg" alt="arrow">技术咨询</a></li>
|
||||
<li><a href="./html/technicalSupport.html"> <img src="./imgs/home/arrow3.svg" alt="arrow">定制化开发</a></li>
|
||||
<li><a href="./html/technicalSupport.html"> <img src="./imgs/home/arrow3.svg" alt="arrow">产品维护与升级</a></li>
|
||||
<li><a href="./html/technicalSupport.html#case-section"> <img src="./imgs/home/arrow3.svg" alt="arrow">技术咨询</a></li>
|
||||
<li><a href="./html/technicalSupport.html#case-section"> <img src="./imgs/home/arrow3.svg" alt="arrow">定制化开发</a></li>
|
||||
<li><a href="./html/technicalSupport.html#case-section"> <img src="./imgs/home/arrow3.svg" alt="arrow">产品维护与升级</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -164,4 +164,13 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||
} else {
|
||||
console.error('地图容器不存在');
|
||||
}
|
||||
if (window.location.hash === '#address-li') {
|
||||
const addressLi = document.getElementById('address-li');
|
||||
if (addressLi) {
|
||||
addressLi.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
document.addEventListener('DOMContentLoaded', function() {
|
||||
document.querySelectorAll('.footer-case-link').forEach(link => {
|
||||
link.addEventListener('click', function(e) {
|
||||
e.preventDefault();
|
||||
window.name = this.dataset.index + '|scroll';
|
||||
window.location.href = this.href;
|
||||
});
|
||||
});
|
||||
});
|
||||
|
|
@ -1,65 +1,5 @@
|
|||
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';
|
||||
// });
|
||||
// });
|
||||
// }
|
||||
|
||||
|
||||
|
||||
|
|
@ -106,11 +46,10 @@ document.addEventListener('DOMContentLoaded', function () {
|
|||
clone.style.display = 'inline-flex';
|
||||
container.style.whiteSpace = 'nowrap';
|
||||
|
||||
let scrollSpeed = 1; // 调整为你想要的速度
|
||||
let scrollSpeed = 1;
|
||||
let isHovering = false;
|
||||
let pauseTimer = null;
|
||||
|
||||
// 鼠标悬停暂停
|
||||
container.addEventListener('mouseenter', () => { isHovering = true; });
|
||||
container.addEventListener('mouseleave', () => { isHovering = false; });
|
||||
|
||||
|
|
@ -126,29 +65,65 @@ document.addEventListener('DOMContentLoaded', function () {
|
|||
}
|
||||
loopScroll();
|
||||
|
||||
// 动态获取单个brand-item的宽度（含margin）
|
||||
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);
|
||||
// 只加margin-right，因为只有右间隔
|
||||
return item.offsetWidth + 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;
|
||||
const items = list.querySelectorAll('.brand-item');
|
||||
if (items.length === 0) return;
|
||||
|
||||
// 动态计算每个项目的宽度（包括margin）
|
||||
const itemWidths = Array.from(items).map(item => {
|
||||
const style = getComputedStyle(item);
|
||||
return item.offsetWidth + parseFloat(style.marginRight || 0);
|
||||
});
|
||||
|
||||
// 计算当前第一个完整显示的项目的索引
|
||||
let currentScroll = container.scrollLeft;
|
||||
let currentIndex = 0;
|
||||
let accumulatedWidth = 0;
|
||||
|
||||
for (let i = 0; i < itemWidths.length; i++) {
|
||||
accumulatedWidth += itemWidths[i];
|
||||
if (accumulatedWidth > currentScroll) {
|
||||
currentIndex = i;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (target >= list.scrollWidth) {
|
||||
target = target - list.scrollWidth;
|
||||
|
||||
// 计算目标索引，每次滑动3个项目
|
||||
let targetIndex = currentIndex + step * 3;
|
||||
targetIndex = Math.max(0, Math.min(targetIndex, items.length - 1));
|
||||
|
||||
// 计算目标滚动位置
|
||||
let targetScroll = 0;
|
||||
for (let i = 0; i < targetIndex; i++) {
|
||||
targetScroll += itemWidths[i];
|
||||
}
|
||||
container.scrollTo({ left: target, behavior: 'smooth' });
|
||||
|
||||
// 限制最大滚动距离
|
||||
const maxScroll = list.scrollWidth - container.offsetWidth;
|
||||
targetScroll = Math.min(targetScroll, maxScroll);
|
||||
|
||||
// 应用滚动
|
||||
container.scrollTo({
|
||||
left: targetScroll,
|
||||
behavior: 'smooth'
|
||||
});
|
||||
}
|
||||
|
||||
// 绑定左右按钮事件
|
||||
if (btnLeft) {
|
||||
btnLeft.addEventListener('click', () => {
|
||||
scrollByStep(-1);
|
||||
|
|
@ -165,31 +140,31 @@ document.addEventListener('DOMContentLoaded', function () {
|
|||
// -----------------------------电子产品设计生产制造服务区卡片轮播--------------------------------
|
||||
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', () => {
|
||||
cardContainer.addEventListener('mouseenter', () => {
|
||||
console.log('Mouse enter - pausing scroll');
|
||||
isHovering = true;
|
||||
isHovering = true;
|
||||
});
|
||||
cardContainer.addEventListener('mouseleave', () => {
|
||||
cardContainer.addEventListener('mouseleave', () => {
|
||||
console.log('Mouse leave - resuming scroll');
|
||||
isHovering = false;
|
||||
isHovering = false;
|
||||
});
|
||||
|
||||
|
||||
function loopScroll() {
|
||||
if (!isHovering) {
|
||||
if (cardContainer.scrollLeft >= cardList.scrollWidth) {
|
||||
|
|
@ -201,16 +176,43 @@ document.addEventListener('DOMContentLoaded', function () {
|
|||
}
|
||||
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);
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
// -----------------------点击跳转服务案例页面对应项目--------------------------------
|
||||
document.querySelectorAll('.service-case-link').forEach(link => {
|
||||
link.addEventListener('click', function (e) {
|
||||
e.preventDefault();
|
||||
// 传递 index 和 scroll 标记
|
||||
window.name = this.dataset.index + '|scroll';
|
||||
window.location.href = this.href;
|
||||
});
|
||||
});
|
||||
|
||||
// -------绑定banner箭头跳转--------------
|
||||
function handleCaseJump(selector) {
|
||||
document.querySelectorAll(selector).forEach(link => {
|
||||
link.addEventListener('click', function (e) {
|
||||
e.preventDefault();
|
||||
window.name = this.dataset.index + '|scroll';
|
||||
window.location.href = this.href;
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// 绑定banner箭头跳转
|
||||
handleCaseJump('.arrowBox[data-index]');
|
||||
});
|
||||
|
|
@ -0,0 +1,114 @@
|
|||
// 假设放在 <script> 标签或单独 js 文件
|
||||
const caseData = [
|
||||
{
|
||||
title: "运算加速器H6PRO",
|
||||
img: "../imgs/case/h6pro.png",
|
||||
sections: [
|
||||
{ label: "产品概述", content: "搭载12nm工艺的NT0010B云计算专用芯片，作为云基础设施的核心节点，提供高效的计算能力，适用于大规模数据处理、高性能计算、人工智能等领域。" },
|
||||
// { label: "解决方案", content: "这里是H6PRO的解决方案描述..." },
|
||||
// { label: "技术亮点", content: "<ul><li>亮点1</li><li>亮点2</li></ul>" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "MY100服务器",
|
||||
img: "../imgs/case/my100.png",
|
||||
sections: [
|
||||
{ label: "产品概述", content: "搭载22nm工艺的云计算专用芯片，提供高性能的云计算服务，适用于数据中心、企业级应用、云计算平台等场景。" },
|
||||
// { label: "解决方案", content: "这里是MY100服务器的解决方案描述..." },
|
||||
// { label: "技术亮点", content: "<ul><li>亮点1</li><li>亮点2</li></ul>" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "C0040Z-服务器",
|
||||
img: "../imgs/case/c0040z.png",
|
||||
sections: [
|
||||
{ label: "产品概述", content: "采用水冷散热技术，确保服务器在高负载下稳定运行，适用于高性能计算、AI计算、大数据处理等领域。" },
|
||||
// { label: "解决方案", content: "这里是C0040Z服务器的解决方案描述..." },
|
||||
// { label: "技术亮点", content: "<ul><li>亮点1</li><li>亮点2</li></ul>" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "云计算水冷服务器",
|
||||
img: "../imgs/case/watercool.png",
|
||||
sections: [
|
||||
{ label: "客户需求", content: "客户需要为高性能计算（HPC）任务和AI计算提供稳定的服务器，要求服务器在高负载下具备良好的散热性能，并且能够保持较低的噪音水平。" },
|
||||
{ label: "解决方案", content: "我们为客户提供了一款基于水冷散热技术的服务器，采用高效水冷系统，确保在满负载运行的情况下，CPU和GPU温度始终保持在最优范围内。" },
|
||||
{ label: "技术亮点", content: `<ul>
|
||||
<li>水冷系统：采用液冷散热技术，能够快速有效地降低服务器内部的热量，避免因过热导致的性能瓶颈。</li>
|
||||
<li>高密度设计：支持多个GPU、CPU的并行计算，适用于大规模并行计算任务。</li>
|
||||
<li>低噪音：由于采用水冷技术，服务器噪音大幅度降低，适合用于数据中心和需要安静环境的场景。</li>
|
||||
</ul>` }
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
function renderCaseDetail(index) {
|
||||
const data = caseData[index];
|
||||
const detail = document.getElementById('case-detail');
|
||||
detail.innerHTML = `
|
||||
<div class="case-detail-img">
|
||||
<img src="${data.img}" alt="${data.title}">
|
||||
</div>
|
||||
<div class="case-detail-title">${data.title}</div>
|
||||
${data.sections.map(sec => `
|
||||
<div class="case-detail-section">
|
||||
<p>${sec.label}</p>
|
||||
<span>${sec.content}</span>
|
||||
</div>
|
||||
`).join('')}
|
||||
`;
|
||||
}
|
||||
|
||||
// 初始化
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const btns = document.querySelectorAll('.case-btn');
|
||||
let activeIndex = 0;
|
||||
let needScroll = false;
|
||||
|
||||
// 解析 window.name
|
||||
if (window.name) {
|
||||
const parts = window.name.split('|');
|
||||
if (!isNaN(parts[0])) {
|
||||
activeIndex = parseInt(parts[0], 10);
|
||||
}
|
||||
if (parts[1] === 'scroll') {
|
||||
needScroll = true;
|
||||
}
|
||||
window.name = '';
|
||||
localStorage.setItem('caseActiveIndex', activeIndex);
|
||||
} else {
|
||||
let savedIndex = localStorage.getItem('caseActiveIndex');
|
||||
activeIndex = savedIndex !== null ? parseInt(savedIndex, 10) : 0;
|
||||
}
|
||||
|
||||
// 初始化按钮状态
|
||||
btns.forEach((btn, idx) => {
|
||||
if (idx === activeIndex) {
|
||||
btn.classList.add('active');
|
||||
} else {
|
||||
btn.classList.remove('active');
|
||||
}
|
||||
});
|
||||
renderCaseDetail(activeIndex);
|
||||
|
||||
btns.forEach((btn, idx) => {
|
||||
btn.addEventListener('click', function() {
|
||||
btns.forEach(b => b.classList.remove('active'));
|
||||
this.classList.add('active');
|
||||
renderCaseDetail(this.dataset.index);
|
||||
localStorage.setItem('caseActiveIndex', this.dataset.index);
|
||||
});
|
||||
});
|
||||
|
||||
// 只有需要滚动时才滚动
|
||||
if (needScroll) {
|
||||
const caseSection = document.querySelector('.case-section');
|
||||
if (caseSection) {
|
||||
caseSection.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
||||
// 如有固定头部可加 window.scrollBy(0, -60);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
});
|
||||
Loading…
Reference in New Issue