|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
...
|
...
|
@@ -10,17 +11,18 @@ |
|
|
|
<link rel="stylesheet" href="css/swiperfour.css">
|
|
|
|
<link rel="stylesheet" href="css/common.css">
|
|
|
|
<style>
|
|
|
|
#container{
|
|
|
|
width:75%;
|
|
|
|
height:379px;
|
|
|
|
margin:64px auto 0;
|
|
|
|
#container {
|
|
|
|
width: 75%;
|
|
|
|
height: 379px;
|
|
|
|
margin: 64px auto 0;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
<!--头部导航-->
|
|
|
|
<nav id="common-nav" class="navbar navbar-inverse navbar-fixed-top">
|
|
|
|
<!--头部导航-->
|
|
|
|
<nav id="common-nav" class="navbar navbar-inverse navbar-fixed-top">
|
|
|
|
<div class="container containerbox">
|
|
|
|
<div class="navbar-header">
|
|
|
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
|
...
|
...
|
@@ -33,7 +35,6 @@ |
|
|
|
<img class="navbar-logo" src="image/logo.png">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
|
|
<div class="nav navbar-nav navbar-right phonelist">
|
|
|
|
<div class="phoneimg">
|
|
...
|
...
|
@@ -64,7 +65,7 @@ |
|
|
|
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a href="" >
|
|
|
|
<a href="">
|
|
|
|
产品系列
|
|
|
|
|
|
|
|
</a>
|
|
...
|
...
|
@@ -92,32 +93,35 @@ |
|
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
</div><!-- /.navbar-collapse -->
|
|
|
|
</div>
|
|
|
|
<!-- /.navbar-collapse -->
|
|
|
|
|
|
|
|
|
|
|
|
</div><!-- /.container-fluid -->
|
|
|
|
</nav>
|
|
|
|
<div class="swiper-container" >
|
|
|
|
</div>
|
|
|
|
<!-- /.container-fluid -->
|
|
|
|
</nav>
|
|
|
|
<div class="swiper-container">
|
|
|
|
<div class="swiper-wrapper">
|
|
|
|
<div class="swiper-slide">
|
|
|
|
<img src="image/banner.png" alt="">
|
|
|
|
<!-- <div class="seenow">立即查看></div>-->
|
|
|
|
<!-- <div class="seenow">立即查看></div>-->
|
|
|
|
</div>
|
|
|
|
<div class="swiper-slide">
|
|
|
|
<img src="image/banner.png" alt="">
|
|
|
|
<!-- <div class="seenow">立即查看></div>-->
|
|
|
|
<!-- <div class="seenow">立即查看></div>-->
|
|
|
|
</div>
|
|
|
|
<div class="swiper-slide">
|
|
|
|
<img src="image/banner.png" alt="">
|
|
|
|
<!-- <div class="seenow">立即查看></div>-->
|
|
|
|
<!-- <div class="seenow">立即查看></div>-->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="swiper-pagination"></div><!--分页器。如果放置在swiper-container外面，需要自定义样式。-->
|
|
|
|
<div class="swiper-pagination"></div>
|
|
|
|
<!--分页器。如果放置在swiper-container外面，需要自定义样式。-->
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<!-- 关于我们-->
|
|
|
|
<div class="womencontainer">
|
|
|
|
</div>
|
|
|
|
<!-- 关于我们-->
|
|
|
|
<div class="womencontainer">
|
|
|
|
<div class="container">
|
|
|
|
|
|
|
|
<div class="row aboutwomen">
|
|
...
|
...
|
@@ -135,14 +139,7 @@ |
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="introtext">
|
|
|
|
天津小黄人智能科技有限公司是一家以工业自动化产品维修、
|
|
|
|
销售的高新科技企业，拥有专业发那科维修设备，完善的产品
|
|
|
|
检测设备和强大的售后团队。主要经营发那科设备检测平台搭建，
|
|
|
|
开通功能，发那科设备快修保养及销售，主要经营包括： 交流伺服
|
|
|
|
放大器、伺器电源、伺服电机、主轴电机、 编码器、手摇脉冲发生器
|
|
|
|
、 控制板，MDI 单元、操作面板、触摸屏等产品。
|
|
|
|
天津小黄人智能科技有限公司是一家以工业自动化产品维修、
|
|
|
|
销售的高新科技企
|
|
|
|
天津小黄人智能科技有限公司是一家以工业自动化产品维修、 销售的高新科技企业，拥有专业发那科维修设备，完善的产品 检测设备和强大的售后团队。主要经营发那科设备检测平台搭建， 开通功能，发那科设备快修保养及销售，主要经营包括： 交流伺服 放大器、伺器电源、伺服电机、主轴电机、 编码器、手摇脉冲发生器 、 控制板，MDI 单元、操作面板、触摸屏等产品。 天津小黄人智能科技有限公司是一家以工业自动化产品维修、 销售的高新科技企
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
...
|
...
|
@@ -150,10 +147,10 @@ |
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--我们的产品-->
|
|
|
|
<div class="ourproduct">
|
|
|
|
<!--我们的产品-->
|
|
|
|
<div class="ourproduct">
|
|
|
|
<div class="container">
|
|
|
|
<div class="proname">
|
|
|
|
<div class="pronametop">our product</div>
|
|
...
|
...
|
@@ -196,10 +193,10 @@ |
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--我们的优势-->
|
|
|
|
<div class="ouradvantage">
|
|
|
|
<!--我们的优势-->
|
|
|
|
<div class="ouradvantage">
|
|
|
|
<div class="neiadvantage">
|
|
|
|
<div class="container">
|
|
|
|
<div class="zhuanyetitle">
|
|
...
|
...
|
@@ -212,38 +209,37 @@ |
|
|
|
<img src="image/tuandui.png" alt="">
|
|
|
|
</div>
|
|
|
|
<div class="zhuanyename">专业的维修团队</div>
|
|
|
|
<div class="zhuantetext">基值支义们京候么眼革下使叫。南石很样好清少去准连究志议构。
|
|
|
|
调研而手开求况做体式达高心置过。装切此报列明子马世志再部增心。</div>
|
|
|
|
<div class="zhuantetext">基值支义们京候么眼革下使叫。南石很样好清少去准连究志议构。 调研而手开求况做体式达高心置过。装切此报列明子马世志再部增心。
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-4 col-sm-12">
|
|
|
|
<div class="uoushitop">
|
|
|
|
<img src="image/tuandui.png" alt="">
|
|
|
|
</div>
|
|
|
|
<div class="zhuanyename">专业的维修团队</div>
|
|
|
|
<div class="zhuantetext">基值支义们京候么眼革下使叫。南石很样好清少去准连究志议构。
|
|
|
|
调研而手开求况做体式达高心置过。装切此报列明子马世志再部增心。</div>
|
|
|
|
<div class="zhuantetext">基值支义们京候么眼革下使叫。南石很样好清少去准连究志议构。 调研而手开求况做体式达高心置过。装切此报列明子马世志再部增心。
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-4 col-sm-12">
|
|
|
|
<div class="uoushitop">
|
|
|
|
<img src="image/tuandui.png" alt="">
|
|
|
|
</div>
|
|
|
|
<div class="zhuanyename">专业的维修团队</div>
|
|
|
|
<div class="zhuantetext">基值支义们京候么眼革下使叫。南石很样好清少去准连究志议构。
|
|
|
|
调研而手开求况做体式达高心置过。装切此报列明子马世志再部增心。</div>
|
|
|
|
<div class="zhuantetext">基值支义们京候么眼革下使叫。南石很样好清少去准连究志议构。 调研而手开求况做体式达高心置过。装切此报列明子马世志再部增心。
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--我们的宗旨-->
|
|
|
|
<div class="zongzhi">
|
|
|
|
<!--我们的宗旨-->
|
|
|
|
<div class="zongzhi">
|
|
|
|
|
|
|
|
<div class="zongzhitop">
|
|
|
|
<div class="zongzhitext">
|
|
|
|
本公司本着“诚信服务、合理价格”的宗旨
|
|
|
|
为新老客户提供优质服务
|
|
|
|
本公司本着“诚信服务、合理价格”的宗旨 为新老客户提供优质服务
|
|
|
|
</div>
|
|
|
|
<div class="huanghengxian"></div>
|
|
|
|
<div class="shuomingbox">
|
|
...
|
...
|
@@ -256,17 +252,17 @@ |
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--联系我们-->
|
|
|
|
<div class="connectus">
|
|
|
|
<!--联系我们-->
|
|
|
|
<div class="connectus">
|
|
|
|
<div class="connectopbox">
|
|
|
|
<div class="connectustop">contact us</div>
|
|
|
|
<div class="connectusname">联系我们</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="connectmap">
|
|
|
|
<div id="container" ></div>
|
|
|
|
<div id="container"></div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="connectlist">
|
|
...
|
...
|
@@ -316,28 +312,28 @@ |
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--底部信息-->
|
|
|
|
<div class="footer">
|
|
|
|
<!--底部信息-->
|
|
|
|
<div class="footer">
|
|
|
|
<ul class="footertop">
|
|
|
|
<li class="gsjs">公司介绍</li>
|
|
|
|
<li class="gsjs">产品系列</li>
|
|
|
|
<li class="gsjs">主要服务</li>
|
|
|
|
<li >联系我们</li>
|
|
|
|
<li>联系我们</li>
|
|
|
|
</ul>
|
|
|
|
<div class="footerbottom">小黄人智能科技有限公司主营：高速电机、同步伺服电机、大功率伺服电机、异步伺服电机等，质量可靠，价格公道，欢迎选购。沪公网安备 31011202006407号</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--客服-->
|
|
|
|
<div class="kefubox">
|
|
|
|
<!--客服-->
|
|
|
|
<div class="kefubox">
|
|
|
|
<div class="kefutop">
|
|
|
|
<img src="image/kefu.png" alt="">
|
|
|
|
</div>
|
|
|
|
<div class="kefutop dingbu">
|
|
|
|
<img src="image/top.png" alt="">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
...
|
...
|
@@ -347,9 +343,7 @@ |
|
|
|
<script type="text/javascript" src="js/swiperfour.min.js"></script>
|
|
|
|
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.2&key=735d888fa7a9599eea4de210edc32335"></script>
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
|
|
var mySwiper = new Swiper ('.swiper-container', {
|
|
|
|
var mySwiper = new Swiper('.swiper-container', {
|
|
|
|
|
|
|
|
loop: true,
|
|
|
|
// autoplay:true,
|
|
...
|
...
|
@@ -363,7 +357,7 @@ |
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
$("a").mouseenter(function(){
|
|
|
|
$("a").mouseenter(function() {
|
|
|
|
console.log(9999)
|
|
|
|
$(this).addClass("navactive");
|
|
|
|
$(this).parents("li").siblings("li").children("a").removeClass("navactive")
|
|
...
|
...
|
@@ -374,14 +368,13 @@ |
|
|
|
|
|
|
|
var map = new AMap.Map('container', {
|
|
|
|
resizeEnable: true,
|
|
|
|
center:[116.480983, 39.989628],
|
|
|
|
zoom:11
|
|
|
|
center: [116.480983, 39.989628],
|
|
|
|
zoom: 11
|
|
|
|
});
|
|
|
|
AMap.plugin('AMap.ToolBar',function(){
|
|
|
|
AMap.plugin('AMap.ToolBar', function() {
|
|
|
|
var toolbar = new AMap.ToolBar();
|
|
|
|
map.addControl(toolbar)
|
|
|
|
})
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
</html> |
|
|
\ No newline at end of file |
...
|
...
|
|
