更新项目内容

about.html

@@ -99,7 +99,7 @@
                         </div>
                         <div class="team1_video right">
                             <video src="https://qjvideo.oss-cn-beijing.aliyuncs.com/3.%E4%B8%BD%E6%99%AF%E7%90%B4%E5%9B%ADA%E7%BB%84.mp4"
-                                poster="./images/team_lijingqinyuan.jpg" controls></video>
+                                poster="./images/team_lijingqinyuan.png" controls></video>
                         </div>
                     </div>
                 </div>
@@ -123,7 +123,7 @@
                         </div>
                         <div class="team1_video left">
                             <video src="https://qjvideo.oss-cn-beijing.aliyuncs.com/%E9%80%90%E6%A2%A6%E5%89%8D%E8%A1%8C-%E5%87%A4%E5%87%B0%E5%9B%AD%E5%9B%A2%E9%98%9F.mp4"
-                                poster="./images/team_fenghuangyuan.jpg" controls></video>
+                                poster="./images/team_longyunlou.jpg" controls></video>
                         </div>
                     </div>
                 </div>
@@ -148,7 +148,7 @@
                         </div>
                         <div class="team1_video right">
                             <video src="https://qjvideo.oss-cn-beijing.aliyuncs.com/%E7%AC%AC1%E5%90%8D%20%E6%96%B0%E4%B8%80%E4%B8%ADC%E7%BB%84.mp4"
-                                poster="./images/team_xinyizhong.jpg" controls></video>
+                                poster="./images/team_xinyizhong.png" controls></video>
                         </div>
                     </div>
                 </div>
@@ -222,7 +222,7 @@
                         </div>
                         <div class="team1_video left">
                             <video src="http://qjvideo.oss-cn-beijing.aliyuncs.com/1.%E7%AC%AC%E4%B8%80%E5%90%8D%20%E5%A4%A9%E5%85%83%E9%AA%8F%E6%99%AFB%E7%BB%84.mp4"
-                                poster="./images/team_fenghuangyuan.jpg" controls></video>
+                                poster="./images/team_tianyuanjunjing.png" controls></video>
                         </div>
                     </div>
                 </div>
@@ -245,7 +245,7 @@
                         </div>
                         <div class="team1_video right">
                             <video src="http://qjvideo.oss-cn-beijing.aliyuncs.com/2.%E7%AC%AC%E4%BA%8C%E5%90%8D%20%E5%94%90%E5%9F%8E%E5%A3%B9%E9%9B%B6%E5%A3%B9C%E7%BB%84.mp4"
-                                poster="./images/team_xinyizhong.jpg" controls></video>
+                                poster="./images/team_tangchengyilingyi.png" controls></video>
                         </div>
                     </div>
                 </div>
@@ -277,7 +277,7 @@
                         <div class="personage zhaoyue">
                             <div class="team1_video left">
                                 <video src="https://qjvideo.oss-cn-beijing.aliyuncs.com/3.%E7%AC%AC%E4%B8%89%E5%90%8D%20%E8%B5%B5%E8%B6%8A.mp4"
-                                    poster="./images/personal_huangjin.jpg" controls></video>
+                                    poster="./images/personal_zhaoyue.png" controls></video>
                             </div>
                             <div class="team_msg left">
                                 <h1>
@@ -318,7 +318,7 @@
                         <div class="personage qixiaoming">
                             <div class="team1_video left">
                                 <video src="http://qjvideo.oss-cn-beijing.aliyuncs.com/1.%E7%AC%AC%E4%B8%80%E5%90%8D%20%E9%BD%90%E5%B0%8F%E6%98%8E.mp4"
-                                    poster="./images/personal_qixiaoming.jpg" controls></video>
+                                    poster="./images/personal_qixiaoming.png" controls></video>
                             </div>
                             <div class="team_msg left">
                                 <h1>
@@ -388,8 +388,8 @@
                             <div class="switch"></div>
                         </li>
                         <li>
-                            <video class="video_four" src="https://qjvideo.oss-cn-beijing.aliyuncs.com/4.%E4%BA%BA%E6%9C%89%E5%85%B6%E5%B1%85.mp4"
-                                poster="./images/short_cut3.jpg"></video>
+                            <video class="video_four" src="https://qjvideo.oss-cn-beijing.aliyuncs.com/%E5%AE%B6_x264.mp4"
+                                poster="./images/short_cut5.png"></video>
                             <div class="switch"></div>
                         </li>
                     </ul>

css/index.css

 @charset "utf-8";
+
 /* 头部 */
 #header {
     width: 100%;
     height: 900px;
 }
+
 /* 固定导航 */
 #top_nav {
     position: fixed;
@@ -11,23 +13,28 @@
     width: 100%;
     padding: 25px 0;
 }
-.header_scroll{
+
+.header_scroll {
     background: rgba(25, 45, 59, 0.8)
 }
+
 /* logo */
 #top_nav .logo {
     cursor: pointer;
 }
+
 #top_nav .logo img {
     display: block;
     margin-right: 12px;
     width: 239px;
 
 }
+
 /* 导航栏 */
-#top_nav .nav{
+#top_nav .nav {
     margin-top: 11px;
 }
+
 #top_nav .nav a {
     display: block;
     float: left;
@@ -39,29 +46,35 @@
     text-decoration: none;
     font-size: 14px;
 }
+
 #top_nav .nav a::after {
     display: block;
     content: '';
     width: 0px;
     height: 2px;
-    padding-top:7px;
+    padding-top: 7px;
     margin: 0px auto;
     border-bottom: 1px solid #fff;
     transition: width 0.3s ease-out;
 }
+
 #top_nav .nav a:hover,
-#top_nav .nav .choosed{
-    color:#fff;
+#top_nav .nav .choosed {
+    color: #fff;
 }
+
 #top_nav .nav .choosed::after {
     width: 100%;
 }
+
 #top_nav .nav .nav_first {
     width: 41px;
 }
+
 #top_nav .nav .nav_last {
     margin-right: 0px;
 }
+
 /* 背景轮播   开始*/
 #header #banner_box {
     position: relative;
@@ -69,10 +82,12 @@
     height: 900px;
     overflow: hidden;
 }
-#header .banner .banner_child{
-    width:100%;
-    height:900px;
+
+#header .banner .banner_child {
+    width: 100%;
+    height: 900px;
 }
+
 /* 遮罩层 */
 #header .shade {
     position: absolute;
@@ -83,6 +98,7 @@
     height: 100%;
     background: rgba(0, 0, 0, 0.5)
 }
+
 #header .banner_text {
     position: absolute;
     left: 50%;
@@ -91,82 +107,102 @@
     z-index: 5;
     color: #fff;
 }
-    /* 第一屏轮播 */
-    #header .banner .banner_child{
+
+/* 第一屏轮播 */
+#header .banner .banner_child {
     background-size: 100% 100%;
-    }
+}
+
 #header .banner .banner_box1 {
     background: url('../images/banner1.jpg') no-repeat;
 }
+
 #header .banner_box1 .banner_text {
-    top:607px;
+    top: 607px;
     text-align: center;
 }
+
 #header .banner_box1 .banner_text p {
     text-align: center;
 }
+
 #header .banner_box1 .text1_top {
     font: 500 50px/50px 'Microsoft';
 }
-#header .banner_box1 .text1_center{
+
+#header .banner_box1 .text1_center {
     margin-top: 23px;
     font: 100 40px/40px 'calibril';
     letter-spacing: 2px;
 }
+
 #header .banner_box1 .text1_bottom {
     margin-top: 20px;
     font: 100 20PX/20PX 'calibril';
     letter-spacing: 2px;
 }
-    /* 第二屏轮播 */
+
+/* 第二屏轮播 */
 #header .banner .banner_box2 {
     background: url('../images/banner2.jpg') no-repeat;
 }
+
 #header .banner_box2 .banner_text {
     top: 653px;
     text-align: center;
 }
+
 #header .banner_box2 .text2_top {
     font: 100 48px/48px 'calibril';
 }
+
 #header .banner_box2 .text2_bottom {
     margin-top: 25px;
     font: 100 24px/24px 'calibril';
     letter-spacing: 2px;
 }
-    /* 第三屏轮播 */
+
+/* 第三屏轮播 */
 #header .banner .banner_box3 {
     background: url('../images/banner3.jpg') no-repeat;
 }
+
 #header .banner_box3 .banner_text {
     top: 60%;
     text-align: right;
 }
+
 #header .banner_box3 .banner_text p {
     padding-right: 65px;
 }
+
 #header .banner_box3 .text3_top {
-    font:100 48px/48px 'calibril'
+    font: 100 48px/48px 'calibril'
 }
+
 #header .text3_top .text_home {
     display: inline-block;
     width: 118px;
     height: 118px;
-    margin-left:-10px;
+    margin-left: -10px;
     background: url('../images/home.png') no-repeat;
 }
+
 #header .banner_box3 .text3_bottom {
     font: 100 24px/24px 'calibril';
     letter-spacing: 2px;
 }
+
 #header .banner_box3 .text3_bottom span {
     color: #24b298;
 }
-    /* 轮播按钮 */
-#header .carousel-indicators{
-    height:6px;
+
+/* 轮播按钮 */
+#header .carousel-indicators {
+    height: 6px;
     overflow: hidden;
 }
