Merge branch 'master' of http://git.cn-wbst.cn/zhongze/zhongze-front

# Conflicts:
#	dev/static/font/cavan.css
#	src/pages/common/tpl/header.tpl
#	src/pages/index/index.html

dev/static/font/cavan.css

@@ -0,0 +1,9 @@
+@font-face {
+    font-family: 'MyFont1'; /* 自定义字体名称 */
+    src: url('./BOLD.OTF') format('truetype');
+}
+
+@font-face {
+    font-family: 'MyFont2';
+    src: url('./REGULAR.OTF') format('truetype');
+}

src/pages/common/css/common.less

@@ -183,7 +183,7 @@ header{
         .headerPC{
             .logo{
                 background: url("../images/logoW.png") no-repeat;
-                background-size: 157px 26px;
+                background-size: 142px 32px;
             }
             .language{
                 a{
@@ -229,10 +229,10 @@ header{
     font-weight: 400;
     position: relative;
     .logo{
-        width: 157px;
-        height: 26px;
+        width: 142px;
+        height: 32px;
         background: url("../images/logoB.png") no-repeat;
-        background-size: 157px 26px;
+        background-size: 142px 32px;
         cursor: pointer;
         position: absolute;
         left: 100px;
@@ -266,14 +266,14 @@ header{
     }
     .menuSon{
         position: absolute;
-        top: 72px;
-        padding: 20px 30px 20px;
-        background: #F5F5F5;
-        box-shadow: 0px 9px 34px 9px rgba(0,0,0,0.1);
-        border-radius: 10px;
+        top: 70px;
+        padding: 15px 0px 15px;
+        background: #fff;
+        box-shadow: 0px 2px 6px 0px rgba(183,183,183,0.43);
+        border-radius: 8px;
         z-index: 10;
         width: auto;
-        min-width: 155px;
+        width: 172px;
         white-space: nowrap;
         left: 50%;
         transform: translateX(-50%) translateY(0%);
@@ -281,6 +281,7 @@ header{
         box-sizing: border-box;
         // opacity: 1;
         display: none;
+        text-align: center;
         .menuUp{
             width: 100%;
             height: 2px;
@@ -288,10 +289,24 @@ header{
             position: absolute;
             left:0;
             top: -2px;
+            &::before{
+                content: '';
+                width: 0;
+                height: 0;
+                position: absolute;
+                display: block;
+                bottom: -2px;
+                left: 50%;
+                transform: translateX(-50%);
+                border-top:15px solid transparent;
+                border-left:15px solid transparent;
+                border-right:15px solid transparent;
+                border-bottom:15px solid #fff ;
+            }
         }
         a{
             display: block;
-            padding: 10px 0;
+            padding: 15px 0;
             transition: all .3s ease;
             &:hover{
                 color: #B81C25;
@@ -354,8 +369,8 @@ header{
     box-sizing: border-box;
     position: relative;
     .logo{
-        width: 109px;
-        height: 18px;
+        width: 88px;
+        height: 21px;
         position: relative;
         z-index: 6;
         background: url("../images/logoB.png") no-repeat;
@@ -428,24 +443,69 @@ header{
             top: -60px;
             left: 0px;
             background-color: #ffffff;
-            border-bottom: 1px solid #0000001b;
+            background-image: url("../images/logoB.png");
+            background-size: 89px 22px;
+            background-repeat: no-repeat;
+            // border-bottom: 1px solid #0000001b;
+            background-position: 15px center;
         }
         .navMenu{
             width: 100%;
-            height: calc( 100% - 60px);
+            height: 100%;
             box-sizing: border-box;
-            padding: 35px 50px 0px;
             overflow-y: auto;
             &>div{
                 width: 100%;
-                margin-bottom: 30px;
-                a{
-                    font-size: 16px;
-                    display: block;
-                    margin-bottom: 30px;
-                }
+                padding: 25px 15px;
+                box-sizing: border-box;
+                border-bottom: 1px solid #ACACAC80;
+                
                 .title{
                     font-size: 18px;
+                    line-height: 18px;
+                    color: #231F20;
+                    padding-left: 13px;
+                    padding-right: 6px;
+                    font-weight: 100;
+                    font-family: 'MyFont2';
+                    span{
+                        float: right;
+                        font-size: 14px;
+                        transform: rotate(-90deg);
+                        transition: all .3s ease;
+                    }
+                }
+                .menuSon{
+                    width: 100%;
+                    overflow: hidden;
+                    height: 0px;
+                    clip-path: inset(0 0 100% 0);
+                    transition: all 0.3s ease;
+                    a{
+                        font-size: 16px;
+                        display: block;
+                        color: #666666;
+                        padding: 20px 14px;
+                        border-bottom: 1px solid #ACACAC80;
+                        &:first-child{
+                            margin-top: 10px;
+                        }
+                        &:last-child{
+                            border-bottom: none;
+                            padding-bottom: 0px;
+                        }
+                    }
+                }
+            }
+            .menuShow{
+                .title{
+                    .iconfont{
+                        transform: rotate(0deg);
+                    }
+                }
+                .menuSon{
+                    height: 100%;
+                    clip-path: inset(0 0 0% 0);
                 }
             }
         }
@@ -650,7 +710,8 @@ footer{
         }
     }
     .footerIcon{
-        width: calc(100% - 200px);
+        width: 100%;
+        max-width: 1300px;
         margin: 0px auto;
         display: flex;
         flex-direction: row;

src/pages/common/js/Common.js

@@ -166,16 +166,21 @@ export default class Common {
   initHeaderM() {
     let navFlagBtn = document.querySelector(".headerMobile .navFlagBtn");
     let navFlag = document.querySelector(".headerMobile .navFlag");
-    let navMenu = document.querySelector(".headerMobile .navMenu");
+    let navMenus = document.querySelectorAll(".headerMobile .navMenu>div");
     let logo = document.querySelector(".headerMobile .logo");
     logo.addEventListener("click", (e) => {
       window.location.href ="/index.html"
     });
-
-    navMenu.addEventListener("click", (e) => {
-      console.log("click");
-      navFlagBtn.click();
-    });
+    navMenus.forEach(function(item) {
+      item.addEventListener("click", (e) => {
+        if(item.classList.contains("menuShow")){
+          item.classList.remove("menuShow");
+        }else{
+          item.classList.add("menuShow");
+        }
+      });
+    })
+    
     
     //0-关闭状态、1-为打开状态
     navFlagBtn.addEventListener("click", (e) => {
@@ -212,6 +217,9 @@ export default class Common {
             }
           });
           navFlagBtn.classList.remove("btnOpen");
+          navMenus.forEach(function(item) {
+            item.classList.remove("menuShow");
+          })
       }
     });
   }

src/pages/common/tpl/header.tpl

@@ -4,21 +4,64 @@
         <div class="menu">
             <div class="menuOne">
                 <a href="">走进中泽</a>
+                <div class="menuSon">
+                    <div class="menuUp"></div>
+                    <a href=""><span>集团简介</span></a>
+                    <a href=""><span>发展历程</span></a>
+                    <a href=""><span>企业架构</span></a>
+                    <a href=""><span>企业文化</span></a>
+                    <a href=""><span>资质荣誉</span></a>
+                </div>
             </div>
             <div class="menuOne">
                 <a href="">产业布局</a>
+                <div class="menuSon">
+                    <div class="menuUp"></div>
+                    <a href=""><span>铁合金</span></a>
+                    <a href=""><span>炭素</span></a>
+                    <a href=""><span>钼业</span></a>
+                    <a href=""><span>镍业</span></a>
+                    <a href=""><span>化工</span></a>
+                    <a href=""><span>装备制造</span></a>
+                    <a href=""><span>产业互联网</span></a>
+                    <a href=""><span>金融</span></a>
+                    <a href=""><span>其他</span></a>
+                </div>
             </div>
             <div class="menuOne">
                 <a href="./news.html">新闻中心</a>
+                <div class="menuSon">
+                    <div class="menuUp"></div>
+                    <a href=""><span>集团新闻</span></a>
+                    <a href=""><span>前沿资讯</span></a>
+                    <a href=""><span>政策引领</span></a>
+                    <a href=""><span>研发创新</span></a>
+                </div>
             </div>
             <div class="menuOne">
-                <a href="./partyBuilding.html">党建工作</a>
+                <a href="">党建工作</a>
+                <div class="menuSon">
+                    <div class="menuUp"></div>
+                    <a href=""><span>企业党建</span></a>
+                    <a href=""><span>学习文件</span></a>
+                </div>
             </div>
             <div class="menuOne">
                 <a href="">社会责任</a>
+                <div class="menuSon">
+                    <div class="menuUp"></div>
+                    <a href=""><span>社会公益</span></a>
+                    <a href=""><span>绿色转型</span></a>
+                </div>
             </div>
             <div class="menuOne">
                 <a href="">加入中泽</a>
+                <div class="menuSon">
+                    <div class="menuUp"></div>
+                    <a href=""><span>招聘信息</span></a>
+                    <a href=""><span>招标信息</span></a>
+                    <a href=""><span>联系我们</span></a>
+                </div>
             </div>
         </div>
         <div class="language menuOne">
@@ -40,29 +83,69 @@
             <div class="navBg"></div>
             <div class="navMenu">
                 <div>
-                    <a class="title" href="">走进中泽</a>
+                    <a class="title" href="./index.html">首页</a>
+                </div>
+                <div>
+                    <div class="title" href="">走进中泽<span class="iconfont icon-xiala"></span></div>
+                    <div class="menuSon">
+                        <a href=""><span>集团简介</span></a>
+                        <a href=""><span>发展历程</span></a>
+                        <a href=""><span>企业架构</span></a>
+                        <a href=""><span>企业文化</span></a>
+                        <a href=""><span>资质荣誉</span></a>
+                    </div>
                 </div>
                 <div>
-                    <a class="title" href="">产业布局</a>
+                    <div class="title" href="">产业布局<span class="iconfont icon-xiala"></span></div>
+                    <div class="menuSon">
+                        <a href=""><span>铁合金</span></a>
+                        <a href=""><span>炭素</span></a>
+                        <a href=""><span>钼业</span></a>
+                        <a href=""><span>镍业</span></a>
+                        <a href=""><span>化工</span></a>
+                        <a href=""><span>装备制造</span></a>
+                        <a href=""><span>产业互联网</span></a>
+                        <a href=""><span>金融</span></a>
+                        <a href=""><span>其他</span></a>
+                    </div>
                 </div>
                 <div>
-                    <a class="title" href="./news.html">新闻中心</a>
+                    <div class="title" href="">新闻中心<span class="iconfont icon-xiala"></span></div>
+                    <div class="menuSon">
+                        <a href=""><span>集团新闻</span></a>
+                        <a href=""><span>前沿资讯</span></a>
+                        <a href=""><span>政策引领</span></a>
+                        <a href=""><span>研发创新</span></a>
+                    </div>
                 </div>
                 <div>
-                    <a class="title" href="">党建工作</a>
+                    <div class="title" href="">党建工作<span class="iconfont icon-xiala"></span></div>
+                    <div class="menuSon">
+                        <a href=""><span>企业党建</span></a>
+                        <a href=""><span>学习文件</span></a>
+                    </div>
                 </div>
                 <div>
-                    <a class="title" href="">社会责任</a>
+                    <div class="title" href="">社会责任<span class="iconfont icon-xiala"></span></div>
+                    <div class="menuSon">
+                        <a href=""><span>社会公益</span></a>
+                        <a href=""><span>绿色转型</span></a>
+                    </div>
                 </div>
                 <div>
-                    <a class="title" href="">加入中泽</a>
+                    <div class="title" href="">加入中泽<span class="iconfont icon-xiala"></span></div>
+                    <div class="menuSon">
+                        <a href=""><span>招聘信息</span></a>
+                        <a href=""><span>招标信息</span></a>
+                        <a href=""><span>联系我们</span></a>
+                    </div>
                 </div>
             </div>
-            <div class="language">
+            <!--<div class="language">
                 <a href=""><span class="iconfont icon-search"></span></a>
                 <div></div>
                 <a href="">联系我们</a>
-            </div>
+            </div>-->
         </div>
     </div></div>
 </header>

src/pages/index/App.js

@@ -47,7 +47,9 @@ export default class App {
         let menuType = document.querySelector(".headCon");
         menuType.classList.add("menuType");
         let mySwiper = new Swiper('.bannerSwiper', {
-            autoplay: false,//可选选项，自动滑动
+            autoplay: true,//可选选项，自动滑动
+            effect: "fade",
+            speed:800,
             // 如果需要分页器
             pagination: {
                 el: '.swiper-paginationB',
@@ -160,46 +162,51 @@ export default class App {
     }
     product(){
         let isMob=this.isMobile;
-      let mySwiper = new Swiper('.productSwiper', {
-            autoplay: false,//可选选项，自动滑动
-            slidesPerView: "auto",
-            spaceBetween: isMob?0:35,
-            navigation: {
-                nextEl: '.btn-nextP1',
-                prevEl: '.btn-prevP1',
-            },
-      });
-      let productCks = document.querySelectorAll(".productTit");
-      let productTypes = document.querySelectorAll(".productList");
-      productCks.forEach((item,index)=>{
+        let productCks = document.querySelectorAll(".productTit");
+        let mySwiper = new Swiper('.productSwiper', {
+                autoplay: false,//可选选项，自动滑动
+                slidesPerView: "auto",
+                loop: true,
+                loopedSlides: 4,
+                spaceBetween: isMob?0:35,
+                navigation: {
+                    nextEl: '.btn-nextP1',
+                    // prevEl: '.btn-prevP1',
+                },
+                on:{
+                    slideChange: function(){
+                        console.log(this.realIndex);
+                        let index0=this.realIndex;
+                        productCks.forEach((item,index)=>{
+                            if(index==index0){
+                                item.classList.add("productCk");
+                            }else{
+                                item.classList.remove("productCk");
+                            }
+                        });
+                    },
+                },
+        });
+        productCks.forEach((item,index)=>{
             item.addEventListener("click", (e) => {
-                
                 item.parentNode.querySelectorAll(".productTit").forEach(item2=>{
                     item2.classList.remove("productCk");
                 });
                 item.classList.add("productCk");
-                mySwiper.removeAllSlides();
-                productTypes.forEach((item2,index2)=>{
-                    if(index==index2){
-                        item2.querySelectorAll(".swiper-slide").forEach(item3=>{
-                            let divS=item3.cloneNode(true);;
-                            mySwiper.appendSlide(divS)
-                        });
-                    }
-                })
+                mySwiper.slideToLoop(index);
+                
             });
-
         });
-        let firstProductCk = productCks[0]; // 获取第一个元素
+        // let firstProductCk = productCks[0]; // 获取第一个元素
 
-        // 创建一个新的鼠标点击事件
-        let clickEvent = new MouseEvent('click', {
-        bubbles: true, // 确保事件会冒泡
-        cancelable: true // 事件可取消
-        });
+        // // 创建一个新的鼠标点击事件
+        // let clickEvent = new MouseEvent('click', {
+        // bubbles: true, // 确保事件会冒泡
+        // cancelable: true // 事件可取消
+        // });
 
-        // 触发点击事件
-        firstProductCk.dispatchEvent(clickEvent);
+        // // 触发点击事件
+        // firstProductCk.dispatchEvent(clickEvent);
 
     }
 

src/pages/index/index.html

@@ -40,12 +40,12 @@
             <div class="swiper-slide">
               <img
                 class="lazy"
-                data-src="./static/images/index/banner1.jpg"
+                data-src="./static/images/index/society.jpg"
                 data-srcM="./static/images/index/banner1m.jpg"
                 alt=""
               />
               <div class="slideCon">
-                <div class="title">投资并购与企业<br>运营双轮驱动</div>
+                <div class="title">投资并购与企业2<br>运营双轮驱动</div>
             </div>
             </div>
           </div>
@@ -59,9 +59,9 @@
         
       </div>
       <div class="news">
-        <div class="title">新闻中心</div>
+        <div class="wow fadeInUp title">新闻中心</div>
         <div class="newsCon">
-          <div class="newsSp">
+          <div class="wow fadeInUp newsSp">
             <div class="swiper newsSwiper1 newsShowSwiper">
               <div class="swiper-wrapper">
                 <div class="swiper-slide">
@@ -200,7 +200,7 @@
             </div>
           </div>
           <div>
-            <div class="newsTitList">
+            <div class="wow fadeInUp newsTitList" data-wow-delay="0.2s">
               <div class="newsCk newsShow">集团新闻</div>
               <div>/</div>
               <div class="newsCk">前沿资讯</div>
@@ -209,7 +209,7 @@
               <div>/</div>
               <div class="newsCk">研发创新</div>
             </div>
-            <div class="newsConList">
+            <div class="wow fadeInUp newsConList" data-wow-delay="0.4s">
               <div class="newsType newsDivShow">
                 <div class="newsLi">
                   <div class="timer">
@@ -381,665 +381,211 @@
             </div>
           </div>
         </div>
-        <a href="" class="btn newsHref">查看更多</a>
+        <a href="" class="wow fadeInUp btn newsHref">查看更多</a>
       </div>
-      <div class="product">
-        <div class="title">产业布局</div>
+      <div class="wow fadeInUp product">
+        <div class="wow fadeInUp title" data-wow-delay="0.2s">产业布局</div>
         <div class="productCon">
           <div class="productTits">
             <div>
-            <div class="productTit">
+            <div class="wow fadeInUp productTit" data-wow-delay="0.1s">
               <div>铁合金</div>
               <div>
                 <img class="default" src="./static/images/index/productT1.png" alt=""/>
                 <img class="show" src="./static/images/index/productT1h.png" alt=""/>
               </div>
             </div>
-            <div class="productTit">
+            <div class="wow fadeInUp productTit" data-wow-delay="0.2s">
               <div>炭素</div>
               <div>
-                <img class="default" src="./static/images/index/productT1.png" alt=""/>
-                <img class="show" src="./static/images/index/productT1h.png" alt=""/>
+                <img class="default" src="./static/images/index/productT2.png" alt=""/>
+                <img class="show" src="./static/images/index/productT2h.png" alt=""/>
               </div>
             </div>
-            <div class="productTit">
+            <div class="wow fadeInUp productTit" data-wow-delay="0.3s">
               <div>钼业</div>
               <div>
-                <img class="default" src="./static/images/index/productT1.png" alt=""/>
-                <img class="show" src="./static/images/index/productT1h.png" alt=""/>
+                <img class="default" src="./static/images/index/productT3.png" alt=""/>
+                <img class="show" src="./static/images/index/productT3h.png" alt=""/>
               </div>
             </div>
-            <div class="productTit">
+            <div class="wow fadeInUp productTit" data-wow-delay="0.4s">
               <div>镍业</div>
               <div>
-                <img class="default" src="./static/images/index/productT1.png" alt=""/>
-                <img class="show" src="./static/images/index/productT1h.png" alt=""/>
+                <img class="default" src="./static/images/index/productT4.png" alt=""/>
+                <img class="show" src="./static/images/index/productT4h.png" alt=""/>
               </div>
             </div>
-            <div class="productTit">
+            <div class="wow fadeInUp productTit" data-wow-delay="0.5s">
               <div>化工</div>
               <div>
-                <img class="default" src="./static/images/index/productT1.png" alt=""/>
-                <img class="show" src="./static/images/index/productT1h.png" alt=""/>
+                <img class="default" src="./static/images/index/productT5.png" alt=""/>
+                <img class="show" src="./static/images/index/productT5h.png" alt=""/>
               </div>
             </div>
-            <div class="productTit">
+            <div class="wow fadeInUp productTit" data-wow-delay="0.6s">
               <div>装备制造</div>
               <div>
-                <img class="default" src="./static/images/index/productT1.png" alt=""/>
-                <img class="show" src="./static/images/index/productT1h.png" alt=""/>
+                <img class="default" src="./static/images/index/productT6.png" alt=""/>
+                <img class="show" src="./static/images/index/productT6h.png" alt=""/>
               </div>
             </div>
-            <div class="productTit">
+            <div class="wow fadeInUp productTit" data-wow-delay="0.7s">
               <div>产业互联网</div>
               <div>
-                <img class="default" src="./static/images/index/productT1.png" alt=""/>
-                <img class="show" src="./static/images/index/productT1h.png" alt=""/>
+                <img class="default" src="./static/images/index/productT7.png" alt=""/>
+                <img class="show" src="./static/images/index/productT7h.png" alt=""/>
               </div>
             </div>
-            <div class="productTit">
+            <div class="wow fadeInUp productTit" data-wow-delay="0.8s">
               <div>金融</div>
               <div>
-                <img class="default" src="./static/images/index/productT1.png" alt=""/>
-                <img class="show" src="./static/images/index/productT1h.png" alt=""/>
+                <img class="default" src="./static/images/index/productT8.png" alt=""/>
+                <img class="show" src="./static/images/index/productT8h.png" alt=""/>
               </div>
             </div>
-            <div class="productTit">
+            <div class="wow fadeInUp productTit" data-wow-delay="0.9s">
               <div>其他</div>
               <div>
-                <img class="default" src="./static/images/index/productT1.png" alt=""/>
-                <img class="show" src="./static/images/index/productT1h.png" alt=""/>
+                <img class="default" src="./static/images/index/productT9.png" alt=""/>
+                <img class="show" src="./static/images/index/productT9h.png" alt=""/>
               </div>
             </div></div>
           </div>
-          <div class="productConBox">
+          <div class="wow fadeInUp productConBox">
             <div class="swiper productSwiper">
               <div class="swiper-wrapper">
-                
+                <div class="swiper-slide">
+                  <img class="lazy" data-src="./static/images/index/product1.png" data-srcM="./static/images/index/product1.png" alt="" />
+                  <div class="slideZ"></div>
+                  <a href="">
+                      <div class="slideCon">
+                        <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
+                        <div class="more">了解更多</div>
+                    </div>
+                  </a>
+                </div>
+                <div class="swiper-slide">
+                  <img class="lazy" data-src="./static/images/index/product2.png" data-srcM="./static/images/index/product2.png" alt="" />
+                  <div class="slideZ"></div>
+                  <a href="">
+                      <div class="slideCon">
+                        <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
+                        <div class="more">了解更多</div>
+                    </div>
+                  </a>
+                </div>
+                <div class="swiper-slide">
+                  <img class="lazy" data-src="./static/images/index/product3.png" data-srcM="./static/images/index/product3.png" alt="" />
+                  <div class="slideZ"></div>
+                  <a href="">
+                      <div class="slideCon">
+                        <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
+                        <div class="more">了解更多</div>
+                    </div>
+                  </a>
+                </div>
+                <div class="swiper-slide">
+                  <img class="lazy" data-src="./static/images/index/product4.png" data-srcM="./static/images/index/product4.png" alt="" />
+                  <div class="slideZ"></div>
+                  <a href="">
+                      <div class="slideCon">
+                        <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
+                        <div class="more">了解更多</div>
+                    </div>
+                  </a>
+                </div>
+                <div class="swiper-slide">
+                  <img class="lazy" data-src="./static/images/index/product5.png" data-srcM="./static/images/index/product5.png" alt="" />
+                  <div class="slideZ"></div>
+                  <a href="">
+                      <div class="slideCon">
+                        <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
+                        <div class="more">了解更多</div>
+                    </div>
+                  </a>
+                </div>
+                <div class="swiper-slide">
+                  <img class="lazy" data-src="./static/images/index/product6.png" data-srcM="./static/images/index/product6.png" alt="" />
+                  <div class="slideZ"></div>
+                  <a href="">
+                      <div class="slideCon">
+                        <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
+                        <div class="more">了解更多</div>
+                    </div>
+                  </a>
+                </div>
+                <div class="swiper-slide">
+                  <img class="lazy" data-src="./static/images/index/product7.png" data-srcM="./static/images/index/product7.png" alt="" />
+                  <div class="slideZ"></div>
+                  <a href="">
+                      <div class="slideCon">
+                        <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
+                        <div class="more">了解更多</div>
+                    </div>
+                  </a>
+                </div>
+                <div class="swiper-slide">
+                  <img class="lazy" data-src="./static/images/index/product8.png" data-srcM="./static/images/index/product8.png" alt="" />
+                  <div class="slideZ"></div>
+                  <a href="">
+                      <div class="slideCon">
+                        <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
+                        <div class="more">了解更多</div>
+                    </div>
+                  </a>
+                </div>
+                <div class="swiper-slide">
+                  <img class="lazy" data-src="./static/images/index/product9.png" data-srcM="./static/images/index/product9.png" alt="" />
+                  <div class="slideZ"></div>
+                  <a href="">
+                      <div class="slideCon">
+                        <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
+                        <div class="more">了解更多</div>
+                    </div>
+                  </a>
+                </div>
               </div>
               <!-- 如果需要分页器 -->
-              <div class="btn-prev btn-prevP1"><span class="icon iconfont icon-jiantou"></span></div>
+              <!-- <div class="btn-prev btn-prevP1"><span class="icon iconfont icon-jiantou"></span></div> -->
               <div class="btn-next btn-nextP1"><span class="icon iconfont icon-jiantou"></span></div>
             </div>
-            <!-- 下面是类型的轮播内容，按顺序添加 -->
-            <div class="productList">
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-            </div>
-            <div class="productList">
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-            </div>
-            <div class="productList">
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-            </div>
-            <div class="productList">
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-            </div>
-            <div class="productList">
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-            </div>
-            <div class="productList">
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-            </div>
-            <div class="productList">
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-            </div>
-            <div class="productList">
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-            </div>
-            <div class="productList">
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-              <div class="swiper-slide">
-                <img
-                  class="lazy"
-                  data-src="./static/images/index/product1.jpg"
-                  data-srcM="./static/images/index/product1.jpg"
-                  alt=""
-                />
-                <div class="slideZ"></div>
-                <a href="">
-                    <div class="slideCon">
-                      <div class="text">铁合金板块是中泽集团重要业务板块之一,主要企业是吉林铁合金、吉铁铁合金、瑞志煤化工、新疆...</div>
-                      <div class="more">了解更多</div>
-                  </div>
-                </a>
-              </div>
-            </div>
+            
           </div>
         </div>
       </div>
       <div class="about">
-        <div class="title">关于我们</div>
+        <div class="wow fadeInUp title">关于我们</div>
         <div class="aboutCon">
-          <div class="text">中泽控股集团股份有限公司（简称中泽集团）是以投资并购和企业运营为核心业务的大型民营集团，创建于1995年，总部位于北京。通过不断创新超
+          <div class="wow fadeInUp text">中泽控股集团股份有限公司（简称中泽集团）是以投资并购和企业运营为核心业务的大型民营集团，创建于1995年，总部位于北京。通过不断创新超
             越，企业经营管理水平和可持续发展能力显著提升，并购重整的经验日益丰富，高质量建设发展的能力更加突出，逐步形成了铁合金、炭素、钼业、
             镍业、化工、装备制造、产业互联网等核心产业，经营结构持续优化，资产规模不断扩大，社会影响力日渐增强。</div>
-          <div class="aboutNum">
-            <div class="num">
+          <div class="wow fadeInUp aboutNum">
+            <div class="wow fadeInUp num" data-wow-delay="0.2s">
               <div class="numT">40+<span>家</span></div>
               <div class="numP">旗下企业</div>
             </div>
             <div class="line"></div>
-            <div class="num">
+            <div class="wow fadeInUp num" data-wow-delay="0.4s">
               <div class="numT">9<span>个</span></div>
               <div class="numP">业务领域</div>
             </div>
             <div class="line"></div>
-            <div class="num">
+            <div class="wow fadeInUp num" data-wow-delay="0.6s">
               <div class="numT">103<span>亿</span></div>
               <div class="numP">总资产</div>
             </div>
           </div>
-          <a href="" class="btn">继续了解我们</a>
+          <a href="" class="wow fadeInUp btn">继续了解我们</a>
         </div>
       </div>
-      <div class="society">
-        <a href="" class="btn">了解更多</a>
+      <div class="wow fadeInUp society">
+        <a href="" class="wow fadeInUp btn">了解更多</a>
         <img class="lazy" data-src="./static/images/index/society.jpg" data-srcM="./static/images/index/societym.jpg" alt="" />
         <div class="societyCon">
-          <div class="title">社会责任</div>
-          <div class="text">在全球化日益加深的今天，履行社会责任的意义愈加深远，成为衡量个人、企业乃至国家 综合实力和道德水平的重要标尺。</div>
-          <a href="" class="btn">了解更多</a>
+          <div class="wow fadeInUp title">社会责任</div>
+          <div class="wow fadeInUp text">在全球化日益加深的今天，履行社会责任的意义愈加深远，成为衡量个人、企业乃至国家 综合实力和道德水平的重要标尺。</div>
+          <a href="" class="wow fadeInUp btn">了解更多</a>
         </div>
         
       </div>

src/pages/index/index.less

@@ -240,14 +240,14 @@
               border: 1px solid #A7A5A5;
               text-align: center;
               font-size: 12px;
-              padding: 7px 12px 0;
+              padding: 0px 12px 0;
               box-sizing: border-box;
               .timerData{
                 font-size: 26px;
                 color: #b81c25;
                 border-bottom: 1px solid #b81c25;
-                padding-bottom: 5px;
-                margin-bottom: 5px;
+                padding-bottom: 0px;
+                margin-bottom: 2px;
               }
             }
             .newsLiCon{
@@ -258,13 +258,13 @@
                 overflow: hidden;
                 white-space: nowrap;
                 width: 100%;
-                height: 18px;
+                height: 24px;
                 text-overflow: ellipsis;
               }
               .liTitle{
                 color: #231F20;
                 font-weight: 500;
-                margin-bottom: 20px;
+                margin-bottom: 14px;
               }
               .licon{
                 font-weight: 400;
@@ -291,7 +291,7 @@
   .productCon{
     margin: 60px auto 0px;
     width: 100%;
-    max-width: 1300px;
+    max-width: 1296px;
     .productTits{
       width: 100%;
       &>div{