修改荣誉资质轮播图

about.html

@@ -63,7 +63,7 @@
     <!-- 公司宣传视频 -->
     <div class="first_video">
         <video id="company_video" src="http://qjvideo.oss-cn-beijing.aliyuncs.com/2019%E5%B9%B4%E5%AE%A3%E4%BC%A0%E7%89%87-0107_x264.mp4"
-            poster="./images/company_show_img.jpg" autoplay preload="preload" controls="controls"></video>
+            poster="./images/company_show_img.png" autoplay preload="preload" controls="controls"></video>
     </div>
     <!-- 视差滚动 -->
     <div class="main" id="main">

css/index.css

@@ -252,7 +252,7 @@
 #sidebar .code_img {
     position: absolute;
     top: 0px;
-    right: 68px;
+    right: 0px;
     z-index: -999;
     padding: 6px;
     background: #24b298;
@@ -1561,11 +1561,28 @@
     left: 0;
     height: 100%;
 }
+#honor .swiper-slide-active .imgmask {
+    position: absolute;
+    width: 100%;
+    background:transparent;
+    top: 0;
+    left: 0;
+    height: 100%;
+}
+#honor .swiper-slide.swiper-slide-next{
+    box-shadow: darkgrey 0px 1px 13px 3px;
+}
+#honor .swiper-slide.swiper-slide-active{
+    box-shadow: darkgrey 0px 0px 3px 3px;
+}
+#honor .swiper-slide.swiper-slide-prev{
+    box-shadow: darkgrey 0px 1px 13px 3px;
+}
 #honor .swiper-slide {
     width: 600px;
     height: 450px;
     background: #fff;
-    box-shadow: darkgrey 2px 2px 22px 4px;
+    box-shadow: darkgrey 1px 1px 15px 0px;
 }
 
 #honor .swiper-slide img {
@@ -1592,17 +1609,20 @@
     left: 130px;
     width: 45px;
     height: 45px;
-    background: url(../images/button_prev.png) no-repeat;
+    background: url('../images/button_prev.png') no-repeat;
     background-position: 0 0;
     background-size: 100%;
     z-index: 999;
 }
-
+#honor .swiper-button-prev:focus,
+#honor .swiper-button-next:focus{
+    outline: none;
+}
 #honor .swiper-button-next {
     right: 130px;
     width: 45px;
     height: 45px;
-    background: url(../images/button_next.png) no-repeat;
+    background: url('../images/button_next.png') no-repeat;
     background-position: 0 0;
     background-size: 100%;
     z-index: 999;

js/index.js

@@ -313,11 +313,11 @@ window.onload = function () {
     common();
 
     // 荣誉资质轮播图
-    
-    let content = ["<h5>2018年12月千家地产被授予<strong>河北省住宅与房地产业协会副会长单位</strong></h5>",
-    "<h5>千家地产董事长宋山担任<strong>河北省住宅与房地产业协会副会长</strong></h5>",
-    "<h5>2018年1月千家房地产获得了河北省住宅与房地产业协会授予的<strong>“年度诚信房地产经营机构”</strong></h5>",
-    "<h5>千家地产人才需求涉及到多个专业，我们也愿意为拥有梦想的学子提供学习的平台和未来工作的机会。</h5>",
+    let content = [
+        "<h5>2018年12月千家地产被授予<strong>河北省住宅与房地产业协会副会长单位</strong></h5>",
+        "<h5>千家地产董事长宋山担任<strong>河北省住宅与房地产业协会副会长</strong></h5>",
+        "<h5>2018年1月千家房地产获得了河北省住宅与房地产业协会授予的<strong>“年度诚信房地产经营机构”</strong></h5>",
+        "<h5>千家地产人才需求涉及到多个专业，我们也愿意为拥有梦想的学子提供学习的平台和未来工作的机会。</h5>",
         "<h5>2018年11月千家地产与唐山学院达成战略合作，成为<strong>唐山学院首家大学生人才培养基地</strong>，并与各大高校达成战略合作关系</h5>"];
     
     certifySwiper = new Swiper('#honor .swiper-container', {
@@ -364,7 +364,6 @@ window.onload = function () {
                     var slide = this.slides.eq(i)
                     slide.transition(transition);
                 }
-
             },
             slideNextTransitionEnd: function () {
                 $('.honor_content').html(content[$('.swiper-slide-active').attr('data-swiper-slide-index')]);