+
 #header .carousel-indicators li {
     float: left;
     width: 6px;
@@ -176,62 +212,73 @@
     margin-right: 8px;
     cursor: pointer;
 }
-#header .carousel-indicators .active{
-    width:42px;
+
+#header .carousel-indicators .active {
+    width: 42px;
     transition: width .3s ease;
     border-radius: 5px;
 }
+
 /* 侧边栏 */
 #sidebar {
     position: fixed;
-    bottom:250px;
-    right:0px;
-    z-index: 999;
+    bottom: 250px;
+    right: 0px;
+    z-index: 700;
 }
+
 #sidebar ul {
     position: relative;
 }
-#sidebar li{
-    width:68px;
-    height:68px;
-    background: rgba(25, 45, 59,0.8);
+
+#sidebar li {
+    width: 68px;
+    height: 68px;
+    background: rgba(25, 45, 59, 0.8);
     line-height: 68px;
     text-align: center;
     cursor: pointer;
 }
-#sidebar li .iconfont{
+
+#sidebar li .iconfont {
     font-size: 28px;
-    color:#fff;
+    color: #fff;
 }
-#sidebar li:hover{
+
+#sidebar li:hover {
     background: #24b298;
 }
-#sidebar .code_img{
+
+#sidebar .code_img {
     position: absolute;
-    top:0px;
-    right:68px;
+    top: 0px;
+    right: 68px;
     z-index: -999;
-    padding:6px;
+    padding: 6px;
     background: #24b298;
     opacity: 0;
 }
+
 @keyframes rightLeft {
     0% {
         right: -50px;
     }
+
     50% {
         right: 68px;
         transform: scale(0.5)
     }
+
     100% {
-        right:68px;
+        right: 68px;
     }
 }
 
-#sidebar .qr_code .sidebar_content img{
+#sidebar .qr_code .sidebar_content img {
     display: block;
 
 }
+
 /* 后备支持 */
 #support {
     width: 100%;
@@ -239,50 +286,62 @@
     color: #fff;
     padding: 29px 0px 50px;
 }
+
 #support li {
     float: left;
     width: 25%;
     position: relative;
     top: 0;
-    transition:top 0.6s;
+    transition: top 0.6s;
 }
-#support li:hover{
+
+#support li:hover {
     top: -10px;
-    transition:top 0.6s;
+    transition: top 0.6s;
 }
+
 #support li img {
     display: block;
     margin: 0px auto;
 }
+
 #support li p {
     text-align: center;
 }
+
 #support li .support_text_top {
     font-size: 18px;
     line-height: 18px;
 }
+
 #support li .support_text_bottom {
     line-height: 14px;
     color: #a8acaf;
     margin-top: 15px;
 }
-#support li div{
+
+#support li div {
     width: 124px;
-    height:124px;
+    height: 124px;
     margin: auto;
 }
+
 #support .support_person div {
     background: url('../images/icon1.png') no-repeat center;
 }
+
 #support .support_house div {
     background: url('../images/icon2.png') no-repeat center;
 }
+
 #support .support_network div {
     background: url('../images/icon3.png') no-repeat center;
 }
+
 #support .support_warrant div {
     background: url('../images/icon4.png') no-repeat center;
 }
+
 /* 模块头部 */
 .model_top .model_title {
     font-size: 30px;
@@ -291,6 +350,7 @@
     text-align: center;
     color: #192d3b;
 }
+
 .model_top .model_title::after {
     content: '';
     display: block;
@@ -299,6 +359,7 @@
     margin: 30px auto;
     border-bottom: 2px solid #24b298;
 }
+
 .model_top .model_eng {
     font-size: 12px;
     font-family: "Microsoft";
@@ -306,268 +367,315 @@
     text-align: center;
     letter-spacing: 1.5px;
 }
+
 /* 公司介绍 */
-#introduce{
-    height:845px;
+#introduce {
+    height: 845px;
 }
-#introduce .introduce_box{
+
+#introduce .introduce_box {
     position: relative;
-    margin-top:60px;
+    margin-top: 60px;
 }
+
 #introduce .background1,
 #introduce .background2,
 #introduce .first_introduce,
-#introduce .second_introduce{
+#introduce .second_introduce {
     position: absolute;
     box-shadow: 0px 4px 15px #eee;
     background: #fff;
     border-radius: 3px;
 }
-#introduce .background1{
-    top:55px;
-    left:50%;
+
+#introduce .background1 {
+    top: 55px;
+    left: 50%;
     width: 1174px;
-    height:307px;
-    margin-left:-587px;
-    z-index:1;
-}
-#introduce .background2{
-    top:37px;
-    left:50%;
-    width:1108px;
-    height:343px;
-    margin-left:-554px;
-    z-index:2;
-}
-#introduce .introduce_content{
+    height: 307px;
+    margin-left: -587px;
+    z-index: 1;
+}
+
+#introduce .background2 {
+    top: 37px;
+    left: 50%;
+    width: 1108px;
+    height: 343px;
+    margin-left: -554px;
+    z-index: 2;
+}
+
+#introduce .introduce_content {
     position: relative;
-    top:0px;
-    left:50%;
-    width:1028px;
-    height:415px;
-    margin-left:-514px;
+    top: 0px;
+    left: 50%;
+    width: 1028px;
+    height: 415px;
+    margin-left: -514px;
     z-index: 3;
 }
-#introduce .introduce_title{
-    font:bold 24px/24px 'Microsoft';
-    color:#5b5b5b;
+
+#introduce .introduce_title {
+    font: bold 24px/24px 'Microsoft';
+    color: #5b5b5b;
     text-align: center;
 }
+
 #introduce .first_logo img,
-#introduce .second_logo img{
+#introduce .second_logo img {
     display: block;
 }
-#introduce .first_introduce{
-    left:0px;
-    top:0px;
-    width:561px;
-    height:100%;
-    padding:0px 47px;
+
+#introduce .first_introduce {
+    left: 0px;
+    top: 0px;
+    width: 561px;
+    height: 100%;
+    padding: 0px 47px;
     z-index: 5;
     cursor: pointer;
 }
-#introduce .first_introduce .introduce_title{
-    margin-top:50px;
+
+#introduce .first_introduce .introduce_title {
+    margin-top: 50px;
 }
 
-#introduce .first_logo img{
-    margin:66px auto 48px;
+#introduce .first_logo img {
+    margin: 66px auto 48px;
 }
-#introduce .first_logo span{
-    font:bold 58px/63px 'Microsoft';
-    color:#24b298;
-    padding-left:15px;
+
+#introduce .first_logo span {
+    font: bold 58px/63px 'Microsoft';
+    color: #24b298;
+    padding-left: 15px;
     letter-spacing: 3px;
 }
-#introduce .introduce_text{
+
+#introduce .introduce_text {
     margin: auto;
-    color:#5b5b5b;
+    color: #5b5b5b;
     letter-spacing: 0.5px;
 }
-#introduce .first_introduce .introduce_text{
+
+#introduce .first_introduce .introduce_text {
     font: 14px/24px 'Microsoft'
 }
-#introduce .second_introduce{
-    right:0px;
-    top:20px;
-    width:502px;
-    height:374px;
-    padding:0px 45px;
-    z-index:4;
+
+#introduce .second_introduce {
+    right: 0px;
+    top: 20px;
+    width: 502px;
+    height: 374px;
+    padding: 0px 45px;
+    z-index: 4;
     cursor: pointer;
 }
-#introduce .second_introduce .introduce_title{
-    margin-top:45px;
+
+#introduce .second_introduce .introduce_title {
+    margin-top: 45px;
 }
-#introduce .second_logo img{
-    margin:59px auto 62px;   
+
+#introduce .second_logo img {
+    margin: 59px auto 62px;
 }
-#introduce .second_introduce .introduce_text{
+
+#introduce .second_introduce .introduce_text {
     margin: auto;
     font: 12.5px/20.5px 'Microsoft'
 }
-#introduce .join_us{
+
+#introduce .join_us {
     text-align: right;
-    margin-top:55px;
-    color:#5b5b5b;
+    margin-top: 55px;
+    color: #5b5b5b;
 }
-#introduce .join_us .iconfont{
+
+#introduce .join_us .iconfont {
     display: block;
-    margin-top:-7px;
+    margin-top: -7px;
 }
+
 #introduce .join_us a {
     color: #545454;
     font-size: 14px;
 }
+
 /* 11个数字助你认识我们 */
-#understand_us{
+#understand_us {
     position: relative;
-    width:100%;
-    height:800px;
+    width: 100%;
+    height: 800px;
     background: url('../images/cours.jpg') no-repeat center;
 }
-    /* 标题 */
-#understand_us .understand_title{
+
+/* 标题 */
+#understand_us .understand_title {
     position: absolute;
-    top:-140px;
-    width:1200px;
+    top: -140px;
+    width: 1200px;
     text-align: center;
     font: 24px/24px 'Microsoft';
 }
-#understand_us .understand_title strong{
-    font:oblique 72px/72px 'DIN Black';
-    color:#192d3b;
+
+#understand_us .understand_title strong {
+    font: oblique 72px/72px 'DIN Black';
+    color: #192d3b;
 }
