function activeHeader() {
  $(".new-header").css("background-color", "#fff");
  // $(".blue-dot").fadeIn();
  $(".main-nav-item").css("color", "#000");
  $(".header-logo").attr("src", `${IMGPATH}/newheaderlogo.png`);
  $(".searh-logo").attr("src", `${IMGPATH}/search3.png`);
  $(".mobile-menu-icon").attr("src", `${IMGPATH}/mobile-menu-dark.png`);
  $(".arrow-img").attr("src", `${IMGPATH}/arrowDowndown.png`);
}
function hideHeader() {
  $(".new-header").css("background-color", "transparent");
  $(".blue-dot").fadeOut();
  $(".main-nav-item").css("color", "#fff");
  $(".header-logo").attr("src", `${IMGPATH}/indexlogo.png`);
  $(".searh-logo").attr("src", `${IMGPATH}/search2.png`);
  $(".arrow-img").attr("src", `${IMGPATH}/arowDownWhite.png`);
  $(".mobile-menu-icon").attr("src", `${IMGPATH}/mobile-menu-white.png`);
}

let deviceTop = 0;
$(window).scroll(function () {
  let top = $(window).scrollTop(); //鑾峰彇body婊氬姩璺濈
  // console.log(top);
  deviceTop = top;
  if (top >= 100) {
    //濡傛灉杈惧埌鏌愪釜鍊
    // $(".new-header").fadeIn();
    activeHeader();
  } else if (top < 100) {
    hideHeader();
    // $(".new-header").fadeOut();
  }
});
const navObj = [
  {
    name: "鏍稿績鎶€鏈?,
    id: 1,
    cover: `${IMGPATH}/robot.png`,
    content:
      "浜戣矾鐨勪笁缁寸紪缁囪澶囧強搴旂敤鎶€鏈紝涓鸿嚜涓绘牳蹇冩妧鏈紝閫傜敤浜庡埗閫犲绉嶄笉鍚屽昂瀵歌鏍笺€佷笉鍚屾€ц兘鐨勭銆佹澘銆佸３褰笁缁寸紪缁囧鍚堟潗鏂欙紝宸叉垚鍔熼厤濂楀涓啗鐢ㄣ€佹皯鐢ㄩ鍩熼噸瑕佷骇鍝佺殑鐮斿埗鍜岀敓浜с€?,
    list: [
      {
        title: "浜у鐮?,
        path: "/yunlu/core/chanxueyan.html",
      },
      {
        title: "鍚堜綔浼欎即",
        path: "/yunlu/core/gongxian.html",
      },
    ],
  },
  {
    name: "涓氬姟涓績",
    id: 2,
    cover: `${IMGPATH}/yewu-title.jpg`,
    content:
      "闄や簡鐢熸椿甯歌鐨勮建閬撳垪杞︼紝杩樻湁娴╃€氬お绌轰腑鐨勬槦鑸瑰脊绠紝浜戣矾鎶€鏈強浜у搧閮藉凡灞曞紑鎴愮啛搴旂敤锛屽苟鍚戣埅绌鸿埅澶┿€佸厜浼忚兘婧愩€佽建閬撲氦閫氥€佽鐢ㄨ澶囥€佸煄甯傜缃戙€佹満姊板伐绋嬨€佷綋鑲蹭紤闂茬瓑澶氫釜棰嗗煙杩堝嚭浜嗗潥瀹氱殑姝ヤ紣锛屽啿鐮存姊忥紝璁╀骇鍝佸彂鎸ヤ环鍊硷紝璁╂湇鍔″洖棣堝競鍦?,
    list: [
      {
        title: "鏅鸿兘瑁呭",
        path: "/yunlu/business/zhineng.html",
      },
      {
        title: "楂樻€ц兘澶嶅悎鏉愭枡",
        path: "/yunlu/business/cailiao.html",
      },
      {
        title: "鏅烘収瑙ｅ喅鏂规",
        path: "/yunlu/business/fangan.html",
      },
    ],
  },
  {
    name: "鏂伴椈涓績",
    id: 3,
    cover: `${IMGPATH}/news-title.jpg`,
    content: "浜嗚В鏈€鏂拌涓氳祫璁強浜戣矾鍔ㄦ€?,
    list: [
      {
        title: "鍓嶆部瑙傚療",
        path: "/yunlu/news/qianyan.html",
      },
      {
        title: "浼佷笟鏂伴椈",
        path: "/yunlu/news/company.html",
      },
      {
        title: "鍝佺墝娲诲姩",
        path: "/yunlu/news/pinpai.html",
      },
    ],
  },
  {
    name: "鍏充簬浜戣矾",
    id: 4,
    cover: `${IMGPATH}/about-title.jpg`,
    content:
      "浜戣矾澶嶆潗鏄竴瀹朵互涓夌淮缂栫粐鏅鸿兘瑁呭鍙婇珮鎬ц兘绾ょ淮澶嶅悎鏉愭枡鐨勭爺鍙戝強鐢熶骇涓轰富钀ヤ笟鍔＄殑楂樼鎶€鍏徃銆傜粡杩囨妧鏈洟闃熷骞寸殑鍔姏锛屼笉鏂垱鏂板崌绾э紝鐙垱鐨勪笁缁寸紪缁囨櫤鑳借澶囨牳蹇冩妧鏈凡绐佺牬浜嗘缇庡己鍥界殑鎶€鏈皝閿侊紝骞惰凯浠ｅ崌绾ц嚦绗笁浠ｃ€?,
    list: [
      {
        title: "浼佷笟绠€浠?,
        path: "/yunlu/about/index.html",
      },

      {
        title: "鍙戝睍鍘嗙▼",
        path: "/yunlu/about/history.html",
      },
      {
        title: "鐢熶骇鍩哄湴",
        path: "/yunlu/about/base.html",
      },
      {
        title: "鍔犲叆浜戣矾",
        path: "/yunlu/about/join_us.html",
      },
      {
        title: "鑱旂郴鎴戜滑",
        path: "/yunlu/about/contact_us.html",
      },
    ],
  },
];

