$(function () {
  $(window).on("scroll", function () {
    if ($(window).width() > 1201) {
      if ($(window).scrollTop() > 0) {
        $(".header").addClass("on");
      } else {
        $(".header").removeClass("on");
      }
    }
  });

  $(".all-company span").on("click", function (e){
    $(this).siblings().slideToggle();
    e.stopPropagation();
  })

  $(".sub-company").on('click', function (e) {
    e.stopPropagation();
  })

  $("body").on('click', function (e) {
    $('.sub-company').slideUp();
    e.stopPropagation();
  })


  var swiper = new Swiper(".bannerSwiper ", {
    loop: true,
    autoplay: {
      delay: 3000,
      disableOnInteraction: false,
    },
    // speed: 2000,

    // effect: "fade",
    // fadeEffect: {
    //   crossFade: true,
    // },
    // loop: true, //蹇呴』
    pagination: {
      el: ".swiper-pagination",
      clickable: true,
    },
    navigation: {
      nextEl: ".bannerSwiper .swiper-button-next",
      prevEl: ".bannerSwiper .swiper-button-prev",
    },
  });
  var swiper = new Swiper(".newsSwiper", {
    slidesPerView: 3,
    spaceBetween: 0,
    navigation: {
      nextEl: ".newsSwiper .swiper-button-next",
      prevEl: ".newsSwiper .swiper-button-prev",
    },
    breakpoints: {
      320: {
        //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?20
        slidesPerView: 1,
      },
      640: {
        //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?68
        slidesPerView: 1,
      },
      769: {
        //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?68
        slidesPerView: 2,
      },
      1000: {
        //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?280
        slidesPerView: 3,
      },
    },
  });

  var swiper01 = new Swiper(".swiper-con .swiper", {
    autoplay: {
      delay: 2300,
      disableOnInteraction: false,
    },
    loop: true,
    navigation: {
      nextEl: ".swiper-btn .swiper-button-next",
      prevEl: ".swiper-btn .swiper-button-prev",
    },
  });

  var swiper2 = new Swiper(".swiper-img .swiper", {
    autoplay: {
      delay: 2000,
      disableOnInteraction: false,
    },

    loop: true, //蹇呴』
    navigation: {
      nextEl: ".swiper-btn .swiper-button-next",
      prevEl: ".swiper-btn .swiper-button-prev",
    },
  });

  slideW = 300; //涓€寮犲浘300px, 姣忛潰鍥涘紶瑙掑害22.5锛圥I/8锛夛紝涓績瑙掑害PI/16
  radius = (slideW * 0.6) / Math.sin(Math.PI / 15); //鍗婂緞銆傚渾蹇冨苟涓嶆槸瑙嗙偣涓績锛岃鐐瑰湪1200px
  carouselSwiper = new Swiper(".productSwiper", {
    watchSlidesProgress: true,
    slidesPerView: 4,
    breakpoints: {
      320: {
        //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?20
        slidesPerView: 1,
        spaceBetween: 10,
        centeredSlides: false,
      },
      640: {
        //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?68
        slidesPerView: 1,
        spaceBetween: 10,
        centeredSlides: false,
      },
      769: {
        //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?68
        slidesPerView: 3,
        spaceBetween: 20,
        centeredSlides: false,
      },
      1201: {
        //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?280
        slidesPerView: 4,
        spaceBetween: 10,
      },
    },
    centeredSlides: true,
    loop: true,
    loopedSlides: 4,
    grabCursor: false,
    autoplay: {
      disableOnInteraction: false,
    },
    on: {
      progress: function (swiper, progress) {
        if ($(window).width() > 1200) {
          for (i = 0; i < this.slides.length; i++) {
            var slide = this.slides.eq(i);
            var slideProgress = this.slides[i].progress;
            translateX =
              (slideProgress + 1) *
                (slideW / 5 -
                  (Math.cos((slideProgress + 0.1) * 0.1 * Math.PI) *
                    slideW *
                    1.2) /
                    4) +
              "px"; //璋冩暣鍥剧墖闂磋窛锛屾牴鎹浘鐗囧搴︽敼鍙樻暟鍊煎疄鐜拌嚜閫傚簲
            rotateY = (slideProgress + 0.1) * 21; //鍥剧墖瑙掑害
            translateZ =
              radius -
              Math.cos((slideProgress + 0.3) * 0.125 * Math.PI) * radius -
              320 +
              "px"; //璋冩暣鍥剧墖杩滆繎锛屽垰濂?涓湪鐢绘鍐
            slide.transform(
              "translateX(" +
                translateX +
                ") translateZ(" +
                translateZ +
                ") rotateY(" +
                rotateY +
                "deg)"
            );
          }
        }
      },
      setTransition: function (swiper, transition) {
        if ($(window).width() > 1200) {
          for (var i = 0; i < this.slides.length; i++) {
            var slide = this.slides.eq(i);
            slide.transition(transition);
          }
        }
      },
      slideChangeTransitionEnd: function () {
        let url = $(".productSwiper .swiper-slide-active .img")
          .find("img")
          .attr("src");

        $(".index-product-img").find("img").attr("src", url);
      },
    },
  });

  $(".mob-nav").click(function () {
    $(this).toggleClass("on");
    $(".navbar").toggleClass("on");
    $("html").toggleClass("auto");
  });

  if ($(window).width() < 1201) {
    $(".sub-nav").hide();
    $(".navs li > a").click(function () {
      if ($(this).siblings(".sub-nav").length > 0) {
        $(this).siblings().stop(false, true).slideToggle();
        $(this)
          .parent()
          .siblings()
          .children(".sub-nav")
          .stop(false, true)
          .slideUp();
        return false;
      }
    });
  }

  $(".m-sec").hide();
  $(".main-nav-m li > a").click(function () {
    if ($(this).siblings(".m-sec").find("a").length > 0) {
      $(this).siblings().stop(false, true).slideToggle();
      $(this).parent().siblings().children(".m-sec").stop(false, true).slideUp();
      return false;
    }
  });

  // 鎷涜仒
  $(".job-us").hide();
  $(".job-us").eq(0).show();
  $(".job .position").click(function () {
    $(this)
      .siblings(".job-us")
      .stop()
      .slideToggle()
      .parent()
      .toggleClass("cur")
      .siblings()
      .removeClass("cur")
      .find(".job-us")
      .stop()
      .slideUp();
$(".upload-img").InitUploader({ filesize: "0", sendurl: "/tools/upload_ajax.ashx", swf: "/scripts/webuploader/uploader.swf", filetypes: "gif,jpg,png,bmp,rar,zip,doc,xls,docx,xlsx,pdf" });
  });

  var swiper = new Swiper(".videoList", {
    slidesPerView: 7,
    spaceBetween: 36,
    navigation: {
      nextEl: ".video-list .swiper-button-next",
      prevEl: ".video-list .swiper-button-prev",
    },
    breakpoints: {
      320: {
        //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?20
        slidesPerView: 2,
        spaceBetween: 10,
        centeredSlides: false,
      },
      640: {
        //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?68
        slidesPerView: 2,
        spaceBetween: 10,
        centeredSlides: false,
      },
      769: {
        //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?68
        slidesPerView: 3,
        spaceBetween: 20,
        centeredSlides: false,
      },
      1400: {
        //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?280
        slidesPerView: 7,
        spaceBetween: 36,
      },
    },
  });

  let video = $(".video-list .swiper-slide")
    .eq(0)
    .find(".img")
    .attr("data-url");
  let posterUrl = $(".video-list .swiper-slide")
    .eq(0)
    .find(".img")
    .attr("data-poster");
  $("#video").attr("poster", posterUrl);
  $("#video").attr("src", video);
  $(".video-list .swiper-slide").click(function () {
    $(this).addClass("cur").siblings().removeClass("cur");
    let url = $(this).find(".img").attr("data-url");
    let poster = $(this).find(".img").attr("data-poster");
    $("#video").attr("src", url);
    $("#video").attr("poster", poster);
    $(".video-btn").show();
  });

  $(".video-btn").click(function () {
    $(this).hide();
    $("#video").get(0).play();
    $("#video").attr("controls", "controls");
  });

  $("#video").bind("ended", function () {
    $(".video-btn").show();
    $("#video").removeAttr("controls");
  });

  $(".lab-us .show").click(function () {
    if ($(this).text() == "灞曞紑") {
      $(this).children().text("鏀惰捣");
      $(this).addClass("cur");
      $(".lab-us .text").addClass("cur");
    } else {
      $(this).children().text("灞曞紑");
      $(this).removeClass("cur");
      $(".lab-us .text").removeClass("cur");
    }
  });

  var fundImg = new Swiper(".fundSwiper", {
    effect: "fade",
    autoHeight: true,
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    },
    pagination: {
      el: ".swiper-pagination",
      clickable: true,
    },
  });

  var fundTabs = new Swiper(".fundTabs", {
    spaceBetween: 0,
    slidesPerView: 5,

    watchSlidesProgress: true,
    breakpoints: {
      320: {
        //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?20
        slidesPerView: 2,
        spaceBetween: 10,
        centeredSlides: false,
      },
      640: {
        //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?68
        slidesPerView: 2,
        spaceBetween: 10,
        centeredSlides: false,
      },
      769: {
        //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?68
        slidesPerView: 4,
        spaceBetween: 20,
        centeredSlides: false,
      },
      1400: {
        //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?280
        slidesPerView: 5,
        spaceBetween: 5,
      },
    },
  });

  var fundContent = new Swiper(".fundContent", {
    autoHeight: true,
    thumbs: {
      swiper: fundTabs,
    },
    controller: {
      control: fundImg, //鎺у埗Swiper1
    },
  });
  fundImg.controller.control = fundContent;

  var swiperYear = new Swiper(".swiperYear", {
    direction: "vertical",
    slidesPerView: 13,
    watchSlidesProgress: true,
    mousewheel: true,
    scrollbar: {
      el: ".swiper-scrollbar",
    },
    breakpoints: {
      320: {
        //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?20
        slidesPerView: 2,
        spaceBetween: 10,
        direction: "horizontal",
      },
      640: {
        //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?68
        slidesPerView: 5,
        spaceBetween: 10,
        direction: "horizontal",
      },
      769: {
        //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?68
        slidesPerView: 8,
        spaceBetween: 20,
        direction: "horizontal",
      },
      1201: {
        //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?280
        slidesPerView: 13,
        spaceBetween: 0,
        direction: "vertical",
      },
    },
  });
  var develop = new Swiper(".developContent", {
    direction: "vertical",
    thumbs: {
      swiper: swiperYear,
    },

    breakpoints: {
      320: {
        //褰撳睆骞曞搴﹀ぇ浜庣瓑浜?68
        direction: "horizontal",
      },
      1201: {
        direction: "vertical",
      },
    },
  });

  $(".details-center .text img").removeAttr("align");

  if ($(window).width() > 1200) {
    $(".search").on("click", function (e) {
      $(".search-flx").stop().slideDown();
      e.stopPropagation();
    });

    $(".search-input").on("click", function (e) {
      e.stopPropagation();
    });

    $("body , .cancel").on("click", function (e) {
      $(".search-flx").stop().slideUp();
      e.stopPropagation();
    });
  }
});