* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body,
html {
  height: 100%;
  position: relative;
  overflow-x: hidden;

}

li {
  list-style: none;
}

a {
  text-decoration: none;
  color: #fff;
}

img,
video:hover {
  cursor: pointer;
}

.hand {
  cursor: pointer;
}

/* 版心 */
.container {
  width: 100%;
  max-width: 1440px;
  margin: auto;
}

@media screen and (max-width:1100px) {
  .container {
    /* min-width: 1050px; */
  }
}

.bgtop {
  background: url(../images/bg.png);
}

.top {
  text-align: center;
  line-height: 5.8rem;
  display: flex;
  justify-content: space-between;

}

.top-n p {
  font-size: 1.6rem;
  color: #fff;
 display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.logo-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 2.5rem;
}

.logo-box a {
  height: 68px;
}

.flex {
  display: flex;
}

.flexac {
  display: flex;
  align-items: center;
}

.flexb {
  display: flex;
  justify-content: space-between;
}

.icon-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.net {
  font-size: .7rem;
  color: #004EA2;
  margin-left: .5rem;
}

.net a {
  color: #fff;
 display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.topright{
  display: flex;
  align-items: center;
}
.search {
  /* width: 13rem;
  height: 2.4rem;
  margin-left: 2rem; */
}

.topright .form {
 margin-left:10px;
    width: 270px;
  display: none;
  position: relative;
}

.topright .inputa {
  width: 100%;
  height: 50px;
  outline: none;
  border: 1px solid #ddd;
}

.topright .serbb {
 position: absolute;
   height: 50px;
     top: 0;
    right: 0;
   width: 70px;
   border: none;
   color: #333;
   font-size: 16px;
   background-color: #eee;
   text-align: center;
  outline:none;
 line-height: 3.125rem;
}

.search-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.search-box img {
  height: 1.4rem;
  /* margin-top: .5rem; */
  margin-left: .5rem;
}


.navigator-menu {
  line-height: 3.3rem;
  text-align: center;
  display: flex;
  justify-content: space-around;
}

.navigator-menu .menu-item .menu-name {
  color: #333;
  cursor: pointer;
  text-align: center;
  font-size: .9rem;
  font-weight: 500;
}

.menu-name img {
  position: absolute;
  bottom: 28%;
  left: 40%;
}

.navigator-menu .menu-item {
  position: relative;
  width: 100%;

}

.navigator-menu .menu-item .children-menu-box {
  position: absolute;
  overflow: hidden;
  width: 100%;
  top: 70%;
  z-index: 4;
}

.navigator-menu .menu-item .children-menu {
  width: 100%;
  margin-top: .5rem;
  display: none;
  background-color: #fff;


}

.menu-item .children-menu li:first-child {
  border-top: 4px solid #004EA2;
}

.children-menu li:hover {
  background-color: #EDEDED;
}

.children-menu li a {
  color: #004EA2;
  font-size: 14px;
}



.menu-item:hover .children-menu {
  display: block;
}

.navigator-menu .menu-item .children-menu>li {
  line-height: 2.5rem;
}

.swiper {
  height: 38.9rem;
}

.swiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-button-prev {
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
}

.swiper-button-prev::after {
  content: '';
}

.swiper-button-next {
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
}

.swiper-button-next::after {
  content: '';
}

.noticeBox {
  padding: 4rem 0 6rem;
}

.tltie-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .8rem;
}

.banner-title {
  font-size: 36px;
  font-weight: 500;
  color: #333;
}

.banner-title span {
  color: #004EA2;
  font-size: 1.1rem;
  font-weight: 400;
}

.banner-more {
  color: #969393;
  display: flex;
  align-items: center;
  position: relative;
  font-size: 18px;
}

.banner-more div:first-child {
  margin-right: 6px;
}


.banner-more:hover {
  color: #004EA2;

}

.no-mid {
  display: flex;
  justify-content: space-between;
  margin: 3rem 0;
}

.no-item {
  width: 25%;
  background-color: #F7F7F7;
  border-left: 2px solid #A40000;
  padding: .8rem 1.2rem .3rem 1.2rem;
}

.no-mid .no-item div:first-child {
  font-size: .9rem;
  color: #004EA2;
  margin-bottom: .4rem;
}

.no-mid .no-item div:nth-child(2) {
  font-size: .9rem;
  color: #333;
  margin-bottom: .4rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;

}

.no-mid .no-item div:nth-child(3) {
  width: 1.2rem;
  height: 1.2rem;
}

.no-mid .no-item div:nth-child(3) img {
  width: 100%;
}

.no-mid .no-item:not(:first-child) {
  margin-left: 1.6rem;
}

.no-bottom {
  display: flex;
  background: url(../images/jianjiebg.png);
  background-position: 30% 100%;
}

.bot-item {
  width: 33.33%;

  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 4.5rem 2rem;
}

.bot-item div:nth-child(1) {
  width: 2rem;
  height: 2.4rem;
}

.bot-item div:nth-child(1) img {
  width: 100%;
}

