fenzhi

刘晓艳
index.html
--- a/index.html
查看文件 @197edb8
+++ b/index.html
查看文件 @197edb8
 <!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>