bgimg

baee7005 · 邓丽 · 0f655d08 · baee7005 · baee7005 · baee7005
Commit baee7005 authored Sep 22, 2016 by 邓丽
56 changed files
--- a/dist/css/index.css
+++ b/dist/css/index.css
@@ -312,7 +312,7 @@ html {
 }
 body {
  font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
-  font-size: 1rem;
+  /*  font-size: 1rem;*/
  line-height: 1.5;
  background: #fff;
  color: #353535;
@@ -368,6 +368,10 @@ ul {
 }
 /* Forms
   ========================================================================== */
+/**
+ * 1. Change the font styles in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
 textarea {
  resize: none;
 }
@@ -375,7 +379,7 @@ input,
 textarea {
  outline: none;
  border: none;
-  /*  -webkit-appearance : none;*/
+  -webkit-appearance: none;
 }
 button,
 input,
@@ -432,6 +436,9 @@ button::-moz-focus-inner,
  padding: 0;
 }
 /**
+ * Restore the focus styles unset by the previous rule.
+ */
+/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
 fieldset {
@@ -510,6 +517,10 @@ textarea {
 [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
 }
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
 /* HTML5 display definitions
   ========================================================================== */
 article,
@@ -609,31 +620,31 @@ th {
 }
 .serveType > ul li > span .serveIcon2 {
  background-image: url(../img/icon/icon.png);
-  background-position: -280px -279px;
+  background-position: -224px -279px;
  width: 56px;
  height: 56px;
 }
 .serveType > ul li > span .serveIcon3 {
  background-image: url(../img/icon/icon.png);
-  background-position: -224px -279px;
+  background-position: -280px -279px;
  width: 56px;
  height: 56px;
 }
 .serveType > ul li > span .serveIcon4 {
  background-image: url(../img/icon/icon.png);
-  background-position: -112px -279px;
+  background-position: -56px -279px;
  width: 56px;
  height: 56px;
 }
 .serveType > ul li > span .serveIcon5 {
  background-image: url(../img/icon/icon.png);
-  background-position: -56px -279px;
+  background-position: 0px -279px;
  width: 56px;
  height: 56px;
 }
 .serveType > ul li > span .serveIcon6 {
  background-image: url(../img/icon/icon.png);
-  background-position: 0px -279px;
+  background-position: -112px -279px;
  width: 56px;
  height: 56px;
 }
@@ -684,28 +695,28 @@ th {
 .ourEdge > ul li > span .edgeIcon2 {
  display: inline-block;
  background-image: url(../img/icon/icon.png);
-  background-position: -279px -186px;
+  background-position: -279px 0px;
  width: 93px;
  height: 93px;
 }
 .ourEdge > ul li > span .edgeIcon3 {
  display: inline-block;
  background-image: url(../img/icon/icon.png);
-  background-position: 0px -186px;
+  background-position: -279px -185px;
  width: 93px;
-  height: 93px;
+  height: 92px;
 }
 .ourEdge > ul li > span .edgeIcon4 {
  display: inline-block;
  background-image: url(../img/icon/icon.png);
-  background-position: -186px -186px;
+  background-position: 0px -186px;
  width: 93px;
  height: 93px;
 }
 .ourEdge > ul li > span .edgeIcon5 {
  display: inline-block;
  background-image: url(../img/icon/icon.png);
-  background-position: -279px 0px;
+  background-position: -93px -186px;
  width: 93px;
  height: 93px;
 }
@@ -749,14 +760,14 @@ th {
 .ourEdge > ul li:hover > span .edgeIcon3 {
  display: inline-block;
  background-image: url(../img/icon/icon.png);
-  background-position: -93px -186px;
+  background-position: -279px -93px;
  width: 93px;
-  height: 93px;
+  height: 92px;
 }
 .ourEdge > ul li:hover > span .edgeIcon4 {
  display: inline-block;
  background-image: url(../img/icon/icon.png);
-  background-position: -279px -93px;
+  background-position: -186px -186px;
  width: 93px;
  height: 93px;
 }
@@ -1679,9 +1690,23 @@ article.case section:after {
  width: 1200px;
  height: 565px;
  overflow: hidden;
-  background: url("../img/bgBanner.jpg");
+  position: relative;
  margin-bottom: 30px;
 }
+.activity .title .bannerBg .bgImg {
+  position: absolute;
+  z-index: -1;
+  margin: 0 auto;
+  width: 1200px;
+  height: 565px;
+  overflow: hidden;
+}
+.activity .title .bannerBg .bgImg img {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+  object-fit: cover;
+}
 .activity .title .bannerBg .logo {
  margin: 0 auto;
  width: 140px;

--- a/dist/css/jcarousellite.css
+++ b/dist/css/jcarousellite.css
@@ -312,7 +312,7 @@ html {
 }
 body {
  font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
-  font-size: 1rem;
+  /*  font-size: 1rem;*/
  line-height: 1.5;
  background: #fff;
  color: #353535;
@@ -368,6 +368,10 @@ ul {
 }
 /* Forms
   ========================================================================== */
+/**
+ * 1. Change the font styles in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
 textarea {
  resize: none;
 }
@@ -375,7 +379,7 @@ input,
 textarea {
  outline: none;
  border: none;
-  /*  -webkit-appearance : none;*/
+  -webkit-appearance: none;
 }
 button,
 input,
@@ -432,6 +436,9 @@ button::-moz-focus-inner,
  padding: 0;
 }
 /**
+ * Restore the focus styles unset by the previous rule.
+ */
+/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
 fieldset {
@@ -510,6 +517,10 @@ textarea {
 [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
 }
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
 /* HTML5 display definitions
   ========================================================================== */
 article,
@@ -620,7 +631,7 @@ th {
 }
 .cooperation a.prev.disabled {
  background-image: url(../img/icon/icon.png);
-  background-position: -372px 0px;
+  background-position: -372px -104px;
  width: 27px;
  height: 52px;
 }
@@ -636,8 +647,8 @@ th {
 }
 .cooperation a.next.disabled {
  background-image: url(../img/icon/icon.png);
-  background-position: -372px -104px;
+  background-position: -336px -279px;
-  width: 26px;
+  width: 27px;
  height: 52px;
 }
 #jcl-demo a.prev:hover,

--- a/dist/css/largeSlides.css
+++ b/dist/css/largeSlides.css
@@ -312,7 +312,7 @@ html {
 }
 body {
  font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
-  font-size: 1rem;
+  /*  font-size: 1rem;*/
  line-height: 1.5;
  background: #fff;
  color: #353535;
@@ -368,6 +368,10 @@ ul {
 }
 /* Forms
   ========================================================================== */
+/**
+ * 1. Change the font styles in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
 textarea {
  resize: none;
 }
@@ -375,7 +379,7 @@ input,
 textarea {
  outline: none;
  border: none;
-  /*  -webkit-appearance : none;*/
+  -webkit-appearance: none;
 }
 button,
 input,
@@ -432,6 +436,9 @@ button::-moz-focus-inner,
  padding: 0;
 }
 /**
+ * Restore the focus styles unset by the previous rule.
+ */
+/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
 fieldset {
@@ -510,6 +517,10 @@ textarea {
 [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
 }
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
 /* HTML5 display definitions
   ========================================================================== */
 article,
@@ -689,7 +700,7 @@ h3 {
  margin-top: -45px;
  display: inline-block;
  background-image: url(../img/icon/icon.png);
-  background-position: -336px -279px;
+  background-position: -372px -52px;
  width: 27px;
  height: 52px;
 }
@@ -701,7 +712,7 @@ h3 {
  right: 38px;
  display: inline-block;
  background-image: url(../img/icon/icon.png);
-  background-position: -372px -52px;
+  background-position: -372px 0px;
  width: 27px;
  height: 52px;
 }

--- a/dist/html/aboutUs.html
+++ b/dist/html/aboutUs.html
@@ -10,7 +10,7 @@
    <meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
    <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
    <title>关于我们-企视录官网</title>
-    <link href="../../logo_128.ico" rel="Shortcut Icon">
+       <link href="logo_128.ico" rel="Shortcut Icon">
    <link rel="stylesheet" href="../css/index.css">
 </head>

--- a/dist/html/case.html
+++ b/dist/html/case.html
@@ -10,7 +10,7 @@
    <meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
    <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
    <title>案例-企视录官网</title>
-    <link href="../../logo_128.ico" rel="Shortcut Icon">
+       <link href="logo_128.ico" rel="Shortcut Icon">
    <link rel="stylesheet" href="../css/index.css">
 </head>

--- a/dist/html/caseDetails.html
+++ b/dist/html/caseDetails.html
@@ -10,7 +10,7 @@
    <meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
    <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
    <title>企视录官网</title>
-    <link href="../../logo_128.ico" rel="Shortcut Icon">
+       <link href="logo_128.ico" rel="Shortcut Icon">
    <link rel="stylesheet" href="../css/index.css">
 </head>

--- a/dist/html/caseSpecific.html
+++ b/dist/html/caseSpecific.html
@@ -10,7 +10,7 @@
    <meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
    <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
    <title>企视录官网</title>
-    <link href="../../logo_128.ico" rel="Shortcut Icon">
+       <link href="logo_128.ico" rel="Shortcut Icon">
    <link rel="stylesheet" href="../css/index.css">
 </head>

--- a/dist/html/gal_activity.html
+++ b/dist/html/gal_activity.html
@@ -10,7 +10,7 @@
    <meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
    <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
    <title>企视录官网</title>
-    <link href="../../logo_128.ico" rel="Shortcut Icon">
+       <link href="logo_128.ico" rel="Shortcut Icon">
    <link rel="stylesheet" href="../css/jcarousellite.css">
    <link rel="stylesheet" href="../css/index.css">
@@ -46,6 +46,7 @@
    <!--title-->
    <section class="title">
        <div class="bannerBg">
+            <div class="bgImg"><img src="../img/bgBanner.jpg" alt=""/></div>
            <div class="logo">
                <img src="" alt=""/>
            </div>
@@ -300,7 +301,6 @@
               </div>
           </li>
       </ul>
-        <input type="text" value="" id="text"/>
    </section>
 </article>
 <!--引入公用版权部分-->

--- a/dist/html/gal_activityDetails.html
+++ b/dist/html/gal_activityDetails.html
@@ -10,7 +10,7 @@
    <meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
    <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
    <title>企视录官网</title>
-    <link href="../../logo_128.ico" rel="Shortcut Icon">
+       <link href="logo_128.ico" rel="Shortcut Icon">
    <link rel="stylesheet" href="../css/index.css">
 </head>

--- a/dist/html/gallery.html
+++ b/dist/html/gallery.html
@@ -10,7 +10,7 @@
    <meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
    <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
    <title>企业图库-企视录官网</title>
-    <link href="../../logo_128.ico" rel="Shortcut Icon">
+       <link href="logo_128.ico" rel="Shortcut Icon">
    <link rel="stylesheet" href="../css/largeSlides.css">
    <link rel="stylesheet" href="../css/index.css">
 </head>
@@ -269,10 +269,10 @@
 <!--分页参数配置-->
 <script type="text/javascript">
    $(function(){$(".pageDiv").createPage({
-        pageCount:9,//总页数
+        pageCount:2,//总页数
        current:1,//当前页
        turndown:'true',//是否显示跳转框，显示为true，不现实为false,一定记得加上引号...
-        backFn:function(p){
+        backFn:function(p,args){
            console.log(p);
        }
    });

--- a/dist/html/index.html
+++ b/dist/html/index.html
@@ -10,7 +10,7 @@
    <meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
    <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
    <title>企视录官网</title>
-    <link href="../../logo_128.ico" rel="Shortcut Icon">
+       <link href="logo_128.ico" rel="Shortcut Icon">
    <link rel="stylesheet" href="../css/largeSlides.css">
    <link rel="stylesheet" href="../css/jcarousellite.css">

--- a/dist/html/linkUs.html
+++ b/dist/html/linkUs.html
@@ -10,7 +10,7 @@
    <meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
    <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
    <title>企视录官网</title>
-    <link href="../../logo_128.ico" rel="Shortcut Icon">
+       <link href="logo_128.ico" rel="Shortcut Icon">
    <link rel="stylesheet" href="../css/index.css">
 </head>

--- a/dist/html/login.html
+++ b/dist/html/login.html
@@ -10,7 +10,7 @@
    <meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
    <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
    <title>企视录官网</title>
-    <link href="../../logo_128.ico" rel="Shortcut Icon">
+       <link href="logo_128.ico" rel="Shortcut Icon">
    <link rel="stylesheet" href="../css/index.css">
 </head>

--- a/dist/html/logo.html
+++ b/dist/html/logo.html
@@ -10,7 +10,7 @@
    <meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
    <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
    <title>企视录官网</title>
-    <link href="../../logo_128.ico" rel="Shortcut Icon">
+       <link href="logo_128.ico" rel="Shortcut Icon">
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/jquery-1.11.1.js"></script>
 </head>

--- a/dist/html/privacy.html
+++ b/dist/html/privacy.html
@@ -10,7 +10,7 @@
    <meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
    <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
    <title>隐私政策-企视录官网</title>
-    <link href="../../logo_128.ico" rel="Shortcut Icon">
+       <link href="logo_128.ico" rel="Shortcut Icon">
    <link rel="stylesheet" href="../css/index.css">
 </head>

--- a/dist/html/works.html
+++ b/dist/html/works.html
@@ -10,7 +10,7 @@
    <meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
    <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
    <title>工作机会-企视录官网</title>
-    <link href="../../logo_128.ico" rel="Shortcut Icon">
+       <link href="logo_128.ico" rel="Shortcut Icon">
    <link rel="stylesheet" href="../css/index.css">
 </head>

--- a/dist/img/icon/icon.png
+++ b/dist/img/icon/icon.png
--- a/dist/js/jquery.page.js
+++ b/dist/js/jquery.page.js
@@ -96,9 +96,11 @@
 					var page = $("span.countYe input").val();
 					if(page>args.pageCount){
 						alert("您的输入有误，请重新输入！");
-					}
+					}else if(typeof(args.backFn)=="function"){
+                        args.backFn(page);
+                    }
 					ms.fillHtml(obj,{"current":page,"pageCount":args.pageCount,"turndown":args.turndown});
-					/*if(typeof(args.backFn)=="function"){
+		/*			if(typeof(args.backFn)=="function"){
 						args.backFn(current+1);
 					}*/
 				});

--- a/src/img/icon/Icon1.png
+++ b/src/img/icon/Icon1.png
--- a/src/img/icon/Icon2.png
+++ b/src/img/icon/Icon2.png
--- a/src/img/icon/Icon3.png
+++ b/src/img/icon/Icon3.png
--- a/src/img/icon/Icon4.png
+++ b/src/img/icon/Icon4.png
--- a/src/img/icon/Icon5.png
+++ b/src/img/icon/Icon5.png
--- a/src/img/icon/Icon6.png
+++ b/src/img/icon/Icon6.png
--- a/src/img/icon/Shape_a.png
+++ b/src/img/icon/Shape_a.png
--- a/src/img/icon/Shape_aa.png
+++ b/src/img/icon/Shape_aa.png
--- a/src/img/icon/leftGray.jpg
+++ b/src/img/icon/leftGray.jpg
--- a/src/img/icon/leftGray.png
+++ b/src/img/icon/leftGray.png
--- a/src/img/icon/rightGray.jpg
+++ b/src/img/icon/rightGray.jpg
--- a/src/img/icon/rightGray.png
+++ b/src/img/icon/rightGray.png
--- a/src/img/icon/shape_b.png
+++ b/src/img/icon/shape_b.png
--- a/src/img/icon/shape_bb.png
+++ b/src/img/icon/shape_bb.png
--- a/src/img/icon/shape_c.png
+++ b/src/img/icon/shape_c.png
--- a/src/img/icon/shape_cc.png
+++ b/src/img/icon/shape_cc.png
--- a/src/img/icon/shape_d.png
+++ b/src/img/icon/shape_d.png
--- a/src/img/icon/shape_dd.png
+++ b/src/img/icon/shape_dd.png
--- a/src/img/icon/shape_e.png
+++ b/src/img/icon/shape_e.png
--- a/src/img/icon/shape_ee.png
+++ b/src/img/icon/shape_ee.png
--- a/src/img/icon/shape_f.png
+++ b/src/img/icon/shape_f.png
--- a/src/img/icon/shape_ff.png
+++ b/src/img/icon/shape_ff.png
--- a/src/js/jquery.page.js
+++ b/src/js/jquery.page.js
@@ -96,9 +96,11 @@
 					var page = $("span.countYe input").val();
 					if(page>args.pageCount){
 						alert("您的输入有误，请重新输入！");
-					}
+					}else if(typeof(args.backFn)=="function"){
+                        args.backFn(page);
+                    }
 					ms.fillHtml(obj,{"current":page,"pageCount":args.pageCount,"turndown":args.turndown});
-					/*if(typeof(args.backFn)=="function"){
+		/*			if(typeof(args.backFn)=="function"){
 						args.backFn(current+1);
 					}*/
 				});

--- a/src/less/common/base.less
+++ b/src/less/common/base.less
@@ -23,7 +23,7 @@ html {
 }
 body {
  font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
-  font-size: 1rem;
+/*  font-size: 1rem;*/
  line-height: 1.5;
  background: #fff;
  color: #353535;
@@ -78,16 +78,25 @@ ol,
 ul {
  list-style: none;
 }
 /* Forms
   ========================================================================== */
- textarea {
-   resize: none;
+/**
- }
+ * 1. Change the font styles in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
+textarea {
+  resize: none;
+}
 input, textarea {
  outline: none;
  border: none;
-/*  -webkit-appearance : none;*/
+  -webkit-appearance : none;
 }
 button,
 input,
 optgroup,
@@ -143,20 +152,28 @@ button::-moz-focus-inner,
  border-style: none;
  padding: 0;
 }
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
 /**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
 fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
 }
 /**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
 legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
@@ -165,52 +182,71 @@ legend {
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
 }
 /**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
 progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
 }
 /**
 * Remove the default vertical scrollbar in IE.
 */
 textarea {
  overflow: auto;
 }
 /**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
 [type="checkbox"],
 [type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
 }
 /**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
  height: auto;
 }
 /**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
 [type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
 }
 /**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
 [type="search"]::-webkit-search-cancel-button,
 [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
 }
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
 /* HTML5 display definitions
   ========================================================================== */
 article,
@@ -227,6 +263,7 @@ section,
 summary {
  display: block;
 }
 //
 // 1. Correct `inline-block` display not defined in IE 8/9.
 // 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
@@ -238,6 +275,7 @@ video {
  display: inline-block; // 1
  vertical-align: baseline; // 2
 }
 //
 // Prevent modern browsers from displaying `audio` without controls.
 // Remove excess height in iOS 5 devices.
@@ -246,6 +284,7 @@ audio:not([controls]) {
  display: none;
  height: 0;
 }
 //
 // Address `[hidden]` styling not present in IE 8/9/10.
 // Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
@@ -254,6 +293,7 @@ audio:not([controls]) {
 template {
  display: none;
 }
 /* Text-level semantics
   ========================================================================== */
 em {
@@ -262,19 +302,23 @@ em {
 img {
  border: 0;
 }
 // Tables
 // ==========================================================================
 //
 // Remove most spacing between table cells.
 //
 table {
  border-collapse: collapse;
  border-spacing: 0;
 }
 td,
 th {
  padding: 0;
 }
 .hidden{
  display:none;
- }
+}
--- a/src/less/icon/icon.less
+++ b/src/less/icon/icon.less
@@ -23,82 +23,82 @@ At the bottom of this section, we provide information about the spritesheet itse
 @-icon1-image: '../img/icon/icon.png';
 @-icon1: 168px 279px -168px -279px 56px 56px 413px 382px '../img/icon/icon.png' 'Icon1';
 @-icon2-name: 'Icon2';
-@-icon2-x: 280px;
+@-icon2-x: 224px;
 @-icon2-y: 279px;
-@-icon2-offset-x: -280px;
+@-icon2-offset-x: -224px;
 @-icon2-offset-y: -279px;
 @-icon2-width: 56px;
 @-icon2-height: 56px;
 @-icon2-total-width: 413px;
 @-icon2-total-height: 382px;
 @-icon2-image: '../img/icon/icon.png';
-@-icon2: 280px 279px -280px -279px 56px 56px 413px 382px '../img/icon/icon.png' 'Icon2';
+@-icon2: 224px 279px -224px -279px 56px 56px 413px 382px '../img/icon/icon.png' 'Icon2';
 @-icon3-name: 'Icon3';
-@-icon3-x: 224px;
+@-icon3-x: 280px;
 @-icon3-y: 279px;
-@-icon3-offset-x: -224px;
+@-icon3-offset-x: -280px;
 @-icon3-offset-y: -279px;
 @-icon3-width: 56px;
 @-icon3-height: 56px;
 @-icon3-total-width: 413px;
 @-icon3-total-height: 382px;
 @-icon3-image: '../img/icon/icon.png';
-@-icon3: 224px 279px -224px -279px 56px 56px 413px 382px '../img/icon/icon.png' 'Icon3';
+@-icon3: 280px 279px -280px -279px 56px 56px 413px 382px '../img/icon/icon.png' 'Icon3';
 @-icon4-name: 'Icon4';
-@-icon4-x: 112px;
+@-icon4-x: 56px;
 @-icon4-y: 279px;
-@-icon4-offset-x: -112px;
+@-icon4-offset-x: -56px;
 @-icon4-offset-y: -279px;
 @-icon4-width: 56px;
 @-icon4-height: 56px;
 @-icon4-total-width: 413px;
 @-icon4-total-height: 382px;
 @-icon4-image: '../img/icon/icon.png';
-@-icon4: 112px 279px -112px -279px 56px 56px 413px 382px '../img/icon/icon.png' 'Icon4';
+@-icon4: 56px 279px -56px -279px 56px 56px 413px 382px '../img/icon/icon.png' 'Icon4';
 @-icon5-name: 'Icon5';
-@-icon5-x: 56px;
+@-icon5-x: 0px;
 @-icon5-y: 279px;
-@-icon5-offset-x: -56px;
+@-icon5-offset-x: 0px;
 @-icon5-offset-y: -279px;
 @-icon5-width: 56px;
 @-icon5-height: 56px;
 @-icon5-total-width: 413px;
 @-icon5-total-height: 382px;
 @-icon5-image: '../img/icon/icon.png';
-@-icon5: 56px 279px -56px -279px 56px 56px 413px 382px '../img/icon/icon.png' 'Icon5';
+@-icon5: 0px 279px 0px -279px 56px 56px 413px 382px '../img/icon/icon.png' 'Icon5';
 @-icon6-name: 'Icon6';
-@-icon6-x: 0px;
+@-icon6-x: 112px;
 @-icon6-y: 279px;
-@-icon6-offset-x: 0px;
+@-icon6-offset-x: -112px;
 @-icon6-offset-y: -279px;
 @-icon6-width: 56px;
 @-icon6-height: 56px;
 @-icon6-total-width: 413px;
 @-icon6-total-height: 382px;
 @-icon6-image: '../img/icon/icon.png';
-@-icon6: 0px 279px 0px -279px 56px 56px 413px 382px '../img/icon/icon.png' 'Icon6';
+@-icon6: 112px 279px -112px -279px 56px 56px 413px 382px '../img/icon/icon.png' 'Icon6';
 @-left-name: 'Left';
-@-left-x: 336px;
+@-left-x: 372px;
-@-left-y: 279px;
+@-left-y: 52px;
-@-left-offset-x: -336px;
+@-left-offset-x: -372px;
-@-left-offset-y: -279px;
+@-left-offset-y: -52px;
 @-left-width: 27px;
 @-left-height: 52px;
 @-left-total-width: 413px;
 @-left-total-height: 382px;
 @-left-image: '../img/icon/icon.png';
-@-left: 336px 279px -336px -279px 27px 52px 413px 382px '../img/icon/icon.png' 'Left';
+@-left: 372px 52px -372px -52px 27px 52px 413px 382px '../img/icon/icon.png' 'Left';
 @-right-name: 'Right';
 @-right-x: 372px;
-@-right-y: 52px;
+@-right-y: 0px;
 @-right-offset-x: -372px;
-@-right-offset-y: -52px;
+@-right-offset-y: 0px;
 @-right-width: 27px;
 @-right-height: 52px;
 @-right-total-width: 413px;
 @-right-total-height: 382px;
 @-right-image: '../img/icon/icon.png';
-@-right: 372px 52px -372px -52px 27px 52px 413px 382px '../img/icon/icon.png' 'Right';
+@-right: 372px 0px -372px 0px 27px 52px 413px 382px '../img/icon/icon.png' 'Right';
 @-shape-a-name: 'Shape_a';
 @-shape-a-x: 93px;
 @-shape-a-y: 93px;
@@ -178,15 +178,15 @@ At the bottom of this section, we provide information about the spritesheet itse
 @heart: 88px 335px -88px -335px 21px 18px 413px 382px '../img/icon/icon.png' 'heart';
 @left-gray-name: 'leftGray';
 @left-gray-x: 372px;
-@left-gray-y: 0px;
+@left-gray-y: 104px;
 @left-gray-offset-x: -372px;
-@left-gray-offset-y: 0px;
+@left-gray-offset-y: -104px;
 @left-gray-width: 27px;
 @left-gray-height: 52px;
 @left-gray-total-width: 413px;
 @left-gray-total-height: 382px;
 @left-gray-image: '../img/icon/icon.png';
-@left-gray: 372px 0px -372px 0px 27px 52px 413px 382px '../img/icon/icon.png' 'leftGray';
+@left-gray: 372px 104px -372px -104px 27px 52px 413px 382px '../img/icon/icon.png' 'leftGray';
 @line-name: 'line';
 @line-x: 372px;
 @line-y: 248px;
@@ -254,16 +254,16 @@ At the bottom of this section, we provide information about the spritesheet itse
 @prev-image: '../img/icon/icon.png';
 @prev: 0px 335px 0px -335px 28px 47px 413px 382px '../img/icon/icon.png' 'prev';
 @right-gray-name: 'rightGray';
-@right-gray-x: 372px;
+@right-gray-x: 336px;
-@right-gray-y: 104px;
+@right-gray-y: 279px;
-@right-gray-offset-x: -372px;
+@right-gray-offset-x: -336px;
-@right-gray-offset-y: -104px;
+@right-gray-offset-y: -279px;
-@right-gray-width: 26px;
+@right-gray-width: 27px;
 @right-gray-height: 52px;
 @right-gray-total-width: 413px;
 @right-gray-total-height: 382px;
 @right-gray-image: '../img/icon/icon.png';
-@right-gray: 372px 104px -372px -104px 26px 52px 413px 382px '../img/icon/icon.png' 'rightGray';
+@right-gray: 336px 279px -336px -279px 27px 52px 413px 382px '../img/icon/icon.png' 'rightGray';
 @search-name: 'search';
 @search-x: 379px;
 @search-y: 286px;
@@ -277,15 +277,15 @@ At the bottom of this section, we provide information about the spritesheet itse
 @search: 379px 286px -379px -286px 18px 19px 413px 382px '../img/icon/icon.png' 'search';
 @shape-b-name: 'shape_b';
 @shape-b-x: 279px;
-@shape-b-y: 186px;
+@shape-b-y: 0px;
 @shape-b-offset-x: -279px;
-@shape-b-offset-y: -186px;
+@shape-b-offset-y: 0px;
 @shape-b-width: 93px;
 @shape-b-height: 93px;
 @shape-b-total-width: 413px;
 @shape-b-total-height: 382px;
 @shape-b-image: '../img/icon/icon.png';
-@shape-b: 279px 186px -279px -186px 93px 93px 413px 382px '../img/icon/icon.png' 'shape_b';
+@shape-b: 279px 0px -279px 0px 93px 93px 413px 382px '../img/icon/icon.png' 'shape_b';
 @shape-bb-name: 'shape_bb';
 @shape-bb-x: 186px;
 @shape-bb-y: 93px;
@@ -298,60 +298,60 @@ At the bottom of this section, we provide information about the spritesheet itse
 @shape-bb-image: '../img/icon/icon.png';
 @shape-bb: 186px 93px -186px -93px 93px 93px 413px 382px '../img/icon/icon.png' 'shape_bb';
 @shape-c-name: 'shape_c';
-@shape-c-x: 0px;
+@shape-c-x: 279px;
-@shape-c-y: 186px;
+@shape-c-y: 185px;
-@shape-c-offset-x: 0px;
+@shape-c-offset-x: -279px;
-@shape-c-offset-y: -186px;
+@shape-c-offset-y: -185px;
 @shape-c-width: 93px;
-@shape-c-height: 93px;
+@shape-c-height: 92px;
 @shape-c-total-width: 413px;
 @shape-c-total-height: 382px;
 @shape-c-image: '../img/icon/icon.png';
-@shape-c: 0px 186px 0px -186px 93px 93px 413px 382px '../img/icon/icon.png' 'shape_c';
+@shape-c: 279px 185px -279px -185px 93px 92px 413px 382px '../img/icon/icon.png' 'shape_c';
 @shape-cc-name: 'shape_cc';
-@shape-cc-x: 93px;
+@shape-cc-x: 279px;
-@shape-cc-y: 186px;
+@shape-cc-y: 93px;
-@shape-cc-offset-x: -93px;
+@shape-cc-offset-x: -279px;
-@shape-cc-offset-y: -186px;
+@shape-cc-offset-y: -93px;
 @shape-cc-width: 93px;
-@shape-cc-height: 93px;
+@shape-cc-height: 92px;
 @shape-cc-total-width: 413px;
 @shape-cc-total-height: 382px;
 @shape-cc-image: '../img/icon/icon.png';
-@shape-cc: 93px 186px -93px -186px 93px 93px 413px 382px '../img/icon/icon.png' 'shape_cc';
+@shape-cc: 279px 93px -279px -93px 93px 92px 413px 382px '../img/icon/icon.png' 'shape_cc';
 @shape-d-name: 'shape_d';
-@shape-d-x: 186px;
+@shape-d-x: 0px;
 @shape-d-y: 186px;
-@shape-d-offset-x: -186px;
+@shape-d-offset-x: 0px;
 @shape-d-offset-y: -186px;
 @shape-d-width: 93px;
 @shape-d-height: 93px;
 @shape-d-total-width: 413px;
 @shape-d-total-height: 382px;
 @shape-d-image: '../img/icon/icon.png';
-@shape-d: 186px 186px -186px -186px 93px 93px 413px 382px '../img/icon/icon.png' 'shape_d';
+@shape-d: 0px 186px 0px -186px 93px 93px 413px 382px '../img/icon/icon.png' 'shape_d';
 @shape-dd-name: 'shape_dd';
-@shape-dd-x: 279px;
+@shape-dd-x: 186px;
-@shape-dd-y: 93px;
+@shape-dd-y: 186px;
-@shape-dd-offset-x: -279px;
+@shape-dd-offset-x: -186px;
-@shape-dd-offset-y: -93px;
+@shape-dd-offset-y: -186px;
 @shape-dd-width: 93px;
 @shape-dd-height: 93px;
 @shape-dd-total-width: 413px;
 @shape-dd-total-height: 382px;
 @shape-dd-image: '../img/icon/icon.png';
-@shape-dd: 279px 93px -279px -93px 93px 93px 413px 382px '../img/icon/icon.png' 'shape_dd';
+@shape-dd: 186px 186px -186px -186px 93px 93px 413px 382px '../img/icon/icon.png' 'shape_dd';
 @shape-e-name: 'shape_e';
-@shape-e-x: 279px;
+@shape-e-x: 93px;
-@shape-e-y: 0px;
+@shape-e-y: 186px;
-@shape-e-offset-x: -279px;
+@shape-e-offset-x: -93px;
-@shape-e-offset-y: 0px;
+@shape-e-offset-y: -186px;
 @shape-e-width: 93px;
 @shape-e-height: 93px;
 @shape-e-total-width: 413px;
 @shape-e-total-height: 382px;
 @shape-e-image: '../img/icon/icon.png';
-@shape-e: 279px 0px -279px 0px 93px 93px 413px 382px '../img/icon/icon.png' 'shape_e';
+@shape-e: 93px 186px -93px -186px 93px 93px 413px 382px '../img/icon/icon.png' 'shape_e';
 @shape-ee-name: 'shape_ee';
 @shape-ee-x: 93px;
 @shape-ee-y: 0px;

--- a/src/less/index.less
+++ b/src/less/index.less
@@ -772,9 +772,21 @@ article.case {
  .title{
    .bannerBg{
      .margin-auto(1200px,565px);
-      background: url("../img/bgBanner.jpg");
+      position: relative;
      margin-bottom: 30px;
+      .bgImg{
+        position: absolute;
+        z-index: -1;
+        .margin-auto(1200px,565px);
+        img{
+          width: 100%;
+          height: 100%;
+          -o-object-fit: cover;
+          object-fit: cover;
+        }
+      }
      .logo{
        .margin-auto(140px,140px);
        border-radius: 50%;
        background: #dddddd;

--- a/src/pages/aboutUs.ejs
+++ b/src/pages/aboutUs.ejs
@@ -10,7 +10,7 @@
    <meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
    <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
    <title>关于我们-企视录官网</title>
-    <link href="../../logo_128.ico" rel="Shortcut Icon">
+       <link href="logo_128.ico" rel="Shortcut Icon">
    <link rel="stylesheet" href="../css/index.css">
 </head>

--- a/src/pages/case.ejs
+++ b/src/pages/case.ejs
@@ -10,7 +10,7 @@
    <meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
    <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
    <title>案例-企视录官网</title>
-    <link href="../../logo_128.ico" rel="Shortcut Icon">
+       <link href="logo_128.ico" rel="Shortcut Icon">
    <link rel="stylesheet" href="../css/index.css">
 </head>

--- a/src/pages/caseDetails.ejs
+++ b/src/pages/caseDetails.ejs
@@ -10,7 +10,7 @@
    <meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
    <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
    <title>企视录官网</title>
-    <link href="../../logo_128.ico" rel="Shortcut Icon">
+       <link href="logo_128.ico" rel="Shortcut Icon">
    <link rel="stylesheet" href="../css/index.css">
 </head>

--- a/src/pages/caseSpecific.ejs
+++ b/src/pages/caseSpecific.ejs
@@ -10,7 +10,7 @@
    <meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
    <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
    <title>企视录官网</title>
-    <link href="../../logo_128.ico" rel="Shortcut Icon">
+       <link href="logo_128.ico" rel="Shortcut Icon">
    <link rel="stylesheet" href="../css/index.css">
 </head>

--- a/src/pages/gal_activity.ejs
+++ b/src/pages/gal_activity.ejs
@@ -10,7 +10,7 @@
    <meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
    <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
    <title>企视录官网</title>
-    <link href="../../logo_128.ico" rel="Shortcut Icon">
+       <link href="logo_128.ico" rel="Shortcut Icon">
    <link rel="stylesheet" href="../css/jcarousellite.css">
    <link rel="stylesheet" href="../css/index.css">
@@ -22,6 +22,7 @@
    <!--title-->
    <section class="title">
        <div class="bannerBg">
+            <div class="bgImg"><img src="../img/bgBanner.jpg" alt=""/></div>
            <div class="logo">
                <img src="" alt=""/>
            </div>
@@ -276,7 +277,6 @@
               </div>
           </li>
       </ul>
-        <input type="text" value="" id="text"/>
    </section>
 </article>
 <!--引入公用版权部分-->

--- a/src/pages/gal_activityDetails.ejs
+++ b/src/pages/gal_activityDetails.ejs
@@ -10,7 +10,7 @@
    <meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
    <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
    <title>企视录官网</title>
-    <link href="../../logo_128.ico" rel="Shortcut Icon">
+       <link href="logo_128.ico" rel="Shortcut Icon">
    <link rel="stylesheet" href="../css/index.css">
 </head>

--- a/src/pages/gallery.ejs
+++ b/src/pages/gallery.ejs
@@ -10,7 +10,7 @@
    <meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
    <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
    <title>企业图库-企视录官网</title>
-    <link href="../../logo_128.ico" rel="Shortcut Icon">
+       <link href="logo_128.ico" rel="Shortcut Icon">
    <link rel="stylesheet" href="../css/largeSlides.css">
    <link rel="stylesheet" href="../css/index.css">
 </head>
@@ -80,10 +80,10 @@
 <!--分页参数配置-->
 <script type="text/javascript">
    $(function(){$(".pageDiv").createPage({
-        pageCount:9,//总页数
+        pageCount:2,//总页数
        current:1,//当前页
        turndown:'true',//是否显示跳转框，显示为true，不现实为false,一定记得加上引号...
-        backFn:function(p){
+        backFn:function(p,args){
            console.log(p);
        }
    });

--- a/src/pages/index.ejs
+++ b/src/pages/index.ejs
@@ -10,7 +10,7 @@
    <meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
    <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
    <title>企视录官网</title>
-    <link href="../../logo_128.ico" rel="Shortcut Icon">
+       <link href="logo_128.ico" rel="Shortcut Icon">
    <link rel="stylesheet" href="../css/largeSlides.css">
    <link rel="stylesheet" href="../css/jcarousellite.css">

--- a/src/pages/linkUs.ejs
+++ b/src/pages/linkUs.ejs
@@ -10,7 +10,7 @@
    <meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
    <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
    <title>企视录官网</title>
-    <link href="../../logo_128.ico" rel="Shortcut Icon">
+       <link href="logo_128.ico" rel="Shortcut Icon">
    <link rel="stylesheet" href="../css/index.css">
 </head>

--- a/src/pages/login.ejs
+++ b/src/pages/login.ejs
@@ -10,7 +10,7 @@
    <meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
    <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
    <title>企视录官网</title>
-    <link href="../../logo_128.ico" rel="Shortcut Icon">
+       <link href="logo_128.ico" rel="Shortcut Icon">
    <link rel="stylesheet" href="../css/index.css">
 </head>

--- a/src/pages/privacy.ejs
+++ b/src/pages/privacy.ejs
@@ -10,7 +10,7 @@
    <meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
    <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
    <title>隐私政策-企视录官网</title>
-    <link href="../../logo_128.ico" rel="Shortcut Icon">
+       <link href="logo_128.ico" rel="Shortcut Icon">
    <link rel="stylesheet" href="../css/index.css">
 </head>

--- a/src/pages/works.ejs
+++ b/src/pages/works.ejs
@@ -10,7 +10,7 @@
    <meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
    <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
    <title>工作机会-企视录官网</title>
-    <link href="../../logo_128.ico" rel="Shortcut Icon">
+       <link href="logo_128.ico" rel="Shortcut Icon">
    <link rel="stylesheet" href="../css/index.css">
 </head>