<template>
  <div className="page flex-col">
    <div className="block1 flex-col">
      <div className="outer1 flex-col">
        <div className="main1 flex-col">
          <div className="section1 flex-col">
            <div className="wrap1 flex-row">
              <span className="word1">学生</span>
              <span className="txt1">教职工</span>
              <span className="word2">校友</span>
              <span className="word3">考生</span>
              <span className="info1">服务门户</span>
              <span className="word4">English</span>
            </div>
          </div>
          <div className="section2 flex-col">
            <div className="layer1 flex-row">
              <div className="box1 flex-col"></div>
            </div>
            <div className="layer2 flex-row">
              <div className="section3 flex-col">
                <img
                  className="pic1"
                  referrerPolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngfccbc2de09e640e1acd54bd3d7c15b76f26e01f1d6442a14eceedf347a2f482b"
                />
                <img
                  className="img1"
                  referrerPolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng77ccc71a6f010ada719caa475df89237103a9e9bf32f18d253d5d81c3cb20c34"
                />
              </div>
              <span className="word5">学院首页</span>
              <span className="word6">学院概况</span>
              <span className="txt2">党群工作</span>
              <span className="word7">师资队伍</span>
              <span className="word8">教育教学</span>
              <span className="txt3">科学研究</span>
              <span className="info2">学科建设</span>
              <span className="word9">学生工作</span>
              <span className="txt4">校友工作</span>
              <span className="word10">国际化</span>
              <span className="word11">资料下载</span>
            </div>
          </div>
        </div>
        <img
          className="pic2"
          referrerPolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf88f3e63f013ee908b96397b5e03b92b989507cad916090c2a706e597110093c"
        />
      </div>
      <div className="outer2 flex-row">
        <div className="main2 flex-col"></div>
        <div className="main3 flex-col">
          <div className="layer3 flex-row">
            <span className="word12">首页</span>
            <div className="main4 flex-col"></div>
            <span className="txt5">学院概况</span>
            <div className="main5 flex-col"></div>
            <span className="txt6">学院简介</span>
          </div>
          <div className="layer4 flex-col">
            <div className="group1 flex-col">
              <span className="word13">学院简介</span>
              <span className="paragraph1">
                西南交通大学信息科学与技术学院是随着时代和国家战略需求发展起来的学院，上世纪六十年代初创办了计算技术、自动化和无线电技术3个专业，是国内较早开设电子与信息类专业的学校，1981年计算机及应用专业获得首批硕士学位授予权，1985年成立计算机科学与工程系，1993年成立计算机与信息工程学院，1994年更名为计算机与通信工程学院，2005年更名为信息科学与技术学院，2021年3月进行重组。历经六十余载，学院形成了以通信、控制、电子和计算机为主干学科的覆盖电子信息整个领域的学科体系，成为具有轨道交通特色的信息技术人才培养和科学研究的基地。
                <br/>
                <br/>
                <br/>
                图1：学院发展历程
                <br/>
                <br/>
                学院下设通信工程、自动化、电子工程系、铁道信息工程4个系，6个本科专业和方向，其中通信工程为国家级特色专业，自动化为国家卓越工程师教育培养计划专业，同时为实施精英培养，学院还设有茅以升学院信息班、詹天佑学院信息班。
                <br/>
                <br/>
                <br/>
                图2：学院专业建设
                <br/>
                学院拥有包括国家级国际科技合作基地、国家级实验教学示范中心在内的4个教学型实验室、14个研究型实验室、8个共建实验室，建成了国内唯一集通信网络与信息安全系统为一体的“现代通信网络与信息安全实验平台”，拥有国内一流实践教学条件，建立了12个校内外实习基地，并与知名IT类企业、轨道交通企业展开了联合培养。学生在校期间可根据自己的兴趣选择进入实验室、创新中心和研究所参与科研项目。
                <br/>
                图3：学院实验室、平台、团队
                <br/>
                <br/>
                学院学历教育涵盖博士、硕士、重点本科、留学生（博、硕、本）等多个层次。拥有3个一级学科博士点、1个一级学科硕士点，以及1个工程硕士点和2个博士后流动站，还拥有国家重点学科、省级重点学科。2016年5月，Computer&nbsp;Science学科进入ESI全球排名前1%。
                <br/>
                <br/>
                <br/>
                <br/>
                图4：学院学位点
                <br/>
                <br/>
                学院重视学科建设工作，在拥有的众多学科里，含国家重点学科1个、一级学科省级重点学科2个。
                <br/>
                <br/>
                学院师资力量雄厚，现有教职工146人，其中教授34人，副教授48人，博导36人，拥有一批具备国际竞争力的学科领军人物，已形成一支朝气蓬勃、富有潜力的教学科研团队。
                <br/>
                <br/>
                目前学院有各类在校学生近2000名，其中博士研究生超过100人，硕士研究生500余人。近年来，学院培养学生在“全国电子设计大赛”、“国际数学建模竞赛”、“ACM国际大学生程序设计竞赛”、“创青春”全国大学生创业大赛、中国“互联网+”大学生创新创业大赛等国内外顶级大学生创新创业竞赛中屡获佳绩，全面培养了学生科技创新能力和综合素质。
                <br/>
                <br/>
                近年来，学院科研工作发展迅猛，承担了包括“973”计划、国家重点研发计划、国家科技支撑计划、国家科技重大专项、“111”计划，国家“211”工程建设项目和国家优势学科创新平台建设项目（特色“985”），科技部、教育部、国家杰出青年基金项目、国家自然科学基金（重点、面上、青年、国际合作等）项目，四川省和铁路总公司科技项目，以及来自行业、地方和企业的各类科技开发项目数百项。数十项科研成果获国家及省部级奖励。学院科研团队在国内外本领域顶级学术刊物上发表了一大批高水平学术论文，出版了多部在国内外具有影响力的中英文学术专著和教材。
                <br/>
                <br/>
                学院具有宽广的国际化视野，超过一半的教师具有海外经历。拥有IEEE/OSA&nbsp;Fellow、IET&nbsp;fellow&nbsp;、IEEE&nbsp;Distinguished&nbsp;lecture、高水平学术刊物客座编辑等学术任职的教师。学院积极培养国际学生，培养了或正在培养来自欧洲、美洲、亚洲的十余个国家的各类留学生近百名。
                <br/>
                <br/>
                我国高新技术的快速发展为信息学科的发展提供了广阔的发展前景和良好的机遇，学院已培养了一大批信息领域的高级专门人才，毕业生遍及海内外，其中不少已成为国内外知名专家、学者，行业领军人物和骨干。信息科学与技术学院广大师生将继续秉承学校“竢实扬华，自强不息”的精神，锐意进取，迎接挑战，为把学院建设成为高水平研究型学院而努力！
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div className="block2 flex-col">
      <div className="outer3 flex-col">
        <div className="block3 flex-col">
          <div className="mod1 flex-row">
            <img
              className="icon1"
              referrerPolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9b6c127e2f77e656aff9e3f693296a9991c9c69df882c51469676244951a7ec8"
            />
            <span className="word14">学院简介</span>
          </div>
        </div>
        <span className="info3">历史沿革</span>
        <div className="block4 flex-col"></div>
        <span className="txt7">学院领导</span>
        <div className="block5 flex-col"></div>
        <span className="info4">机构设置</span>
        <div className="block6 flex-col"></div>
        <span className="info5">院长致辞</span>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      constants: {}
    };
  },
  methods: {}
};
</script>
<!--<style src="./common.css"/>-->
<style scoped>
.page {
  z-index: 1;
  position: relative;
  width: 1920px;
  height: 1523px;
  background-color: rgba(248, 248, 248, 1);
  overflow: hidden;
  justify-content: flex-start;
  padding-top: 1px;
  align-items: flex-end;
  padding-right: 0;
}

