function remtopx (rem) {
  // 获取根元素
  var rootfontsize = parsefloat(window.getcomputedstyle(document.documentelement).fontsize);
  // 计算像素值
  return rem * rootfontsize;
}

$(function () {
  $('.modular3 .details').html($('.modular3 li.on').html()).addclass('play')
  $('.modular3 li').hover(function () {
    $(this).addclass('on').siblings().removeclass('on');
    $('.modular3 .details').removeclass('play')
    settimeout(function () {
      $('.modular3 .details').html($(this).html()).addclass('play')
    }.bind(this))
  }, function () {

  })

  if ($(window).width() <= 1024) {
    $(document).on('click', '.modular3 li h4', function () {
      if ($(this).parent().hasclass('active')) {
        $(this).parent().removeclass('active').find('p').stop().slideup();
      } else {
        $(this).parent().addclass('active').find('p').stop().slidedown();
      }
    })

    $(document).on('click', '.modular4 .box .scroll h4', function () {
      if ($(this).parents('.scroll').hasclass('active')) {
        $(this).parents('.scroll').removeclass('active').find('p').stop().slideup();
      } else {
        $(this).parents('.scroll').addclass('active').find('p').stop().slidedown();
      }
    })

  } else {
    $(document).on('click', function () {
      $('.modular4 .box').removeclass('right-show');
      $('.modular4 .box').removeclass('left-show');
    })


    $('.modular4 .middle .icon-ll,.modular4 .box .right').click(function (event) {
      $('.modular4 .box').removeclass('left-show');
      if ($('.modular4 .box').hasclass('right-show')) {
        $('.modular4 .box').removeclass('right-show');
      } else {
        $('.modular4 .box').addclass('right-show');
      }
      event.stoppropagation();
    })

    $('.modular4 .middle .icon-rr,.modular4 .box .left').click(function (event) {
      $('.modular4 .box').removeclass('right-show');
      if ($('.modular4 .box').hasclass('left-show')) {
        $('.modular4 .box').removeclass('left-show');
      } else {
        $('.modular4 .box').addclass('left-show');
      }
      event.stoppropagation();
    })
  }


  if (typeof swiper != 'undefined') {
    new swiper('.modular6 .left .swiper-container', {
      pagination: '.swiper-pagination',
      paginationclickable: true,
      autoplay: 4000,
      nextbutton: '.modular6 .left .swiper-button-next',
      prevbutton: '.modular6 .left .swiper-button-prev',
    });

    new swiper('.modular6 .right .swiper-container', {
      pagination: '.swiper-pagination',
      paginationclickable: true,
      autoplay: 4000,
      nextbutton: '.modular6 .right .swiper-button-next',
      prevbutton: '.modular6 .right .swiper-button-prev',
    });

    if ($(window).width() < 768) {
      $('.modular6 .swiper-container a').each(function (index, item) {
        $(item).attr('href', $(item).attr('phone-href'))
      })
    }


    new swiper('.modular7 .swiper-container', {
      pagination: '.swiper-pagination',
      paginationclickable: true,
      effect: 'fade',
      autoheight: true,
    });


    var swiper = new swiper('.modular8 .swiper-container', {
      nextbutton: '.modular8 .swiper-button-next',
      prevbutton: '.modular8 .swiper-button-prev',
      slidesperview: 3,
      paginationclickable: true,
      spacebetween: remtopx(0.6),
      breakpoints: {
        1024: {
          slidesperview: 1.8,
        }
      }
    });

    new swiper('.modular9 .swiper-container', {
      nextbutton: '.modular9 .swiper-button-next',
      prevbutton: '.modular9 .swiper-button-prev',
      // pagination: '.swiper-pagination',
      paginationtype: 'progress',
      slidesperview: 1,
      loop: true,
      speed: 500,
      paginationclickable: true,
      spacebetween: remtopx(0.3),
      breakpoints: {
        1024: {
          slidesperview: 1,
        }
      }
    });


    var speednum = 3000 //swiper滑动速度
    var slideviewnum = 8 //swiper容器能够同时显示的slides数量
    var slidewidth = $(window).width() * 0.9 / slideviewnum //每个swiper-slide宽度 0.9是外层容器的宽度是屏幕90%
    var transformslide = "" //鼠标悬停时的transform属性
    var movetime = 0 //轮播图从暂停位置移动到原本应到的位置用时


    var modular11swiper = new swiper('.modular11 .swiper-container', {
      slidesperview: 'auto',
      autoplay: true,
      disableoninteraction: true,
      autoplaydisableoninteraction: false,
      speed: 5000,
      loop: true,
      freemode: true
    });


    $('.modular11 .swiper-container').hover(function () {
      transformslide = $(".modular11 .swiper-container").eq(0).find(".swiper-wrapper").get(0).style.transform;

      //轮播图原本应移动到的位置
      var oldposition = -1 * parseint($(".modular11 .swiper-container").eq(0).find(".swiper-wrapper").get(0).style.transform.split("translate3d(")[1].split("px")[0]);

      //鼠标悬停时时轮播图位置
      var newposition = -1 * parseint(window.getcomputedstyle($(".modular11 .swiper-container").eq(0).find(".swiper-wrapper").get(0), false)["transform"].split("1, ")[2].split(",")[0]);

      //鼠标悬停时轮播图的真实transform属性
      var nowtarnsform = window.getcomputedstyle($(".modular11 .swiper-container").eq(0).find(".swiper-wrapper").get(0), false)["transform"];

      //修改轮播图从暂停位置移动到原本应到的位置用时
      movetime = speednum * ((oldposition - newposition) / slidewidth);

      //改变transform属性
      $(".modular11 .swiper-container").eq(0).find(".swiper-wrapper").get(0).style.transform = nowtarnsform;

      modular11swiper.stopautoplay();
    }, function () {
      $(".modular11 .swiper-container").eq(0).find(".swiper-wrapper").get(0).style.transform = transformslide;
      $(".modular11 .swiper-container").eq(0).find(".swiper-wrapper").get(0).style.transitionduration = movetime + "ms";

      modular11swiper.startautoplay();
    });


  }

  scolltext($('.modular4 .scroll'))
  scolltext($('.modular7 .text'))


})


function scolltext (obj) {
  if ($(obj).length > 0) {
    $(obj).mcustomscrollbar({
      scrollinertia: 0,
      mousewheelpixels: 0,
      autodraggerlength: true,
      advanced: {
        autoscrollonfocus: ""
      }
    });
  }

}