.bot-item div:nth-child(2) {
  font-size: 1.2rem;
  font-weight: bold;
  margin: 1rem 0;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.bot-item div:nth-child(3) {
  font-size: .8rem;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

/* 居中 */
.middle {
  display: flex;
  justify-content: center;
  align-items: center;

}

.foot {
  background-color: #fbfbfb;
}


.footbox {
  height: 16rem;
  display: flex;
  justify-content: space-between;
}

.border-grey {
  border: .05rem solid #eeeeee;
  border-radius: .2rem;
  padding: 0rem .75rem;
}

.friend-link {
  margin: 1.6rem 0 .8rem;
  font-size: 1rem;
  color: #333;
  font-weight: 600;
}

.friend {
  margin-bottom: 1.6rem;
  display: flex;
}

.foot-item {
  display: flex;
  align-items: center;
  margin-right: 1.2rem;
}

.friend a {
  margin-right: .2rem;
  color: #666;
  text-decoration: none;
  font-size: .8rem;
}

.phone {
  font-size: .7rem;
  color: #999;
}

.phonenum {
  font-size: 1.2rem;
  color: #666;
}

.friend a:hover {
  color: #004EA2;
}

.dvi-line {
  height: .05rem;
  width: 100%;
  background-color: #F2F3F5;
}

.adr {
  color: #999;
  font-size: .7rem;
  margin-top: 1.6rem;
}

.copyright {
  color: #999;
  margin-top: 16px;
  font-size: .7rem;
}

.copyright a {
  color: #999;
  font-size: .7rem;
}

.foot-logo-box {
  padding: 0 2rem;
  background-color: #fff;
  flex-direction: column;
  justify-content: space-around;
}

.focu {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bline {
  height: .05rem;
  width: 2.4rem;
  background-color: #999;
}

.flowus {
  font-size: .7rem;
  color: #999;
  margin: 0 .5rem;
}

/* 学院新闻 */
.news {
  background: url(../images/xuesbg.png);
  /* height: 726px; */
}

.news .tltie-box {
  padding-top: 80px;
}

.new-item {
  width: 24%;
  background-color: #fff;
  padding-bottom: 24px;
  position: relative;
}

.new-item img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.new-item .title {
  font-size: 18px;
  color: #333;
  font-weight: 500;
  margin: 58px 24px 40px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;

}

.new-item .detail {
  display: flex;
  align-items: center;
  color: #333;
  font-size: 14px;
  margin-left: 24px;
}

.new-item .detail img {
  width: 16px;
  height: 16px;
  margin-left: 12px;
}

.new-item .time {
  position: absolute;
  left: 24px;
  top: 38%;
  background-color: #004EA2;
  width: 80px;
  height: 80px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px;
}

.new-item .time div:first-child {
  font-size: 32px;
}

.new-item .time div:last-child {
  font-size: 16px;
  margin-top: 4px;
}

/* 学院简介 */
.about {  background: url(../images/jianjiebg.png);
  padding-top: 80px;
 padding-bottom: 30px;

}



.about .img-box {
  width: 47.9%;
  height: 500px;
  margin-top: 26px;

}

.about .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ab-left {
  width: 36%;
  flex: .8;
}

.ab-left .banner-title {
  color: #fff;

}

.ab-left .banner-title span {
  color: #fff;

}

.ab-left .dec {
  font-size: 16px;
  color: #fff;
  line-height: 32px;
  text-indent: 2em;
  text-align: justify;
  margin: 55px 0 36px;
}

.ab-left .ab-more {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 18px;
}

.ab-left .ab-more div:first-child {
  margin-right: 5px;
}

/* 专业设置 */
.major {
  padding-top: 140px;
  padding-bottom: 146px;
}

.major .img-ti {
  display: flex;
  flex-wrap: wrap;
}

.major .img-ti .imgb {
  width: 47.2%;
  height: 320px;
  position: relative;
}

.major .img-ti .imgb:nth-child(1) {
  margin-right: 5.5%;
  margin-bottom: 66px;
}

.major .img-ti .imgb:nth-child(3) {
  margin-right: 5.5%;
}

.major .img-ti .imgb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.major .img-ti .imgb a {
  color: #000;
}

.major .img-ti .imgb div {
  width: 41%;
  line-height: 52px;
  background-color: #fff;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: -25px;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
}

.stu-s {
  /* height: 664px; */
  background: url(../images/xuesbg.png);
  padding-top: 80px;
}

.stu-s .flexb {
  margin-top: 60px;
}

.stu-s .s-left {
  width: 52%;
 height: 100%;
display: flex;
}

.stu-s .s-left .item {
  width: 50%;
 height: 100%;
  margin-right: 7.8%;
  cursor: pointer;
}

/* .stu-s .s-left a {
  width: 50%;
  margin-right: 7.8%;
  cursor: pointer;
} */

.stu-s .s-left .item img {
  width: 100%;
 height:200px;
  object-fit:cover;
}
.s-right div {
  margin-bottom: 1.5rem;
}
.stu-s .s-left .item h3 {
  font-size: 18px;
  color: #333;
  margin-top: 16px;
  height: 50px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-align: justify;
}

.stu-s .s-left .item p {
  font-size: 14px;
  color: #666;
  margin-top: 16px;
  text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.s-right {
  width: 48%;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  color: #333;
}

.s-right div a {
 color: #333;
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.s-right div  span:first-child{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden
}
.s-right div:hover {
  color: #004EA2;
}

.teach {

  background: url(../images/dongtaibg.png);
  padding-top: 80px;
  background-color: #f7f7f7;
}

.teach-b {
  display: flex;
  flex-wrap: wrap;
}

.teach-b .t-item {
  width: 50%;

}

.teach-b .t-item:nth-child(1) {
  padding: 0 50px;
  border-top: 4px solid #004EA2;
  background-color: #fff;
}

.teach-b .t-item:nth-child(4) {
  padding: 0 50px;
  border-bottom: 4px solid #004EA2;
  background-color: #fff;
}

.teach-b .t-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.teach-b .t-item h3 {
  font-size: 18px;
  color: #333;
  margin: 60px 0 40px;
}

.teach-b .t-item p {
  font-size: 14px;
  color: #333;
  margin-top: 40px;
}

.teach-b .t-item div {
  font-size: 16px;
  color: #666;
  text-align: justify;
}

/* 二级 */
.ejbg {
  height: 352px;
  position: relative;
}

.ejbg .img {
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.ejbg .midd {
  width:100%;
  position: absolute;
  left: 37%;
  top: 120px;
  /* transform: translate(-40%); */
  z-index: 1;
}

.ejbg .midd .flexac div {
  font-size: 2.5rem;
  color: #fff;
  margin: 0 24px;
}



.ejbg .midd .flexac span {
  font-size: 18px;
  color: #fff;
  margin-left: 6px;
}

.ejbg .midd .flexac a {
  font-size: 18px;
  color: #fff;
  margin: 0 6px;
}

.ejbg .midd .flexac:last-child {
  margin-left: 4.5%;
  margin-top: 60px;
}

/* 专业设置宽度调整 */
.ejbg .midd .zyspan:last-child {
  margin-left: 5.5%;
  margin-top: 60px;
}

.ban-nav {
  height: 70px;
  box-shadow: 0px 4px 32px 0px rgba(0, 78, 162, 0.2);
  font-size: 16px;
}

.ban-nav .flex div {
  width: 120px;
  text-align: center;
  line-height: 70px;
  cursor: pointer;
}

.ban-nav .flex li {
 width: 13rem;
  text-align: center;
  line-height: 70px;
  cursor: pointer;
  padding: 0 ;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.ban-nav .flex li a {
  color: #000;
}

/*专业设置的nav宽度调整 */
.ban-navz .flex div {
  width: 170px;
}

.actb {
  background-color: #004EA2;
  color: #fff;
}

.actb a {
  color: #fff !important;
}

.s-intro {
  padding-top: 100px;
  font-size: 18px;
  color: #333;
  line-height: 36px;
  text-align: justify;
}
 /*  .s-intro img{
  width: 100%;
  height: auto;
  object-fit: cover;
} */
.s-intro p {
  text-indent: 2em;
  margin-bottom: 14px;
}

.intro-img {
  width: 100%;
  margin-bottom: 150px;
  margin-top: 44px;
}

.intro-img img {
  width: 100%;
}

.leader-box {
  display: flex;
  flex-wrap: wrap;
  padding-top: 100px;

}

.leader-box .r-item {
  width: 30.5%;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
  margin-right: 4%;
  margin-bottom: 50px;
}

.leader-box .r-item:nth-child(3) {
  margin-right: 0;
}

.leader-box .r-item:nth-child(6) {
  margin-right: 0;
}

.leader-box .r-item img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.leader-box .r-item h3 {
  font-size: 24px;
  color: #333;
  margin-top: 24px;
  margin-bottom: 16px;
  margin-left: 24px;
}

.leader-box .r-item h4 {
  font-size: 16px;
  color: #666;
  margin-bottom: 24px;
  margin-left: 24px;
}

.page {
  text-align: center;
  margin-bottom: 144px;
}

.page span {
  font-size: 14px;
  color: #333;
  display: inline-block;
  padding: 8px 13px;
  border: 1px solid #CCCCCC;
  border-radius: 8px;
}

.now {
  background: #004EA2;
  color: #fff !important;
}

.past {
  color: #ccc !important;
}

/* 领导单页 */
.xqbox {
  flex: 1;
  background-color: #F7F7F7;

}

.xq-img {
  width: 226px;
  height: 280px;
}

.xq-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.xqbox .xqname {
  font-size: 24px;
  color: #333;
  position: relative;
  margin-top: 30px;
  margin-left: 50px;
  margin-bottom: 50px;

}

.xqbox .xqname::after {
  content: '';
  position: absolute;
  width: 46px;
  height: 3px;
  background: #004EA2;
  top: 3px;
  left: 0px;
  top: 52px;

}

.xqbox .xqintro {
  font-size: 16px;
  color: #666;
  position: relative;
  margin-top: 20px;
  margin-left: 60px;
  text-align: justify;

}

.xqbox .xqintro::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 24px;
  background: #004EA2;
  top: 0px;
  left: -10px;

}

.xqword {
  margin-top: 50px;
  margin-bottom: 150px;
  font-size: 18px;
  color: #333;
  line-height: 36px;
  text-indent: 2em;
  text-align: justify;
}

/* 组织机构 */
.pos {
  margin-top: 100px;
  display: flex;
}

.mt60 {
  margin-top: 60px;
}

.pos .office {
  width: 70px;
  /* height: 402px; */
  background-color: #004EA2;
  color: #fff;
  font-size: 22px;
  text-align: center;
  writing-mode: vertical-rl;
  padding-right: 20px;
  letter-spacing: 10px;
}
.pos .officeD{
  display: none;
} 
.posbox {
  display: flex;
  margin-right: 60px;


}

.pos ul {
  border: 1px solid #eee;
  padding: 40px 40px 50px 40px;
}

.bordernol {
  border-left: none !important;
}

.bordernor {
  border-right: none !important;
}

.pos ul li {
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
  padding-left: 28px;
  padding-bottom: 14px;
  width: 540px;
}

.pdl0 {
  padding-left: 0px !important;
  padding-bottom: 19px !important;
}


.pos ul li .mid {
  display: flex;
}

.mid .gangwei {
  font-size: 18px;
  color: #004EA2;
  width: 210px;
  position: relative;

}

.mid .renyuan {
  font-size: 18px;
  color: #333;
  display: flex;
  flex-wrap: wrap;
  flex: 1;

}

.mid .gangwei::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 20px;
  background: #004EA2;
  top: 3px;
  left: -26px;

}

.mid .renyuan span {
  margin-right: 44px;
  margin-bottom: 8px;
}

.pos ul li p {
  color: #333;
  font-weight: 500;
}

.fram {
  font-size: 20px;
  color: #333;
  margin-top: 74px;
}

.fram .jgt {
  margin-top: 10px;
  margin-bottom: 140px;
}
.fram .jgt img{
  width: 100%;
  height: auto;
}
/* 学校荣誉 */

.ryimg {
  height: 912px;
}

.jxlist h4 {
  font-size: 20px;
  font-weight: 500;
  color: #333;
  margin-bottom: 20px;
}

.jxlist p {
  font-size: 18px;
  color: #333;
  line-height: 46px;
  text-indent: 2em;
}

.jxl2 {
  margin-top: 20px;
  margin-bottom: 140px;
}

/* 专业设置 */
.zybox {
  margin-top: 100px;
  margin-bottom: 150px;
}

.zybox h3 {
  font-size: 32px;
  color: #333;
  font-weight: 500;
  margin-bottom: 54px;
  text-align: center;
}

.zybox ul li h4 {
  font-size: 20px;
  color: #333;
  font-weight: 500;
  margin-bottom: 24px;
}

.zybox ul li p {
  font-size: 18px;
  color: #333;
  margin-bottom: 24px;
  text-indent: 2em;
  line-height: 36px;
  text-align: justify;
}

/* 师资队伍 */
.jslist {
  margin-top: 100px;
  /* margin-bottom: 150px; */
  display: flex;
  flex-wrap: wrap;

}

.jslist li {
  display: flex;
  position: relative;
  margin-bottom: 80px;
  width: 48%;

}

.jslist li:nth-child(2n-1) {
  margin-right: 4%;
}

.jslist li .jsimg {
  width: 220px;
  height: 310px;
  position: absolute;
}

.jsimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jslist li .jsword {
  background-color: #F7F7F7;
  width: 100%;
  height: 350px;
  border-top: 50px solid #Fff;
  border-left: 50px solid #Fff;
  padding-left: 210px;
  padding-top: 40px;
}


.jslist li .jsword h3 {
  font-size: 32px;
  color: #004EA2;
  font-weight: 500;
  margin-bottom: 20px;
}

.jslist li .jsword p {
  font-size: 16px;
  color: #666;
  margin-bottom: 80px;
  border-top: 1px solid #eee;
  margin-right: 20px;
  padding-top: 20px;
}

.jslist li .jsword a {
  font-size: 16px;
  color: #999;
}

.jslist li .jsword:hover {
  background-color: #004EA2;

}

.jslist li .jsword:hover h3 {
  color: #fff;
}

.jslist li .jsword:hover p {
  color: #fff;
}

.jslist li .jsword:hover a {
  color: #fff;
}

/* 科研平台 */
.kybox {
  margin-top: 100px;
  margin-bottom: 50px;
}

.new-msg {
  display: flex;
  justify-content: space-between;
  color: #333;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 16px;
  cursor: pointer;
  font-size: 18px;
  position: relative;
  margin-top: 16px;

}

.new-msg span:first-child {
  flex: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-left: 8px;
}

.new-msg span:last-child {
  font-size: 16px;
  color: #666;
}

.new-msg:hover {
  color: #004EA2;
}

.new-msg::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #004EA2;
  position: absolute;
  left: -2px;
  top: 9px;
}

/* 科研平台详情 */
.kyptbox {
  display: flex;
  margin-top: 100px
}

.kyptbox .codebox {
  width: 10%;
  padding-top: 120px;
}

.kyptbox .codebox .ma {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 30px;
}

.kyptbox .codebox .round {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  padding-top: 8px;
  margin-bottom: 12px;
}

.kyptbox .codebox .word {
  font-size: 14px;
  color: #333;
}

.ptxqbox {
  flex: 1;
  margin-bottom: 130px;
}

.detail-title {
  font-weight: 500;
  font-size: 1.6rem;
  color: #333;
  text-align: center;
  margin-bottom: .8rem;
}

.time-from-read {
  display: flex;
  color: #666;
  justify-content: center;
  font-size: .8rem;
  margin-bottom: 1.4rem;
}

.time-from-read .item {
  display: flex;
  margin-right: 2rem;
  align-items: baseline;
}

.time-from-read .item div:first-child {
  margin-right: .3rem;
}

.new-p {
  text-align: justify;
  font-size: 16px;
  margin-bottom: 20px;
  text-indent: 2em;
  color: #333;
  line-height: 32px;

}

.text-img {
  width: 100%;
  height: 48rem;
  /* background-color: #004EA2; */
  margin-bottom: .8rem;
}
.text-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 教学资源 */
.sybox {
  margin-top: 100px;
  margin-bottom: 90px;
  display: flex;
  flex-wrap: wrap;
}

.sybox li {
  width: 30%;
  border-bottom: 2px solid #004EA2;
  text-align: center;
  padding-bottom: 22px;
  margin-bottom: 60px;
}

.sybox li:not(:nth-child(3n)) {
  margin-right: 5%;
}

.sybox .labimg {
  width: 100%;
  height: 280px;
}

.sybox .labimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sybox h4 {
  font-size: 18px;
  color: #333;
  margin-top: 22px;
}

/* 实训室详情 */
.sysbox {
  padding-top: 100px;
  padding-bottom: 122px;

}

.sysbox h3 {
  text-align: center;
  font-size: 32px;
  color: #333;
  font-weight: 500;
  margin-bottom: 54px;
}

.sysbox .sysimg {
  width: 100%;
  height: 932px;
  border: 4px solid #eee;
  margin-bottom: 54px;

}

.sysbox ul li h4 {
  font-size: 20px;
  color: #333;
  font-weight: 500;
  margin-bottom: 24px;
}

.sysbox ul li p {
  font-size: 18px;
  color: #333;
  margin-bottom: 24px;
  text-indent: 2em;
  line-height: 36px;
  text-align: justify;
}

/* 学生工作 */
.sshbox {
  display: flex;
  flex-wrap: wrap;
  margin-top: 100px;
  margin-bottom: 90px;
}

.sshbox li {
  width: 22%;
  height: 192px;
  padding-top: 32px;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
  border-top: 3px solid #004EA2;
  margin-bottom: 60px;
  text-align: center;

}

.sshbox li:not(:nth-child(4n)) {
  margin-right: 4%;
}

.sshbox li:hover {
  background-color: #004EA2;

}

.tximg {
  margin-top: 100px;
  margin-bottom: 150px;
}
.tximg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 学生风采 */
.fcbox {
  margin-top: 100px;
}

.fcbox .exc {
  text-align: center;
  margin-bottom: 30px;
  cursor: pointer;
}

.fcbox .exc span {
  font-size: 18px;
  color: #333;
  display: inline-block;
  padding: 7px 32px;
  border-radius: 20px;
  background: #F7F7F7;
  margin-right: 40px;
}

.fcbox .exc .act {
  background: rgba(0, 78, 162, 0.1);
  color: #004EA2;
}

.xslist {
  display: flex;
  flex-wrap: wrap;
}

.xslist li {
  width: 29%;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
  height: 400px;
  position: relative;
  margin-bottom: 60px;
}

.xslist li:not(:nth-child(3n)) {
  margin-right: 4.5%;
}

.xslist li img {
  width: 100%;
  height: 260px;
  object-fit: cover;
}

.xslist li .title {
  font-size: 18px;
  color: #333;
  margin-top: 60px;
  margin-left: 28px;
}

.xslist li .time {
  position: absolute;
  left: 28px;
  top: 55%;
  background-color: #004EA2;
  width: 80px;
  height: 78px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px;
}

.xslist li .time div:first-child {
  font-size: 32px;
}

.xslist li .time div:last-child {
  font-size: 16px;
  margin-top: 4px;
}

.list2 {
  display: none;
}

/* 教学动态 */
.jxdt {
  margin: 50px 0;
  padding: 20px;
  background: #F4F9FE;
}

.jxdt li {
  border-bottom: 1px dashed #eee;
  padding-bottom: 14px;

}

.jxdt li:not(:last-child) {
  margin-bottom: 20px;
}

.jxdt li a {
  display: flex;
  color: #333;
  align-items: center;
  justify-content: space-between;
}

.jxdt li a:hover div {
  color: #004EA2;
}

.jxdt li div {
  font-size: 20px;
  color: #333;
  position: relative;
  padding-left: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  flex: .9;
}

.jxdt li div::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 26px;
  background-image: url(../images/iocn-2.png);
  background-size: cover;

}

/* 首页风采 */
.syfc {
  padding: 100px 0;
}

.syfc .imgbox {
  width: 380px;
  height: 340px;
  position: absolute;
  top: -50px;
  left: 20px;
}

.syfc .imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.syfc li {
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #EEEEEE;
  padding: 24px 28px 42px 0;
  position: relative;
  height: 320px;
  margin-bottom: 106px;

}

.syfc li a {
  display: flex;
  color: #333;

}

.syfc li a .text {
  flex: 1;
  padding-left: 430px;

}

.syfc li a h4 {
  color: #333;
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 30px;
  padding-left: 8px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.syfc li a h5 {
  color: #333;
  font-size: 1.375rem;
  font-weight: 400;
  margin-bottom: 30px;
  padding-left: 8px;
}

.syfc li a p {
  color: #666;
  font-size: 1.125rem;
  line-height: 36px;
  text-indent: 2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;

}

.smallnav{
  position: absolute;
  top: 6rem;
  right: 1.2rem;
  z-index: 499;
  display: none;
  cursor: pointer;
  width: 32px;
}
.smallnav img{
  width: 100%;
}
#mask1.active{
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 500;
  background: black;
  opacity: 0.9;
  background: #070411;
  background: linear-gradient(135deg, #070411 0%, #130407 100%);
  padding: 14px;
}
#mask1 .allnav{
  width: 80%;
  display: block;
 padding-left: 30px;
 margin-top: 1.8rem;
}
#mask1 .logobox{
  width: 14rem;
}
#mask1 .logobox img{
  width: 100%;
}
#mask1 .allnav li{
  border-bottom: .0625rem solid #bdbdbd;
}
#mask1 .allnav li a{
  color: #EEEEEE!important;
  padding-left: 4px;
}
#mask1 .allnav li a:hover {
  color: #A40000!important;
}
#mask1 .allnav li ul li a{
  padding-left: .5rem;
}
.allnav {
  width: 21%;
  margin-top: 7.125rem;
  margin-bottom: 12.5rem;
}

