|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="zh-CN">
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
...
|
...
|
@@ -7,39 +7,225 @@ |
|
|
|
<title>首页</title>
|
|
|
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
|
|
|
<link rel="stylesheet" href="css/base.css">
|
|
|
|
<link rel="stylesheet" href="css/swiperthree.css">
|
|
|
|
<link rel="stylesheet" href="css/swiperfour.css">
|
|
|
|
<link rel="stylesheet" href="css/common.css">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="container">
|
|
|
|
<div class="swiper-container">
|
|
|
|
<div class="swiper-wrapper">
|
|
|
|
<div class="swiper-slide">
|
|
|
|
<img src="image/banner.png" alt="">
|
|
|
|
|
|
|
|
<!--头部导航-->
|
|
|
|
<nav id="common-nav" class="navbar navbar-inverse navbar-fixed-top">
|
|
|
|
<div class="container containerbox">
|
|
|
|
<!-- Brand and toggle get grouped for better mobile display -->
|
|
|
|
<div class="navbar-header">
|
|
|
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
|
|
|
<span class="sr-only">Toggle navigation</span>
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
</button>
|
|
|
|
<div class="toubu">
|
|
|
|
<img class="navbar-logo" src="image/logo.png">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- Collect the nav links, forms, and other content for toggling -->
|
|
|
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
|
|
<div class="nav navbar-nav navbar-right phonelist">
|
|
|
|
<div class="phoneimg">
|
|
|
|
<img src="image/phone.png" alt="">
|
|
|
|
</div>
|
|
|
|
<div class="phonenum">022-89999999</div>
|
|
|
|
<div class="shuru">
|
|
|
|
<div class="entershu">
|
|
|
|
<input type="text">
|
|
|
|
</div>
|
|
|
|
<div class="souimg">
|
|
|
|
<img src="image/sousuo.png" alt="">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="qiehuan">EN</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<ul class="nav navbar-nav navbar-right navtou">
|
|
|
|
<li>
|
|
|
|
<a href="{:url('portal/invitePeople/viewOfPeople')}">
|
|
|
|
联系我们
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a href="">
|
|
|
|
资料下载
|
|
|
|
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a href="">
|
|
|
|
主要服务
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a href="" >
|
|
|
|
产品系列
|
|
|
|
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a href="">
|
|
|
|
公司介绍
|
|
|
|
</a>
|
|
|
|
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a href="" class="navactive">网站首页</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
</div><!-- /.navbar-collapse -->
|
|
|
|
|
|
|
|
|
|
|
|
</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>
|
|
|
|
<div class="swiper-slide">
|
|
|
|
<img src="image/banner.png" alt="">
|
|
|
|
<!-- <div class="seenow">立即查看></div>-->
|
|
|
|
</div>
|
|
|
|
<div class="swiper-slide">
|
|
|
|
<img src="image/banner.png" alt="">
|
|
|
|
<!-- <div class="seenow">立即查看></div>-->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="swiper-pagination"></div><!--分页器。如果放置在swiper-container外面，需要自定义样式。-->
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<!-- 关于我们-->
|
|
|
|
<div class="womencontainer">
|
|
|
|
<div class="container">
|
|
|
|
|
|
|
|
<div class="row aboutwomen">
|
|
|
|
<div class="col-md-6 col-sm-12">
|
|
|
|
<div class="beyellow">
|
|
|
|
<div class="beiimg">
|
|
|
|
<img src="image/beijing.png" alt="">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-6 col-sm-12">
|
|
|
|
<div class="guanyuour">
|
|
|
|
<div class="guanyuourtop">ABOUT US</div>
|
|
|
|
<div class="guanyuourbottom">关于我们</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="introtext">
|
|
|
|
天津小黄人智能科技有限公司是一家以工业自动化产品维修、
|
|
|
|
销售的高新科技企业，拥有专业发那科维修设备，完善的产品
|
|
|
|
检测设备和强大的售后团队。主要经营发那科设备检测平台搭建，
|
|
|
|
开通功能，发那科设备快修保养及销售，主要经营包括： 交流伺服
|
|
|
|
放大器、伺器电源、伺服电机、主轴电机、 编码器、手摇脉冲发生器
|
|
|
|
、 控制板，MDI 单元、操作面板、触摸屏等产品。
|
|
|
|
天津小黄人智能科技有限公司是一家以工业自动化产品维修、
|
|
|
|
销售的高新科技企
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="seegengduo">查看更多>></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--我们的产品-->
|
|
|
|
<div class="ourproduct">
|
|
|
|
<div class="container">
|
|
|
|
<div class="proname">
|
|
|
|
<div class="pronametop">our product</div>
|
|
|
|
<div class="pronamebottom">我们的产品</div>
|
|
|
|
</div>
|
|
|
|
<div class="row pronum">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<div class="protoppic">
|
|
|
|
<img src="image/xitong.png" alt="">
|
|
|
|
</div>
|
|
|
|
<div class="propicbottom">
|
|
|
|
<div class="propicname">
|
|
|
|
系统
|
|
|
|
</div>
|
|
|
|
<div class="propictext">0i系统、18i-21i系统、31i-32i系统、显示器</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="swiper-slide">
|
|
|
|
<img src="image/banner.png" alt="">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<div class="protoppic">
|
|
|
|
<img src="image/dianji.png" alt="">
|
|
|
|
</div>
|
|
|
|
<div class="propicbottom">
|
|
|
|
<div class="propicname">
|
|
|
|
电机
|
|
|
|
</div>
|
|
|
|
<div class="propictext">主轴电机、伺服电机</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="swiper-slide">
|
|
|
|
<img src="image/banner.png" alt="">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<div class="protoppic">
|
|
|
|
<img src="image/qudongqi.png" alt="">
|
|
|
|
</div>
|
|
|
|
<div class="propicbottom">
|
|
|
|
<div class="propicname">
|
|
|
|
驱动器
|
|
|
|
</div>
|
|
|
|
<div class="propictext">电源驱动、主轴驱动、伺服驱动、一体化驱动</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="swiper-pagination"></div><!--分页器。如果放置在swiper-container外面，需要自定义样式。-->
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--客服-->
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
|
|
|
|
<script type="text/javascript" src="js/bootstrap.min.js"></script>
|
|
|
|
<script type="text/javascript" src="js/swiper4.min.js"></script>
|
|
|
|
<script type="text/javascript" src="js/swiperfour.min.js"></script>
|
|
|
|
<script>
|
|
|
|
var mySwiper = new Swiper('.swiper-container',{
|
|
|
|
|
|
|
|
|
|
|
|
var mySwiper = new Swiper ('.swiper-container', {
|
|
|
|
|
|
|
|
loop: true,
|
|
|
|
// autoplay:true,
|
|
|
|
|
|
|
|
// duration:1000,
|
|
|
|
// 如果需要分页器
|
|
|
|
pagination: {
|
|
|
|
el: '.swiper-pagination',
|
|
|
|
clickable :true,
|
|
|
|
loop : true,
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
$("a").mouseenter(function(){
|
|
|
|
console.log(9999)
|
|
|
|
$(this).addClass("navactive");
|
|
|
|
$(this).parents("li").siblings("li").children("a").removeClass("navactive")
|
|
|
|
})
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
</html> |
...
|
...
|
|