.block1 {
  z-index: auto;
  width: 1919px;
  height: 1436px;
}

.outer1 {
  z-index: 3;
  height: 437px;
  overflow: hidden;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge9dd13913a6b822cb7f02a3a2e55e31b374210f682c44f9b4931afaaf28cfa06)
  100% no-repeat;
  width: 1919px;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.main1 {
  z-index: auto;
  width: 1100px;
  height: 110px;
}

.section1 {
  z-index: 43;
  height: 30px;
  background-color: rgba(25, 86, 188, 1);
  width: 1100px;
  justify-content: center;
  align-items: flex-end;
  padding-right: 24px;
}

.wrap1 {
  z-index: auto;
  width: 1048px;
  height: 22px;
}

.word1 {
  z-index: 44;
  width: 25px;
  height: 17px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 12px;
  letter-spacing: 0.34285715222358704px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
  margin-top: 3px;
}

.txt1 {
  z-index: 45;
  width: 38px;
  height: 17px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 12px;
  letter-spacing: 0.34285715222358704px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
  margin: 3px 0 0 38px;
}

.word2 {
  z-index: 46;
  width: 25px;
  height: 17px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 12px;
  letter-spacing: 0.34285715222358704px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
  margin: 3px 0 0 39px;
}

.word3 {
  z-index: 47;
  width: 25px;
  height: 17px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 12px;
  letter-spacing: 0.34285715222358704px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
  margin: 3px 0 0 45px;
}