.allnav li:first-child {
  border-top: .0625rem solid #DCDCDC;
}

.allnav li {
  width: 100%;
  border-bottom: .0625rem solid #DCDCDC;
  cursor: pointer;
}

.allnav .act {
  color: #A40000 !important;
}

.allnav li a {
  font-size: 1.125rem;
  color: #777777;
  line-height: 3rem;
  display: block;
}

.allnav li ul li a {
  padding-left: .75rem;
}

.allnav li ul li:last-child {
  border-bottom: none;
}
.allnav li a:first-child {
  position: relative;
}

.allnav li .af::after {
  content: '';
  background-image: url(../images/add.png);
  background-size: cover;
  width: .75rem;
  height: .8125rem;
  position: absolute;
  left: 90%;
  top: 35%;
  transition: all .5s ease-in-out;
}

.bf::after {
  content: '';
  background-image: url(../images/h.png);
  background-size: cover;
  width: .75rem;
  height: .0625rem;
  position: absolute;
  left: 90%;
  top: 50%;
  transition: all .5s ease-in-out;
}

.allnav li ul {
  overflow: hidden;
  max-height: 0;
  transition: max-height .5s ease-in-out;

}

.visible {
  max-height: 62.5rem !important;
}
.unfold {
  transition: max-height .5s ease-in-out;
  max-height: 62.5rem !important;
}


