170 lines
5.9 KiB
HTML
170 lines
5.9 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8" />
|
|||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
|
|||
|
|
<title>深圳驭鑫科技有限公司</title>
|
|||
|
|
<link rel="stylesheet" href="css/css.css" />
|
|||
|
|
<link rel="stylesheet" href="css/css4.css" />
|
|||
|
|
<script type="text/javascript" src="js/jquery-2.2.0.min.js" charset="utf-8"></script>
|
|||
|
|
<script type="text/javascript" src="js/swiper.min.js" charset="utf-8"></script>
|
|||
|
|
<script type="text/javascript" src="js/anime.min.js" charset="utf-8"></script>
|
|||
|
|
<link href="css/swiper.min.css" rel="stylesheet" />
|
|||
|
|
<link href="css/colormad.css" rel="stylesheet" />
|
|||
|
|
<link rel="shortcut icon" href="images/logo.jpg">
|
|||
|
|
<style>
|
|||
|
|
.page1 {
|
|||
|
|
background: url(img/bg6.jpg) no-repeat;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div class="mainpage">
|
|||
|
|
<div class="main">
|
|||
|
|
<!-- 主页 -->
|
|||
|
|
<div class="navigation">
|
|||
|
|
<div class="logo">
|
|||
|
|
<img src="images/logo.jpg" alt="深圳驭鑫科技有限公司" title="深圳驭鑫科技有限公司" style="width: 45px; height: 45px" />
|
|||
|
|
</div>
|
|||
|
|
<div class="li-totle" id="li0">
|
|||
|
|
<a href="index.html"
|
|||
|
|
><div class="li-1" id="li1"><p>首页</p></div></a
|
|||
|
|
>
|
|||
|
|
<a href="gywm.html"
|
|||
|
|
><div class="li-2" id="li2"><p>关于我们</p></div></a
|
|||
|
|
>
|
|||
|
|
<a href="cpjs.html"
|
|||
|
|
><div class="li-3" id="li3"><p>产品介绍</p></div></a
|
|||
|
|
>
|
|||
|
|
<a href="javascript:void(0);"
|
|||
|
|
><div class="li-4" id="li4"><p>解决方案</p></div></a
|
|||
|
|
>
|
|||
|
|
<a href="lxwm.html"
|
|||
|
|
><div class="li-5" id="li5"><p>联系我们</p></div></a
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="page1">
|
|||
|
|
<a href="index.html"><div class="idc">解决方案</div></a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="space2"></div>
|
|||
|
|
|
|||
|
|
<div class="page2">
|
|||
|
|
<!-- <div class="article">
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div> -->
|
|||
|
|
<section id="index-banner">
|
|||
|
|
<div class="hoverAll"></div>
|
|||
|
|
<div class="hoverPrev hoverBtn"></div>
|
|||
|
|
<div class="hoverNext hoverBtn"></div>
|
|||
|
|
<div class="swiper-container animating">
|
|||
|
|
<div class="swiper-wrapper">
|
|||
|
|
<div class="swiper-slide"><a href="#"><img src="images/banner03.jpg" /></a></div>
|
|||
|
|
<div class="swiper-slide"><a href="#"><img src="images/banner04.jpg" /></a></div>
|
|||
|
|
<div class="swiper-slide"><a href="#"><img src="images/banner01.jpg" /></a></div>
|
|||
|
|
<div class="swiper-slide"><a href="#"><img src="images/banner02.jpg" /></a></div>
|
|||
|
|
</div>
|
|||
|
|
<!-- 如果需要分页器 -->
|
|||
|
|
<div class="swiper-pagination"></div>
|
|||
|
|
<!-- 如果需要导航按钮 -->
|
|||
|
|
<div class="swiper-button-prev swiper-button-white"></div>
|
|||
|
|
<div class="swiper-button-next swiper-button-white"></div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="txt">
|
|||
|
|
<p class="txt1">重新思考</p>
|
|||
|
|
<p class="txt2">您的芯片需求</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- <div class="cloud"></div> -->
|
|||
|
|
<div class="lines line-top line-one"></div>
|
|||
|
|
<div class="lines line-top line-two"></div>
|
|||
|
|
<div class="lines line-bottom line-one"></div>
|
|||
|
|
<div class="lines line-bottom line-two"></div>
|
|||
|
|
<div class="banner_m"></div>
|
|||
|
|
<div class="banner_bg"></div>
|
|||
|
|
</section>
|
|||
|
|
<script src="js/colormad.js"></script>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="space2"></div>
|
|||
|
|
|
|||
|
|
<div class="page3">
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="space3"></div>
|
|||
|
|
<!-- 留白区 -->
|
|||
|
|
|
|||
|
|
<div class="pageend">
|
|||
|
|
<!-- 页尾 -->
|
|||
|
|
<div class="pageend"> <!-- 页尾 -->
|
|||
|
|
<div class="contact1">
|
|||
|
|
<div class="c0"> <p>工作时间：9:00 - 18:00</p> </div>
|
|||
|
|
</div>
|
|||
|
|
<div class="contact2">
|
|||
|
|
<div class="c1"> <a href="lxwm.html">广东省深圳市南山区高新中三道2号软件园一期一栋302-1室</a> </div>
|
|||
|
|
|
|||
|
|
<div class="c2"> <a href="zmz@yxsilicon.com">zmz@yxsilicon.com </a> </div>
|
|||
|
|
</div>
|
|||
|
|
<div class="contact3">
|
|||
|
|
<a href=""><img src="images/logo.jpg" alt="深圳驭鑫科技有限公司" title="深圳驭鑫科技有限公司" class="logo-1"></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="copy">Copyright ©深圳驭鑫科技有限公司 <a href="https://beian.miit.gov.cn/#/Integrated/index">粤ICP备2021012067号-2</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
var li1 = document.getElementById("li1");
|
|||
|
|
var li2 = document.getElementById("li2");
|
|||
|
|
var li3 = document.getElementById("li3");
|
|||
|
|
var li4 = document.getElementById("li4");
|
|||
|
|
var li5 = document.getElementById("li5");
|
|||
|
|
|
|||
|
|
li1.onmouseover = function () {
|
|||
|
|
li1.style.backgroundColor = "white";
|
|||
|
|
};
|
|||
|
|
li1.onmouseout = function () {
|
|||
|
|
li1.style.backgroundColor = "";
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
li2.onmouseover = function () {
|
|||
|
|
li2.style.backgroundColor = "white";
|
|||
|
|
};
|
|||
|
|
li2.onmouseout = function () {
|
|||
|
|
li2.style.backgroundColor = "";
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
li3.onmouseover = function () {
|
|||
|
|
li3.style.backgroundColor = "white";
|
|||
|
|
};
|
|||
|
|
li3.onmouseout = function () {
|
|||
|
|
li3.style.backgroundColor = "";
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
li4.onmouseover = function () {
|
|||
|
|
li4.style.backgroundColor = "white";
|
|||
|
|
};
|
|||
|
|
li4.onmouseout = function () {
|
|||
|
|
li4.style.backgroundColor = "";
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
li5.onmouseover = function () {
|
|||
|
|
li5.style.backgroundColor = "white";
|
|||
|
|
};
|
|||
|
|
li5.onmouseout = function () {
|
|||
|
|
li5.style.backgroundColor = "";
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|