调整移动端

assets/css/style.css

@@ -785,8 +785,10 @@
             header .mainmenu-area {
                 height:77px;
             }
-            @media (min-width: 1200px) {
-               
+            @media (max-width: 992px) {
+                header .mainmenu-area .main-menu .menu-items{
+                    display:none!important
+                }
             }
             header .mainmenu-area .main-menu .menu-items ul:nth-child(1) {
                 display: flex;
@@ -3586,6 +3588,13 @@
                 position: relative;
                 /* background-color: #f6f6fe; */
             }
+            .news-content-section .read_content{
+                overflow:hidden;
+            }
+            .news-content-section .read_content  img{
+                width:100%;
+                max-width:100%!important;
+            }
             
             .news-content-section .menu-1 {
                 color: white;
@@ -4183,7 +4192,9 @@
 
                 .product-grid-section ul a {
                     text-align: center;
-                    padding: 20px 10px;
+                    padding: 13px 10px;
+                    font-size:15px;
+                    margin: 0 4px 5px
                 }
                 .product-grid-section .content .img {
                     height: 180px;
@@ -4195,8 +4206,7 @@
                     height: 150px;
                 }
                 .product-grid-section ul a {
-                    /* width: 24.999999%; */
-                    /* margin-top: 2px; */
+             
                 }
                 .product-grid-section ul a {
                     padding-left: 10px;
@@ -4204,14 +4214,17 @@
                 }
                 .product-grid-section ul a {
                 
-                    padding: 13px 10px ;
+                    padding: 13px 13px ;
                 }
             }
             
             @media (max-width: 575px) {
                 .product-grid-section ul a {
-                    /* width: 49.99999%;
-                    margin-top: 2px; */
+                    /* text-align: center;
+                    padding: 10px 10px;
+                    font-size:14px;
+                    margin: 0 4px 5px; */
+                    /* width:calc(100% - 30px); */
                 }
             }
             
@@ -5068,18 +5081,26 @@
                 position:relative;height:1px;opacity:0;top:-100px
 
             }
-            .about-sec .container .aboutTyes li a{
-                padding:17px 50px;
+            .about-sec .container .aboutTyes li {
+                
                 border-bottom:1px solid rgba(0,0,0,.05);
                 cursor:pointer;
-                color:#000
+                
                 
             }
-            .about-sec .container .aboutTyes li.active a,.about-sec .container .aboutTyes li:hover a,.about-sec .container .aboutTyes li:first-child a{
-                background:#409EFF;
+            .about-sec .container .aboutTyes li a{
+                padding:17px 50px;
+                color:#000
+
+            }
+            .about-sec .container .aboutTyes li.active a,.about-sec .container .aboutTyes li:hover a{
                 color:#fff
 
             }
+            .about-sec .container .aboutTyes li.active ,.about-sec .container .aboutTyes li:hover  {
+                background:#409EFF;
+
+            }
 
 
 
@@ -5139,6 +5160,16 @@
                 border: #639BFF 1px solid;
                 color: #639BFF;
             }
+            @media(min-width:768px){
+                .about-sec .container .aboutTyes li:first-child a{
+                    color:#fff
+    
+                }
+                .about-sec .container .aboutTyes li:first-child {
+                    background:#409EFF;
+    
+                }
+            }
             /*===========================
 	About Page -- Credential
 ===========================*/
@@ -5238,11 +5269,16 @@
                 .about-sec .container .aboutTyes{
                     margin-bottom:60px;
                     text-align:center;
+                    box-shadow: none;
+
                 }
                 .about-sec .container .aboutTyes li {
                     display:inline-block;
+                    border:1px solid #ccc;
+                    margin:5px;
                    
                 }
+              
             }
             
             .about-sub-company-section p {
@@ -6537,7 +6573,13 @@
             }
 
 
-            @media(max-width:992px) {
+            @media(max-width:768px) {
+                .feedBackBox{
+                    right:10px;
+                    bottom:10px
+                }
+
+        
                
             }
 
@@ -6610,5 +6652,14 @@
                 color:#fff
              }
 
+             @media(max-width:768px) {
+                .newTypeBox .titleOne{
+                    height:48px;
+                    line-height:48px;
+                    width:50%;
+                    cursor:pointer;
+                 }
+            }
+
 
             