.info1 {
  z-index: 48;
  width: 50px;
  height: 17px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 12px;
  letter-spacing: 0.34285715222358704px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
  margin: 3px 0 0 32px;
}

.word4 {
  z-index: 49;
  width: 59px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  letter-spacing: 0.4571428596973419px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
  margin-left: 672px;
}

.section2 {
  z-index: 28;
  height: 80px;
  border-radius: 0 0 20px 20px;
  background-color: rgba(25, 86, 188, 0.6);
  width: 1100px;
}

.layer1 {
  z-index: auto;
  width: 34px;
  height: 4px;
  margin-left: 265px;
}

.box1 {
  z-index: 40;
  width: 34px;
  height: 4px;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 1);
}

.layer2 {
  z-index: auto;
  width: 1060px;
  height: 57px;
  margin: 7px 0 0 20px;
}

.section3 {
  z-index: auto;
  width: 183px;
  height: 57px;
}

.pic1 {
  z-index: 42;
  width: 183px;
  height: 22px;
}

.img1 {
  z-index: 41;
  width: 89px;
  height: 23px;
  align-self: flex-start;
  margin-top: 12px;
}

.word5 {
  z-index: 29;
  width: 58px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  letter-spacing: 0.4000000059604645px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 20px;
  margin: 19px 0 0 50px;
}

.word6 {
  z-index: 30;
  width: 58px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  letter-spacing: 0.4000000059604645px;
  white-space: nowrap;
  line-height: 20px;
  margin: 19px 0 0 20px;
}

.txt2 {
  z-index: 31;
  width: 58px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  letter-spacing: 0.4000000059604645px;
  white-space: nowrap;
  line-height: 20px;
  margin: 19px 0 0 21px;
}

.word7 {
  z-index: 32;
  width: 58px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  letter-spacing: 0.4000000059604645px;
  white-space: nowrap;
  line-height: 20px;
  margin: 19px 0 0 20px;
}

.word8 {
  z-index: 33;
  width: 58px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  letter-spacing: 0.4000000059604645px;
  white-space: nowrap;
  line-height: 20px;
  margin: 19px 0 0 20px;
}

.txt3 {
  z-index: 34;
  width: 58px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  letter-spacing: 0.4000000059604645px;
  white-space: nowrap;
  line-height: 20px;
  margin: 19px 0 0 20px;
}

.info2 {
  z-index: 35;
  width: 58px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  letter-spacing: 0.4000000059604645px;
  white-space: nowrap;
  line-height: 20px;
  margin: 19px 0 0 21px;
}

.word9 {
  z-index: 36;
  width: 58px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  letter-spacing: 0.4000000059604645px;
  white-space: nowrap;
  line-height: 20px;
  margin: 19px 0 0 20px;
}

.txt4 {
  z-index: 37;
  width: 58px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  letter-spacing: 0.4000000059604645px;
  white-space: nowrap;
  line-height: 20px;
  margin: 19px 0 0 20px;
}

.word10 {
  z-index: 38;
  width: 44px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  letter-spacing: 0.4000000059604645px;
  white-space: nowrap;
  line-height: 20px;
  margin: 19px 0 0 21px;
}

.word11 {
  z-index: 39;
  width: 58px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  letter-spacing: 0.4000000059604645px;
  white-space: nowrap;
  line-height: 20px;
  margin: 19px 0 0 20px;
}

.pic2 {
  z-index: 4;
  position: absolute;
  left: 0;
  top: 0;
  width: 1919px;
  height: 437px;
}

.outer2 {
  z-index: auto;
  width: 1100px;
  height: 999px;
  margin-left: 409px;
  justify-content: space-between;
}

.main2 {
  z-index: 5;
  width: 220px;
  height: 480px;
  border-radius: 0 0 20px 0;
  background-color: rgba(25, 86, 188, 1);
}

.main3 {
  z-index: auto;
  width: 843px;
  height: 984px;
  margin-top: 15px;
}

.layer3 {
  z-index: auto;
  width: 177px;
  height: 20px;
  justify-content: space-between;
}

