var ruoguang = {
    JsRun: function (){
        
        // const swup = new Swup()
        init()
        // document.addEventListener("swup:contentReplaced", function() {        
        //     init()
        // })
        function init(){
            ruoguang.allPage()   
            var pageOf = $('#swup').children().attr('id')
            // 执行对应页面js编写这
     
            switch (pageOf) {
                case 'indexPage':
                   
                    ruoguang.indexPage()
                    yes('首页',pageOf)
                    break;

                case 'aboutPage':
                    ruoguang.aboutPage()
                    yes('关于我们',pageOf)
                    break;
                case 'contactPage':
                    ruoguang.contactPage()
                    yes('联系我们',pageOf)
                    break;
                case 'newPage':
                        ruoguang.newPage()
                        yes('新闻列表',pageOf)
                    break;
                case 'productPage':
                        ruoguang.productPage()
                        yes('产品列表',pageOf)
                    break;
                case 'productDetailPage':
                        ruoguang.productDetailPage()
                        yes('产品详情',pageOf)
                    break;
                case 'newDetailPage':
                        ruoguang.newDetailPage()
                        yes('新闻详情',pageOf)
                    break;
                case 'searchPage':
                    ruoguang.searchPage()
                    yes('新闻详情',pageOf)
                break;
                
                


                default:
          
                    if (ruoguang[pageOf] == undefined) {
                        console.log('%c页面无js功能','color:red;line-height: 4em;font-size:14px')
                    } 
                    
                    break;
            }


            // pd('#aboutPage',ruoguang.about())

            ruoguang.lastAllPage()

            function yes(str){
                console.log('%c成功加载:'+str+'js','color:red;line-height: 4em;font-size:14px')
                console.log('%c开发js请在ruoguang.js中搜索'+pageOf+': function','color:red;line-height: 4em;font-size:14px')
            }
        }
    },
    allPage: function(){
       


    

        // 跳转后自动回到顶部
        $("html,body").animate({ scrollTop: $('body').offset().top}, 0,)
    


        // 列表分页功能
        var nowNum = Number($('.nowNum').text())
        var allNum = Number($('.allNum').text())

        var fenyeLeft = $('.page-pre')
        var fenyeRight = $('.page-next')
        
        if (nowNum==1) {
            fenyeLeft.css('display','none')
        }
        if (nowNum == allNum||allNum == 0) {
            fenyeRight.css('display','none')
        }
        
      






        // 导航的下拉显示，顶部隐藏(悬浮顶部)
        FixedNav({
            navClass:'.topnav',//导航总class，id
            openLength:500, //悬浮导航出现的距离，单位px
            openClass:'on' //悬浮导航出现Class
        })
        //导航的下拉显示↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓   
        normolNav({
            ul1:'.navList',//导航第一级ul
            twoBox:'.twoNav',//第二级的box
            twoBoxWidth:1,//二级的宽度，以第一级宽度为基准的倍数
            inTime:500,//进场时间
            outTime:200,//离厂时间
            activeClass:'on'//出现时添加的class，用来css自定义动画，添加到twoBox下级里
        })



        
        logoInNavCen('.topnav .navList')

        // 导航手机端
        var navbtnM = $('.navbtn-m')
        var openCout = $('.openCout')
        var leftLi = '.openCout .leftBox>ul>li'
        var rightLi = '.openCout .rightBox>ul>li'
        var body = $('body')
        var twoUlClass = '.twoUl'
        var navOnOff = false


        yanchi(leftLi)
        yanchi(rightLi)
        
 
        chooseTwo(leftLi)
        chooseTwo(rightLi)
        function chooseTwo(ele){
            var ele = $(ele)
            for (let i = 0; i < ele.length; i++) {
                var hasTwo = ele.eq(i).find(twoUlClass).length==1
                if (hasTwo) {ele.eq(i).children('a').attr('href','javascript:;')}
            }

            ele.click(function(){
                var inx = $(this).index()
               $(leftLi).eq(inx).find(twoUlClass).slideToggle(500)
               $(rightLi).eq(inx).find(twoUlClass).slideToggle(500)
            })
        }


        navbtnM.click(function(){
            if (!navOnOff) {
                navbtnM.addClass('on')
                openCout.addClass('open')
                openCout.css('top','0')
                body.css('overflow','hidden')
            } else {
                navbtnM.removeClass('on')
                openCout.removeClass('open')
               setTimeout(function(){
                    openCout.css('top','-100%')  
               },500)
               body.css('overflow','unset')
            }
            navOnOff = !navOnOff
        })


        // 新页面判断初始化手机导航
        if (!(openCout.hasClass('open'))) {
            body.css('overflow','unset')
        }
        
        // openCoutH(),$(window).resize(openCoutH())
        // function openCoutH() {
        //     openCout.height($(window).height()+'px')
        // }
        



    
        function yanchi(openLi){
            var lis = $(openLi)
            for (let i = 0; i < lis.length; i++) {
                lis.eq(i).css('transition-delay',0.1*i+'s')
            }
        }


        var searchBtn = $('.searchBtn')
        

        var serachOnOff = false
        searchBtn.click(function(){
            if (!serachOnOff) {
                $(this).addClass('on')
                $(this).next().animate({'opacity':'show'},500)
                $(this).next().addClass('on')
            } else {
                $(this).removeClass('on')
                $(this).next().removeClass('on').animate({'opacity':'hide'},500)
            }
            serachOnOff = !serachOnOff
        })
        



        // 页尾导航

        logoInNavCen(".footnav")


        // 鼠标跟随
        mouseStalker('.mouse-stalker')
        
        
        
        var gotopEle = '.gotop'

        // 点击滚动到指定位置（置顶）
        scrollBox(gotopEle,'body')

        if (!mW()) {
            var gotopEleC = $(gotopEle)


            gotopEleC.css('display','none')
            $(window).scroll(function(){

                if ($(window).scrollTop()<4000||$(window).scrollTop()>$(document).height() - $(window).height() - 100) {
                    gotopEleC.animate({'opacity':'hide'},500)
                } else {
                    gotopEleC.animate({'opacity':'show'},500)
                }
            })
        }

        

        


        //表单总体js~~~~~~~~~~~~~~~~~~~~~~~~~~配合mod-message.html
            //表单样式js
            lyStyle($('.biaodan input'))
            lyStyle($('.biaodan textarea'))
            function lyStyle(ele) {
                ele.click(function(){
                    $(this).addClass('focus')
                })
                ele.blur(function(){
                    if ($(this).val()!='') {
                        $(this).addClass('focus')
                    } else {
                        $(this).removeClass('focus')
                    }
                })
            }
            // 清空
            
            $('.reset').click(function() {
                $('val').remove()
                $('.input').removeClass('no').removeClass('yes')
                $('input').removeClass('focus')
            })
            

            // 表单填写验证
            new biaodanYZ({
                contacts:'#contacts', //联系人
                mobile:'#mobile',//手机号
                email:'#email',//邮箱
                content:'#content',
                checkcode:'#checkcode'
            })

            // 表单刷新验证码
            $('.codeimg').click(function(){
                $('.yanz img').click()
            });
        
        //表单总体js~~~~~~~~~~~~~~~~~~~~~~~~~~

        
        // 面包屑
        var mianbao = $('.miaobao .box')
        var mbLink = mianbao.find('a')
        mianbao.html('<i class="iconfont icon-weizhipeizhi"></i><span>您的位置：</span>')
        
        for (let i = 0; i < mbLink.length; i++) {
            if (!(i==mbLink.length-1)) {
                mianbao.append(mbLink[i].outerHTML+'<o>></o>')
            } else {
                mianbao.append(mbLink[i].outerHTML)
            }
            
        }


        




        // 品牌实力
        var inxStrBtn = '.inxStrengthBox .right ul li'
        var inxStrengthTxt = new SongTabs(option ={
            tabs: inxStrBtn,//选项卡按钮
            cout: '.inxStrengthBox .left .box .coutBox .neirong ul li',//内容块
            activeClass: 'on',//选中状态class
            contro: '点击',//触发方式  点击  触摸
            speed:1000, //显示隐藏速度（不是动画，动画速度是css自己调）
            onDelay:300, //选中块出现延迟时间
            sameHeight: true //内容块是否最大等高
        })


        var inxStrengthTitle = new SongTabs(option ={
            tabs: inxStrBtn,//选项卡按钮
            cout: '.inxStrengthBox .left .box .absTop .shiliBt li',//内容块
            activeClass: 'on',//选中状态class
            contro: '点击',//触发方式  点击  触摸
            speed:1000, //显示隐藏速度（不是动画，动画速度是css自己调）
            onDelay:300, //选中块出现延迟时间
            sameHeight: true //内容块是否最大等高
        })
        


        // 产品规格拆分对应数量span
        var guige = $('.guige')
        
        for (let k = 0; k < guige.length; k++) {
            
            var guigeHtml = guige.eq(k).html()
            var rst
            if (!(guigeHtml == undefined)) {
                rst = guigeHtml .split('<br>')
                guige.eq(k).text('')
                for (let i = 0; i < rst.length; i++) {
                    guige.eq(k).append('<li><i></i>'+rst[i]+'</li>')
                }
            }
        }
        

        // 图片懒加载
        // $("img").lazyload({
    
        //     placeholder : "/template/default/static/img/grey.jpg", 
        //     skip_invisible: false,
        //     effect: "show", // 载入使用何种效果
        //         // effect(特效),值有show(直接显示),fadeIn(淡入),slideDown(下拉)等,常用fadeIn
        //     threshold: 1000, // 提前开始加载

        // });
         

        // var twoBanner = 
        // if () {
            
        // }

        
        var fRLiBtn = $('.fiexdRight li')
        var openClass = 'open'
        
        if (!(mW())) {
            fRLiBtn.hover(function(){
                $(this).addClass(openClass)
            },function(){
                $(this).removeClass(openClass)
            })
        } else {

            fRLiBtn.click(function(){
                if ($(this).hasClass(openClass)) {
                    $(this).removeClass(openClass)
                } else {
                    $(this).addClass(openClass)
                }
                
            })  
            
            
        }

        





  
    },
    indexPage: function(){

        var inxLoad = $('.inxLoad')


        var firstIn = localStorage.getItem("firstIn")
        console.log(firstIn)
        if (!(firstIn == 'no')) {
            inxLoad.children('.indexIn').css({'opacity':'0'})
            setTimeout(function(){
                inxLoad.addClass('close')
                setTimeout(function(){
                    inxLoad.animate({'opacity':'hide'},1000,'easeInCubic')
                },500)
            },2000) 
        } else {
         
            inxLoad.css('display','none')
        }

 
        if ($('#swup').children().attr('id') == 'indexPage') {
            localStorage.setItem("firstIn",'yes');
        }
       


        

        // function is_weixn(){
        //     var ua = navigator.userAgent.toLowerCase();
        //     if(ua.match(/MicroMessenger/i)=="micromessenger") {
        //         return true;
        //     } else {
        //         return false;
        //     }
        // }

        // if (is_weixn()) {
        //     $('#bannerVideo').remove()   
        // } else {
        //     $('#weixinVideo').remove()
        // }

        var videoOnOff = false
        $('.playBtn').click(function(){

                $('#bannerVideo').trigger('play');
                $(this).animate({'opacity':'hide'},1000)

        })

        $('#bannerVideo').on('pause',()=>{
            $('.playBtn').css('display','flex')
        });



        scrollBox('.botIco','.inxBanner',$('.topNavAll').height())

   
        var inxscroller = $('.inxBanner-scroller'),
            scroller = inxscroller.children().children(),
            iBDelay = 5000,
            iBspeed = 2000,
            conL = '.lr-contro .l',
            conR = '.lr-contro .r'


            if (mW()) {
                iBspeed = 1000
            }
        // 首页banner
        var inxBanner = new Swiper('#inxBanner',{
            autoplay: {
                disableOnInteraction: false,
                delay: iBDelay
            },

            speed:iBspeed,
            // loop:true,

            pagination :{
                el: '.inxPagi',
                clickable :true,
                bulletElement : 'li',
                bulletClass : 'bullet',
                bulletActiveClass: 'on',
            },
            navigation: {
                nextEl: conR,
                prevEl: conL,
            },

            on: {
                // 轮播进度条
                init: function(){
                  this.emit('transitionEnd')
                },
                transitionEnd: function(){
                    lrOpa(conL,this.realIndex==0)
                    lrOpa(conR,this.realIndex==this.slides.length-1)
                    function lrOpa(ele,bule) {
                        if (bule) {
                            $(ele).css('opacity','0.4')
                        } else {
                            $(ele).css('opacity','1')
                        }
                    }
 

                    scroller.animate({
                        top: 0
                    }, iBDelay, 'easeInOutCubic')

                //   if (this.activeIndex != 0) {
                //     inxscroller.css('opacity','1')
                //     this.autoplay.start()
                //     inxBanVideo.load()
                //   } else {
                //     inxscroller.css('opacity','0')
                //     this.autoplay.stop()
                //     inxBanVideo.trigger('play')
                //   }
                },
                transitionStart: function () {
                    
                    scroller.stop()
                    scroller.animate({ top: scroller.height() }, iBspeed / 2, 'easeInOutCubic', function () {
                        scroller.css('top', -scroller.height() + 'px')
                    })
                }
            },
        })


        fancyboxImg('gallery')
        

        // 营销一中心

        var peo1tabsLi = $('.inxProduct1 .tabs li')
            pro1ImgLi = $('.inxProduct1 .txtCoutUl>li')
            pro1ContentLi = $('.inxProduct1 .imgUl>li')
            activeClass = 'on'
            time = 1600
            
        pro1Init(pro1ImgLi,time);pro1Init(pro1ContentLi,time)
            peo1tabsLi.eq(0).addClass(activeClass)
        function pro1Init(opt,time){
            opt.css('transition','all '+time+'ms')
            opt.eq(0).css({'display':'block'}).addClass(activeClass)
        }
        
        peo1tabsLi.click(function(){
            var inx = $(this).index()
            pro1Click(pro1ImgLi,time,inx)
            pro1Click(pro1ContentLi,time,inx)
            $(this).addClass(activeClass).siblings().removeClass(activeClass)
        })

        function pro1Click(ele,time,inx){
            if (!(peo1tabsLi.eq(inx).hasClass(activeClass))) {
                ele.removeClass(activeClass)
                ele.eq(inx).css({
                    'display':'block'
                })
                setTimeout(function(){
                    ele.eq(inx).addClass(activeClass)
                },time*0.5)
            }
        }



        // 左右按钮
      

        tabsLRControl({
            eleL:$('.inxProduct1 .contro .leftBtn'),
            eleR:$('.inxProduct1 .contro .rightBtn'),
            clickEle:peo1tabsLi,
            length:peo1tabsLi.length,
            hasClass:'on',
            bianjieCss: {
                'opacity':'0.5'
            },
            bianjieCssOn: {
                'opacity':'1'
            }
        })

        // 营销三中心
        var pro3 = new SongTabs(option ={
            tabs: '.inxProduct3 .tabs>ul>li',//选项卡按钮
            cout: '.inxProduct3 .content>ul>li',//内容块
            activeClass: 'on',//选中状态class
            contro: '点击',//触发方式  点击  触摸
            speed:1000, //显示隐藏速度,transition
            onDelay:300, //选中块出现延迟时间
            sameHeight: true //内容块是否最大等高
        })



        // 首页新闻
        
        var inxNews = new SongTabs(option ={
            tabs: '.inxNews .coutBox .top .tabs ul li',//选项卡按钮
            cout: '.inxNews .coutBox .content ul li',//内容块
            activeClass: 'on',//选中状态class
            contro: '点击',//触发方式  点击  触摸
            speed:1000, //显示隐藏时间
            onDelay:500, //选中块在点击后出现延迟时间
            sameHeight: true //内容块是否最大等高
        })
        
        // 新闻的按钮滑动
        var inxNewsBtn = $('.inxNews .coutBox .top .tabs ul li')
            inxNewsDot = $('.inxNews .dot')
            inxNewsBtnPW = inxNewsBtn.outerWidth()
            inxNewsDot.width(inxNewsBtnPW+'px')

        inxNewsBtn.click(function(){
            var inx = $(this).index()
            inxNewsDot.css('left',inxNewsBtnPW*inx+'px')
        })



        //八个渠道
        var qudaoLi = $('.inxQudao li')
        var maskOn = $('.maskOn')
        qudaoLi.eq(0).addClass('on')

        var qudaoLiW = qudaoLi.width()

        maskOn.width(qudaoLiW+'px')
        

        qudaoLi.mouseenter(function(){
            var inx = $(this).index()
            $(this).addClass('on').siblings().removeClass('on')
            maskOn.css('left',qudaoLiW*inx+'px')
            
        })

     
            bgscroll('.inxQudao')
     




        var mouseDiv =  $(".mouse-stalker>div")

        function mouseOn(hoverBox) {
            $(hoverBox).hover(
                function () {
                    mouseDiv.addClass('mouseOn')
                
                },function () {
                    mouseDiv.removeClass('mouseOn')
                }
            ) 
        }
        // 变成加号
        function mouseMore(hoverBox) {
            $(hoverBox).hover(
                function () {
                    mouseDiv.addClass('mouseMore')
                
                },function () {
                    mouseDiv.removeClass('mouseMore')
                }
            ) 
        }
        mouseMore('.inxNews a')
        mouseOn('a')



        // ScrollMagic

        var controller = new ScrollMagic.Controller();

        // if (!mW()) {
        //     var inxBanner = new TimelineMax()

        //     .add(TweenMax.fromTo(".boxBan", 1, {

        //         width:'90vw',
        //         height:'calc(90vh - 80px)',
        //         borderRadius: '20px'

        //     }, {
        //         width:'100vw',
        //         height:'calc(100vh - 80px)',
        //         borderRadius: '0'

        //     }), "-=1")
        //     .add(TweenMax.fromTo("#inxBanner", 1, {}, {}), "-=1")

        //     new ScrollMagic.Scene({
        //             triggerElement: ".inxBanner",
        //             triggerHook: "onLeave",
        //             duration: "200%"
        //         })
        //         .setPin(".inxBanner")
        //         .setTween(inxBanner)
        //         .addTo(controller);
        // } 
     

        if (!mW()) {
            var jingdongLeft = '30%'
            var jingdongOld = {
                top:'100vh'
            }
            var jingdongNew = {
                top:'0'
            }
        } else {
            var jingdongLeft = '10%'
            var jingdongOld = {
                bottom:'100vh'
            }
            var jingdongNew = {
                bottom: '40%'
            }
        }


        if (!mW()) {
            var jingdong = new TimelineMax()

            .add(TweenMax.fromTo(".jingdong .cenTu", 1, 
                jingdongOld
            , 
                jingdongNew
            ), "-=1")

            
            .add(TweenMax.fromTo(".jingdong .erwei", 1, {
                left:jingdongLeft
            }, {
                left:'10%'
            }), "-=1")
            .add(TweenMax.fromTo(".jingdong .link", 1, {
                right:jingdongLeft
            }, {
                right:'10%'
            }), "-=1")


            .add(TweenMax.fromTo("#inxBanner", 1, {}, {}), "-=1")

            new ScrollMagic.Scene({
                    triggerElement: ".jingdong",
                    triggerHook: "onLeave",
                    duration: "200%"
                })
                .setPin(".jingdong")
                .setTween(jingdong)
                .addTo(controller);
 
        }
        




    },
    aboutPage: function(){
        


        
        // 品牌荣誉swiper
        var honor = new Swiper('#honor',{
            slidesPerView: 'auto',
            spaceBetween: 0,
            freeMode: true,
            // lazy: {
            //     loadPrevNext: true,
            //   },
            slidesOffsetBefore : 40,
            virtualTranslate : true,
            spaceBetween: 30,
            scrollbar: {
                el: ".honor-scrollbar",
                hide: false,
                draggable: true,
            },
            on:{
                setTranslate: function(){
                    this.$wrapperEl.transition('')
                    TweenMax.to(this.$wrapperEl, 1.5, {x:this.translate, ease:Power4.easeOut})
                }
            },
            breakpoints: {
                1024:{
                    spaceBetween: 60,
                    slidesOffsetBefore : 100,
                },

            }
        })
        fancyboxImg('gallery')



        var hisTabsLi = '.hisTabsBox .tabs li'
            hisCoutLi = '.hisTabsBox .hisUl li'


            if (mW()) {
                var sameH = false
            } else {
                var sameH = true
            }

        var historyTabs = new SongTabs(option ={
            tabs: hisTabsLi,//选项卡按钮
            cout: hisCoutLi,//内容块
            activeClass: 'on',//选中状态class
            contro: '点击',//触发方式  点击  触摸
            speed:1000, //显示隐藏速度,transition
            onDelay:500, //选中块在点击后出现延迟时间
            sameHeight: sameH, //内容块是否最大等高
            
            switch:'左右滑动', //是否开启左右滑动，不要就删，留着就生效
            switchOnOffSameH: true //左右滑动下，是否开启高度跟随变化，过滤注意css添加tansition，less是.gd
        })

        tabsLRControl({
            eleL:$('.history .contro .leftBtn'),
            eleR:$('.history .contro .rightBtn'),
            clickEle:$(hisTabsLi),
            length:$(hisTabsLi).length,
            hasClass:'on',
            bianjieCss: {
                'opacity':'0.5'
            },
            bianjieCssOn: {
                'opacity':'1'
            }
        })


        scrollPaichu('#aboutPage .txtCout')
        

    },
    contactPage: function(){
        
        // 进入页面后再刷新一次，百度地图问题必须加载load事件
        // if( window.localStorage ) {
        //     if( !localStorage.getItem( 'firstLoad' ) ) {
        //         localStorage[ 'firstLoad' ] = true;
        //         setTimeout(function(){
        //             window.location.reload();
        //         },1000)
                
        //      }
        //    else {
        //     localStorage.removeItem( 'firstLoad' );
        //    }
        // }

        // var yxBox = $('.yingxiao .rightBox')
        // yxBox.eq(0).addClass('on')
        // yxBox.mouseenter(function(){
        //     $(this).addClass('on').siblings().removeClass('on')
        // })


        SongList({
            parent:'.dingzhiLC',//列表父级
            num:4, //一排多少个
            breakpoins: {
                1024: {
                    num:2,
                },
                1300:{
                    num:4,
                },
        
            }
        })


        var liCoutBox = $('.liCoutBox')

        $('#recruitCout').height(liCoutBox.eq(0).outerHeight()+'px')
        
        // 招贤纳士
        var recruitCout = new Swiper('#recruitCout',{
            direction: 'horizontal',
            spaceBetween : 20,
            breakpoints: {
                1024:{
                    direction: 'vertical',
                }
            }
        })
        var recruitTabs = new Swiper('#recruitTabs',{
            direction: 'vertical',
            slidesPerView: 3,
            freeMode:true,
            slideToClickedSlide: true,
            centeredSlides : true,
            centerInsufficientSlides: true,
            centeredSlidesBounds: true,
            breakpoints: {
                1024:{
                    slidesPerView: 5,
                }
            }
         
        })

       

        $(recruitTabs.slides).eq(0).addClass('on')
        $(recruitTabs.slides).click(function(){
            var inx = recruitTabs.clickedIndex
            recruitCout.slideTo(inx, 1000, false)
            $(recruitTabs.clickedSlide).addClass('on').siblings().removeClass('on')



            $('#recruitCout').height(liCoutBox.eq(inx).outerHeight()+'px')

        })

        

     
        
        



        // ScrollMagic

        var controller = new ScrollMagic.Controller();


        // var yingxiao = new TimelineMax()
        // .add(TweenMax.fromTo(".bigTitle", 1, {
        //     transform:'translateX(-100%)',
        // }, {
        //     transform:'translateX(0%)',
        // }), "-=1")
        
        
        // new ScrollMagic.Scene({
        //     triggerElement: ".yingxiao",
        //     triggerHook: "onLeave",
        //     duration: "100%"
        // })
        // .setPin(".yingxiao")
        // .setTween(yingxiao)
        // .addTo(controller);



        if (!mW()) {
            var dingzhi = new TimelineMax()

        
            .add(TweenMax.fromTo(".youshiMod", 5, {
                transform:'translateY(0%)',
                opacity:'1'
            }, {
                transform:'translateY(100%)',
                opacity:'0'
            }), "+=1.2")

            

            .add(TweenMax.fromTo(".liuchengMod", 5, {
                transform:'translateY(100%)',
                opacity:'0'
            }, {
                transform:'translateY(0%)',
                opacity:'1'
            }), "+=1")

            .add(TweenMax.fromTo(".liuchengMod", 4, {}, {}), "+=1.2")
            
            
            new ScrollMagic.Scene({
                triggerElement: ".dingzhi",
                triggerHook: "onLeave",
                duration: "200%"
            })
            .setPin(".dingzhi")
            .setTween(dingzhi)
            .addTo(controller);
        }

        
        



        
    },
    newPage: function(){
        // 列表两边对齐排列，常规列表排列
        SongList({
            parent:'.newList .listUl',//列表父级
            num:3, //一排多少个
            liWidth:'30%',
            breakpoins: {
                1024: {
                    num:1,
                    liWidth:'100%',
                },
                1300:{
                    num:3,
                    liWidth:'30%',
                },
   
            }
        })


        // 二级导航
        SongTwoNav('.newTwoNav .twoTab',{
            otherA:'.openCout li a', //其他能够跳转此处导航页面的A标签
            mobleYes:false //是否在电脑端开启功能
        })
        
        
        var newListA = $('.newList a')
        for (var i = 0; i < newListA.length; i++) {
            var panduan = newListA.eq(i).attr('href').substring(0,4)
            if (panduan=='http') {
                newListA.eq(i).attr('target','_blank')
            }
           
        }

    },
    productPage: function(){
        mianbaoDel()

        // 列表两边对齐排列，常规列表排列
        SongList({
            parent:'.proList .listUl',//列表父级
            num:3, //一排多少个
            liWidth: '30%',
            breakpoins: {
                1024: {
                    num:1,
                    liWidth: '100%',
                },
                1300:{
                    num:2,
                    liWidth: '45%',
                },
   
            }
        })

        
        if (mW()) {
           
            OffsetBefore = 0,
            OffsetAfter = 0
        } else {
        
            OffsetBefore = 40,
            OffsetAfter = 40
        }
        

        

        SongTwoNav('.proTwoNav .twoTab',{
            mobleYes:true, //是否开启电脑端滑动

            // 删除定义的初始化属性
            initSwiperDel: function () {
                
                if (mW()) {
                    return ['centeredSlides','centeredSlidesBounds','slideToClickedSlide'] 
                } else {
                    return ['freeMode','slidesPerView','centeredSlides','centeredSlidesBounds'] 
                }
            }(),//swiper中使用grid必须删除

            // 在这写swiper属性
            swiperOpt: {
                navigation: {
                    nextEl: '.proTwoNav .rightBtn',
                    prevEl: '.proTwoNav .leftBtn',
                },
                slidesOffsetBefore : 30,
                slidesOffsetAfter : 30,
                freeMode: true,
                slidesPerView : 'auto',
                grid: {
                    fill: 'column',
                    rows: 3,
                  },
                breakpoints: {
                    1024: {
                        slidesOffsetBefore : 0,
                        slidesOffsetAfter : 0,
                        slidesPerView: 8,
                        freeMode:false,
                        grid: {
                            fill: 'column',
                            rows: 1
                        },
                    }
                }
            },
            gridRows: 3,//当swiper填写了grid属性后填写，目前没有编写尺寸适配
            
        })


    },
    productDetailPage: function(){

    
        mianbaoDel()
        

        var num = 4
        var proDelTabs = new Swiper('#proDelTabs',{
            slidesPerView : 3, 
            spaceBetween : 40,
            breakpoints: {
                1024: {
                    slidesPerView : num, 
                },
                1300: {
                    spaceBetween : 80,
                }
            }
        })

        var proDelCout = new Swiper('#proDelCout',{})

        var left = 0,right = num-1

        $(proDelTabs.slides).eq(0).addClass('on')
        $(proDelTabs.slides).click(function(){
            var inx = $(this).index()
            $(this).addClass('on').siblings().removeClass('on')
            proDelCout.slideTo(inx,500 ,false)
            if (inx == right) {
                proDelTabs.slideNext();
                right++
                left++
            }
            if (inx == left) {
                proDelTabs.slidePrev();
                right--
                left--
            } 
        })

        var TJnextEl = '.tuijian .rightBtn'
        var TJprevEl = '.tuijian .leftBtn'

        var tuijian = new Swiper('#tuijian',{
            slidesPerView : 4, 
            spaceBetween : 80,
            navigation: {
                nextEl: TJnextEl,
                prevEl: TJprevEl,
            },
        })
    },
    newDetailPage: function(){
        if (mW()) {
            $('#newDetailPage .bottom').before($('.return'))
        }
        
    },

    lastAllPage: function(){

       
        
        // 确认时本站页面跳转的固定缓存
        if (!( $('#swup').children().attr('id') == 'indexPage')) {
            localStorage.setItem("firstIn",'no');
        }
       
        
        
        
            // aos添加


            // 单个aos动效添加 填写当前class，id

            aosadd(".inxAbout","fade-up",200)

            //批量aos递增延迟添加  填写li


            aosdelaynum(".inxNews .coutBox .cenBox .bottom ul li","fade-up",200)


            AOS.init({
                offset: 100,
                duration: 1000,
                easing: 'ease',
            });


    },
    searchPage: function(){
        var banImg = $('.towBanner .banImg')
        var banText = $('.towBanner .banTitle')
        var listA = $('.search .twoCout .searchTwoList li .box .title')

        banImg.attr('src','template/default/static/img/searchBg.jpg')
        banText.text('搜索结果')

        listA.click(function(){
            $(this).css({
                'color':'#9c27b0',
                'border-color':'#9c27b0'
            })
        })
    }

}