-#understand_us .understand_title span{
+
+#understand_us .understand_title span {
     display: inline-block;
 }
-    /* 线 */
-#understand_us .pull_line{
+
+/* 线 */
+#understand_us .pull_line {
     position: absolute;
-    top:-35px;
-    left:50%;
-    margin-left:-2.5px;
-    width:5px;
-    height:60px;
+    top: -35px;
+    left: 50%;
+    margin-left: -2.5px;
+    width: 5px;
+    height: 60px;
     margin: auto;
     border-radius: 14%;
     background: #192d3b;
 }
-#understand_us .pull_line::before{
+
+#understand_us .pull_line::before {
     position: absolute;
-    bottom:-8px;
-    left:0px;
-    content:'';
+    bottom: -8px;
+    left: 0px;
+    content: '';
     display: block;
-    width:5px;
-    height:5px;
+    width: 5px;
+    height: 5px;
     border-radius: 50%;
     background: #192d3b;
 }
-    /* 11个数字内容 */
-#understand_us .number_box{
+
+/* 11个数字内容 */
+#understand_us .number_box {
     position: relative;
-    width:100%;
-    color:#424b50;
+    width: 100%;
+    color: #424b50;
 }
-#understand_us .number{
+
+#understand_us .number {
     position: absolute;
 }
-#understand_us .number_box strong{
-    color:#254557;
+
+#understand_us .number_box strong {
+    color: #254557;
 }
 
-    /* 第一品牌 */
-#understand_us .first_num{
-    padding-top:60px;
+/* 第一品牌 */
+#understand_us .first_num {
+    padding-top: 60px;
     font-size: 18px;
     letter-spacing: 1px;
     text-align: center;
 }
-#understand_us .first_num strong{
-    font:oblique 90px/90px 'DIN Black';
+
+#understand_us .first_num strong {
+    font: oblique 90px/90px 'DIN Black';
 }
-    /* 9大部门 */
-#understand_us .second_num{
-    top:185px;
-    left:190px;
-    width:240px;
+
+/* 9大部门 */
+#understand_us .second_num {
+    top: 185px;
+    left: 190px;
+    width: 240px;
     font-size: 13px;
 }
-#understand_us .second_num strong{
-    font:oblique 64.5px/64.5px 'DIN Black';
+
+#understand_us .second_num strong {
+    font: oblique 64.5px/64.5px 'DIN Black';
 }
-    /* 员工学历 */
-#understand_us .person_staff{
-    top:180px;
-    right:0px;
+
+/* 员工学历 */
+#understand_us .person_staff {
+    top: 180px;
+    right: 0px;
     letter-spacing: 1px;
 }
-#understand_us .person_staff strong{
-    font:oblique 48px/48px 'DIN Black';
+
+#understand_us .person_staff strong {
+    font: oblique 48px/48px 'DIN Black';
 }
-    /* 员工人数，门店数，市场占有率 */
+
+/* 员工人数，门店数，市场占有率 */
 #understand_us .person_staff .third_num strong,
 #understand_us .seventh_num strong,
-#understand_us .ninth_num strong{
-    font:oblique 72px/72px 'DIN Black';
+#understand_us .ninth_num strong {
+    font: oblique 72px/72px 'DIN Black';
 }
-    /* 门店数 */
-#understand_us .seventh_num{
-    top:375px;
-    left:65px;
+
+/* 门店数 */
+#understand_us .seventh_num {
+    top: 375px;
+    left: 65px;
 }
-    /* 市场占有率 */
-#understand_us .ninth_num{
-    top:355px;
-    left:685px;
+
+/* 市场占有率 */
+#understand_us .ninth_num {
+    top: 355px;
+    left: 685px;
 }
-    /* 奋斗史，客户资源，精品房源 */
+
+/* 奋斗史，客户资源，精品房源 */
 #understand_us .eighth_num strong,
 #understand_us .tenth_num strong,
-#understand_us .eleventh_num strong{
-    font:oblique 60px/60px 'DIN Black';
+#understand_us .eleventh_num strong {
+    font: oblique 60px/60px 'DIN Black';
 }
-    /* 门店数,奋斗史，精品房源 */
+
+/* 门店数,奋斗史，精品房源 */
 #understand_us .seventh_num span,
 #understand_us .eighth_num span,
-#understand_us .ninth_num span{
+#understand_us .ninth_num span {
     display: block;
     text-align: right;
     line-height: 30px;
 }
-#understand_us .seventh_num span{
-    margin-right:-25px;
+
+#understand_us .seventh_num span {
+    margin-right: -25px;
 }
-#understand_us .eighth_num span{
-    margin-right:-40px;
+
+#understand_us .eighth_num span {
+    margin-right: -40px;
 }
-#understand_us .ninth_num span{
-    margin-right:-30px;
+
+#understand_us .ninth_num span {
+    margin-right: -30px;
 }
-#understand_us .ninth_num .percent{
+
+#understand_us .ninth_num .percent {
     display: inline;
-    font:bold 18px/18px 'Microsoft';
-    color:#254557;
-    margin-right:0px;
+    font: bold 18px/18px 'Microsoft';
+    color: #254557;
+    margin-right: 0px;
 }
-    /* 奋斗史 */
-#understand_us .eighth_num{
-    top:445px;
-    left:420px;
+
+/* 奋斗史 */
+#understand_us .eighth_num {
+    top: 445px;
+    left: 420px;
 }
-    /* 客户资源 */
-#understand_us .tenth_num{
-    top:560px;
-    left:715px;
+
+/* 客户资源 */
+#understand_us .tenth_num {
+    top: 560px;
+    left: 715px;
 }
-    /* 精品房源 */
-#understand_us .eleventh_num{
-    top:465px;
-    left:945px;
+
+/* 精品房源 */
+#understand_us .eleventh_num {
+    top: 465px;
+    left: 945px;
 }
+
 /* 天网系统 */
-#skynet{
+#skynet {
     height: 600px;
     background: url(../images/skynet_img.png)no-repeat center;
     margin: 40px auto;
@@ -599,159 +707,184 @@
     box-pack: center;
     box-align: center;
 }
-#skynet .test{
+
+#skynet .test {
     width: 380px;
     height: 380px;
     background: #fafafa;
     border-radius: 50%;
 }
-#skynet .test .donkey{
+
+#skynet .test .donkey {
     margin-top: 140px;
     font-size: 45px;
     color: #12ab8d;
-    font-family:"Microsoft Yahei" ;
+    font-family: "Microsoft Yahei";
     font-weight: bold;
 }
-#skynet .test .sunspot{
+
+#skynet .test .sunspot {
     font-size: 33px;
     color: #424b50;
-    font-family:"Microsoft Yahei" ;
+    font-family: "Microsoft Yahei";
     font-weight: Regular;
 }
-#hover{
+
+#hover {
     height: 180px;
     margin: 0 auto;
 }
-#hover ul{
+
+#hover ul {
     width: 1080px;
     height: 130px;
     margin: 20px auto 0;
 }
-#hover ul li{
-    width:80px;
+
+#hover ul li {
+    width: 80px;
     height: 95px;
     float: left;
-    padding-top:20px; 
+    padding-top: 20px;
     border: 1px solid #ccc;
     text-align: center;
     line-height: 30px;
     margin: 0 10px;
-    position:relative;
+    position: relative;
     box-shadow: 0 0 5px #eeeeee;
     top: 0;
-    transition:top 0.8s;
+    transition: top 0.8s;
 }
-#hover ul li:hover{
-    width:80px;
+
+#hover ul li:hover {
+    width: 80px;
     height: 95px;
     float: left;
-    padding-top:20px; 
+    padding-top: 20px;
     border: 1px solid #ccc;
     text-align: center;
     line-height: 30px;
     margin: 0 10px;
-    box-shadow: 2px 2px 6px 1px rgba(110,110, 110, 0.22);
-    position:relative;
+    box-shadow: 2px 2px 6px 1px rgba(110, 110, 110, 0.22);
+    position: relative;
     top: -10px;
 }
-#hover ul li .arrow{
-    width:11px;
-    height:9px;
-    background:url(../images/arrow.png) no-repeat;
+
+#hover ul li .arrow {
+    width: 11px;
+    height: 9px;
+    background: url(../images/arrow.png) no-repeat;
     position: absolute;
     left: 35px;
     top: 92px;
 }
-#hover .doublemint{
+
+#hover .doublemint {
     display: block;
     margin-left: 65px;
 }
 
 /* 部门体系 */
-#departmentd .carousel-inner{
+#departmentd .carousel-inner {
     position: relative;
-    width:100%;
-    height:600px;
-    margin-top:86px;
+    width: 100%;
+    height: 600px;
+    margin-top: 86px;
     overflow: hidden;
 
 }
-#departmentd .carousel-inner .video_box{
+
+#departmentd .carousel-inner .video_box {
     position: absolute;
-    top:0px;
-    left:0px;
-    width:154.34%;
-}
-#departmentd .carousel-inner li{
-    width:380px;
-    height:600px;
-    margin-right:25px;
-    float:left;
+    top: 0px;
+    left: 0px;
+    width: 154.34%;
+}
+
+#departmentd .carousel-inner li {
+    width: 380px;
+    height: 600px;
+    margin-right: 25px;
+    float: left;
     background: #254557;
 }
