// JavaScript Document
$('#gotop').click(function () {
  $('html,body').animate({
	  scrollTop : '0px'
  }, 600);
});
$(".container01 .con ul").miso({
	slidesToShow: 3,
	dots:true,
	responsive: [{
		breakpoint: 992,
		settings: {
			slidesToShow: 2
		}
   }]
});
$('.container03 .right .left01.fl ul').miso({
	autoplay:false,
	asNavFor:$('.container03 .right .right01 ul')
});
$('.container03 .right .right01 ul').miso({
	autoplay:false,
	dots:true,
	asNavFor:$('.container03 .right .left01.fl ul')});
$(".container04 .con .left ul").miso({
	slidesToShow: 1,
	autoplay:false
});
$(".n_container .n_left .con ul li i").click(function(){
		$(this).next().slideToggle();
		$(this).toggleClass("up");
	});
$(function(){
	$('.btn[name]').click(function() {
		var tf_name_id = $(this).attr('name');
		$('.tc[name=' + tf_name_id + ']').addClass('act');
	});
	$('.close').click(function() {
		$(this).parents('.tc').removeClass('act')
	});
	$('.tc-bg').click(function() {
		$(this).parents('.tc').removeClass('act')
	});
			//移动端导航
	   $("#m_nav .title .list").css({"opacity":"1","visibility":"visible"});
	  /* $("#m_nav .title .a").attr("href","javascript:void(0)");
	   $("#m_nav .title .void>a").attr("href","javascript:void(0)");*/
	   $("#m_nav .title i").click(function(){
		   var tt = $(this).parents(".title");
		  if ($(tt).hasClass('on')) {
			  $(tt).children(".list").slideUp(600); //展开
			  $(tt).removeClass("on");			}else{
			  $("#m_nav .title ").removeClass("on");
			  $("#m_nav .title .list").slideUp();
			  $(tt).children(".list").slideDown();
			  $(tt).toggleClass("on");			}
	   });
	   /*$("#m_nav .sub").hide();
	   $("#m_nav .void").click(function(){
			$(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();
	   });
	  $(".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");
	  })
		  //移动端内页导航
	$("#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();
		}
	});	$("#sub_nav_content ul li i").click(function(){
		$(this).next("ul").slideToggle();
		$(this).parents("#sub_nav_content ul li").siblings().find("ul").slideUp();
	});
	$(".n_container .left .con ul li i").click(function(){
		$(this).next().slideToggle();
		$(this).toggleClass("up");
	});
	if ($(".container02 ul").length) {
		$(".container02 ul li").each(function (i) {
			$(this).addClass("wow fadeInUp").css({ 'animation-delay': i * 100 + 300 + 'ms' });
		});
	}
	if ($(".container03 ul").length) {
		$(".container03 ul li").each(function (i) {
			$(this).addClass("wow fadeInUp").css({ 'animation-delay': i * 100 + 300 + 'ms' });
		});
	}
	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();
		};
	}
	//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");
        });
    }
});