@media (max-width: 1500px) {
  .ejbg .midd {
    left: 34%;
  }
}
@media (max-width: 1330px) {
  .ejbg .midd {
    left: 32%;
  }
  .pos {
    flex-wrap: wrap;
  }
  .pos ul{
   flex: 1;
  }
  .posbox{
    width: 100%;
    flex-wrap: wrap;
    margin-right: 10px;
  }
  .bordernor {
    flex: 1;
    border-right: 1px solid #eee!important;
  }
  .bordernol {
    flex: 1;
    margin-left: 71px;
    border-left: 1px solid #eee!important;
  }
  .pos ul li {
    width: 90%;
  }


}
@media (max-width: 1230px) {
  .teach-b .t-item div {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
  }
  .ejbg .midd {
    left: 30%;
  }
  .children-menu li a {
    font-size: 12px;
  }
}
@media (max-width: 1030px) {
  .children-menu li a {
    font-size: 10px;
  }
  .ejbg .midd {
    left: 28%;
  }
  .new-item .time {
    display: none;
  }
  .new-item .title {
    margin: 30px 24px 40px;
  }
  .jslist li .jsword {
    padding-left: 194px;
  }
  .teach-b .t-item h3 {
    margin: 20px 0 20px;       
  }
  .teach-b .t-item p {
    margin-top: 20px;
  }
}
@media (max-width: 940px) {
  .sybox li {
    width: 47%;
    margin-right: 6%!important;
  }
  .sybox li:nth-child(2n) {
    margin-right: 0!important;
  }
}
@media (max-width: 920px) {
  .major .img-ti .imgb div{
    width: 70%;
  }
  .ejbg .midd {
    left: 25%;
  }
  .kyptbox .codebox {
    display: none;
  }
  .text-img {
    height: 24rem;
  }
  .jslist li {
    width: 100%;
    margin-right: 0!important;
  }
  .sshbox li {
    width: 30%;
    margin-right: 5%!important;
  }
  .sshbox li:nth-child(3n) {
    margin-right: 0!important;
  }
}
@media (max-width: 860px) {
  .children-menu li a {
    font-size: 8px;
  }
  .about .img-box img {
    height: 30rem;
  }
  .ejbg .midd {
    left: 21%;
  }
  .syfc .imgbox {
    width: 340px;
  }
  .syfc li a .text {
    padding-left: 387px;
}
.xslist li {
  width: 47%;
  margin-right: 6%!important;
}
.xslist li:nth-child(2n) {
  margin-right: 0!important;
}
 .topright .form {
  width:180px;
 }
 .topright .serbb{
  width: 55px;
 }
}
@media (max-width: 780px) {
  .ejbg .midd {
    left: 19%;
  }
.friend{
  flex-wrap: wrap;
  margin-bottom:.5rem ;
}
.foot-item {
  margin-bottom:.5rem ;
}
.adr {
  margin-top: .8rem;
}
.new-item {
  width: 100%;
}
.no-mid .new-item:nth-child(2n) {
  margin-right: 0!important;
}
.bot-item {
  padding: 4.5rem 1rem;
}
.stu-s .flexb {
  flex-direction: column;
}
.stu-s .s-left{
  width: 100%;
}
.stu-s .s-left .item {
  margin-right: 4%;
  margin-bottom: 1rem;
}
.stu-s .s-left .item:nth-child(2) {
  margin-right: 0;
}
.stu-s  .s-right {
  width: 100%;
  margin-top: 2rem;
}
.s-right div{
  margin-bottom: 1rem;
}
.teach-b .t-item div {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.teach-b .t-item h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-align: justify;
}
.teach-b .t-item p {
  margin-top: 20px;
}
.pos ul li {
  width: 400px;
}
 .topright .form {
  width: 144px;
}
.swiper{
  height: 20rem;
}
.swiper .swiper-slide img {
  height: 100%;
}
}
@media (max-width: 750px) {
  .net{
       display: none;
     }
 .logo-box {
 margin-right: .5rem;
  }
 }