-#departmentd .carousel-inner .video_box ul li .images{
+
+#departmentd .carousel-inner .video_box ul li .images {
     width: 380px;
     height: 380px;
     overflow: hidden;
 }
-#departmentd .carousel-inner .video_box ul li .images img{
+
+#departmentd .carousel-inner .video_box ul li .images img {
     display: block;
     transition: all 0.8s ease-in-out
 }
-#departmentd .carousel-inner .video_box ul li:hover .images img{
+
+#departmentd .carousel-inner .video_box ul li:hover .images img {
     transform: scale(1.2);
     transition: all 0.8s ease-in-out;
 }
-#departmentd .carousel-inner li .text{
+
+#departmentd .carousel-inner li .text {
     text-align: center;
     padding: 20px;
     color: #fff;
 }
-#departmentd .carousel-inner li .text .titles{
+
+#departmentd .carousel-inner li .text .titles {
     font-size: 20px;
-    margin-bottom:15px; 
+    margin-bottom: 15px;
 }
-#departmentd .carousel-inner li .text p{
+
+#departmentd .carousel-inner li .text p {
     font-size: 14px;
-    color:#eaeced;
+    color: #eaeced;
 }
-.carousel-control-prev{
-    left: -180px!important;
-    opacity: 1!important;
+
+.carousel-control-prev {
+    left: -180px !important;
+    opacity: 1 !important;
 
 }
-.carousel-control-next{
-    right: -180px!important;
-    opacity: 1!important;
+
+.carousel-control-next {
+    right: -180px !important;
+    opacity: 1 !important;
 }
+
 @media (max-width: 1200px) {
     .carousel-control-prev {
         display: none !important;
     }
+
     .carousel-control-next {
         display: none !important;
     }
-  }
+}
+
 /* 招贤纳士 */
-#department{
+#department {
     position: relative;
 }
+
 /* 招聘热线 */
-#department_tel{
+#department_tel {
     position: absolute;
-    top:50px;
-    right:0px;
+    top: 50px;
+    right: 0px;
     background: url(../images/recruit.png) no-repeat;
-    color:#fff;
+    color: #fff;
     width: 317px;
     height: 65px;
 }
-.fixed_tel{
+
+.fixed_tel {
     position: fixed !important;
-    top:130px !important;
+    top: 130px !important;
 }
+
 #department_tel::before,
-#department_tel::after{
+#department_tel::after {
     position: absolute;
     content: "";
     width: 0;
@@ -759,554 +892,686 @@
     left: 20px;
     bottom: -30px;
 }
-#department_tel{
+
+#department_tel {
     line-height: 65px;
     text-align: center;
 }
-#department_tel .tel_title{
+
+#department_tel .tel_title {
     font-size: 22px;
     letter-spacing: 2px;
-    padding:0px 5px 0px 20px;
+    padding: 0px 5px 0px 20px;
 }
-#tel_content{
+
+#tel_content {
     display: inline-block;
     width: 160px;
     font: oblique 100 40px/40px 'mediumal_ternate';
     line-height: 65px;
 }
-#tel_content span{
-    float:left;
-    margin-left:2px;
+
+#tel_content span {
+    float: left;
+    margin-left: 2px;
 }
-.move_tel{
-    animation:move_tel 1s linear 0s infinite alternate;
+
+.move_tel {
+    animation: move_tel 1s linear 0s infinite alternate;
 }
-@keyframes move_tel{
+
+@keyframes move_tel {
     0% {
-        margin-top:0px
+        margin-top: 0px
     }
+
     50% {
-        margin-top:-10px
+        margin-top: -10px
     }
+
     100% {
-        margin-top:0px;
+        margin-top: 0px;
     }
 }
+
 /* 招聘岗位 */
-#department .recruit_talents{
-    padding-top:20px;
-    margin-bottom:110px;
+#department .recruit_talents {
+    padding-top: 20px;
+    margin-bottom: 110px;
 }
-#department .recruit_talents .talents_data{
-    width:490px;
-    margin:70px 42px 0px 15px;
+
+#department .recruit_talents .talents_data {
+    width: 490px;
+    margin: 70px 42px 0px 15px;
 }
+
 #department .recruit_talents .talents_data1,
-#department .recruit_talents .talents_data3{
-    margin-right:104px;
+#department .recruit_talents .talents_data3 {
+    margin-right: 104px;
 }
-#department .datahead p{
+
+#department .datahead p {
     line-height: 43px;
     text-align: left;
 }
+
 /* 部门标题 */
-#department .datahead .iconfont{
-    width:41px;
-    height:41px;
+#department .datahead .iconfont {
+    width: 41px;
+    height: 41px;
     text-align: center;
-    color:#fff;
+    color: #fff;
     border-radius: 50%;
     font-size: 23px;
-    line-height:43px;
+    line-height: 43px;
 }
+
 /* 字体颜色 */
-#department .talents_data{
-    color:#484848;
+#department .talents_data {
+    color: #484848;
 }
+
 /* 图标背景颜色 */
-#department .talents_data1 .datahead .iconfont{
+#department .talents_data1 .datahead .iconfont {
     background: #24b298;
 }
-#department .talents_data2 .datahead .iconfont{
+
+#department .talents_data2 .datahead .iconfont {
     background: #ff9e58;
 }
-#department .talents_data3 .datahead .iconfont{
+
+#department .talents_data3 .datahead .iconfont {
     background: #f2c76a;
 }
-#department .talents_data4 .datahead .iconfont{
+
+#department .talents_data4 .datahead .iconfont {
     background: #5688ce;
 }
-#department .datahead .department_name{
-    width:458px;
-    height:43px;
-    margin-left:-10px;
+
+#department .datahead .department_name {
+    width: 458px;
+    height: 43px;
+    margin-left: -10px;
     font-size: 15px;
-    color:#5b5b5b;
+    color: #5b5b5b;
 }
+
 /* 部门字体字号设置 */
-#department .department{
-    padding:0px 10px 0px 20px;
+#department .department {
+    padding: 0px 10px 0px 20px;
     font-size: 22px;
     font-weight: 600;
-    color:#000;
+    color: #000;
 }
-#department .details_top{
+
+#department .details_top {
     text-align: left;
-    color:#5b5b5b;
+    color: #5b5b5b;
 }
+
 /* 部门标题下划线 */
-#department .talents_data1 .department_name{
+#department .talents_data1 .department_name {
     border-bottom: 1px solid #ffbfba;
 }
-#department .talents_data2 .department_name{
+
+#department .talents_data2 .department_name {
     border-bottom: 1px solid #fae7da;
 }
-#department .talents_data3 .department_name{
+
+#department .talents_data3 .department_name {
     border-bottom: 1px solid #f9e5b9;
 }
-#department .talents_data4 .department_name{
+
+#department .talents_data4 .department_name {
     border-bottom: 1px solid #cfdaeb;
 }
+
 /* 置业hot图标*/
-#department .talents_data1 .department_hot{
+#department .talents_data1 .department_hot {
     display: block;
-    width:24px;
-    height:16px;
+    width: 24px;
+    height: 16px;
     background: url('../images/hot.png');
-    margin:-45px 0px 0px 245px;
+    margin: -45px 0px 0px 245px;
 }
+
 /* 小图标 */
-#department .iconfont{
-    font-size:10px;
+#department .iconfont {
+    font-size: 10px;
 }
+
 /* 职位 */
-#department .duty{
-    margin-right:15px;
+#department .duty {
+    margin-right: 15px;
 }
-#department .talents_details{
-    margin:20px 0px 0px 20px;
-    font-size:14px;  
+
+#department .talents_details {
+    margin: 20px 0px 0px 20px;
+    font-size: 14px;
 }
-#department .talents_details ul{
-    padding-top:5px;
+
+#department .talents_details ul {
+    padding-top: 5px;
 }
-#department .talents_details li{
+
+#department .talents_details li {
     float: left;
-    font-size:28px;
+    font-size: 28px;
     line-height: 53px;
-    color:#484848;
+    color: #484848;
     text-align: center;
 }
+
 /* 加号  */
-#department .talents_details div{
+#department .talents_details div {
     float: left;
-    height:55px;
-    font:normal 27px/57px 'Microsoft';
+    height: 55px;
+    font: normal 27px/57px 'Microsoft';
 }
+
 /* 工资待遇 - 数字 */
-#department .talents_details .number{
+#department .talents_details .number {
     font-family: 'ARIAL';
     font-size: 28px;
     font-weight: 500;
     line-height: 37px;
 }
+
 /* 工资待遇 - 提示 */
-#department .talents_details li p:nth-child(2){
+#department .talents_details li p:nth-child(2) {
     font-size: 15px;
     line-height: 15px;
-    color:#5b5b5b;
+    color: #5b5b5b;
     font-weight: 400;
 }
+
 /* 职位布局 */
-#department .talents_data1 li:first-of-type{
-    padding-right:8px;
+#department .talents_data1 li:first-of-type {
+    padding-right: 8px;
 }
-#department .talents_data1 li:nth-of-type(2){
-    width:86px;
+
+#department .talents_data1 li:nth-of-type(2) {
+    width: 86px;
 }
