// JavaScript Document

if ($(this).scrollTop()>100){
	$("#gotop").removeClass("hide");
}else{
	$("#gotop").addClass("hide");
};
$(window).scroll(function() {
    if ($(this).scrollTop()>100){
        $("#gotop").removeClass("hide");
    }else{
        $("#gotop").addClass("hide");
    };
});
$('#gotop').click(function () {
    $('html,body').animate({
        scrollTop : '0px'
    }, 800);
});

$(function(){

    //第一次进入页面刷新一次，仅一次
　　//location.href.indexOf("#")获取当前页面地址并在其中查找"#"首次出现位置，找不到就是-1
    //if(location.href.indexOf("#")==-1){
　　//在当前页面地址加入"#"，使下次不再进入此判断
        //location.href=location.href+"#";
        //location.reload();
   //}
	setTimeout(function () {
		$("#miso_loading").fadeOut();
		AOS.init({
			duration: 1200,
			disable: 'mobile',
            //easing: 'ease-out-back',
            //once:1,
		});

	}, 500);
	
	$(".miso_btn1").click(function(){
		$("body").toggleClass("fixed");
		$(this).find(".rd-navbar-toggle").toggleClass("active");
		$(".slide_down_nav").toggleClass("on");
		$(".body_home").toggleClass("bg_s");
		$(".rd-navbar-nav-wrap").toggleClass("active");
		$(".rd-navbar-submenu").removeClass("opened");
		$(".slide_down_nav_bg").toggleClass("on");
		$(".slide_down_nav_bg").toggleClass("on01");
		$(".slide_down_nav_line_shuxian").toggleClass("on");
		$(".slide_down_nav_content").toggleClass("on");
	});

    $(".slide_down_nav .close").click(function(){
		$("body").removeClass("fixed");
		$("#openBtn").removeClass("active");
		$(".slide_down_nav").removeClass("on");
		$(".body_home").removeClass("bg_s");
		$(".rd-navbar-nav-wrap").removeClass("active");
		$(".rd-navbar-submenu").removeClass("opened");
		$(".slide_down_nav_bg").removeClass("on");
		$(".slide_down_nav_bg").removeClass("on01");
		$(".slide_down_nav_line_shuxian").removeClass("on");
		$(".slide_down_nav_content").removeClass("on");
	});

    $(".miso_btn2").click(function(){
		$(".m_header").toggleClass("active");
	});
	
	$(".search_btn").on('click',function(){
		$("#search1").toggleClass("open");
	});
	
	$("#search1 .close").on('click',function(){
		$("#search1").removeClass("open");
	});
	
	$('.search-dialog-box .pub-close').on('click',function(){
		$('.search-dialog-box').removeClass("on");
	});
	
	$(".ar_article table").wrap('<div class="scroll"></div>');//表格外添加div
	
	$('.tc_btn[name]').click(function() {
		var tf_name_id = $(this).attr('name');
		$('.tc[name=' + tf_name_id + ']').addClass('act');
	});
	$('.tc_close').click(function() {
		$(this).parents('.tc').removeClass('act');
	});
	$('.tc_bg').click(function() {
		$(this).parents('.tc').removeClass('act');
	});
	
	//移动端导航
	$(".list_box_nav_mobile>li i").click(function(){
		$(this).parents(".list_box_nav_mobile>li").find(".box").slideToggle();
		$(this).parents(".list_box_nav_mobile>li").toggleClass("on1");
		$(this).parents(".list_box_nav_mobile>li").siblings().find(".box").slideUp();
		$(this).parents(".list_box_nav_mobile>li").siblings().removeClass("on1");
	});
	/*$("#m_nav .sub").hide();
	$("#m_nav .void").click(functon(){
		$(this).children(".sub").slideToggle(); //展开
	});*/
	$("#nav_btn_box").click(function(){
		$("#nav_btn_box .point").toggleClass("on"); 
		$("#nav_btn_box").toggleClass("on"); 
		$("#m_nav").toggleClass("act");
		$(".nav_mask").fadeToggle();
		$("body").toggleClass("navShow");
	});
	
	$(".nav_mask").click(function(){
		$("#nav_btn_box .point").removeClass("on"); 
		$("#nav_btn_box").removeClass("on"); 
		$(this).fadeToggle();
		$(".nav_btn_box").removeClass("act");
		$("#m_nav").removeClass("act");
	})
	
	$("#m_nav .close").click(function(){
		$("#nav_btn_box .point").removeClass("on"); 
		$("#nav_btn_box").removeClass("on"); 
		$(".nav_btn_box").removeClass("act");
		$("#m_nav").removeClass("act");
		$(".nav_mask").fadeOut();
	});
	
	//移动端内页导航
	$("#bnt_sub_nav").click(function(){
	$(this).toggleClass("on");
		$("#sub_nav_content").slideToggle();
	});
	
	$("#sub_nav_content dt.title a").attr("href","javascript:void(0)");
	$("#sub_nav_content dt.title_on").next("dd").show();
	$("#sub_nav_content dt.title").click(function() {
		if ($(this).hasClass("title_on")) {
			$(this).next("dd").slideToggle();
			$(this).removeClass("title_on");
		} else {
			$("#sub_nav_content dd").slideUp();
			$("#sub_nav_content dt.title").removeClass("title_on").removeClass("on");
			$(this).toggleClass("title_on");
			$(this).next("dd").slideDown();
		}
	});
	
	//IE9 兼容placdholder属性
    function placeholderSupport() {
        return 'placeholder' in document.createElement('input');
    }
    if(!placeholderSupport()){   // 判断浏览器是否支持 placeholder
        $("[placeholder]").each(function(){
            var _this = $(this);
           // console.log($(this).height());
            var inputHeight = parseInt(parseInt($(this).height()-2)-14)/2;
            var inputHeight = parseInt(parseInt(parseInt($(this).height()-2)/2)-7)+'px';
            _this.parent().css({"position": "relative"});
            var left = _this.position().left+parseInt(_this.css("padding-left"))+parseInt(_this.css("margin-left"))+"px";
            var top = parseInt(_this.css("padding-top"));//+parseInt(_this.css("margin-top"))+"px";
            var top = parseInt(_this.css("padding-top"));//+parseInt(_this.css("margin-top"))+"px";
            _this.after('<span class="placeholder" data-type="placeholder" style="position: absolute;font-size:14px; top: '+ inputHeight +'; left: ' + left + '">' + _this.attr("placeholder") + '</span>');
            //_this.after('<span class="placeholder" data-type="placeholder" style="position: absolute; top: 0px; left: ' + left + '">' + _this.attr("placeholder") + '</span>');
            if(_this.val() != ""){
                _this.parent().find("span.placeholder").hide();
            }
            else{
                _this.parent().find("span.placeholder").show();
            }
        }).on("focus", function(){
            $(this).parent().find("span.placeholder").hide();
        }).on("blur", function(){
            var _this = $(this);
            if(_this.val() != ""){
                _this.parent().find("span.placeholder").hide();
            }
            else{
                _this.parent().find("span.placeholder").show();
            }
        });
        // 点击表示placeholder的标签相当于触发input
        $("span.placeholder").on("click", function(){
            $(this).hide();
            $(this).siblings("[placeholder]").trigger("click");
            $(this).siblings("[placeholder]").trigger("focus");
        });
    }
});