@media (max-width: 690px) {
  .navigator-menu {
    display: none;
  }
  .syfc .imgbox {
    width: 280px;
  }
  .syfc li a .text {
    padding-left: 327px;
}
 .smallnav{
    display: block;
   
  }
}
@media (max-width: 660px) {
  .ejbg .midd {
    left: 14%;
  }
  .top-n p {
    font-size: 1.4rem;
 display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  }

  .about .img-box img {
    height: 20rem;
  }
  .ab-left .dec {
    margin: 55px 0 35px;
  }
  .sybox li {
    width: 100%;
    margin-right: 0%!important;
  }
  .syfc .imgbox {
    width: 240px;
  }
  .syfc li a .text {
    padding-left: 277px;
}
.sshbox li {
  width: 47%;
  margin-right: 6%!important;
}
.sshbox li:nth-child(2n) {
  margin-right: 0!important;
}
.sshbox li:nth-child(3) {
  margin-right: 6%!important;
}
.zysznav li a{
  font-size: 15px;
}
.zysznav li {
  padding: 0 14px!important;
}
.mid .gangwei {
  width: 160px;
}
.pos ul {
  padding: 20px 20px 30px 20px;

}

.teach-b .t-item div {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-align: justify;
}
.teach-b .t-item:nth-child(1){
  padding: 0px 35px;
}
.teach-b .t-item:nth-child(4){
  padding: 0px 35px;
}
}
 @media (max-width: 630px) {
  .top-n p{
    font-size: 1.2rem;
 display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  }

 }
