226 lines
6.8 KiB
HTML
226 lines
6.8 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/css3.css" />
|
||
<link rel="stylesheet" href="css/swiper.min.css">
|
||
<link rel="stylesheet" href="css/certify.css">
|
||
<link rel="shortcut icon" href="images/logo.jpg">
|
||
<script src="js/swiper.min.js"></script>
|
||
|
||
<style>
|
||
.page1 {
|
||
background: url(img/subImg/bg11.jpg);
|
||
background-size: cover;
|
||
background-position: center;
|
||
background-repeat: 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="javascript:void(0);">
|
||
<div class="li-3" id="li3">
|
||
<p>产品介绍</p>
|
||
</div>
|
||
</a>
|
||
<a href="jjfa.html">
|
||
<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="space1"></div>
|
||
|
||
<div class="page2">
|
||
<div class="tt2">
|
||
<p id="p1">产品介绍 <span>product introduction</span></p>
|
||
<div class="bg1"></div>
|
||
</div>
|
||
<div class="lb-area">
|
||
<div id="certify">
|
||
<div class="swiper-container">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide"><img src="images/certify01.png" />
|
||
<p>芯片代理销售服务</p>
|
||
</div>
|
||
<div class="swiper-slide"><img src="images/certify02.png" />
|
||
<p>芯片进出口服务</p>
|
||
</div>
|
||
<div class="swiper-slide"><img src="images/certify03.png" />
|
||
<p>云计算服务器设备研发</p>
|
||
</div>
|
||
<div class="swiper-slide"><img src="images/certify04.png" />
|
||
<p>云计算服务器设备生产</p>
|
||
</div>
|
||
<div class="swiper-slide"><img src="images/certify05.png" />
|
||
<p>云计算服务器设备销售
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-pagination"></div>
|
||
<div class="swiper-button-prev"></div>
|
||
<div class="swiper-button-next"></div>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="space2"></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>
|
||
|
||
|
||
<script>
|
||
certifySwiper = new Swiper('#certify .swiper-container', {
|
||
watchSlidesProgress: true,
|
||
slidesPerView: 'auto',
|
||
centeredSlides: true,
|
||
loop: true,
|
||
loopedSlides: 5,
|
||
autoplay: true,
|
||
navigation: {
|
||
nextEl: '.swiper-button-next',
|
||
prevEl: '.swiper-button-prev',
|
||
},
|
||
pagination: {
|
||
el: '.swiper-pagination',
|
||
//clickable :true,
|
||
},
|
||
on: {
|
||
progress: function (progress) {
|
||
for (i = 0; i < this.slides.length; i++) {
|
||
var slide = this.slides.eq(i);
|
||
var slideProgress = this.slides[i].progress;
|
||
modify = 1;
|
||
if (Math.abs(slideProgress) > 1) {
|
||
modify = (Math.abs(slideProgress) - 1) * 0.3 + 1;
|
||
}
|
||
translate = slideProgress * modify * 260 + 'px';
|
||
scale = 1 - Math.abs(slideProgress) / 5;
|
||
zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
|
||
slide.transform('translateX(' + translate + ') scale(' + scale + ')');
|
||
slide.css('zIndex', zIndex);
|
||
slide.css('opacity', 1);
|
||
if (Math.abs(slideProgress) > 3) {
|
||
slide.css('opacity', 0);
|
||
}
|
||
}
|
||
},
|
||
setTransition: function (transition) {
|
||
for (var i = 0; i < this.slides.length; i++) {
|
||
var slide = this.slides.eq(i)
|
||
slide.transition(transition);
|
||
}
|
||
|
||
}
|
||
}
|
||
|
||
})
|
||
</script>
|
||
</body>
|
||
|
||
</html> |