-#department .talents_data1 li:nth-of-type(3){
-    width:126px;
+
+#department .talents_data1 li:nth-of-type(3) {
+    width: 126px;
 }
-#department .talents_data li:last-of-type{
-    width:53px;
+
+#department .talents_data li:last-of-type {
+    width: 53px;
     text-align: right;
 }
 
 #department .talents_data2 li:first-of-type,
-#department .talents_data3 li:first-of-type{
-    width:182px;
+#department .talents_data3 li:first-of-type {
+    width: 182px;
     text-align: left;
 }
+
 #department .talents_data2 li:first-of-type p:nth-of-type(2),
-#department .talents_data3 li:first-of-type p:nth-of-type(2){
-    width:150px;
+#department .talents_data3 li:first-of-type p:nth-of-type(2) {
+    width: 150px;
     text-align: center;
 }
+
 #department .talents_data2 li:nth-of-type(2),
-#department .talents_data3 li:nth-of-type(2){
-    width:194px;
+#department .talents_data3 li:nth-of-type(2) {
+    width: 194px;
 }
 
-#department .talents_data4 li:nth-of-type(3){
-    padding-right:65px;
+#department .talents_data4 li:nth-of-type(3) {
+    padding-right: 65px;
 }
+
 #department .talents_data4 .talents_details li:first-of-type .number::after,
-#department .talents_data4 .talents_details li:nth-of-type(2) .number::after{
-    content:'/';
-    padding:0px 5px;
+#department .talents_data4 .talents_details li:nth-of-type(2) .number::after {
+    content: '/';
+    padding: 0px 5px;
 }
-#department .talents_data4 .talents_details .ellipsis{
-    font:normal 27px/33px 'Microsoft';
+
+#department .talents_data4 .talents_details .ellipsis {
+    font: normal 27px/33px 'Microsoft';
 }
+
 /* 薪酬体系 */
-#department .salsry_system .salsry_left{
-    width:380px;
+#department .salsry_system .salsry_left {
+    width: 380px;
 }
-#department .salsry_photo{
+
+#department .salsry_photo {
     position: relative;
-    width:450px;
-    height:450px;
+    width: 450px;
+    height: 450px;
     border-radius: 50%;
-    border:1px solid #d9d9d9;
+    border: 1px solid #d9d9d9;
 }
-#department .salsry_photo::after{
+
+#department .salsry_photo::after {
     position: absolute;
-    top:30px;
-    left:30px;
-    content:'';
+    top: 30px;
+    left: 30px;
+    content: '';
     display: block;
-    width:390px;
-    height:390px;
-    margin:auto;
+    width: 390px;
+    height: 390px;
+    margin: auto;
     border-radius: 50%;
-    border:1px solid #d9d9d9;
+    border: 1px solid #d9d9d9;
 }
-#department .salsry_photo img{
+
+#department .salsry_photo img {
     display: block;
-    margin:150px auto 0px;
+    margin: 150px auto 0px;
 }
-#department .salsry_photo p{
-    font:bold 24px/24px 'Microsoft';
-    color:#109089;
+
+#department .salsry_photo p {
+    font: bold 24px/24px 'Microsoft';
+    color: #109089;
     text-align: center;
-    margin-top:20px;
+    margin-top: 20px;
 }
-#department .salsry_photo .iconfont{
+
+#department .salsry_photo .iconfont {
     position: absolute;
     display: inline-block;
-    width:70px;
-    height:70px;
+    width: 70px;
+    height: 70px;
     border-radius: 50%;
-    border:6px solid #eeeeee;
+    border: 6px solid #eeeeee;
     text-align: center;
     line-height: 60px;
     font-size: 34px;
-    color:#fff;
-    z-index:2;
+    color: #fff;
+    z-index: 2;
 }
-#department .salsry_photo .icon-qian{
+
+#department .salsry_photo .icon-qian {
     background: #45a5a5;
-    top:34px;
-    left:34px;
+    top: 34px;
+    left: 34px;
 }
-#department .salsry_photo .icon-jiangbei{
+
+#department .salsry_photo .icon-jiangbei {
     background: #d43954;
-    top:34px;
-    right:34px;
+    top: 34px;
+    right: 34px;
 }
-#department .salsry_photo .icon-baoxian{
+
+#department .salsry_photo .icon-baoxian {
     background: #d43954;
-    top:180px;
-    left:-30px;
+    top: 180px;
+    left: -30px;
 }
-#department .salsry_photo .icon-xueli{
+
+#department .salsry_photo .icon-xueli {
     background: #3985d4;
-    top:180px;
-    right:-30px;
+    top: 180px;
+    right: -30px;
 }
-#department .salsry_photo .icon-qianmoney113{
+
+#department .salsry_photo .icon-qianmoney113 {
     background: #f1c034;
-    bottom:34px;
-    left:34px;
+    bottom: 34px;
+    left: 34px;
 }
-#department .salsry_photo .icon-zhengshu{
+
+#department .salsry_photo .icon-zhengshu {
     background: #228989;
-    bottom:34px;
-    right:34px;
+    bottom: 34px;
+    right: 34px;
 }
-#department .salsry_left div{
+
+#department .salsry_left div {
     text-align: right;
 }
-#department .salsry_right div{
+
+#department .salsry_right div {
     text-align: left;
 }
-#department .salsry_text p{
-    font:normal 14px/24px 'Microsoft';
-    color:#686868;
+
+#department .salsry_text p {
+    font: normal 14px/24px 'Microsoft';
+    color: #686868;
 }
-#department .salsry_text h1{
-    font:bold 20px/20px 'Microsoft';
-    color:#4d4c4d;
-    padding-bottom:5px;
+
+#department .salsry_text h1 {
+    font: bold 20px/20px 'Microsoft';
+    color: #4d4c4d;
+    padding-bottom: 5px;
 }
+
 #department .salsry_text .selary .salsry_color,
-#department .salsry_text .certificate_addition .salsry_color{
-    color:#45a5a5;
+#department .salsry_text .certificate_addition .salsry_color {
+    color: #45a5a5;
 }
+
 #department .salsry_text .bonus .salsry_color,
-#department .salsry_text .welfare .salsry_color{
-    color:#d43954;
+#department .salsry_text .welfare .salsry_color {
+    color: #d43954;
 }
-#department .salsry_text .education_addition .salsry_color{
-    color:#3985d4;
+
+#department .salsry_text .education_addition .salsry_color {
+    color: #3985d4;
 }
-#department .salsry_text .performance .salsry_color{
-    color:#f1c034;
+
+#department .salsry_text .performance .salsry_color {
+    color: #f1c034;
 }
-#department .salsry_text .welfare{
-    margin:100px 55px 115px 0px;
+
+#department .salsry_text .welfare {
+    margin: 100px 55px 115px 0px;
 }
-#department .salsry_text .education_addition{
-    margin:60px 0px 70px 55px;
+
+#department .salsry_text .education_addition {
+    margin: 60px 0px 70px 55px;
 }
+
 /* 晋升体系 */
-#department .promotion_system{
-    width:100%;
-    height:217px;
-    margin-top:150px;
+#department .promotion_system {
+    width: 100%;
+    height: 217px;
+    margin-top: 150px;
     background: url('../images/system.jpg') no-repeat center;
 }
-#department .promotion_system p{
-	font-weight:bold;
-    font-size:30px;
-    color:#4d4c4d;
+
+#department .promotion_system p {
+    font-weight: bold;
+    font-size: 30px;
+    color: #4d4c4d;
     text-align: center;
 }
-#department .promotion_system p{
-	-webkit-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 50%,rgba(255,255,255,.2));
-	line-height:1;
+
+#department .promotion_system p {
+    -webkit-box-reflect: below 0 -webkit-linear-gradient(transparent, transparent 50%, rgba(255, 255, 255, .2));
+    line-height: 1;
 }
-#department .promotion_system ul{
-    width:245px;
-    margin-top:-5px;
+
+#department .promotion_system ul {
+    width: 245px;
+    margin-top: -5px;
 }
-#department .promotion_system .promotion_left{
+
+#department .promotion_system .promotion_left {
     text-align: right;
 }
-#department .promotion_system .promotion_right{
+
+#department .promotion_system .promotion_right {
     text-align: left;
 }
-#department .promotion_system li{
-    font:normal 16px/16px "Microsoft";
-    color:#808080;
-    margin-bottom:40px;
+
+#department .promotion_system li {
+    font: normal 16px/16px "Microsoft";
+    color: #808080;
+    margin-bottom: 40px;
 }
-#department .promotion_system .promotion_num{
+
+#department .promotion_system .promotion_num {
     font-weight: bold;
-    color:#8a8a8a;
+    color: #8a8a8a;
 }
-#department .promotion_system .promotion_left .promotion_num{
-    margin-left:3px;
+
+#department .promotion_system .promotion_left .promotion_num {
+    margin-left: 3px;
 }
-#department .promotion_system .promotion_right .promotion_num{
-    margin-right:8px;
+
+#department .promotion_system .promotion_right .promotion_num {
+    margin-right: 8px;
 }
+
 /* 发展历程 */
-#cours{
-    height:800px;
+#cours {
+    height: 800px;
     background: url('../images/cours_img.jpg') no-repeat center;
 }
-#cours .cours_content{
+
+#cours .cours_content {
     position: relative;
 }
