var app={
  // 简单的点击实现元素展开和收缩的功能
 clickToggle: function(elea,eleb){
     $(elea).click(function(){
         if(!$(eleb).is(':visible')){
             $(this).addClass('clicked');
             $(eleb).slideDown();
         }else{
             $(this).removeClass('clicked');
             $(eleb).slideUp();
         }
     })
 },
  //返回顶部
  backTop: function(ele,time){
     $(ele).click(function () {
         $('html, body').animate({
             scrollTop:'0'
         },time);
     })
 },
  // tab 切换
  tabs: function(tabs, tab_box, _event) {
     $(tab_box).hide();
     $(tab_box).eq(0).show();
     $(tabs).eq(0).addClass('on');
     $(tabs).bind(_event,function(){
         $(this).addClass("on").siblings().removeClass("on");
         var _index = $(this).index();
         $(tab_box).eq(_index).show().siblings().hide();
     })
 },
 // tab 切换类名
 tabsa: function(tabsa, tab_boxa, _eventa) {
     $(tab_boxa).eq(0).addClass('a');
     $(tabsa).eq(0).addClass('on');
     $(tabsa).bind(_eventa,function(){
         $(this).addClass("on").siblings().removeClass("on");
         var _index = $(this).index();
         $(tab_boxa).eq(_index).addClass('a').siblings().removeClass("a");
     })
 },
 
  // 选中高亮
  tabsb: function(tabsb,_eventb) {
    $(tabsb).eq(0).addClass('active');
   $(tabsb).bind(_eventb,function(){
       $(this).addClass("active").siblings().removeClass("active");
   })
},
tabsc: function(tabsb,_eventb) {
 $(tabsb).bind(_eventb,function(){
     $(this).toggleClass("on");
 })
},
}

$(function () {
 index.scrool();
 index.click();
 index.swiper();
 app.clickToggle('.mslm-navbtn','.mslm-menu');
 app.clickToggle('.sskza','.sskbj');
 app.tabs('.abt-a8_b1 dl','.abt-a8_b2 .tab','mouseover');
 app.tabsb('.our-a2_b2 dl','click');
})

