// DOM加载
$(function() {

    // 移动端导航条
    mblNav_but();
    fun_scroll();

    // tab切换
    function tab(tab_list, tab_div, tab_on) {
        $(tab_list).on(tab_on, function() {
            $(this).addClass('active').siblings().removeClass('active');
            $(tab_div).eq($(this).index()).addClass('vis').siblings().removeClass('vis');
        })
    }
    tab(".proTwo-nav li", ".proTwo-tabli", "click");
    new WOW().init();
    
    $(document).on("click",".shouHouBox .hdDiv",function(){
        if (!$(this).parent("li").hasClass("active")) {
            $(this).parent("li").addClass("active");
            $(this).parent("li").siblings("li").removeClass("active");
        }else{
            $(this).parent("li").removeClass("active");
        }
        $(this).siblings(".textDiv").slideToggle();
        $(this).parent("li").siblings("li").children(".textDiv").slideUp();
    });

    rotates();

    if ($(window).width()<1200) {
        $(".footer .footer_list ul li").click(function(){
            $(this).find(".footer_icimg").fadeToggle();
        })
        $(".tactCol").click(function(){
            $(this).find(".sewm").fadeToggle();
        })
        $(".xf_tight_ul ul li").click(function(){
            $(this).find(".icon_we_hover").fadeToggle();
            $(this).siblings("li").find(".ico_dh_horer").fadeOut();
        })

        $(".xf_tight_ul ul li").click(function(){
            $(this).find(".ico_dh_horer").fadeToggle();
            $(this).siblings("li").find(".icon_we_hover").fadeOut();
        })

    }


})

function rotates(){
    var rotates = 0;
    var _stepCount = 1;
    var aaa = function () {
        $(".aboYshi-div .list").each(function () {
            var idxs = $(this).find("li.active").index();
            if (idxs == 0) {
                $(".aboYshi-div .list li").eq(0).removeClass("active");
                $(".aboYshi-div .list li").eq(1).addClass("active");
                $(".index_teac_ul .yuan").css({
                    transform: "rotate(" + rotates + 72 + "deg)"
                })
            } else if (idxs == 1) {
                $(".aboYshi-div .list li").eq(1).removeClass("active");
                $(".aboYshi-div .list li").eq(2).addClass("active");
            } else if (idxs == 2) {
                $(".aboYshi-div .list li").eq(2).removeClass("active");
                $(".aboYshi-div .list li").eq(3).addClass("active");
            } else if (idxs == 3) {
                $(".aboYshi-div .list li").eq(3).removeClass("active");
                $(".aboYshi-div .list li").eq(4).addClass("active");
            } else if (idxs == 4) {
                $(".aboYshi-div .list li").eq(4).removeClass("active");
                $(".aboYshi-div .list li").eq(0).addClass("active");
            }
            $(".yshimg").css({
                transform: "rotate(" + (rotates + _stepCount * 72) + "deg)"
            });
            rotates += _stepCount * 72;
        })
    }
    var vte = setInterval(aaa, 3000);
    $(".aboYshi-div .list li").click(function () {
        var _this = $(this);
        var _thisinde = _this.index();
        clearInterval(vte)
        $(".aboYshi-div .list").each(function () {
            var _ulthis = $(this);
            var _active = _ulthis.find("li.active").index();
            var _stepCount = _thisinde - _active;
            if (_stepCount < 3 && _stepCount > 0) {
                $(".yshimg").css({
                    transform: "rotate(" + (rotates + _stepCount * 72) + "deg)"
                });
                rotates += _stepCount * 72;
                vte = setInterval(aaa, 3000);

            } else if (_stepCount >= 3) {
                $(".yshimg").css({
                    transform: "rotate(" + (rotates - (5 - Math.abs(_stepCount)) * 72) + "deg)"
                });
                rotates = rotates - (5 - Math.abs(_stepCount)) * 72;
                vte = setInterval(aaa, 3000);
            } else if (_stepCount < 0 && _stepCount >= -2) {
                $(".yshimg").css({
                    transform: "rotate(" + (rotates - Math.abs(_stepCount) * 72) + "deg)"
                });
                rotates = rotates - Math.abs(_stepCount) * 72;
                vte = setInterval(aaa, 3000);
            } else if (_stepCount <= -2) {
                $(".yshimg").css({
                    transform: "rotate(" + (rotates + (5 - Math.abs(_stepCount)) * 72) + "deg)"
                });
                rotates = rotates + (5 - Math.abs(_stepCount)) * 72;
                vte = setInterval(aaa, 3000);
            }
        })
        _this.addClass("active").siblings().removeClass("active");

    })
}

