处理轮播图

css/index.css

@@ -568,7 +568,6 @@
 /* 天网系统 */
 #skynet{
     height: 600px;
-    width: 1920px;
     background: url(../images/skynet_img.png)no-repeat center;
     margin: 40px auto;
     text-align: center;
@@ -619,7 +618,6 @@
     font-weight: Regular;
 }
 #hover{
-    width: 1920px;
     height: 180px;
     margin: 0 auto;
 }
@@ -664,7 +662,7 @@
 }
 #hover .doublemint{
     display: block;
-    margin-left: 426px;
+    margin: auto;
     width: 1166px;
 }
 
@@ -717,13 +715,22 @@
     color:#eaeced;
 }
 .carousel-control-prev{
-    left: -200px!important;
+    left: -180px!important;
     opacity: 1!important;
+    
 }
 .carousel-control-next{
-    right: -200px!important;
+    right: -180px!important;
     opacity: 1!important;
 }
+@media (max-width: 1200px) {
+    .carousel-control-prev {
+      display: none !important;
+    }
+    .carousel-control-next {
+        display: none !important;
+    }
+  }
 /* 招贤纳士 */
 #department{
     position: relative;

index.html

@@ -215,27 +215,27 @@
                 </div>
                 <div class="number eleventh_num">
                     <strong>6</strong>
-                    <sapn>万套精品房源</sapn>
+                    <span>万套精品房源</span>
                 </div>
             </div>
         </div>
     </div>
     <!-- 天网体系 -->
     <div id="department" class="main_body">
-        <div class="main_body">
+        <div>
             <div class="model_top">
                 <div class="model_title wow animated fadeInUp">天网体系</div>
                 <p class="model_eng wow animated fadeInUp">SKYNET SYSTEM</p>
             </div>
         </div>
     </div> 
-    <div id="skynet" class="wow">
+    <div id="skynet" class="wow main_body" >
         <div class="test">
             <div class="donkey">天网监察体系</div>
             <div class="sunspot">稽核中心 +MIS</div>
         </div>
     </div>
-    <div id="hover">
+    <div id="hover" class="main_body">
         <ul>
             <li>新增房源<br>系统验真<span class="arrow"></span></li>
             <li>信息中心<br>核实<span class="arrow"></span></li>
@@ -247,8 +247,8 @@
             <li>过户<br>审核<span class="arrow"></span></li>
             <li>贷款<br>审核<span class="arrow"></span></li>
             <li>财务<br>审核<span class="arrow"></span></li>
-        </ul>
-        <img class="doublemint" src="./images/Doublemint.png">
+        </ul> 
+        <img class="doublemint"  src="./images/Doublemint.png">
     </div>
     <!-- 部门体系 -->
     <div id="department" class="main_body">
@@ -258,7 +258,7 @@
                 <p class="model_eng wow animated fadeInUp">DEPARTMENT</p>
             </div>
         </div>  
-        <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
+        <div id="carouselExampleConta" class="carousel slide" data-ride="carousel" data-pause="string">
             <div class="carousel-inner">
                 <div class="carousel-item active video_box">
                     <ul>
@@ -409,11 +409,11 @@
                     </ul>
                 </div> 
             </div>
-                <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
+                <a class="carousel-control-prev" href="#carouselExampleConta" role="button" data-slide="prev">
                     <img src="./images/jianleft.png">
                     <span class="sr-only">Previous</span>
                 </a>
-                <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
+                <a class="carousel-control-next" href="#carouselExampleConta" role="button" data-slide="next">
                     <img src="./images/jianright.png">
                     <span class="sr-only">Next</span>
                 </a>

js/index.js

@@ -62,6 +62,23 @@ window.onload = function () {
         home_scroll()
         scroll()
     }
+    // 轮播鼠标移上事件
+    var video_box = $("#carouselExampleConta");
+    var vides_box = $("#carouselExampleConta ul");
+    video_box.mouseenter(function() {
+        $(this).carousel('pause')
+        mouseenter.stopImmediatePropagation();
+    })
+    video_box.mouseout(function () {
+
+        console.log(1233524545)
+        // $(this).carousel('cycle')
+    })
+    // video_box.addEventListener("mouseout",function(){
+    //     // alert("second");
+    //     console.log(1233524545)
+    //     event.stopImmediatePropagation();
+    // },true); 
     // 招聘热线 文字跳动
     var tel_content = document.getElementById("tel_content");
     var move_span = tel_content.getElementsByTagName("span")