function initTopHav() {
  $(".main-nav-item").mouseover(function () {
        let id = $(this).attr("data-id");
        activeHeader();
        $(".sec-floor").css('display','none');
        $(".sec-floor-"+id).css('display','block');

      });
  $(".sec-floor").mouseleave(function () {
    let id = $(this).attr("data-id");
    hideHeader();
    $(".sec-floor").css('display','none');

  });
  /*$(".main-nav-item")
    .eq(1)
    .mouseover(function () {
      console.log("top nav over");
      activeHeader();
      for (let i of navObj) {
        if (i.id == 1) {
          $(".sec-floor").fadeIn();
          $(".content-wrap img").attr("src", i.cover);
          $(".content-info").html(i.content);
          let str = `<div class="list-wrap-title">${i.name}</div>`;
          for (let v of i.list) {
            str += `<a href="${v.path}"><div class="list-item">${v.title}</div></a>`;
          }
          $(".main-nav-btn").attr("href", i.list[0].path);
          $(".list-wrap").html(str);
        }
      }
    });
  $(".main-nav-item")
    .eq(2)
    .mouseover(function () {
      activeHeader();
      for (let i of navObj) {
        if (i.id == 2) {
          $(".sec-floor").fadeIn();
          $(".content-wrap img").attr("src", i.cover);
          $(".content-info").html(i.content);
          let str = `<div class="list-wrap-title">${i.name}</div>`;
          for (let v of i.list) {
            str += `<a href="${v.path}"><div class="list-item">${v.title}</div></a>`;
          }
          $(".list-wrap").html(str);
          $(".main-nav-btn").attr("href", i.list[0].path);
        }
      }
    });
  $(".main-nav-item")
    .eq(3)
    .mouseover(function () {
      activeHeader();
      for (let i of navObj) {
        if (i.id == 3) {
          $(".sec-floor").fadeIn();
          $(".content-wrap img").attr("src", i.cover);
          $(".content-info").html(i.content);
          let str = `<div class="list-wrap-title">${i.name}</div>`;
          for (let v of i.list) {
            str += `<a href="${v.path}"><div class="list-item">${v.title}</div></a>`;
          }
          $(".list-wrap").html(str);
          $(".main-nav-btn").attr("href", i.list[0].path);
        }
      }
    });
  $(".main-nav-item")
    .eq(4)
    .mouseover(function () {
      activeHeader();
      for (let i of navObj) {
        if (i.id == 4) {
          $(".sec-floor").fadeIn();
          $(".content-wrap img").attr("src", i.cover);
          $(".content-info").html(i.content);
          let str = `<div class="list-wrap-title">${i.name}</div>`;
          for (let v of i.list) {
            str += `<a href="${v.path}"><div class="list-item">${v.title}</div></a>`;
          }
          $(".list-wrap").html(str);
          $(".main-nav-btn").attr("href", i.list[0].path);
        }
      }
    });*/
  $(".new-header").mouseleave(function () {
    $(".sec-floor").fadeOut();
    if (deviceTop < 100) {
      hideHeader();
    } else {
      activeHeader();
    }
  });
  $(".mobile-menu-icon").click(function () {
    layer.open({
      type: 1,
      title: false,
      closeBtn: 0,
      shade: 0.8,
      offset: 0,
      area: ["100%", "100%"],
      skin: "layui-layer-nobg", //娌℃湁鑳屾櫙鑹
      shadeClose: false,
      content: $(".menu-modal"),
      success: function () {},
    });
  });
  $(".close-icon").click(function () {
    layer.closeAll();
  });
  $(".menu-list-title").click(function () {
    // $(".menu-list-out").fadeOut(200);
    $(this).next().toggle(200);
  });
}