//鎵嬫満瀵艰埅toggle
function phoneNavToggle(obj) {
    $(obj).toggleClass("on")
    if ($("#phone-nav").hasClass("active")) {
        $("#phone-nav").animate({
            "right": '-100%'
        },500);
        $("#phone-nav").removeClass("active")
    } else {
        $("#phone-nav").animate({
            "right": '0'
        },500);
        $("#phone-nav").addClass("active")
    }
}





function searchToggle(){
    $(".search-form").slideToggle(500)
}
function makesvg(percentage){
    var abs_percentage=Math.abs(percentage).toString();
    var percentage_str=percentage.toString();
    var svg = '<svg class="circle-chart" viewbox="0 0 33.83098862 33.83098862" xmlns="http://www.w3.org/2000/svg">'
        + '<circle class="circle-chart__background" cx="16.9" cy="16.9" r="15.9" />'
        + '<circle class="circle-chart__circle "'
        + 'stroke-dasharray="'+ abs_percentage+',100"    cx="16.9" cy="16.9" r="15.9" />'
        + '</svg>';
    return svg
}


// 鎵嬫満鍥炲埌椤堕儴
function gotop() {
    $("body,html").animate({
        scrollTop: 0
    }, 800);
}

function itemToggle(obj) {
    $(obj).toggleClass("extend")
    $(obj).next(".nav").slideToggle(500)
    if (!$(obj).hasClass("active")) {
        $(".page-nav-box .nav a").removeClass("on")
        $(".page-nav-box .nav .child").hide()
    }
}


var wid = $("body,html").width()
$(function(){
    if ($(".wow").length) {
        if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
            var wow = new WOW({
                boxClass: 'wow',
                animateClass: 'animated',
                offset: 50,
                mobile: true,
                live: true

            });
            wow.init();
        };
    }
    if(wid > 1024) {
        $(".relative-link .box").hover(function(){
            $(this).find(".list").slideToggle(500).parent().siblings().find(".list").slideUp(300)
        })
    }else {
        $(".relative-link .name").click(function(){
            $(this).addClass("on").parent().siblings().find(".name").removeClass("on")
            $(this).next(".list").slideToggle(500).parent().siblings().find(".list").slideUp(300)
        })
        
        $(".page-nav-box .cat").removeClass("on")
        $(".page-nav-box .cat").attr("href","javascript:;")
        $(".page-nav-box .cat").click(function(){
            $(this).toggleClass("on").siblings().removeClass("on")
            $(this).next(".child").slideToggle(500).siblings(".child").slideUp(500)
        })
    }
    $(".num span").countUp()
    $(".phone-nav li > a").click(function(){
        $(".phone-nav li").removeClass("active")
        $(this).parent("li").toggleClass("on").siblings().removeClass("on");
        $(this).next(".navs").slideToggle(500).parent().siblings().find(".navs").slideUp(500)
    })

    $(window).on("scroll", function(){
        var top = $(window).scrollTop();
        if(top > 30) {
            $(".search-form").fadeOut(500)
            if(wid < 1024) {
                $(".header-wrapper").addClass("shadow")
            }
        }
        if(top > 80) {
            $(".gotop").fadeIn(300)
        }else{
            $(".gotop").fadeOut(300)
        }
        if($('.ndbot')[0]){
            var bt = $('.ndbot').offset().top - 110,
                boxt = bt + $('.ndbot').height() - $('.ndbotleft').height() - 96;
            if(top > bt && top < boxt){
                $('.ndbot').addClass('cur');
                $('.ndbot').removeClass('cur2');
            }else if(top >= boxt){
                $('.ndbot').addClass('cur2').removeClass('cur');
            }else{
                $('.ndbot').removeClass('cur');
                $('.ndbot').removeClass('cur2');
            }
        }
    })

    $(".category-box .first").click(function(){
        $(".category-box .item a").removeClass("on")
        $(this).toggleClass("active").parent().siblings().find(".first").removeClass("active")
        $(".category-box .detail").removeClass("on").hide()
        $(this).next(".second-box").slideToggle(300).parent().siblings().find(".second-box").hide()
    })
    $(".category-box .second").click(function(){
        $(this).toggleClass("on").siblings(".second").removeClass("on")
        $(this).next(".detail").slideToggle(500).siblings(".detail").hide()
    })

    $(".category-box .box .item").each(function(){
        if($(this).find(".first").hasClass("on")){
            $(this).find(".second-box").show()
            if($(this).find(".second").hasClass("on")){
                $(this).find(".second").next(".detail").show()
            }
        }
    })
})