// 页面滚动
$(window).scroll(function() {
    var hHeight = $(window).height();
    var top = $(window).scrollTop();
    // var boxtop = $("").offset().top;
    if (top > hHeight) {
        $(".xf_right").fadeIn();
    } else {
        $(".xf_right").fadeOut();
    }
});

//表单输入
function form_label() {
    $(".inp").on("input", function() {
        var v = $(this).find('textarea');
        var vN = $(this).find('textarea').val();
        v.focus(function() {
            v.siblings('label').css("display", "none");
        });
        v.blur(function() {
            if (vN == null || vN == "") {
                v.siblings('label').css("display", "block");
            } else {
                v.siblings('label').css("display", "none");
            }
        });
    }).trigger("input");
    $(".inp").on("input", function() {
        var v = $(this).find('input');
        var vN = $(this).find('input').val();
        v.focus(function() {
            v.siblings('label').css("display", "none");
        });
        v.blur(function() {
            if (vN == null || vN == "") {
                v.siblings('label').css("display", "block");
            } else {
                v.siblings('label').css("display", "none");
            }
        });
    }).trigger("input");
    $(".inp textarea").each(function() {
        var vN = $(this).val();
        if (vN == null || vN == "") {
            $(this).siblings('label').css("display", "block");
        } else {
            $(this).siblings('label').css("display", "none");
        }
    });
    $(".inp input").each(function() {
        var vN = $(this).val();
        if (vN == null || vN == "") {
            $(this).siblings('label').css("display", "block");
        } else {
            $(this).siblings('label').css("display", "none");
        }
    })
}

// 单选选中按钮样式
function inp_radio() {
    $(".inp_radio").each(function() {
        var _this = $(this);
        if (_this.is(":checked")) {
            _this.parent('.fmbut_radio').addClass("active");
        } else {
            _this.parent('.fmbut_radio').removeClass("active");
        }
    })
    $(".inp_radio").click(function() {
        $(".inp_radio").each(function() {
            var _this = $(this);
            if (_this.is(":checked")) {
                _this.parent('.fmbut_radio').addClass("active");
            } else {
                _this.parent('.fmbut_radio').removeClass("active");
            }
        })
    })
}

// 复选选中按钮样式
function inp_checkbox() {
    $(".inp_checkbox").each(function() {
        var _this = $(this);
        if (_this.is(":checked")) {
            _this.parent('.fmbut_checkbox').addClass("active");
        } else {
            _this.parent('.fmbut_checkbox').removeClass("active");
        }
    })
    $(".inp_checkbox").click(function() {
        $(".inp_checkbox").each(function() {
            var _this = $(this);
            if (_this.is(":checked")) {
                _this.parent('.fmbut_checkbox').addClass("active");
            } else {
                _this.parent('.fmbut_checkbox').removeClass("active");
            }
        })
    })
}

// 首页导航搜索
function hm_seach() {
    $(".seach").mouseenter(function() {
        $(this).find(".seachinp").addClass("vis");
    }).mouseleave(function() {
        var findinp = $(this).find(".seachinp input").val();
        if (findinp == "" || findinp == "null") {
            $(this).find(".seachinp").removeClass("vis");
        }
    })
}

//导航按钮
function nav_but() {
    $('.navToggle').click(function() {
        if ($(".nav").is(":hidden")) {
            $(this).addClass("active");
            $(".nav").slideDown();
        } else {
            $(this).removeClass("active");
            $(".nav").slideUp();
        }
    });
}

// banner 视频
function ban_video() {
    var changeHeight = $(window).height()
    var changeWidth = $(window).width();
    $(".ban_video").height(changeHeight);
    if (changeHeight / changeWidth < 0.416) {
        $(".ban_video").css({ "width": changeWidth, "height": changeWidth * 0.416 });
    } else if (changeHeight / changeWidth > 0.416) {
        $(".ban_video").css({ "width": changeHeight / 0.416, "height": changeHeight });
    }
}

// 返回顶部
function initScrollToTop() {
    $("html,body").animate({ scrollTop: 0 }, 1000);
}

// 锚点平滑跳转
function a_mao() {
    $('a[href*=#],area[href*=#]').click(function() {
        if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
            var $target = $(this.hash);
            $target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
            if ($target.length) {
                var targetOffset = $target.offset().top;
                $('html,body').animate({
                        scrollTop: targetOffset
                    },
                    1000);
                return false;
            }
        }
    });
}