-#cours .cours_content div{
+
+#cours .cours_content div {
     position: absolute;
 }
-#cours .cours_left{
+
+#cours .cours_left {
     text-align: right;
 }
-#cours .cours_right{
+
+#cours .cours_right {
     text-align: left;
-    color:#fff;
+    color: #fff;
 }
-#cours .cours_content .cours_num{
+
+#cours .cours_content .cours_num {
     font-size: 40px;
     font-weight: bold;
 }
+
 /* 定位 */
-#cours .cours_later{
-    top:40px;
-    right:235px;
+#cours .cours_later {
+    top: 40px;
+    right: 235px;
 }
-#cours .cours_2022{
-    top:245px;
-    right:539px;
+
+#cours .cours_2022 {
+    top: 245px;
+    right: 539px;
 }
-#cours .cours_2018{
-    top:388px;
-    left:635px;
+
+#cours .cours_2018 {
+    top: 388px;
+    left: 635px;
 }
-#cours .cours_2017{
-    top:383px;
-    right:714px;
+
+#cours .cours_2017 {
+    top: 383px;
+    right: 714px;
 }
-#cours .cours_2015{
-    top:537px;
-    left:458px;
+
+#cours .cours_2015 {
+    top: 537px;
+    left: 458px;
 }
-#cours .cours_2011{
-    top:480px;
-    right:876px;
+
+#cours .cours_2011 {
+    top: 480px;
+    right: 876px;
 }
-#cours .cours_2010{
-    top:625px;
-    left:260px;
+
+#cours .cours_2010 {
+    top: 625px;
+    left: 260px;
 }
-#cours .cours_2009{
-    top:585px;
-    left:-20px;
+
+#cours .cours_2009 {
+    top: 585px;
+    left: -20px;
 }
-#cours .cours_2006{
-    top:710px;
-    left:65px;
+
+#cours .cours_2006 {
+    top: 710px;
+    left: 65px;
 }
+
 /* 字号 */
 #cours .cours_later p,
 #cours .cours_2022 p,
-#cours .cours_2017 p{
-    font:normal 20px/29px 'Microsoft';
+#cours .cours_2017 p {
+    font: normal 20px/29px 'Microsoft';
 }
+
 #cours .cours_2018 p,
-#cours .cours_2011 p{
-    font:normal 17.5px/26.5px 'Microsoft';
+#cours .cours_2011 p {
+    font: normal 17.5px/26.5px 'Microsoft';
 }
-#cours .cours_2015 p{
-    font:normal 16.5px/25.5px 'Microsoft';
+
+#cours .cours_2015 p {
+    font: normal 16.5px/25.5px 'Microsoft';
 }
+
 #cours .cours_2010 p,
-#cours .cours_2009 p{
-    font:normal 15.5px/24.5px 'Microsoft';
+#cours .cours_2009 p {
+    font: normal 15.5px/24.5px 'Microsoft';
 }
+
 /* 加粗字号 */
 #cours .cours_later .cours_num,
-#cours .cours_2022 .cours_num{
-    font:bold 35px/35px 'Microsoft';
+#cours .cours_2022 .cours_num {
+    font: bold 35px/35px 'Microsoft';
 }
-#cours .cours_later .cours_text{
-    font:bold 28px/28px 'Microsoft';
+
+#cours .cours_later .cours_text {
+    font: bold 28px/28px 'Microsoft';
 }
+
 #cours .cours_2018 .cours_num,
 #cours .cours_2017 .cours_num,
-#cours .cours_2015 .cours_num{
-    font:bold 30px/30px 'Microsoft';
+#cours .cours_2015 .cours_num {
+    font: bold 30px/30px 'Microsoft';
 }
-#cours .cours_2011 .cours_num{
-    font:bold 22px/22px 'Microsoft';
+
+#cours .cours_2011 .cours_num {
+    font: bold 22px/22px 'Microsoft';
 }
-#cours .cours_2010 .cours_num{
-    font:bold 20px/20px 'Microsoft';
+
+#cours .cours_2010 .cours_num {
+    font: bold 20px/20px 'Microsoft';
 }
-#cours .cours_2009 .cours_num{
-    font:bold 19px/19px 'Microsoft';
+
+#cours .cours_2009 .cours_num {
+    font: bold 19px/19px 'Microsoft';
 }
-#cours .cours_2006 .cours_num{
-    font:bold 18px/18px 'Microsoft';
+
+#cours .cours_2006 .cours_num {
+    font: bold 18px/18px 'Microsoft';
 }
+
 /* 产品服务 */
-#product_service .model_top{
-    padding-bottom:80px;
+#product_service .model_top {
+    padding-bottom: 80px;
 }
-#product_service .product_content{
-    margin:0px auto;
+
+#product_service .product_content {
+    margin: 0px auto;
 }
-#product_service .li_single{
+
+#product_service .li_single {
     position: relative;
-    float:left;
-    width:380px;
-    height:500px; 
-    margin-right:30px;
+    float: left;
+    width: 380px;
+    height: 500px;
+    margin-right: 30px;
     overflow: hidden;
 }
-#product_service .li_single:hover img{
+
+#product_service .li_single:hover img {
     transform: scale(1.2);
     transition: all 0.8s ease-in-out;
 }
-#product_service .li_single:last-of-type{
-    margin-right:0px;
+
+#product_service .li_single:last-of-type {
+    margin-right: 0px;
 }
-#product_service .li_single img{
+
+#product_service .li_single img {
     display: block;
     transition: all 0.8s ease-in-out;
 }
-#product_service .service_explain{
+
+#product_service .service_explain {
     position: absolute;
-    bottom:0px;
-    left:0px;
-    width:100%;
-    height:150px;
+    bottom: 0px;
+    left: 0px;
+    width: 100%;
+    height: 150px;
     background: rgba(25, 45, 59, 0.8);
-    color:#fff;
+    color: #fff;
 }
-#product_service .service_name{
+
+#product_service .service_name {
     font-size: 24px;
     line-height: 24px;
-    padding:47px 0px 18px;
+    padding: 47px 0px 18px;
     text-align: center;
 }
-#product_service .service_about{
+
+#product_service .service_about {
     line-height: 14px;
     text-align: center;
     letter-spacing: 1px;
     font-family: 'Microsoft';
-    color:rgba(255, 255, 255, 0.6)
+    color: rgba(255, 255, 255, 0.6)
 }
-#product_service .service_about span::before{
-    content:"/";
-    padding:0px 1px;
+
+#product_service .service_about span::before {
+    content: "/";
+    padding: 0px 1px;
 }
-#product_service .service_about span:first-of-type::before{
-    content:"";
+
+#product_service .service_about span:first-of-type::before {
+    content: "";
 }
+
 #product_service .product_tel {
     margin-top: 50px;
 }
+
 #product_service .product_tel div {
     width: 248px;
     margin-left: 50%;
     transform: translateX(-128px);
 }
+
 /* 荣誉资质 */
 #honor {
+    margin-bottom: 80px;
+}
+#honor .honor_content {
+    text-align: center;
+    margin-bottom: 80px;
+}
+#honor .honor_content h5 {
+  color: #33444e;
+}
+.honor {
     position: relative;
     width: 100%;
+    height: 600px;
     margin: 0 auto;
-  text-align: center;
+    background-color: #e9eaec;
 }
-#honor .model_top{
-  padding-bottom:80px;
+#honor .model_top {
+    padding-bottom: 80px;
+}
+#honor .content {
+    position: absolute;
+    top: 0;
+    right: 0;
 }
 #honor .swiper-container {
-  padding-bottom: 60px
+    position: relative;
+    padding-top: 70px;
+    padding-bottom: 70px;
+}
+#honor .imgmask {
+    position: absolute;
+    width: 100%;
+    background: rgba(0, 0, 0, .2);
+    top: 0;
+    left: 0;
+    height: 100%;
 }
-
 #honor .swiper-slide {
-  width: 520px;
-  height: 408px;
+    width: 600px;
+    height: 450px;
     background: #fff;
-  box-shadow: 0 8px 30px #ddd
+    box-shadow: darkgrey 2px 2px 22px 4px;
 }
 
 #honor .swiper-slide img {
-  display: block
-}
-
-#honor .swiper-slide p {
-  line-height: 98px;
-  padding-top: 0;
-  text-align: center;
-  color: #636363;
-  font-size: 1.1em;
-  margin: 0
+    display: block;
+    width: 600px;
+    height: 450px;
 }
 
 #honor .swiper-pagination {
@@ -1323,72 +1588,65 @@
     opacity: 1
 }
 
-#honor .swiper-pagination-bullets .swiper-pagination-bullet-active {
-  border: 3px solid #00aadc;
-  background-color: #fff
-}
-
 #honor .swiper-button-prev {
-  left: -30px;
+    left: 130px;
     width: 45px;
     height: 45px;
-  /* background: url(../images/wm_button_icon.png) no-repeat; */
+    background: url(../images/button_prev.png) no-repeat;
     background-position: 0 0;
-  background-size: 100%
-}
-
-#honor .swiper-button-prev:hover {
-  background-position: 0 -46px;
-  background-size: 100%
+    background-size: 100%;
+    z-index: 999;
 }
 
 #honor .swiper-button-next {
