var imgBox = {
  current: 0,
  data: [{
      "img1": "assets/images/home/ludi-lab1.png",
      "img2": "assets/images/home/ludi-lab2.png",
      "title": "陆地交通地质灾害防治技术国家工程研究中心",
      "url": "https://nedl.swjtu.edu.cn/",
      "content": "国家发展和改革委员会针对国家路网建设、提升山区公路铁路安全性能和重大灾害应急抢通的需求，于2012年9月4日批复建设陆地交通地质灾害防治技术工程实验室，旨在开展三区（高烈度地区、山地灾害频发区、沿海台风及内陆强风区）两路（公路、铁路）交通土建结构的重大灾害防治关键技术研究及相关产品、装备的开发，建立相应的技术支撑体系和标准体系。2017年12月25日国家工程实验室通过验收，2021年12月纳入国家工程研究中心新序列管理"
    },

    {
      "img1": "assets/images/home/gaosu-lab1.png",
      "img2": "assets/images/home/gaosu-lab2.png",
      "title": "高速铁路线路工程教育部重点实验室",
      "url": "https://hre.swjtu.edu.cn/",
      "content": "高速铁路线路工程教育部重点实验室于2008年底立项批复建设，2011年底通过验收，2018年顺利通过教育部评估。实验室以国家交通重大战略需求为牵引，以创新高铁基础理论为核心，以攻破高铁线路工程关键技术为重点，以保障高铁运营安全为根本，主攻高铁线路工程设计建造与运维安全中的理论与关键技术难题，形成具有自主知识产权的高铁线路工程成套技术体系，培育高铁线路技术领域领军人才，建成高铁线路工程科技创新高地，为国家“交通强国”战略和“一带一路”倡议提供坚实支撑"
    },
    {
      "img1": "assets/images/home/jtsuidao.png",
      "img2": "assets/images/home/feng-lab2.png",
      "title": "交通隧道工程教育部重点实验室",
      "url": "http://tte.swjtu.edu.cn/",
      "content": "实验室于2011年经教育部批准建设，主要担负隧道与地下工程领域的重大科研和实验任务，共设4个固定的研究方向：交通隧道工程设计理论与特殊结构、交通隧道工程施工与维修养护技术、交通隧道工程动力特性与抗减震技术、交通隧道通风防灾与节能控制技术。交通隧道工程教育部重点实验室建筑面积1万平方米，是目前国内外隧道与地下工程领域规模最大的专业化实验室，其试验能力与研发能力位居国内国际前列"
    },

    {
      "img1": "assets/images/home/road-lab4.jpg",
      "img2": "assets/images/home/road-lab2.jpg",
      "title": "道路工程四川省重点实验室",
      "url": "/bref-intro.jsp?urltype=news.NewsContentUrl&wbtreeid=1014&wbnewsid=37495",
      "content": "实验室建筑面积逾1510平方米，拥有一批先进的路面材料与路面状况测试设备，设备资产约800万元，试验能力和研发能力位居西南地区前列。目前实验室已成为西南地区道路工程领域基础与应用基础研究、培养凝聚高层次科研人才、开展国内外科技交流合作的重要基地，对四川乃至西部交通基础设施建设提供技术支撑，为国民经济发展做出了重要的贡献"
    },
    {
      "img1": "assets/images/home/feng-lab1.png",
      "img2": "assets/images/home/feng-lab2.png",
      "title": "风工程四川省重点实验室",
      "url": "/bref-intro.jsp?urltype=news.NewsContentUrl&wbtreeid=1014&wbnewsid=37497",
      "content": "实验室拥有国际知名的风工程科研团队，主持完成了江苏张靖皋长江大桥（世界最大跨度桥梁，主跨2300米）、土耳其恰纳卡莱大桥（世界首座主跨超过2000米桥梁）、武汉杨泗港长江大桥（中国已建成的最大跨度桥梁）、港珠澳大桥、兰新高铁等国内外重大工程抗风科研项目，对我国桥梁建设和高铁建设做出了突出贡献。2018年主持完成国家科技进步二等奖1项"
    },

    {
      "img1": "assets/images/home/kangzheng1.png",
      "img2": "assets/images/home/kangzheng2.png",
      "title": "抗震工程技术四川省重点实验室",
      "url": "/bref-intro.jsp?urltype=news.NewsContentUrl&wbtreeid=1014&wbnewsid=37498",
      "content": "抗震工程技术四川省重点试验室于2008年获批。本实验室主要针对西部地区的城市建筑及交通土建工程抗震能力设计、大型生命线结构设施的抗震评价、高耐震性重大交通工程的实施、中小城镇和大型交通枢纽的选址和建设、各类地质灾害的预报和治理等方面进行重大基础理论与关键应用技术研究。拥有“高烈度山区桥梁结构震灾防治技术”四川省青年科技创新团队,实验室固定人员近50%为省部级人才"
    },
    {
      "img1": "assets/images/home/jttujian.png",
      "img2": "assets/images/home/feng-lab2.png",
      "title": "四川省交通土建材料工程技术研究中心",
      "url": "/bref-intro.jsp?urltype=news.NewsContentUrl&wbtreeid=1014&wbnewsid=37499",
      "content": "四川省交通土建材料工程技术研究中心是四川省交通土建材料行业的科研中心和关键技术研发高地，并针对交通土建材料在川藏线修建中应用的关键技术难题开展科研工作，为国家新时期发展重大战略工程提供技术支持。同时，中心将促进高性能与绿色环保等先进材料在交通土建领域的推广应用，推进四川省土木建筑与基础设施发展，提高四川省交通土建行业的综合竞争力，促进区域经济快速稳步发展。"
    },

    {
      "img1": "assets/images/home/tumushiyan.png",
      "img2": "assets/images/home/feng-lab2.png",
      "title": "土木工程国家级实验教学示范中心",
      "url": "https://ceec.swjtu.edu.cn/TmCenter/index.html",
      "content": "土木工程实验教学中心成立于2006年，2008年获批建设国家级实验教学示范中心，2012年通过建设验收，按教育部要求正式命名为“土木工程国家级实验教学示范中心（西南交通大学）”。中心按实体化管理，下设12个教学实验室，主要承担土木工程等10个本科专业的实验教学和创新实践培育任务，共开设各类实验项目300余项，实验教学量达20.7万人时数/年。中心实验设备总共3364台（套），实验设备总值近7000万元，实验室用房面积达9650㎡"
    },
    {
      "img1": "assets/images/home/zhongtie1.png",
      "img2": "assets/images/home/feng-lab2.png",
      "title": "中铁二院国家级工程实践教育中心",
      "url": "/bref-intro.jsp?urltype=news.NewsContentUrl&wbtreeid=1014&wbnewsid=37500",
      "content": "西南交通大学-中铁二院国家级工程实践教育中心于2012年6月正式立项建设，于2013上半年正式启动。中心旨在充分整合企业与学校的优质实践教育资源，加强工程勘察设计实践教学环节，进一步探索校企联合培养勘察设计人才的新机制，切实提高大学生运用所学知识解决铁路勘察设计实际问题的实践动手能力、专业能力、就业与创业能力、职业道德和创新精神"
    },
    {
      "img1": "assets/images/home/tmxuni.png",
      "img2": "assets/images/home/tmxuni2.png",
      "title": "土木工程国家级虚拟仿真实验教学中心",
      "url": "https://vrcc.swjtu.edu.cn/TmvWeb2/index.html",
      "content": "土木工程虚拟仿真实验教学中心成立于2012年，2016年获批建设国家级虚拟仿真实验教学中心。针对土木工程专业实践教学安全隐患大、资源消耗大，交通土建工程高复杂性、长时效等特点，中心构建了包括“建工、岩土、铁道、道路、桥梁、地下”六大专业模块和一个公共基础模块的虚拟仿真实验教学体系，开展虚实互促的实验教学活动。中心面向校内外开放运行有30套贯穿土木工程“规划、设计、建造、管养、防灾”全寿命周期的虚拟仿真实验教学系统"
    },
    {
      "img1": "assets/images/home/city1.png",
      "img2": "assets/images/home/city2.png",
      "title": "城市智能建造虚拟仿真实验教学中心",
      "url": "https://ccic.swjtu.edu.cn/TMVWeb/index.html",
      "content": "城市智能建造虚拟仿真实验中心成立于2017年，2021年获批为四川省级虚拟仿真实验教学中心。中心服务于新工科背景下交通土建人才实践创新能力的培养，本着“虚实结合、相互补充、能实不虚”原则，整合了学科、科研、产业资源，面向城市基础设施智能建造方向开设出“智能规划与设计、智能装备与施工、智能设施与防灾、智能运维与管理”四个板块的虚拟仿真实验系统。其中“地铁车站防水虚拟仿真实验”2022年获批为省级虚拟仿真实验教学一流本科课程"
    },
    // {
    //   "img1": "assets/images/home/lixin1.png",
    //   "img2": "assets/images/home/lixin2.png",
    //   "title": "先进土工离心机试验中心（校级）",
    //   "url": "",
    //   "content": "先进土工离心机试验中心（曾用名：土工离心机实验室）位于西南交通大学九里校区，拥有一幢约470平米的独立馆舍，是教育部“211工程”建设的重点实验室，也是5588vip威尼斯电子游戏人才培养、科学研究及学科知识创新的重要基地之一。土工离心模拟试验技术是岩土工程试验中的一项核心关键技术，试验中心自2002年建成并开始使用，至今已有20年之久，为国家973计划项目、国家自然科学基金项目、行业内有重要影响力的大量研究项目提供了良好的试验平台"
    // },

    // {
    //   "img1": "assets/images/home/BIM.png",
    //   "img2": "assets/images/home/feng-lab2.png",
    //   "title": "图学及BIM研究所（校级）",
    //   "url": "",
    //   "content": "图学及BIM研究所试验室包括土木工程制图实验室X4202机房和西南交通大学BIM工程研究中心实验室X4302机房。两个机房同时承担本科课程《土木工程制图》、《计算机绘图实训》教学任务，是本科生、研究生多项校级、省级、国家级图学竞赛、BIM竞赛的集训基地，也是全国BIM技能等级考试、建筑信息模型（BIM）职业技能等级证书考核、住房城乡建设领域BIM应用专业技能培训考试等BIM认证考试场地"
    // },
    // {
    //   "img1": "assets/images/home/center-lab1.jpg",
    //   "img2": "assets/images/home/jiegou1.png",
    //   "title": "结构工程试验中心（校级）",
    //   "url": "",
    //   "content": "西南交通大学结构工程试验中心始建于1954年，隶属于5588vip威尼斯电子游戏，至今已有60多年的历史，承担国内外设计、施工、科研部门的建筑材料、工业与民用建筑结构、桥梁结构的检测、试验以及新技术、新结构的研究开发与推广。是土木学院主要的科研试验基地。中心试验面积约2000㎡，配备常用试验设备测试设备430余台（套），主要包括多规格的结构疲劳试验系统（MTS 25吨，50吨，100吨，250吨），500吨压剪试验机，1000吨压力试验机等常规力学及静动态测试设备。同时配备多位经验丰富的专业技术人员"
    // },
    // {
    //   "img1": "assets/images/home/yantu.png",
    //   "img2": "assets/images/home/feng-lab2.png",
    //   "title": "岩土工程中心（校级）",
    //   "url": "",
    //   "content": "面向以在建雅下水电综合开发、川藏铁路为代表的青藏高原基础设施建设的国家重大需求，针对工程建设中出现的大量高地应力、高水压、高地震烈度、高地温和高海拔、高寒等极端建设条件所带来的岩土工程问题，作为土木工程一级学科的传统支柱，岩土工程学科继承1939年茅以升老先生在我校开设国内最早的土力学讲座及1977年高渠清教授创建国内高校最早岩石力学研究所的基础上，在建“高原岩土工程灾变机理及安全防控技术研究平台"
    // },
    // {
    //   "img1": "assets/images/home/shenshui.jpg",
    //   "img2": "assets/images/home/shenshui2.jpg",
    //   "title": "深水大跨桥梁实验室（在建，校级）",
    //   "url": "",
    //   "content": "2014.04建设方案获学校批准。2017.4 一期水槽正式投入使用，旨在借助实验室的优势，开展相关水动力学实验，探索桥梁水动力学基本理论，奠定和确立桥梁等相关学科在水动力学方面的领先优势；对国内外海上桥梁工程的建设提供技术支持，扩大学校在行业内的影响力；落实学校“人才战略”、产生“人才聚集效应”的平台，形成推动我校在“大交通”领域发展、促进“工科登峰”行动的重要力量，成为学校国家实验室的重要组成部分"
    // },
  ],

  imgBoxFun() {
    let idBox = ["img1"]
    for (let index = imgBox.data.length - 1; index >= 0; index--) {
      let k = imgBox.data[index]
      idBox.forEach(key => {
        $("#" + key).append(
          `<img src="${k[key]}" alt=""  class='${key}${index} imgBox img_${index}'  style="z-index:${100-index}" >`
        )
      })
      $("#descLab").append(
        `<div class=" imgBox img_${index} line7" style="height:100%;transition:none 0s ease 0s;">
        
       
       <a href="${k['url']}" target="_blank" ><p class="preface-title text-center"  style="margin-bottom:10px" >${k['title']}</p>
     
        <p class='lab-text '  style="height:220px" >${k['content']}</p></a>
        </div>
       
        `
      )

    }
  },
  changeImg(pageIndex = 1) {
    imgBox.current = imgBox.current + pageIndex;
    if (imgBox.current < 0) {
      // 第一张
      imgBox.current = imgBox.data.length - 1;
      $(".imgBox").css("right", "200px");
      $(`.imgBox`).css("opacity", 0)
      $(`.imgBox`).css("z-index", 0)
      $(`.img_${imgBox.current}`).css("right", "0px")
      $(`.img_${imgBox.current}`).css("opacity", 1)
     $(`.img_${imgBox.current}`).css("z-index", 999)
      return
    }
    if (imgBox.current >= imgBox.data.length) {
      imgBox.current = 0
      $(".imgBox").css("right", "0px");
      $(`.imgBox`).css("opacity", 1)
      //最后一张
      return
    }
    if (pageIndex > 0) {
      $(`.img_${imgBox.current-1}`).css("right", "200px")
      $(`.img_${imgBox.current-1}`).css("opacity", 0)
 $(`.img_${imgBox.current-1}`).css("z-index", 0)
    } else {
      $(`.img_${imgBox.current}`).css("right", "0px")
      $(`.img_${imgBox.current}`).css("opacity", 1)
$(`.img_${imgBox.current}`).css("z-index", 999)
    }

  }
}


function getLabul() {
  let tmp = ""
  let newData = imgBox.data
  for (let i in newData) {

    tmp += '<li > <a class="line1" href="javascript:void(0);" title="' + newData[i]["title"] +
      '" onmouseover="hoverImg(' + i + ')">' + newData[i][
        "title"
      ] + '</a></li>'

  }
  $(".lab-ul").html(tmp)
}

function hoverImg(pageIndex) {
  imgBox.current = pageIndex + 1;
  $(".imgBox").css("right", "200px");
  $(`.imgBox`).css("opacity", 0)
$(`.imgBox`).css("z-index", 0)
  $(`.img_${pageIndex}`).css("right", "0px")
  $(`.img_${pageIndex}`).css("opacity", 1)
$(`.img_${pageIndex}`).css("z-index", 999)

}