更新汉晶新需求
This commit is contained in:
parent
d64ed43221
commit
01fbdf71a6
|
|
@ -62,7 +62,7 @@
|
|||
|
||||
.banner{
|
||||
width: 100%;
|
||||
height: 400vh;
|
||||
height: 205vh;
|
||||
background-image: url(../imgs/svg/背景纹（大）.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-size:160%;
|
||||
|
|
@ -230,6 +230,11 @@
|
|||
width: 100%;
|
||||
height: 100vh;
|
||||
/* background: palegoldenrod; */
|
||||
background-color:rgba(3, 0, 69, 0.8);
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.addressBox-bottom{
|
||||
|
|
@ -247,6 +252,14 @@
|
|||
min-height: 300px; /* 确保地图有最小高度 */
|
||||
}
|
||||
|
||||
html {
|
||||
scroll-behavior: smooth; /* 添加平滑滚动效果 */
|
||||
}
|
||||
|
||||
#contact-map {
|
||||
scroll-margin-top: 10vh;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -319,13 +319,97 @@ body {
|
|||
|
||||
.banner{
|
||||
width: 100%;
|
||||
height: 330vh;
|
||||
height: 520vh;
|
||||
background-image: url(../imgs/svg/背景纹（大）.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-size:160%;
|
||||
background-position: 54vw -42vw;
|
||||
background-color: #00316B;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.bannerBottom2{
|
||||
width: 100%;
|
||||
height: 190vh;
|
||||
background-color:rgba(3, 0, 69, 0.8);
|
||||
padding-top: 8vh;
|
||||
padding-bottom: 8vh;
|
||||
/* background: palegoldenrod; */
|
||||
|
||||
}
|
||||
|
||||
.bannerBottom2 h1{
|
||||
font-size: 3vw;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
text-decoration: underline;
|
||||
text-underline-offset: 0.8vw;
|
||||
|
||||
}
|
||||
.bannerBottomList{
|
||||
width: 72vw;
|
||||
height:150vh;
|
||||
/* background: palegoldenrod; */
|
||||
margin: 0 auto;
|
||||
margin-top: 8vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.bannerBottomList li{
|
||||
width: 70%;
|
||||
height:60vh;
|
||||
margin-top: 10vh;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.bannerBottomList li p{
|
||||
width: 40%;
|
||||
height: 100%;
|
||||
color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: end;
|
||||
align-items: start;
|
||||
padding-bottom: 3vh;
|
||||
font-size: 1.2vw;
|
||||
padding-left: 4vw;
|
||||
}
|
||||
.bannerBottomListOne{
|
||||
background-image: url(../imgs/us/ic.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: auto;
|
||||
height: 100%;
|
||||
/* background: palegoldenrod; */
|
||||
}
|
||||
.bannerBottomListTwo{
|
||||
background-image: url(../imgs/us/lowpower.png);
|
||||
background-repeat: no-repeat;
|
||||
/* background-size: 100% 100%; */
|
||||
background-size: contain; /* 改为 contain 保持图片比例 */
|
||||
background-position: center; /* 居中显示 */
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.bannerBottomListThree{
|
||||
background-image: url(../imgs/us/manufacturer.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.bannerBottomListFour{
|
||||
background-image: url(../imgs/us/Tapeout.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* .bannerLeft{
|
||||
width: 100%;
|
||||
height: 30%;
|
||||
|
|
|
|||
|
|
@ -92,7 +92,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bannerBottom">
|
||||
<!-- <div class="bannerBottom">
|
||||
<h1>为什么选择汉晶?</h1>
|
||||
<ul class="bannerBottomList">
|
||||
<li class="bannerBottomListOne">
|
||||
|
|
@ -114,12 +114,12 @@
|
|||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
|
||||
<section class="map">
|
||||
|
||||
<div class="addressBox-bottom">
|
||||
<div class="addressBox-bottom" id="contact-map">
|
||||
<div id="mapContainer"></div>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -56,7 +56,7 @@
|
|||
</div>
|
||||
<p class="title">技术咨询</p>
|
||||
<p class="problem">提供芯片设计前的需求分析、技术选型、系统架构建议。</p>
|
||||
<a class="report" href="mailto:fu.bin@hjsilicon.com">提交服务帮助 <img class="arrow" src="../imgs/svg/箭头.svg" alt="箭头"></a>
|
||||
<a class="report" href="aboutUs.html#contact-map">提交服务帮助 <img class="arrow" src="../imgs/svg/箭头.svg" alt="箭头"></a>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -66,7 +66,7 @@
|
|||
</div>
|
||||
<p class="title">定制化开发</p>
|
||||
<p class="problem">根据客户的特定需求，提供个性化定制的芯片设计服务，确保项目的高效实施。</p>
|
||||
<a class="report" href="mailto:fu.bin@hjsilicon.com">定制需求 <img class="arrow" src="../imgs/svg/箭头.svg" alt="箭头"></a>
|
||||
<a class="report" href="aboutUs.html#contact-map">定制需求 <img class="arrow" src="../imgs/svg/箭头.svg" alt="箭头"></a>
|
||||
|
||||
</div>
|
||||
<div class="bannerRight">
|
||||
|
|
@ -76,7 +76,7 @@
|
|||
</div>
|
||||
<p class="title">产品维护与升级</p>
|
||||
<p class="problem">提供持续的技术支持，定期为客户的芯片产品提供性能优化与功能升级。</p>
|
||||
<a class="report" href="mailto:fu.bin@hjsilicon.com">立即升级 <img class="arrow" src="../imgs/svg/箭头.svg" alt="箭头"></a>
|
||||
<a class="report" href="aboutUs.html#contact-map">立即升级 <img class="arrow" src="../imgs/svg/箭头.svg" alt="箭头"></a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -83,6 +83,33 @@
|
|||
<img class="btRight" src="./imgs/svg/线纹.svg" alt="点纹">
|
||||
</section>
|
||||
<section class="banner">
|
||||
|
||||
<div class="bannerBottom2">
|
||||
<h1>为什么选择汉晶?</h1>
|
||||
<ul class="bannerBottomList">
|
||||
<li class="bannerBottomListOne">
|
||||
<p></p>
|
||||
<p> IC设计全生命周期一站式覆盖 </p>
|
||||
</li>
|
||||
<li class="bannerBottomListTwo">
|
||||
<p>独特的低功耗设计，让芯片更有竞争力</p>
|
||||
<p></p>
|
||||
</li>
|
||||
<li class="bannerBottomListThree">
|
||||
<p></p>
|
||||
<p>有稳定的芯片制造商合作关系</p>
|
||||
</li>
|
||||
<li class="bannerBottomListFour">
|
||||
<p>流片均一版成功，即流片成功率100%,助力客户赢得市场</p>
|
||||
<p></p>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="bannertop">
|
||||
<div class="textBox">
|
||||
<h1>芯片设计技术服务</h1>
|
||||
|
|
|
|||
Loading…
Reference in New Issue