assets/js/jquery.meanmenu.min.js

@@ -1,223 +1,229 @@
-!(function($) {
+(function($) {
     'use strict';
-    $.fn.meanmenu = function(e) {
-        var n = {
-            meanMenuTarget: jQuery(this),
-            meanMenuContainer: 'body',
-            meanMenuClose: '<span /><span /><span />',
-            meanMenuCloseSize: '18px',
-            meanMenuOpen: '<span /><span /><span />',
-            meanRevealPosition: 'right',
-            meanRevealPositionDistance: '0',
-            meanRevealColour: '',
-            meanScreenWidth: '480',
-            meanNavPush: '',
-            meanShowChildren: !0,
-            meanExpandableChildren: !0,
-            meanExpand: '+',
-            meanContract: '-',
-            meanRemoveAttrs: !1,
-            onePage: !1,
-            meanDisplay: 'block',
-            removeElements: '',
-        };
-        e = $.extend(n, e);
-        var a = window.innerWidth || document.documentElement.clientWidth;
-        return this.each(function() {
-            var n = e.meanMenuTarget,
-                t = e.meanMenuContainer,
-                r = e.meanMenuClose,
-                i = e.meanMenuCloseSize,
-                s = e.meanMenuOpen,
-                u = e.meanRevealPosition,
-                m = e.meanRevealPositionDistance,
-                l = e.meanRevealColour,
-                o = e.meanScreenWidth,
-                c = e.meanNavPush,
-                v = '.meanmenu-reveal',
-                h = e.meanShowChildren,
-                d = e.meanExpandableChildren,
-                y = e.meanExpand,
-                j = e.meanContract,
-                Q = e.meanRemoveAttrs,
-                f = e.onePage,
-                g = e.meanDisplay,
-                p = e.removeElements,
-                C = !1;
-            (navigator.userAgent.match(/iPhone/i) ||
-                navigator.userAgent.match(/iPod/i) ||
-                navigator.userAgent.match(/iPad/i) ||
-                navigator.userAgent.match(/Android/i) ||
-                navigator.userAgent.match(/Blackberry/i) ||
-                navigator.userAgent.match(/Windows Phone/i)) &&
-            (C = !0),
-            (navigator.userAgent.match(/MSIE 8/i) ||
-                navigator.userAgent.match(/MSIE 7/i)) &&
-            jQuery('html').css('overflow-y', 'scroll');
-            var w = '',
-                x = function() {
-                    if ('center' === u) {
-                        var e =
+   
+        $.fn.meanmenu = function(e) {
+            setTimeout(()=>{
+            var n = {
+                meanMenuTarget: jQuery(this),
+                meanMenuContainer: 'body',
+                meanMenuClose: '<span /><span /><span />',
+                meanMenuCloseSize: '18px',
+                meanMenuOpen: '<span /><span /><span />',
+                meanRevealPosition: 'right',
+                meanRevealPositionDistance: '0',
+                meanRevealColour: '',
+                meanScreenWidth: '480',
+                meanNavPush: '',
+                meanShowChildren: !0,
+                meanExpandableChildren: !0,
+                meanExpand: '+',
+                meanContract: '-',
+                meanRemoveAttrs: !1,
+                onePage: !1,
+                meanDisplay: 'block',
+                removeElements: '',
+            };
+            e = $.extend(n, e);
+            var a = window.innerWidth || document.documentElement.clientWidth;
+            return this.each(function() {
+                var n = e.meanMenuTarget,
+                    t = e.meanMenuContainer,
+                    r = e.meanMenuClose,
+                    i = e.meanMenuCloseSize,
+                    s = e.meanMenuOpen,
+                    u = e.meanRevealPosition,
+                    m = e.meanRevealPositionDistance,
+                    l = e.meanRevealColour,
+                    o = e.meanScreenWidth,
+                    c = e.meanNavPush,
+                    v = '.meanmenu-reveal',
+                    h = e.meanShowChildren,
+                    d = e.meanExpandableChildren,
+                    y = e.meanExpand,
+                    j = e.meanContract,
+                    Q = e.meanRemoveAttrs,
+                    f = e.onePage,
+                    g = e.meanDisplay,
+                    p = e.removeElements,
+                    C = !1;
+                (navigator.userAgent.match(/iPhone/i) ||
+                    navigator.userAgent.match(/iPod/i) ||
+                    navigator.userAgent.match(/iPad/i) ||
+                    navigator.userAgent.match(/Android/i) ||
+                    navigator.userAgent.match(/Blackberry/i) ||
+                    navigator.userAgent.match(/Windows Phone/i)) &&
+                (C = !0),
+                (navigator.userAgent.match(/MSIE 8/i) ||
+                    navigator.userAgent.match(/MSIE 7/i)) &&
+                jQuery('html').css('overflow-y', 'scroll');
+                var w = '',
+                    x = function() {
+                        if ('center' === u) {
+                            var e =
+                                window.innerWidth ||
+                                document.documentElement.clientWidth,
+                                n = e / 2 - 22 + 'px';
+                            (w = 'left:' + n + ';right:auto;'),
+                            C
+                                ?
+                                jQuery('.meanmenu-reveal').animate({
+                                    left: n,
+                                }) :
+                                jQuery('.meanmenu-reveal').css('left', n);
+                        }
+                    },
+                    A = !1,
+                    E = !1;
+                'right' === u && (w = 'right:' + m + ';left:auto;'),
+                    'left' === u && (w = 'left:' + m + ';right:auto;'),
+                    x();
+                var M = '',
+                    W = function() {
+                        jQuery('.mean-bar,.mean-push').remove(),
+                            jQuery(t).removeClass('mean-container'),
+                            jQuery(n).css('display', g),
+                            (A = !1),
+                            (E = !1),
+                            jQuery(p).removeClass('mean-remove');
+                    },
+                    b = function() {
+                     
+                            var e = 'background:' + l + ';color:' + l + ';' + w;
+                        if (o >= a) {
+                            jQuery(p).addClass('mean-remove'),
+                                (E = !0),
+                                jQuery(t).addClass('mean-container'),
+                                jQuery('.mean-container').prepend(
+                                    '<div class="mean-bar"><a href="#nav" class="meanmenu-reveal" style="' +
+                                    e +
+                                    '">Show Navigation</a><nav class="mean-nav"></nav></div>'
+                                );
+                            var r = jQuery(n).html();
+                            jQuery('.mean-nav').html(r),
+                                Q &&
+                                jQuery(
+                                    'nav.mean-nav ul, nav.mean-nav ul *'
+                                ).each(function() {
+                                    jQuery(this).is('.mean-remove') ?
+                                        jQuery(this).attr(
+                                            'class',
+                                            'mean-remove'
+                                        ) :
+                                        jQuery(this).removeAttr('class'),
+                                        jQuery(this).removeAttr('id');
+                                }),
+                                jQuery(n).before('<div class="mean-push" />'),
+                                jQuery('.mean-push').css('margin-top', c),
+                                jQuery(n).hide(),
+                                jQuery('.meanmenu-reveal').show(),
+                                jQuery(v).html(s),
+                                (M = jQuery(v)),
+                                jQuery('.mean-nav ul').hide(),
+                                h ?
+                                d ?
+                                (jQuery('.mean-nav ul ul').each(
+                                        function() {
+                                            jQuery(this).children()
+                                                .length &&
+                                                jQuery(this, 'li:first')
+                                                .parent()
+                                                .append(
+                                                    '<a class="mean-expand" href="#" style="font-size: ' +
+                                                    i +
+                                                    '">' +
+                                                    y +
+                                                    '</a>'
+                                                );
+                                        }
+                                    ),
+                                    jQuery('.mean-expand').on(
+                                        'click',
+                                        function(e) {
+                                            e.preventDefault(),
+                                                jQuery(this).hasClass(
+                                                    'mean-clicked'
+                                                ) ?
+                                                (jQuery(this).text(y),
+                                                    jQuery(this)
+                                                    .prev('ul')
+                                                    .slideUp(
+                                                        300,
+                                                        function() {}
+                                                    )) :
+                                                (jQuery(this).text(j),
+                                                    jQuery(this)
+                                                    .prev('ul')
+                                                    .slideDown(
+                                                        300,
+                                                        function() {}
+                                                    )),
+                                                jQuery(this).toggleClass(
+                                                    'mean-clicked'
+                                                );
+                                        }
+                                    )) :
+                                jQuery('.mean-nav ul ul').show() :
+                                jQuery('.mean-nav ul ul').hide(),
+                                jQuery('.mean-nav ul li')
+                                .last()
+                                .addClass('mean-last'),
+                                M.removeClass('meanclose'),
+                                jQuery(M).on('click',function(e) {
+                                    e.preventDefault(),
+                                        A === !1 ?
+                                        (M.css('text-align', 'center'),
+                                            M.css('text-indent', '0'),
+                                            M.css('font-size', i),
+                                            jQuery(
+                                                '.mean-nav ul:first'
+                                            ).slideDown(),
+                                            (A = !0)) :
+                                        (jQuery(
+                                                '.mean-nav ul:first'
+                                            ).slideUp(),
+                                            (A = !1)),
+                                        M.toggleClass('meanclose'),
+                                        jQuery(p).addClass('mean-remove');
+                                }),
+                                f &&
+                                jQuery('.mean-nav ul > li > a:first-child').on(
+                                    'click',
+                                    function() {
+                                        jQuery('.mean-nav ul:first').slideUp(),
+                                            (A = !1),
+                                            jQuery(M)
+                                            .toggleClass('meanclose')
+                                            .html(s);
+                                    }
+                                );
+                        } else W();
+    
+                       
+                        
+                    };
+                C ||
+                    jQuery(window).resize(function() {
+                        (a =
+                            window.innerWidth ||
+                            document.documentElement.clientWidth),
+                        a > o,
+                            W(),
+                            o >= a ? (b(), x()) : W();
+                    }),
+                    jQuery(window).resize(function() {
+                        (a =
                             window.innerWidth ||
-                            document.documentElement.clientWidth,
-                            n = e / 2 - 22 + 'px';
-                        (w = 'left:' + n + ';right:auto;'),
+                            document.documentElement.clientWidth),
                         C
                             ?
-                            jQuery('.meanmenu-reveal').animate({
-                                left: n,
-                            }) :
-                            jQuery('.meanmenu-reveal').css('left', n);
-                    }
-                },
-                A = !1,
-                E = !1;
-            'right' === u && (w = 'right:' + m + ';left:auto;'),
-                'left' === u && (w = 'left:' + m + ';right:auto;'),
-                x();
-            var M = '',
-                W = function() {
-                    jQuery('.mean-bar,.mean-push').remove(),
-                        jQuery(t).removeClass('mean-container'),
-                        jQuery(n).css('display', g),
-                        (A = !1),
-                        (E = !1),
-                        jQuery(p).removeClass('mean-remove');
-                },
-                b = function() {
-                    setTimeout(()=>{
-                        var e = 'background:' + l + ';color:' + l + ';' + w;
-                    if (o >= a) {
-                        jQuery(p).addClass('mean-remove'),
-                            (E = !0),
-                            jQuery(t).addClass('mean-container'),
-                            jQuery('.mean-container').prepend(
-                                '<div class="mean-bar"><a href="#nav" class="meanmenu-reveal" style="' +
-                                e +
-                                '">Show Navigation</a><nav class="mean-nav"></nav></div>'
-                            );
-                        var r = jQuery(n).html();
-                        jQuery('.mean-nav').html(r),
-                            Q &&
-                            jQuery(
-                                'nav.mean-nav ul, nav.mean-nav ul *'
-                            ).each(function() {
-                                jQuery(this).is('.mean-remove') ?
-                                    jQuery(this).attr(
-                                        'class',
-                                        'mean-remove'
-                                    ) :
-                                    jQuery(this).removeAttr('class'),
-                                    jQuery(this).removeAttr('id');
-                            }),
-                            jQuery(n).before('<div class="mean-push" />'),
-                            jQuery('.mean-push').css('margin-top', c),
-                            jQuery(n).hide(),
-                            jQuery('.meanmenu-reveal').show(),
-                            jQuery(v).html(s),
-                            (M = jQuery(v)),
-                            jQuery('.mean-nav ul').hide(),
-                            h ?
-                            d ?
-                            (jQuery('.mean-nav ul ul').each(
-                                    function() {
-                                        jQuery(this).children()
-                                            .length &&
-                                            jQuery(this, 'li:first')
-                                            .parent()
-                                            .append(
-                                                '<a class="mean-expand" href="#" style="font-size: ' +
-                                                i +
-                                                '">' +
-                                                y +
-                                                '</a>'
-                                            );
-                                    }
-                                ),
-                                jQuery('.mean-expand').on(
-                                    'click',
-                                    function(e) {
-                                        e.preventDefault(),
-                                            jQuery(this).hasClass(
-                                                'mean-clicked'
-                                            ) ?
-                                            (jQuery(this).text(y),
-                                                jQuery(this)
-                                                .prev('ul')
-                                                .slideUp(
-                                                    300,
-                                                    function() {}
-                                                )) :
-                                            (jQuery(this).text(j),
-                                                jQuery(this)
-                                                .prev('ul')
-                                                .slideDown(
-                                                    300,
-                                                    function() {}
-                                                )),
-                                            jQuery(this).toggleClass(
-                                                'mean-clicked'
-                                            );
-                                    }
-                                )) :
-                            jQuery('.mean-nav ul ul').show() :
-                            jQuery('.mean-nav ul ul').hide(),
-                            jQuery('.mean-nav ul li')
-                            .last()
-                            .addClass('mean-last'),
-                            M.removeClass('meanclose'),
-                            jQuery(M).on('click',function(e) {
-                                e.preventDefault(),
-                                    A === !1 ?
-                                    (M.css('text-align', 'center'),
-                                        M.css('text-indent', '0'),
-                                        M.css('font-size', i),
-                                        jQuery(
-                                            '.mean-nav ul:first'
-                                        ).slideDown(),
-                                        (A = !0)) :
-                                    (jQuery(
-                                            '.mean-nav ul:first'
-                                        ).slideUp(),
-                                        (A = !1)),
-                                    M.toggleClass('meanclose'),
-                                    jQuery(p).addClass('mean-remove');
-                            }),
-                            f &&
-                            jQuery('.mean-nav ul > li > a:first-child').on(
-                                'click',
-                                function() {
-                                    jQuery('.mean-nav ul:first').slideUp(),
-                                        (A = !1),
-                                        jQuery(M)
-                                        .toggleClass('meanclose')
-                                        .html(s);
-                                }
-                            );
-                    } else W();
+                            (x(), o >= a ? E === !1 && b() : W()) :
+                            (W(), o >= a && (b(), x()));
+                    }),
+                    b();
+            });
+        },100)
+        };
 
-                    },50)
-                    
-                };
-            C ||
-                jQuery(window).resize(function() {
-                    (a =
-                        window.innerWidth ||
-                        document.documentElement.clientWidth),
-                    a > o,
-                        W(),
-                        o >= a ? (b(), x()) : W();
-                }),
-                jQuery(window).resize(function() {
-                    (a =
-                        window.innerWidth ||
-                        document.documentElement.clientWidth),
-                    C
-                        ?
-                        (x(), o >= a ? E === !1 && b() : W()) :
-                        (W(), o >= a && (b(), x()));
-                }),
-                b();
-        });
-    };
+   
+    
 })(jQuery);

index.html

@@ -383,6 +383,6 @@
 
     <script src="assets/js/commonVue.js "></script>
 
-</body>
+    </body>
 
 </html>

news/index.html

@@ -151,7 +151,7 @@
         <section style=" background:#F7F7F7">
             <div class="container">
                 <div class="row newTypeBox">
-                    <div class="col-lg-6 col-md-6 titleOne" v-for="(item,i) in columnTypes"
+                    <div class="col-lg-6 col-md-6  titleOne" v-for="(item,i) in columnTypes"
                         :class="item.id == requestParams.categoryid ? 'active' : ''" @click="facilityClick(i, item)">{{item.categoryName}}
                     </div>
                 </div>

product/index.html

@@ -133,7 +133,7 @@
                                                     {{aa.sname}}</a></li>
                                         </ul>
                                     </li>
-
+                                    
                                 </ul>
                             </div>
                         </nav>
@@ -265,7 +265,7 @@
         <!--====== Vue  js ======-->
         <script src="../assets/js/vue.min.js"></script>
         <script src="../assets/js/commonVue.js"></script>
-        <script src="../assets/js/element/index.js"></script>
+                <script src="../assets/js/element/index.js"></script>
       
 </body>