.word12 {
  z-index: 17;
  width: 29px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(60, 60, 60, 1);
  font-size: 14px;
  letter-spacing: 0.4000000059604645px;
  white-space: nowrap;
  line-height: 20px;
}

.main4 {
  z-index: 20;
  width: 4px;
  height: 10px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngbef8c7bddeccb6150c7db97e33e4bf15d6585bafc9dbc84968ce93ce7e495a74) -1px
  0px no-repeat;
  margin-top: 5px;
}

.txt5 {
  z-index: 18;
  width: 58px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(60, 60, 60, 1);
  font-size: 14px;
  letter-spacing: 0.4000000059604645px;
  white-space: nowrap;
  line-height: 20px;
}

.main5 {
  z-index: 21;
  width: 4px;
  height: 10px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngbef8c7bddeccb6150c7db97e33e4bf15d6585bafc9dbc84968ce93ce7e495a74) -1px
  0px no-repeat;
  margin-top: 5px;
}

.txt6 {
  z-index: 19;
  width: 58px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(25, 86, 188, 1);
  font-size: 14px;
  letter-spacing: 0.4000000059604645px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 20px;
}

.layer4 {
  z-index: 16;
  height: 949px;
  background-color: rgba(255, 255, 255, 1);
  margin-top: 15px;
  width: 843px;
  justify-content: center;
  align-items: center;
}

.group1 {
  z-index: auto;
  width: 763px;
  height: 889px;
}

.word13 {
  z-index: 25;
  width: 99px;
  height: 33px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(25, 86, 188, 1);
  font-size: 24px;
  letter-spacing: 0.6857143044471741px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 33px;
  align-self: center;
}

.paragraph1 {
  z-index: 26;
  width: 763px;
  height: 836px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(60, 60, 60, 1);
  font-size: 12px;
  letter-spacing: 0.34285715222358704px;
  line-height: 17px;
  margin-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.block2 {
  z-index: 6;
  height: 400px;
  border-radius: 0 0 25px 20px;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 2px 4px 0px rgba(6, 42, 102, 0.67);
  width: 190px;
  justify-content: flex-start;
  align-items: flex-end;
  position: absolute;
  left: 458px;
  top: 488px;
}

.outer3 {
  z-index: auto;
  width: 180px;
  height: 370px;
}

.block3 {
  z-index: 7;
  height: 80px;
  background-color: rgba(148, 188, 255, 1);
  width: 180px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 29px;
}

.mod1 {
  z-index: auto;
  width: 94px;
  height: 22px;
  justify-content: space-between;
}

.icon1 {
  z-index: 22;
  width: 14px;
  height: 14px;
  margin-top: 5px;
}

.word14 {
  z-index: 8;
  width: 66px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  letter-spacing: 0.4571428596973419px;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
}

.info3 {
  z-index: 9;
  width: 66px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(25, 86, 188, 1);
  font-size: 16px;
  letter-spacing: 0.4571428596973419px;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
  align-self: center;
  margin-top: 28px;
}

.block4 {
  z-index: 13;
  width: 180px;
  height: 1px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc5bb07ff98d114699901dadf8a72caca34bdcb6d5a0ffb0e594b7392a9e3e47d)
  0px 0px no-repeat;
  margin-top: 29px;
}

.txt7 {
  z-index: 10;
  width: 66px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(25, 86, 188, 1);
  font-size: 16px;
  letter-spacing: 0.4571428596973419px;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
  align-self: center;
  margin-top: 28px;
}

.block5 {
  z-index: 14;
  width: 180px;
  height: 1px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc5bb07ff98d114699901dadf8a72caca34bdcb6d5a0ffb0e594b7392a9e3e47d)
  0px 0px no-repeat;
  margin-top: 29px;
}

.info4 {
  z-index: 11;
  width: 66px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(25, 86, 188, 1);
  font-size: 16px;
  letter-spacing: 0.4571428596973419px;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
  align-self: center;
  margin-top: 28px;
}

.block6 {
  z-index: 15;
  width: 180px;
  height: 1px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc5bb07ff98d114699901dadf8a72caca34bdcb6d5a0ffb0e594b7392a9e3e47d)
  0px 0px no-repeat;
  margin-top: 29px;
}

.info5 {
  z-index: 12;
  width: 66px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(25, 86, 188, 1);
  font-size: 16px;
  letter-spacing: 0.4571428596973419px;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
  align-self: center;
  margin-top: 28px;
}
body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
  Arial, PingFang SC-Light, Microsoft YaHei;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}

</style>