-  right: -30px;
+    right: 130px;
     width: 45px;
     height: 45px;
-  /* background: url(../images/wm_button_icon.png) no-repeat; */
-  background-position: 0 -93px;
-  background-size: 100%
+    background: url(../images/button_next.png) no-repeat;
+    background-position: 0 0;
+    background-size: 100%;
+    z-index: 999;
 }
 
-#honor .swiper-button-next:hover {
-  background-position: 0 -139px;
-  background-size: 100%
-}
 /* 千家大地图 */
-#qj_map .map_content{
+#qj_map .map_content {
     width: 100%;
-    height:900px;
-    margin-top:60px;
+    height: 900px;
+    margin-top: 60px;
     background: url('../images/map.jpg') no-repeat center;
 }
+
 /* 底部 */
-#footer{
-    height:220px;
+#footer {
+    height: 220px;
     background: #192d3b;
 }
-#footer img{
-    padding-top:25px;
+
+#footer img {
+    padding-top: 25px;
     display: block;
-    margin:auto;
+    margin: auto;
 }
-#footer .support{
+
+#footer .support {
     font-size: 12px;
     font-weight: 600;
     letter-spacing: .5px;
     line-height: 12px;
-    color:#fff;
+    color: #fff;
     text-align: center;
-    margin-top:12px;
+    margin-top: 12px;
 }
+
 #footer span {
     font-size: 12px;
-    line-height:12px;
-    color: rgba(255,255,255,.6);
+    line-height: 12px;
+    color: rgba(255, 255, 255, .6);
     display: block;
     text-align: center;
     margin-top: 25px;
 }
+
 #footer .filing_information {
     width: 20px;
     display: block;
@@ -1396,40 +1654,49 @@
     transform: translate(-10px);
     margin-top: 10px;
 }
+
 #footer .filing_information img {
     width: 20px;
     height: 20px;
     padding-top: 0;
 }
+
 /* 自定义动画 */
 @keyframes smallBig {
     from {
         transform: scale(1)
     }
+
     to {
         transform: scale(1.1)
     }
 }
+
 @keyframes bigSmall {
     from {
         transform: scale(1)
     }
-    to{
+
+    to {
         transform: scale(.9)
     }
 }
+
 @keyframes toInit {
     from {
         transform: scale(1.1)
     }
+
     to {
         transform: scale(1)
     }
 }
+
 @keyframes toInit2 {
     from {
         transform: scale(.9)
     }
+
     to {
         transform: scale(1)
     }
@@ -1448,6 +1715,7 @@
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0)
     }
+
     100% {
         opacity: 1;
         -webkit-transform: none;
@@ -1461,6 +1729,7 @@
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0)
     }
+
     100% {
         opacity: 1;
         -webkit-transform: none;

index.html

@@ -20,7 +20,6 @@
     <script type="text/javascript" src="./js/wow.min.js"></script>
     <script src="./js/common.js"></script>
     <script src="./js/index.js"></script>
-    <script src="./js/jquery-3.3.1.slim.min.js"></script>
     <script src="./js/swiper.min.js"></script>
 </head>
 
@@ -233,7 +232,7 @@
             </div>
         </div>
     </div>
-    <div id="skynet" class="wow main_body" >
+    <div id="skynet" class="wow main_body">
         <div class="test">
             <div class="donkey">天网监察体系</div>
             <div class="sunspot">稽核中心 +MIS</div>
@@ -831,57 +830,81 @@
             <div class="model_title wow animated fadeInUp">荣誉资质</div>
             <p class="model_eng wow animated fadeInUp">PRODUCT</p>
         </div>
+        <!-- 荣誉资质轮播图上方文字 -->
+        <div class="honor_content  wow animated fadeInUp">
+        </div>
+        <div class="honor  wow animated fadeInUp">
             <div class="swiper-container swiper-container-horizontal">
                 <div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-4860px, 0px, 0px);">
-            <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0" style="transform: translateX(9620px); z-index: 899; opacity: 0; transition-duration: 0ms;"><img
-                src="images/1.jpg">
+                    <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0" style="transform: translateX(9620px); z-index: 899; opacity: 0; transition-duration: 0ms;">
+                        <div class="imgmask"></div>
+                        <img src="images/1.jpg">
+                    </div>
+                    <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" style="transform: translateX(7956px); z-index: 909; opacity: 0; transition-duration: 0ms;">
+                        <div class="imgmask"></div>
+                        <img src="images/2.jpg">
                     </div>
-            <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" style="transform: translateX(7956px); z-index: 909; opacity: 0; transition-duration: 0ms;"><img
-                src="images/2.jpg">
+                    <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" style="transform: translateX(6448px); z-index: 919; opacity: 0; transition-duration: 0ms;">
+                        <div class="imgmask"></div>
+                        <img src="images/3.jpg">
                     </div>
-            <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" style="transform: translateX(6448px); z-index: 919; opacity: 0; transition-duration: 0ms;"><img
-                src="images/3.jpg">
+                    <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" style="transform: translateX(5096px); z-index: 929; opacity: 0; transition-duration: 0ms;">
+                        <div class="imgmask"></div>
+                        <img src="images/4.jpg">
                     </div>
-            <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" style="transform: translateX(5096px); z-index: 929; opacity: 0; transition-duration: 0ms;"><img
-                src="images/4.jpg">
+                    <div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev"
+                        data-swiper-slide-index="4" style="transform: translateX(3900px); z-index: 939; opacity: 0; transition-duration: 0ms;">
+                        <div class="imgmask"></div>
+                        <img src="images/5.jpg">
                     </div>
-            <div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="4" style="transform: translateX(3900px); z-index: 939; opacity: 0; transition-duration: 0ms;"><img
-                src="images/5.jpg">
+                    <div class="swiper-slide swiper-slide-duplicate-active" data-swiper-slide-index="0" style="transform: translateX(2860px);-index: 949; opacity: 0; transition-duration: 0ms;">
+                        <div class="imgmask"></div>
+                        <img src="images/1.jpg">
                     </div>
-            <div class="swiper-slide swiper-slide-duplicate-active" data-swiper-slide-index="0" style="transform: translateX(2860px);-index: 949; opacity: 0; transition-duration: 0ms;"><img
-                src="images/1.jpg">
+                    <div class="swiper-slide swiper-slide-duplicate-next" data-swiper-slide-index="1" style="transform: translateX(1976px); z-index: 959; opacity: 0; transition-duration: 0ms;">
+                        <div class="imgmask"></div>
+                        <img src="images/2.jpg">
                     </div>
-            <div class="swiper-slide swiper-slide-duplicate-next" data-swiper-slide-index="1" style="transform: translateX(1976px); z-index: 959; opacity: 0; transition-duration: 0ms;"><img
-                src="images/2.jpg">
+                    <div class="swiper-slide" data-swiper-slide-index="2" style="transform: translateX(1248px); z-index: 969; opacity: 1; transition-duration: 0ms;">
+                        <div class="imgmask"></div>
+                        <img src="images/3.jpg">
                     </div>
-            <div class="swiper-slide" data-swiper-slide-index="2" style="transform: translateX(1248px); z-index: 969; opacity: 1; transition-duration: 0ms;"><img
-                src="images/3.jpg">
+                    <div class="swiper-slide" data-swiper-slide-index="3" style="transform: translateX(676px); z-index: 979; opacity: 1; transition-duration: 0ms;">
+                        <div class="imgmask"></div>
+                        <img src="images/4.jpg">
                     </div>
-            <div class="swiper-slide" data-swiper-slide-index="3" style="transform: translateX(676px); z-index: 979; opacity: 1; transition-duration: 0ms;"><img
-                src="images/4.jpg">
+                    <div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="4" style="transform: translateX(320px); z-index: 989; opacity: 1; transition-duration: 0ms;">
+                        <div class="imgmask"></div>
+                        <img src="images/5.jpg">
                     </div>
-            <div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="4" style="transform: translateX(260px); z-index: 989; opacity: 1; transition-duration: 0ms;"><img
-                src="images/5.jpg">
+                    <div class="swiper-slide swiper-slide-duplicate swiper-slide-active" data-swiper-slide-index="0"
+                        style="transform: translateX(0px);-index: 999; opacity: 1; transition-duration: 0ms;">
+                        <div class="imgmask"></div>
+                        <img src="images/1.jpg">
                     </div>
-            <div class="swiper-slide swiper-slide-duplicate swiper-slide-active" data-swiper-slide-index="0" style="transform: translateX(0px);-index: 999; opacity: 1; transition-duration: 0ms;"><img
-                src="images/1.jpg">
+                    <div class="swiper-slide swiper-slide-duplicate swiper-slide-next" data-swiper-slide-index="1"
+                        style="transform: translateX(-320px); z-index: 989; opacity: 1; transition-duration: 0ms;">
+                        <div class="imgmask"></div>
+                        <img src="images/2.jpg">
                     </div>
-            <div class="swiper-slide swiper-slide-duplicate swiper-slide-next" data-swiper-slide-index="1" style="transform: translateX(-260px); z-index: 989; opacity: 1; transition-duration: 0ms;"><img
-                src="images/2.jpg">
+                    <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" style="transform: translateX(-676px); z-index: 979; opacity: 1; transition-duration: 0ms;">
+                        <div class="imgmask"></div>
+                        <img src="images/3.jpg">
                     </div>