//触发弹窗底部页面禁止滑动
function fixed() {
    var scrollTop = $(window).scrollTop();
    $('#bodyBox').attr('data-top', scrollTop);
    var contentStyle = document.getElementById("bodyBox").style; //content是可以滚动的背景元素id名称
    contentStyle.position = 'fixed'; //contentStyle是第二步的变量，设置背景元素的position属性为‘fixed'
    contentStyle.top = "-" + scrollTop + "px";
}

//关闭弹窗底部页面恢复滑动
function fixed_cancel() {
    var contentStyle = document.getElementById("bodyBox").style;
    var scrollTop = $('#bodyBox').attr('data-top'); //设置背景元素的位置
    contentStyle.top = '0px'; //恢复背景元素的初始位置
    contentStyle.position = "static"; //恢复背景元素的position属性（初始值为absolute，就恢复为absolute，以此类推）
    $(document).scrollTop(scrollTop); //scrollTop,设置滚动条的位置
}

// 滚动条
function fun_scroll() {
    $(".party_pcont").mCustomScrollbar({
        theme: "dark-thin",
        advanced: {
            autoExpandHorizontalScroll: true
        }
    });
}

/* 移动端导航条 */
function mblNav_but() {
    //点击逐渐展开移动端导航
    $(".a_js").click(
            function() {
                $(".m_nav").stop(true, false).delay(0).animate({
                    width: "100%",
                    height: "100%"
                }, 0);
                $(".m_nav").find(".closecover").stop(true, false).delay(0).animate({
                    opacity: "0.5"
                }, 300);
                $(".m_nav").find(".closeicon").stop(true, false).delay(0).animate({
                    opacity: "1"
                }, 300);
                $(".m_nav").find(".m_navList").stop(true, false).delay(0).animate({
                    left: "0"
                }, 300);
                $('body').css('overflow', 'hidden');
            }
        )
        //点击关闭，逐渐隐藏
    $(".a_closed").click(
        function() {
            $(".m_nav").stop(true, false).delay(300).animate({
                width: "0",
                height: "0"
            }, 0);
            $(".m_nav").find(".closecover").stop(true, false).delay(0).animate({
                opacity: "0"
            }, 300);
            $(".m_nav").find(".closeicon").stop(true, false).delay(0).animate({
                opacity: "0"
            }, 300);
            $(".m_nav").find(".m_navList").stop(true, false).delay(0).animate({
                left: "-80%"
            }, 300);
            $('body').css('overflow', 'auto');
        }
    )

    //判断是否有子标题
    $('.m_navList ul li').each(function() {
        $(this).children('.m_f_a').find('i').addClass('icon')
        if ($(this).children('.m_s_nav').find('a').length < 1) {
            $(this).children('.m_f_a').children('i').removeClass('icon');
        }
    });

    //点击图标展开关闭子导航
    $('.m_navList ul li').find('.m_f_a i').click(function() {
        $(this).parent().parent().siblings().children('.m_s_nav').slideUp();
        $(this).parent().parent().siblings().children('.m_f_a').find('i').removeClass('icon_on')
        $(this).parent().next().toggle("normal").prev().children('i').toggleClass('icon_on');
    })
}



// 禁止页面操作
// 屏蔽右键
function un_rtbutton() {
    document.oncontextmenu = function(event) {
        if (window.event) {
            event = window.event;
        }
        try {
            var the = event.srcElement;
            if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {
                return false;
            }
            return true;
        } catch (e) {
            return false;
        }
    }
}

// 屏蔽选中
function un_select() {
    document.onselectstart = function(event) {
        if (window.event) {
            event = window.event;
        }
        try {
            var the = event.srcElement;
            if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {
                return false;
            }
            return true;
        } catch (e) {
            return false;
        }
    }
}

// 屏蔽复制
function un_copy() {
    document.oncopy = function(event) {
        if (window.event) {
            event = window.event;
        }
        try {
            var the = event.srcElement;
            if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {
                return false;
            }
            return true;
        } catch (e) {
            return false;
        }
    }
}

// 屏蔽剪切
function un_shear() {
    document.oncut = function(event) {
        if (window.event) {
            event = window.event;
        }
        try {
            var the = event.srcElement;
            if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {
                return false;
            }
            return true;
        } catch (e) {
            return false;
        }
    }
}

// 屏蔽粘贴
function un_paste() {
    document.onpaste = function(event) {
        if (window.event) {
            event = window.event;
        }
        try {
            var the = event.srcElement;
            if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {
                return false;
            }
            return true;
        } catch (e) {
            return false;
        }
    }
}