var tl = new TimelineMax({repeat:-1, yoyo: true});

tl.from(".djs .bg1s .bg1s1:nth-child(2) .s1:nth-child(3) img", 2, {
	rotateY: -90,
	ease: Power2.easeInOut
},"-=1.5");

tl.from(".djs .bg1s .bg1s1:nth-child(2) .s1:nth-child(2) img", 2, {
	rotateY: -90,
	ease: Power2.easeInOut
},"-=1.5");

tl.from(".djs .bg1s .bg1s1:nth-child(2) .s1:nth-child(1) img", 2, {
	rotateY: -90,
	ease: Power2.easeInOut
},"-=1.5");

/*var tl1 = new TimelineMax({repeat:-1, yoyo: true});
tl1.from(".djs .bg1s .bg1s1:nth-child(1) .s1:nth-child(3) img", 2, {
	rotateY: -90,
	ease: Power2.easeInOut
},"-=1.5");

tl1.from(".djs .bg1s .bg1s1:nth-child(1) .s1:nth-child(2) img", 2, {
	rotateY: -90,
	ease: Power2.easeInOut
},"-=1.5");

tl1.from(".djs .bg1s .bg1s1:nth-child(1) .s1:nth-child(1) img", 2, {
	rotateY: -90,
	ease: Power2.easeInOut
},"-=1.5");*/