-            <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" style="transform: translateX(-676px); z-index: 979; opacity: 1; transition-duration: 0ms;"><img
-                src="images/3.jpg">
+                    <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" style="transform: translateX(-1248px); z-index: 969; opacity: 1; transition-duration: 0ms;">
+                        <div class="imgmask"></div>
+                        <img src="images/4.jpg">
                     </div>
-            <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" style="transform: translateX(-1248px); z-index: 969; opacity: 1; transition-duration: 0ms;"><img
-                src="images/4.jpg">
+                    <div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev"
+                        data-swiper-slide-index="4" style="transform: translateX(-1976px); z-index: 959; opacity: 0; transition-duration: 0ms;">
+                        <div class="imgmask"></div>
+                        <img src="images/5.jpg">
                     </div>
-            <div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="4" style="transform: translateX(-1976px); z-index: 959; opacity: 0; transition-duration: 0ms;"><img
-                src="images/5.jpg">
                 </div>
             </div>
+            <div class="swiper-button-prev"></div>
+            <div class="swiper-button-next"></div>
         </div>
-        <!-- <div class="swiper-button-prev icon-you"></div>
-        <div class="swiper-button-next"></div> -->
     </div>
     <!-- 底部 -->
     <footer id="footer">
@@ -890,7 +913,8 @@
         </div>
         <p class="support">千家网络科技提供技术支持</p>
         <span>唐山千家房地产经纪有限公司版权所有copyright 2005-2014© www.allhome.com.cn Network.All Rights Reserved.冀ICP备14024444号-1</span>
-        <a href="http://www.tsgswj.gov.cn//ei/Ei!certificate.action?id=4028858a5e8395ee015e94710f27001f" target="view_window" class="clear filing_information">
+        <a href="http://www.tsgswj.gov.cn//ei/Ei!certificate.action?id=4028858a5e8395ee015e94710f27001f" target="view_window"
+            class="clear filing_information">
             <img class="left" src="./images/filing_information.png" alt="">
         </a>
     </footer>

js/index.js

@@ -3,7 +3,7 @@ window.onload = function () {
     // 固定导航背景颜色
     var scroll = function () {
         var nav_height = document.getElementById("top_nav");
-        var scrollTop =document.body.scrollTop || document.documentElement.scrollTop;
+        var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
         if (scrollTop > 0) {
             nav_height.classList.add('header_scroll')
         } else {
@@ -30,7 +30,7 @@ window.onload = function () {
         let home_one = document.getElementById("header").offsetTop - 90
         let home_two = document.getElementById("introduce").offsetTop - 90
         let home_three = document.getElementById("department").offsetTop - 90
-        let home_four = document.getElementById("cours").offsetTop -100
+        let home_four = document.getElementById("cours").offsetTop - 100
         let home_five = document.getElementById("product_service").offsetTop - 90
         let home_six = document.getElementById("honor").offsetTop - 120
         let nav = document.getElementsByClassName("nav")[0];
@@ -68,12 +68,12 @@ window.onload = function () {
     }
     // 轮播鼠标移上事件
     var video_box = document.getElementById("carouselExampleConta");
-    video_box.addEventListener("mouseenter",function(){
+    video_box.addEventListener("mouseenter", function () {
         $(this).carousel('pause')
-    },false); 
-    video_box.addEventListener("mouseleave",function(){
+    }, false);
+    video_box.addEventListener("mouseleave", function () {
         $(this).carousel('cycle')
-    },false); 
+    }, false);
     //这里是数组，若是对象格式仅为循环方式不同而已
     var json = [{
             "resname": "人力资本部",
@@ -119,7 +119,7 @@ window.onload = function () {
             "resname": "市场部",
             "img": "./images/market.jpg",
             "resint": "资源整合专家。我们洞察市场风云变化，拓展市场新资源，我们还致力于通过规范业务行为，引领行业服务品质新高度，我们是行业前行的探路者."
-        },{
+        }, {
             "resname": "人力资本部",
             "img": "./images/Human.jpg",
             "resint": "千家的猎头组织。一个明明可以靠颜值，却硬是靠才华吃饭的部门，为社会创造更多的高端就业机会。我们为行业募选最优秀的精英，只寻找最真的你。"
@@ -163,7 +163,7 @@ window.onload = function () {
             "resname": "市场部",
             "img": "./images/market.jpg",
             "resint": "资源整合专家。我们洞察市场风云变化，拓展市场新资源，我们还致力于通过规范业务行为，引领行业服务品质新高度，我们是行业前行的探路者."
-        },{
+        }, {
             "resname": "人力资本部",
             "img": "./images/Human.jpg",
             "resint": "千家的猎头组织。一个明明可以靠颜值，却硬是靠才华吃饭的部门，为社会创造更多的高端就业机会。我们为行业募选最优秀的精英，只寻找最真的你。"
@@ -207,7 +207,7 @@ window.onload = function () {
             "resname": "市场部",
             "img": "./images/market.jpg",
             "resint": "资源整合专家。我们洞察市场风云变化，拓展市场新资源，我们还致力于通过规范业务行为，引领行业服务品质新高度，我们是行业前行的探路者."
-        },{
+        }, {
             "resname": "人力资本部",
             "img": "./images/Human.jpg",
             "resint": "千家的猎头组织。一个明明可以靠颜值，却硬是靠才华吃饭的部门，为社会创造更多的高端就业机会。我们为行业募选最优秀的精英，只寻找最真的你。"
@@ -253,26 +253,27 @@ window.onload = function () {
             "resint": "资源整合专家。我们洞察市场风云变化，拓展市场新资源，我们还致力于通过规范业务行为，引领行业服务品质新高度，我们是行业前行的探路者."
         }
     ];
-    function asd(){
-        var i=0;
-        for(var n=0;n<12;n++){
+
+    function asd() {
+        var i = 0;
+        for (var n = 0; n < 12; n++) {
             var tmp = "<div class='carousel-item video_box'><ul>";
             for (i; i < json.length; i++) {
-           if(i===(n+1)*3){
-               i=(n+1)*3;
+                if (i === (n + 1) * 3) {
+                    i = (n + 1) * 3;
                     break;
-           }else{
-                tmp +="<li>"+
-                    "<div class='images'>"+"<img src="+json[i].img+">"+"</div>"+
-                    "<div class='text'>"+
-                        "<div class='titles'>"+json[i].resname+"</div>"+
-                        "<p>"+json[i].resint+"</p>"+
-                    "</div>"+
-                "</li>" ; 
+                } else {
+                    tmp += "<li>" +
+                        "<div class='images'>" + "<img src=" + json[i].img + ">" + "</div>" +
+                        "<div class='text'>" +
+                        "<div class='titles'>" + json[i].resname + "</div>" +
+                        "<p>" + json[i].resint + "</p>" +
+                        "</div>" +
+                        "</li>";
                 }
             }
             tmp += "</ul></div>";
-        var carouselExampleConta= document.getElementById("carouselExampleConta")
+            var carouselExampleConta = document.getElementById("carouselExampleConta")
             carouselExampleConta.getElementsByClassName("carousel-inner")[0].innerHTML += tmp;
             carouselExampleConta.getElementsByClassName("carousel-item")[0].classList.add("active")
         }
@@ -281,11 +282,11 @@ window.onload = function () {
     // 招聘热线 文字跳动
     var tel_content = document.getElementById("tel_content");
     var move_span = tel_content.getElementsByTagName("span")
-    for(var s = 0 ; s < move_span.length ; s++){
-        (function(e){
-            var timer = setInterval(function(){
+    for (var s = 0; s < move_span.length; s++) {
+        (function (e) {
+            var timer = setInterval(function () {
                 move_span[e].classList.add("move_tel")
-            },e*200)
+            }, e * 200)
         })(s)
     }
 
@@ -312,13 +313,24 @@ window.onload = function () {
     common();
 
     // 荣誉资质轮播图
+    
+    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', {
         watchSlidesProgress: true,
         slidesPerView: 'auto',
         centeredSlides: true,
         loop: true,
         loopedSlides: 5,
-        autoplay: true,
+        autoplay: {
+            delay: 5000,
+            stopOnLastSlide: false,
+            disableOnInteraction: true,
+        },
         navigation: {
             nextEl: '.swiper-button-next',
             prevEl: '.swiper-button-prev',
@@ -334,9 +346,9 @@ window.onload = function () {
                     var slideProgress = this.slides[i].progress;
                     modify = 1;
                     if (Math.abs(slideProgress) > 1) {
-                modify = (Math.abs(slideProgress) - 1) * 0.3 + 1;
+                        modify = (Math.abs(slideProgress) - 1) * 0.25 + 1;
                     }
-              translate = slideProgress * modify * 260 + 'px';
+                    translate = slideProgress * modify * 300 + 'px';
                     scale = 1 - Math.abs(slideProgress) / 5;
                     zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
                     slide.transform('translateX(' + translate + ')');
@@ -352,6 +364,13 @@ 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')]);
+            },
+            slidePrevTransitionEnd: function () {
+                $('.honor_content').html(content[$('.swiper-slide-active').attr('data-swiper-slide-index')]);
             }
         }
     })