// 首页banner轮播
var interleaveoffset = 0.5; //视差比值
    var swiperoptions = {
        loop: false,
        speed: 2000,
        grabcursor: true,
        watchslidesprogress: true,
        mousewheelcontrol: true,
        keyboardcontrol: true,
        pagination: {
          clickable: true,
          el: '.banner-img .swiper-pagination',
        },
        
        navigation: {
        nextel: ".index-swiper .swiper-button-next",
        prevel: ".index-swiper .swiper-button-prev"
        },
        // autoplay: {
        //     delay: 3500,
        //     disableoninteraction: false,
        // },
        on: {
            // myswiper.lockswipes();
            progress: function(swiper) {
                for (var i = 0; i < swiper.slides.length; i++) {
                    var slideprogress = swiper.slides[i].progress;
                    var inneroffset = swiper.width * interleaveoffset;
                    var innertranslate = slideprogress * inneroffset;
                    swiper.slides[i].queryselector(".slide-inner").style.transform =
                    "translate3d(" + innertranslate + "px, 0, 0)";
                }
            },
            touchstart: function(swiper) {
                for (var i = 0; i < swiper.slides.length; i++) {
                    swiper.slides[i].style.transition = "";
                }
            },
            settransition: function(swiper, speed) {
                for (var i = 0; i < swiper.slides.length; i++) {
                    swiper.slides[i].style.transition = speed + "ms";
                    swiper.slides[i].queryselector(".slide-inner").style.transition =
                    speed + "ms";
                }
            }
        }
    }
    $(function(){
      //锚点跳转滑动效果
      $('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 -260;
                  console.log(targetoffset)
                  $('html,body').animate({
                      scrolltop: targetoffset
                  },
                  1000);
                  return false;
              }
          }
      });
  })
var swiper = new swiper(".index-swiper", swiperoptions);
// 首页产品轮播图
var swiper = new swiper('.product-swiper', {
    slidesperview: 1,
    spacebetween: 30,
    centeredslides: true,
    loop: true,
    speed: 1500,
    pagination: {
      el: '.product-mobile .swiper-pagination',
      clickable: true,
      paginationclickable: true,
    },
    autoplay: {
      delay: 3000,
      disableoninteraction: false,
    },
  });
// 产品轮播图
var swiper = new swiper('.swiper-product1', {
    slidesperview: 1,
    spacebetween: 30,
    slidespergroup: 1,
    loop: true,
    loopfillgroupwithblank: true,
    pagination: {
      el: '.firsts .swiper-pagination',
      clickable: true,
    },
    breakpoints: {
      
      768: {
        slidesperview: 3,
        spacebetween: 30,
        slidespergroup: 1,
      },
 
    },
    navigation: {
      nextel: '.firsts .swiper-button-next',
      prevel: '.firsts .swiper-button-prev',
    },

  });
  var swiper2 = new swiper('.swiper-product11', {
    slidesperview: 1,
    spacebetween: 40,
    slidespergroup: 1,
    loop: true,
    loopfillgroupwithblank: true,
    pagination: {
      el: '.seconds .swiper-pagination',
      clickable: true,
    },
    breakpoints: {
      
      768: {
        slidesperview: 3,
        spacebetween: 30,
        slidespergroup: 1,
      },
 
    },
    navigation: {
      nextel: '.seconds .swiper-button-next',
      prevel: '.seconds .swiper-button-prev',
    },

  });
  var swiper3 = new swiper('.swiper-product111', {
    slidesperview: 1,
    spacebetween: 40,
    slidespergroup: 1,
    // loop: true,
    loopfillgroupwithblank: true,
    pagination: {
      el: '.thirds .swiper-pagination',
      clickable: true,
    },
    breakpoints: {
      768: {
        slidesperview: 3,
        spacebetween: 30,
        slidespergroup: 1,
      },
 
    },
    navigation: {
      nextel: '.thirds .swiper-button-next',
      prevel: '.thirds .swiper-button-prev',
    },

  });

  // 关于轮播图
  var swiperd = new swiper('.swiper-product7', {
    slidesperview: 3,
    spacebetween: 20,
    slidespergroup: 1,
    loop: true,
    loopfillgroupwithblank: true,
    speed: 2000,
    pagination: {
      el: '.swiper-product7 .swiper-pagination',
      type: 'progressbar',
    },
    navigation: {
      nextel: '.swiper-product7 .swiper-button-next',
      prevel: '.swiper-product7 .swiper-button-prev',
    },
    autoplay: {
        delay: 3500,
        disableoninteraction: false,
      },
    breakpoints: {
      1024: {
          slidesperview: 3,
          spacebetween: 30,
      },
      768: {
          slidesperview: 2,
          spacebetween: 20,
      },
      640: {
          slidesperview: 2,
          spacebetween: 0,
      },
      320: {
          slidesperview: 2,
          spacebetween: 20,
      },
  }

  });

  var certifyswiper = new swiper('#certify .swiper-container', {
    watchslidesprogress: true,
    slidesperview: 'auto',
    centeredslides: true,
    loop: true,
    autoplay:true,
    speed: 2000,
    loopedslides: 1,
    autoplay: true,
    navigation: {
      nextel: '.swiper-button-next',
      prevel: '.swiper-button-prev',
    },
    pagination: {
      el: '.swiper-pagination',
      clickable :true,
    },
    on: {
      progress: function(progress) {
        for (i = 0; i < this.slides.length; i++) {
          var slide = this.slides.eq(i);
          var slideprogress = this.slides[i].progress;
          modify = 1;
          if (math.abs(slideprogress) > 1) {
            modify = (math.abs(slideprogress) - 1) * 0.3 + 1;
          }
          translate = slideprogress * modify * 260 + 'px';
          scale = 1 - math.abs(slideprogress) / 5;
          zindex = 999 - math.abs(math.round(10 * slideprogress));
          slide.transform('translatex(' + translate + ') scale(' + scale + ')');
          slide.css('zindex', zindex);
          slide.css('opacity', 1);
          if (math.abs(slideprogress) > 3) {
            slide.css('opacity', 0);
          }
        }
      },
      settransition: function(transition) {
        for (var i = 0; i < this.slides.length; i++) {
          var slide = this.slides.eq(i)
          slide.transition(transition);
        }
  
      }
    }
  
  })


  var i = 0;
  $(".menu").click(function(){
      $('.header').toggleclass('menu_click');
      $('.mobile_nav').toggleclass('navactive');
      if (i == 0) {
          i = 1;
      } else {
          i = 0;
      }
  });
    let j = 0;
    $(".header-mobile .mobile-cent a").click(function(){
      $('.header').toggleclass('menu_click');
      $('.mobile_nav').toggleclass('navactive');
      if (i == 0) {
          i = 1;
      } else {
          i = 0;
      }
  });
  // $(".header-list li").click(function(){
  //   $(this).addclass('active').siblings().removeclass('active');
  // })

  $(".mobile_nav .icon-bottom").click(function(){
    $(this).parents().toggleclass("active").siblings().removeclass("active");
    $(this).siblings(".mobile-cent").slidetoggle().parents().siblings().children(".mobile-cent").slideup();
  })

  // 关于我们点击查看更多
  var h = 0;
  $(".introduce-more a").click(function(){
    $(this).parent().siblings(".introduce").toggleclass("introduce-block")
    if (h == 0) {
      h = 1;
      $(this).text("收起")
    } else {
        h = 0;
        $(this).text("更多")
    }
  })