/*tl.from(".djs .bg1s .bg1s1:nth-child(2) .s1:nth-child(4) img", 2, {
	rotateY: -71,
	ease: Power2.easeInOut
},"-=1.5");
tl.from(".djs .bg1s .bg1s1:nth-child(2) .s1:nth-child(5) img", 2, {
	rotateY: -73,
	ease: Power2.easeInOut
},"-=1.5");
tl.from(".djs .bg1s .bg1s1:nth-child(2) .s1:nth-child(6) img", 2, {
	rotateY: -75,
	ease: Power2.easeInOut
},"-=1.5");
tl.from(".djs .bg1s .bg1s1:nth-child(2) .s1:nth-child(7) img", 2, {
	rotateY: -77,
	ease: Power2.easeInOut
},"-=1.5");*/

$(".er_j li").hover(function() {
    $(this).stop().addClass("on");
    $(this).siblings().stop().removeClass("on");
}, function() {
    $(this).stop().removeClass("on");
    $(".er_j li.on1").stop().addClass("on");
});


function crossFun(ele) {
    var width = document.documentElement.clientWidth;
    var height = document.documentElement.clientHeight;
    //第一次进来  判断是不是横屏
    if (width < height) {
        ele.style.width = height + 'px';
        ele.style.height = width + 'px';
        ele.style.top = (height - width) / 2 + 'px';
        ele.style.left = 0 - (height - width) / 2 + 'px';
        ele.style.transform = 'rotate(90deg)';
        ele.style.transformOrign = '50% 50%';
        ele.style.position = 'relative';

        document.getElementById('container').classList.add("shu")
        document.getElementById('container').classList.remove("heng")
        document.body.classList.add("shus")
        document.body.classList.remove("hengs")
    }
    else {
        document.getElementById('container').classList.add("heng")
        document.getElementById('container').classList.remove("shu")
        document.body.classList.add("hengs")
        document.body.classList.remove("shus")
    }
    //设备旋转或者窗口变化时候进行  横竖屏处理     在来回切换的时候回出现BUG  使用定时器解决
    var evt = "onorientationchange" in window ? "orientationchange" : "resize";

    window.addEventListener(evt, function () {
        setTimeout(function () {
            var width = document.documentElement.clientWidth;
            var height = document.documentElement.clientHeight;
            if (width > height) {
                ele.style.width = width + 'px';
                ele.style.height = height + 'px';
                ele.style.top = 0;
                ele.style.left = 0;
                ele.style.transform = 'none';
                ele.style.transformOrign = '50% 50%';
                ele.style.position = 'relative';

                document.getElementById('container').classList.add("heng")
                document.getElementById('container').classList.remove("shu")
                document.body.classList.add("hengs")
                document.body.classList.remove("shus")

				//location.reload();
            } else {
                ele.style.width = height + 'px';
                ele.style.height = width + 'px';
                ele.style.top = (height - width) / 2 + 'px';
                ele.style.left = 0 - (height - width) / 2 + 'px';
                ele.style.transform = 'rotate(90deg)';
                ele.style.transformOrign = '50% 50%';
                ele.style.position = 'relative';

                document.getElementById('container').classList.add("shu")
                document.getElementById('container').classList.remove("heng")

                document.body.classList.add("shus")
                document.body.classList.remove("hengs")
				//location.reload();
            }
        }, 100);
    }, false);
}
crossFun(document.getElementById('container')); 
//注意 方法里面用的是原生的方法  传入的DOM应该用原生的方式获取  或者对原方法进行修改即可