@media (max-width: 570px){
  .pos ul li{
    width: 300px;
  }
  .zysznav li a{
    font-size: 14px;
  }
  .zysznav li {
    padding: 0 12px!important;
  }
  .ejbg .midd {
    left: 10%;
  }
  .about .img-box img {
    display: none;
  }
  .ab-left {
    flex: 30;
  }
  .about .img-box{
    width: 1%;
  }
  .ab-left .dec {
    margin: 55px 0 95px;
  }
 .footbox .footR{
     padding-left: 4%;
    }
    .footbox  .foot-logo-box{
      display: none;
    }
    .friend  .foot-item{
      margin-right: .5rem;
    }
   
    .logo-box{
      margin-right: .5rem;
    }
    .net{
      display: none;
    }
    .xslist li {
      width: 100%;
      margin-right: 0!important;
    }

.fcbox .exc span {
  margin-right: 20px;
}

}
 @media (max-width: 540px) {

  }
@media (max-width: 530px){
  .ejbg .midd {
    left: 7%;
  }
  .zysznav li a{
    font-size: 13px;
  }
  .zysznav li {
    padding: 0 10px!important;
  }
}
  @media (max-width: 500px){
  .major .img-ti .imgb{
  width: 100%!important;
}
.major .img-ti .imgb div{
  bottom: 33px!important;
}

    .navigator-menu {
      padding: 0 ;
    }
    .new-item .time {
      display: block;
    }
    .no-mid {
      flex-wrap: wrap;
    }
    .no-item {
      width: 48%;
      margin-right: 4%;
      margin-left: 0!important;
      margin-bottom: 2rem;
    }
    .no-mid  .no-item:nth-child(2n) {
      margin-right: 0;
    }
    .major .img-ti .imgb {
      width: 100%;
      margin-right: 0!important;
      margin-bottom: 60px;
    }
    .major {
      padding-bottom: 54px;
  }
  .ejbg .midd {
    left: 10%;
  }
.ejbg .midd .flexac div{
  font-size: 2rem;
}
.pos ul {
  padding: 40px 10px 50px 21px;
}
.xqbox .xqname{
  margin-left: 22px;
}
.xqbox .xqintro {
  margin-left: 32px;
}
.leader-box .r-item {
  width: 48%;
  margin-right: 4%!important;
 }
 .leader-box .r-item:nth-child(2n) {
  margin-right: 0!important;
 }
 .syfc .imgbox img {
  height: auto;
 }
 .syfc li a .text {
  padding-top: 100px;
  padding-left: 17px;
}
.syfc li a h4 {
  margin-bottom: 10px;
}
.syfc li a h5 {
  margin-bottom: 10px;
}
.syfc li a p {
  line-height: 27px;
}
.ejbg .midd .zyspan:last-child {
  margin-left: 0.5%;
}
.pos .office {
  display: none;
}
.pos ul li{
  width: 440px;
}
.bordernol {
  margin-left: 0px!important;
}
.major .img-ti .imgb img{
  height: 83%;
}
.major .img-ti .imgb div {
  bottom: 27px;
}
.major .img-ti .imgb:first-child{
  margin-top: 12px;
}
.major .img-ti .imgb {
  margin-bottom: 0!important;
}
.stu-s .s-left .item:nth-child(1) {
 width: 100%;
}
.stu-s .s-left .item:nth-child(2) {
  display: none;
}
.stu-s .s-left .item {
  margin-right: 0;
}
.teach-b .t-item:nth-child(1){
  padding: 0px 15px;
  padding-bottom: 20px;
}
.teach-b .t-item:nth-child(4){
  padding: 0px 15px;
  padding-bottom: 20px;
}
.teach-b .t-item div {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.ban-nav .flex li{
padding: 0 2px;
}
.ban-nav ul{
  flex-direction: column;
}
.ban-nav{
  height: auto;
}
.s-intro{
  padding-top: 40px;
}
.ejbg .midd .flexac:first-child img{
  display: none;
}
.ejbg .midd .flexac div{
  margin: 0;
}
.ejbg .midd .flexac:last-child{
  margin-left: 0;
}
.s-intro img{
  width: 100%!important;
  height: auto!important;
  object-fit: cover!important;
}
 .ban-nav .flex li{
    width: auto;
  }
.s-intro p:has(img) {
  text-indent: 0!important;
}
.s-intro p:has(iframe) {
  text-indent: 0!important;
}
}
  @media (max-width: 490px){
    .fram .jgt {
      margin-bottom: 70px;
    }
    .ejbg .midd {
      left: 7%;
    }
 
    .mid .gangwei {
      width: 200px;
    }
    .ejbg .midd.lon {
      left: .5%;
     }
     .ejbg .midd.lon .flexac {
      margin-left: 1%;
     }
     .ejbg .midd.lon .flexac span{
      margin-left: 2px;
     }
     .xq-img{
      width: 180px;
     }
     .jslist li .jsword p  span{
      display: block;
     
     }
     .ejbg .midd .zyspan:last-child {
      margin-left: -1.5%;
    }
    .ejbg .midd .flexac.zyspan span {
      font-size: 16px;
    }
    .zysznav li a{
      font-size: 12px;
    }
    .zysznav li {
      padding: 0 8px!important;
    }
    .mid .gangwei {
      width: 130px;
  }
 .s-right div:nth-child(5),.s-right div:nth-child(6),.s-right div:nth-child(7),.s-right div:nth-child(8){
    display: none;
  }
.friend  .foot-item{
  margin-right: 2rem;
}

}
@media (max-width: 380px){

  .zysznav li a{
    font-size: 10px;
  }
  .zysznav li {
    padding: 0 6px!important;
  }
  .sshbox li {
    width: 100%;
    margin-right: 0%!important;
  }
  .sshbox li:nth-child(3) {
    margin-right: 0%!important;
  }
  .mid .gangwei {
    width: 160px;
  }
  .long  .mid .gangwei {
    width: 120px;
  }
  .long .mid .renyuan {
    flex: .9;
  }
  .ejbg .midd {
    left: 3.5%;
  }
  .ejbg .midd .flexac div{
    margin: 0 10px;
  }
  .ejbg .midd .flexac.long {
   margin-left: -2.5%;
  }
  .xqbox .xqname{
    margin-left: 12px;
  }
  .xqbox .xqintro {
    margin-left: 22px;
  }
 .major .img-ti .imgb img{

  }
  .major .img-ti .imgb div {
    bottom: 61px;
  }
  .teach-b .t-item div {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }

}
/* .detail-box img {
  width: 100%;
  height: auto;
  object-fit: cover;
} */