var index = {
 // 回到顶部
 scrool: function () {
       //    鼠标下滑导航添加类
     var $window = $(window);
     $window.scroll(function () {
         var scrollTop = $(document).scrollTop();
         if (scrollTop > 600) {
          $(".aat_list li:last-child").show();
          } else {
              $(".aat_list li:last-child").hide()
          }
         if (scrollTop > 0) {
          $('.head').addClass("sticky");
        } else {
            $('.head').removeClass("sticky");
        }
     });
     $('.tops').click(function () {
      $("html, body").animate({
        scrollTop: 0
      }, {
        duration: 1000,
        easing: "swing"
    });
    
    });
 },
 click: function () {
     // 锚点
     $(".smooth").click(function(){
         var href = $(this).attr("href");
         var pos = $(href).offset().top;
         $("html,body").animate({scrollTop: pos}, 1000);	
         return false;
     });

     // 搜索框提示
     $(".bu").click(function () {
      var ttas = $(".inp").val()
      if(ttas == ''){ 
          layer.msg('请输入搜索关键字！',function() {time:2000}); 
          return false; 
      }
      });
      $(".serbtn1a").click(function () {
      var ttasa = $(".sertexta").val()
      if(ttasa == ''){ 
          layer.msg('请输入搜索关键字！',function() {time:2000}); 
          return false; 
      }
    });


  // $(function() {
  //   var WH = $(".pc-banner").height(); 
  //     $(".mouse").click(function(){
  //           $('html,body').animate({'scrollTop':WH},500);
  //       });   
  // });


  // svg 动效
$(function () {
  document.querySelectorAll('img.svg').forEach(function(img) {
		var imgID = img.id;
		var imgClass = img.className;
		var imgURL = img.src;

		fetch(imgURL).then(function(response) {
			return response.text();
		}).then(function(text) {

			var parser = new DOMParser();
			var xmlDoc = parser.parseFromString(text, "text/xml");

			// Get the SVG tag, ignore the rest
			var svg = xmlDoc.getElementsByTagName('svg')[0];

			// Add replaced image's ID to the new SVG
			if (typeof imgID !== 'undefined') {
				svg.setAttribute('id', imgID);
			}
			// Add replaced image's classes to the new SVG
			if (typeof imgClass !== 'undefined') {
				svg.setAttribute('class', imgClass + ' replaced-svg');
			}

			// Remove any invalid XML tags as per http://validator.w3.org
			svg.removeAttribute('xmlns:a');

			// Check if the viewport is set, if the viewport is not set the SVG wont't scale.
			if (!svg.getAttribute('viewBox') && svg.getAttribute('height') && svg.getAttribute('width')) {
				svg.setAttribute('viewBox', '0 0 ' + svg.getAttribute('height') + ' ' + svg.getAttribute('width'))
			}

			// Replace image with new SVG
			img.parentNode.replaceChild(svg, img);

		});
	}); 
  
});

     //导航下拉
    //  $('.nav_a1 > li').hover(function(){
    //      $(this).find('.sec').stop(true).slideToggle(300);
    //    });
    
    $('.mslm-nav > li .sec a').click(function(){
      $('.mslm-navbtn').removeClass('clicked');
  })

     //头部搜索按钮
       $(".ds").click(function () {
        $(".search").slideDown();
      });
      $(".search-con").click(function () {
        $(".search").slideUp();
      });
     //手机端导航
     $(".aniut").click(function () {
         var mslmSubmenuBox = $(this).siblings('.sec');
         var mslmSubmenuSiblingsBox = $(this).parents('li').siblings('li').find('.sec');
         var mslmSubmenuSiblingsJt = $(this).parents('li').siblings('li').find('.aniut');
         if(!mslmSubmenuBox.is(":visible")){
             $(this).addClass('clicked');
             mslmSubmenuBox.slideDown();
             mslmSubmenuSiblingsJt.removeClass('clicked');
             mslmSubmenuSiblingsBox.slideUp();
             $(this).find(".iconfont").removeClass('icon-jiahao');
                     $(this).find(".iconfont").addClass('icon-jianhao');
                     mslmSubmenuSiblingsJt.find(".iconfont").removeClass('icon-jianhao');
                     mslmSubmenuSiblingsJt.find(".iconfont").addClass('icon-jiahao');
         }else {
             $(this).removeClass('clicked');
             mslmSubmenuBox.slideUp();
             $(this).find(".iconfont").removeClass('icon-jianhao');
                     $(this).find(".iconfont").addClass('icon-jiahao');
                     // mslmSubmenuBox.find(".iconfont").addClass('icon-jiahao');
         }
     });
     //手机端搜索
     $(".mslm-search-btn").add('.mslm-search-close-btn').click(function () {

         $(".mslm-search").toggleClass('clicked');
 
     }); 

    //飞入
    var wow = new WOW({
      boxClass: 'wow',
      animateClass: 'animated',
      offset: 0,
      mobile: true,
      live: true
    });
    wow.init();
    new WOW().init();

   // 留言页面
   $(function () {
     $("#f2").click(function () {          
         ksbm.common.tools.validate($("#f1"));       
       });
    });
    $(function () {
      $("#f2a").click(function () {          
          ksbm.common.tools.validate($("#f1a"));       
        });
    });
    $(function () {
      $("#f2c").click(function () {          
          ksbm.common.tools.validate($("#f1c"));       
        });
    });

    $(function () {
      $('.msg-tc').on('click', function(){
        $(".pead-cont .tit").text($(this).text());
        $(".pead-jsda").show();
      });
      $('a.jataxta').on('click', function(){
      $(".pead-jsda").hide();
      });
    });

$(function() {
  //输入框获得焦点的时候，提示内容消失
$(".m_label").click(function(){
 $(this).hide();
 $(this).siblings(".m_input").focus();
});
$(".m_input").focus(function(){
 $(this).siblings(".m_label").hide();
});
$(".m_input").blur(function(){
 if($(this).val() == ''){
   $(this).siblings(".m_label").show();		
 }
});
$(".m_input").each(function(){
 if($(this).val() != ''){
   $(this).siblings(".m_label").hide();
 }
});
});


k73('.service-a6_v1 dl dt', '.service-a6_v1 dl dd');
// 第一个值是父元素第二个值是子元素
function k73(idParent, idSon) {
    let parent = $(idParent);
    let son = $(idSon);
    son.slideUp();
    $(".service-a6_v1 dl").eq(0).find("dd").slideDown(300);
    $(".service-a6_v1 dl").eq(0).addClass("active").siblings().removeClass("active");
    $(".service-a6_v1 dl").eq(0).find(".iconfont").removeClass("icon-xiangxiajiantou").addClass("icon-xiangshangjiantou");
    parent.on('click', function (event) {
        if ($(this).siblings("dd").is(':hidden')) {
            parent.siblings("dd").slideUp(300); // 关闭其他
            $(this).siblings("dd").slideDown(300); // 显示自己
            $(this).parent("dl").addClass("active").siblings().removeClass("active");
            $(this).find(".iconfont").removeClass("icon-xiangxiajiantou").addClass("icon-xiangshangjiantou").parents("dl").siblings("dl").find(".iconfont").addClass("icon-xiangxiajiantou").removeClass("icon-xiangshangjiantou"); // 关闭自己

        } else {
            $(this).siblings("dd").slideUp(300); // 关闭自己
            $(this).find(".iconfont").removeClass("icon-xiangshangjiantou").addClass("icon-xiangxiajiantou"); // 关闭自己

        }
        event.preventDefault();
    });
};

 },
 swiper: function (){

       var swiperlc = new Swiper(".mySwiper1", {
        // loop: true,
        slidesPerView: 3,
        loopedSlides: 12,// 循环加载
        spaceBetween: 45,
        breakpoints: {
          540: {
           slidesPerView: 1,
          },
          768: {
          slidesPerView: 2,spaceBetween: 15,
          },
          1024: {
            slidesPerView: 2, spaceBetween: 30,
          },
        },
      }); 

      var swiper2 = new Swiper(".mySwiper2", {
        slidesPerView: 2,
        loopedSlides: 12,// 循环加载
        loop: true,
        // centeredSlides: true,
        autoplay:true,
        navigation: {
          nextEl: '.swiper-button-next1',
          prevEl: '.swiper-button-prev1',
        },
        breakpoints: {
          640: {
            slidesPerView: 1,
          },
          768: {
            slidesPerView: 2,
          },
        },
      });   
      var swiperlc = new Swiper(".mySwiper3", {
        // loop: true,
        slidesPerView: 3,
        loopedSlides: 12,// 循环加载
        spaceBetween: 45,
        breakpoints: {
          540: {
           slidesPerView: 1
          },
          768: {
          slidesPerView: 2,spaceBetween: 15,
          },
          1024: {
            slidesPerView: 3, spaceBetween: 25,
          },
        },
      });  
      var swiper4 = new Swiper(".mySwiper4", {
        slidesPerView: 3,
        loopedSlides: 5,
        loop: true,
        navigation: {
          nextEl: '.swiper-button-next1a',
          prevEl: '.swiper-button-prev1a',
        },
        breakpoints: {
          768: {
            slidesPerView: 2,
          },
          1024: {
            slidesPerView: 2,
          },
        },
      }); 
      var swiper5 = new Swiper(".mySwiper5", {
        slidesPerView: 1,
        loopedSlides: 12,// 循环加载
        loop: true,
        autoplay:true,
        pagination: {
          el: '.swiper-pagination1',
          type: "fraction",
        },
        navigation: {
          nextEl: '.swiper-button-next1',
          prevEl: '.swiper-button-prev1',
        },
      });  
      var swiper6 = new Swiper(".mySwiper6", {
        slidesPerView: 1,
        loopedSlides: 12,// 循环加载
        loop: true,
        autoplay:true,
        pagination: {
          el: '.swiper-pagination1',
          clickable :true,
        },
      });  

      var swiper = new Swiper(".mySwiperb", {
        slidesPerView: 1,
        loop: true,
        speed:1000,
        autoplay:true,
        navigation: {
        nextEl: '.swiper-button-next1',
        prevEl: '.swiper-button-prev1',
      },
        on: {
        init: function(){
          swiperAnimateCache(this); //隐藏动画元素 
          swiperAnimate(this); //初始化完成开始动画
        }, 
          slideChangeTransitionEnd: function () {
              swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
              // this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); //动画只展现一次，去除ani类名
          },
      }
      });


      // 
      var swiper11 = new Swiper(".mySwiper11", {
        // loop: true,
        spaceBetween: 9,
        navigation: {
          nextEl: '.swiper-button-prev1',
          prevEl: '.swiper-button-next1',
        },
        thumbs: {
          swiper: swiperlc,
        },
      }); 

    
 }
}