* {
  margin: 0;
  padding: 0;
}

li {
  list-style-type: none;
}

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

html {
  font-size: calc(0.208vw + 12px);
}

.new_index {
  color: #000;
}

img {
  max-width: 100%;
}

.new_index img {
  display: initial;
}

.banner_swp {
  margin-top: calc(60px + 104px);
  height: calc(100vh - 60px - 104px);
  position: relative;
}

.banner_swp .txt {
  width: 100%;
  font-size: 6vw;
  position: absolute;
  bottom: 10vh;
  left: 3.125%;
  color: #fff;
  line-height: 1;
  z-index: 199;
}

.roll {
  position: absolute;
  bottom: 10vh;
  right: 6.8%;
  width: calc(60rem / 16);
  height: calc(60rem / 16);
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 299;
  cursor: pointer;
}

.roll .mouse {
  margin-bottom: 3px;
}

.banner_swp .swiper-slide .m_pic {
  display: none;
}

.banner_swp .swiper-slide .pc_pic {
  /* height: 100vh; */
  height: 100%;
  width: 100%;
}

.banner_swp .swiper-pagination-bullet {
  width: 50px;
  height: 5px;
  background: #fff;
  margin: 0px 6px !important;
  outline: none;
  border-radius: unset;
}

.banner_swp .swiper-pagination-bullet-active {
  background: #14468c;
}

.banner_swp .banner_pag {
  bottom: 30px !important;
}

.banner_swp .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner_swp .swiper-slide .link {
  background: #882321;
  padding: 16px 50px;
  font-size: calc(24rem / 16);
  color: #fff;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
}

.banner_swp .swiper-slide .link:hover {
  background: #b23533;
}

.mission-cont {
  text-align: center;
  padding-top: 5.75%;
  padding-bottom: 5%;
}

.mission-cont .title {
  font-size: calc(36rem / 16);
  margin-bottom: calc(39rem / 16);
}

.mission-cont .intro {
  color: #666;
  max-width: 35vw;
  margin: 0 auto;
  line-height: calc(28rem / 16);
  margin-bottom: calc(50rem / 16);
}

.mission-cont .items {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.mission-cont .items .item {
  width: 28.75%;
  margin-right: 6.8%;
  border: 1px solid #d7d7d7;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: calc(40rem / 16) calc(10rem / 16);
  position: relative;
}

.mission-cont .items .item:hover::after,
.mission-cont .items .item:hover::before {
  border-color: #882321;
}

.mission-cont .items .item::after {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 20%;
  height: 100%;
  border-left: 1px solid #14468c;
  border-top: 1px solid #14468c;
}

.mission-cont .items .item::before {
  content: '';
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 20%;
  height: 100%;
  border-bottom: 1px solid #14468c;
  border-right: 1px solid #14468c;
}

.mission-cont .items .item:last-child {
  margin-right: 0;
}

.mission-cont .items .item .item-t {
  font-size: calc(24rem / 16);
  color: #14468c;
  margin-bottom: calc(18rem / 16);
}

.mission-cont .items .item .item-i {
  color: #666666;
}

.to-detail {
  margin-top: calc(50rem / 16);
  text-align: center;
}

.to-detail-a:hover {
  color: #882321 !important;
}

.to-detail-a:hover .r-r {
  display: inline-block;
}

.to-detail-a:hover .b-r {
  display: none;
}

.to-detail-a {
  color: #14468c;
}

.to-detail-a img {
  margin-left: 12px;
}

.to-detail-a .r-r {
  display: none;
}

.value {
  background-color: #f9fafc;
}

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

.value_l {
  width: 50%;
  /* padding: calc(213rem / 16) 0 calc(196rem / 16); */
  padding: 13.3% 0 10%;
}

.value_l-t {
  font-size: calc(36rem / 16);
  margin-bottom: calc(39rem / 16);
}

.value_l-i {
  color: #666;
  margin-bottom: calc(39rem / 16);
}

.value_l-sign span {
  padding: 0 10px;
  border-right: 1px solid #14468c;
  line-height: 1;
  color: #14468c;
}

.value_l-sign {
  display: flex;
  align-items: center;
}

.value_l-sign span:first-child {
  padding-left: 0;
}

.value_l-sign span:last-child {
  border-right: 0;
}

.value_l .to-detail {
  text-align: left;
}

.value_r {
  width: 50%;
  /* padding: calc(57rem / 16) 0 calc(40rem / 16); */
  padding: 3.6% 0 2.5%;
  display: flex;
  align-items: center;
}

.admissions-cont {
  padding: 5% 0 4%;
}

.common-title {
  text-align: center;
}

.common-title .cn {
  font-size: calc(42rem / 16);
  font-weight: bold;
  padding-right: 20px;
}

.common-title .en {
  font-size: calc(32rem / 16);
  color: #14468c;
  border-left: 1px solid #d7d7d7;
  padding-left: 20px;
}

.admissions-cont .items {
  display: flex;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  margin-top: 3.1%;
}

.admissions-cont .item {
  width: 33.33%;
  border-left: 1px solid #d7d7d7;
  padding: 3.75%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.admissions-cont .item:first-child {
  border-left: 0;
}

.admissions-cont .item:last-child {
  border-right: 0;
}

.admissions-cont .item .time {
  color: #666666;
}

.admissions-cont .item .time-d {
  font-size: calc(50rem / 16);
}

.admissions-cont .item-t {
  font-size: calc(20rem / 16);
  margin: 27px 0;
}

.admissions-cont .item-pic {
  width: 100%;
  height: calc(250rem / 16);
}

.admissions-cont .item-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .5s;
}

.admissions-cont .item-pic:hover img {
  transform: scale(1.1);
}

.admissions-cont .item:hover .time,
.admissions-cont .item:hover .item-t {
  color: #14468c;
}

.admissions-cont .to-detail {
  text-align: center;
}

.deadline {
  background: url(../images_new/bg.png) no-repeat;
  background-size: cover;
  background-position: center;
}

.deadline-cont {
  display: flex;
  color: #fff;
}

.deadline-l {
  width: 35%;
  padding: 7.4% 0 13.3%;
  border-right: 1px solid rgba(255, 255, 255, .5);
}

.deadline-l-t {
  font-size: calc(42rem / 16);
}

.deadline-change {
  font-size: calc(24rem / 16);
  border-left: 2px solid rgba(255, 255, 255, .5);
  margin: 6% 0;
}

.deadline-change p {
  padding: 10px 0 10px 30px;
  cursor: pointer;
  position: relative;
}

.deadline-change p.active::after,
.deadline-change p:hover::after {
  content: '';
  position: absolute;
  top: 0;
  left: -2px;
  width: 2px;
  height: 100%;
  background-color: #fff;
}

.deadline-change p.active,
.deadline-change p:hover {
  font-weight: bold;
}

.start-application {
  width: 62.5%;
  max-width: 300px;
  height: 70px;
  background-color: #b92d1e;
  text-align: center;
  line-height: 70px;
}

.start-application .to-detail {
  width: 100%;
  height: 100%;
}

.start-application a {
  color: #fff !important;
  display: block;
}

.deadline-r {
  width: 65%;
  padding: 8.4% 0 13.3%;
}

.deadline-r-t {
  font-size: calc(42rem / 16);
  padding: calc(44rem / 16) calc(30rem / 16);
  position: relative;
}

.deadline-r-t::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0px;
  width: calc(100% + (100vw - (100vw - 90vw / 5.8)) / 2);
  height: 1px;
  background-color: #fff;
}

.deadline-r-pic {
  padding: calc(44rem / 16) calc(30rem / 16);
}

.deadline-r-pic .items {
  display: none;
  flex-wrap: wrap;
}

.deadline-r-pic .items.active {
  display: flex;
}

.deadline-r-pic .items .item {
  width: calc((100% - 80px) / 5);
  min-width: 120px;
  height: calc(205rem / 16);
  margin-right: 20px;
  margin-bottom: 15px;
}

.deadline-r-pic .items .item:nth-child(5n) {
  margin-right: 0;
}

.deadline-r-pic .items .item .item-t {
  height: calc(58rem / 16);
  text-align: center;
  line-height: calc(66rem / 16);
  color: #fff;
  background: url(../images_new/bg-11.png) no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
}

.deadline-r-pic .items .item .item-time {
  height: calc(100% - 58rem / 16);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, .9);
  color: #14468c;
  flex-direction: column;
}

.deadline-r-pic .items .item .time-day {
  font-size: calc(49rem / 16);
  line-height: 1;
}

.deadline-r-pic .items .item .time-m {
  font-size: calc(28rem / 16);
}


.activities {
  background-color: #f9fafc;
}

.activities-cont {
  padding: 5% 0 4%;
}

.activities-cont .items {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  display: flex;
  padding: calc(40rem / 16) 0;
  margin: 3.6% 0;
}

.activities-cont .item {
  width: 23.3%;
  margin-right: 3.5%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.activities-cont .item:last-child {
  margin-right: 0;
}

.activities-cont .item-top {
  display: flex;
}

.activities-cont .item .time {
  width: calc(55rem / 16);
  height: calc(55rem / 16);
  background-color: #14468c;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: calc(14rem / 16);
  color: #fff;
  flex-direction: column;
  padding: calc(5rem / 16);
}

.activities-cont .item .time-d {
  font-size: calc(38rem / 16);
  line-height: 1;
}

.activities-cont .item .time-y-m {
  font-size: calc(12rem / 16);
}

.activities-cont .item .title {
  font-size: calc(20rem / 16);
}

.activities-cont .item-b {
  margin-top: calc(42rem / 16);
  color: #666;
  font-size: calc(14rem / 16);
  padding-left: calc(69rem / 16);
}

.activities-cont .item:hover .item-top .title,
.activities-cont .item:hover .item-b {
  color: #882321;
}

.news-cont {
  padding: 5% 0 4%;
}

.news-cont .items {
  display: flex;
  margin-top: 3.6%;
}

.news-cont .item {
  width: 23.3%;
  margin-right: 3.5%;
  display: flex;
  flex-direction: column;
}

.news-cont .item:last-child {
  margin-right: 0;
}

.news-cont .item .pic {
  width: 100%;
  height: calc(240rem / 16);
  overflow: hidden;
}

.news-cont .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .5s;
}

.news-cont .item:hover .txt .time,
.news-cont .item:hover .txt .font {
  color: #882321;
}

.news-cont .item:hover .pic img {
  transform: scale(1.1);
}

.news-cont .item .txt {
  padding: calc(40rem / 16) calc(30rem / 16);
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  flex: 1;
}

.news-cont .item .txt .time {
  font-size: calc(32rem / 16);
  color: #999999;
  margin-bottom: calc(28rem / 16);
}

.news-cont .item .txt .font {
  font-size: calc(20rem / 16);
  color: #333;
}

.video {
  background: url(../images_new/bg1.png) no-repeat;
  background-size: cover;
  background-position: center;
}

.video-top {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding: 4% 0 3%;
}

.video-top a {
  margin-left: calc(30rem / 16);
  font-size: calc(20rem / 16);
  color: #fff;
}

.video-top a:hover {
  color: #882321;
}

.video-cont {
  padding: 0 0 4%;
  display: flex;
}

.video-l {
  width: 82.75%;
}

.video-l .items {
  display: flex;
}

.video-l .item {
  margin-right: 10px;
  height: calc(440rem / 16);
  width: calc((100% - 20px)/3);
  transition: width .5s;
  background-size: cover;
  background-position: center;
  position: relative;
}

.video-l .item .video-wrap,
.video-wrap .video-js {
  width: 100%;
  height: 100%;
}

.video-l .item:nth-child(1) {
  width: 56%;
  /* background-image: url(../images_new/tu8.png); */
}

.video-l .item:nth-child(1) .item-cont-wrap {
  display: block;
}

.video-l .item:nth-child(2) {
  /* background-image: url(../images_new/new_img9.jpg); */
}

.video-l .item:nth-child(3) {
  /* background-image: url(../images_new/new_img8.jpg); */
}

.video-l .item-cont-wrap {
  display: none;
}

.video-l .item-cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #fff;
  padding: calc(28rem / 16) calc(38rem / 16);
  box-sizing: border-box;
}

.video-l .item-cont h1 {
  margin-bottom: calc(27rem / 16);
  font-size: calc(24rem / 16);
  z-index: 1;
}

.video-l .item-cont p {
  line-height: calc(28rem / 16);
  z-index: 1;
}

.video-l .item-cont::after {
  content: '';
  width: 100%;
  height: 40%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, #8f2d1f, transparent);
}

.video-l .item-cont .play {
  width: calc(90rem / 16);
  height: calc(90rem / 16);
  background-color: rgba(0, 0, 0, .5);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: calc(-90rem / 16 / 2);
  margin-left: calc(-90rem / 16 / 2);
  cursor: pointer;
}

.video-l .item-cont .play:hover {
  background-color: rgba(12, 55, 115, .8);
  transform: scale(1.1);
  transition: .3s;
}

.video-r a {
  flex: 1;
  margin-left: 2.5%;
  border: 1px solid #f9fafc;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 calc(49rem / 16);
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.video-r .pic {
  width: calc(142rem / 16);
  height: calc(142rem / 16);
  background-color: #0c3773;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: calc(40rem / 16);
  border-radius: 50%;
}

.video-r .txt {
  font-size: calc(24rem / 16);
  color: #fff;
}

.video {
  padding-bottom: 3%;
}

.video .to-detail {
  margin-top: 0;
}

.video .to-detail-a {
  color: #fff;
}

.page-container {
  width: 440px;
  height: 250px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  transition: all 0.3s;
  background: url(../images/float.png?v=1.56) no-repeat center / contain;
}

.float-close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 20px;
  right: 20px;
  /* pointer-events: none; */
}

.day-title {
  text-align: center;
  display: flex;
  gap: 20px;
  font-size: 18px;
  font-weight: 400;
  align-items: center;
  /* margin-top: 20px; */
  color: #fff;
  /* margin-bottom: 20px; */
}

.day-title strong {
  font-size: 24px;
  font-weight: 600;
  vertical-align: bottom;
}

.left-line {
  width: 30px;
  height: 1px;
  background: linear-gradient(to left,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0.8) 30%,
      rgba(255, 255, 255, 0.6) 60%,
      rgba(255, 255, 255, 0.4) 80%,
      rgba(255, 255, 255, 0) 100%);
}

.right-line {
  width: 30px;
  height: 1px;
  background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0.4) 80%, rgba(255, 255, 255, 0) 100%);
}

.day-num {
  color: #da4037;
  font-size: 52px;
  font-weight: 700;
}

.time-value {
  width: 130px;
  padding-top: 30px;
  padding-left: 3px;
  height: 140px;
  border-radius: 10px;
  /* margin-left: 40px; */
  background: url('../images/time-bg.png') no-repeat;
  background-size: cover;
  color: #da4037;
  font-weight: 700;
  text-align: center;
}

.float-box {
  width: 100%;
  height: 100%;
  display: inline-block;
  padding: 30px 20px 0;
}

.float-box .float-box__content {
  width: max-content;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
  align-items: center;
}

@media screen and (max-width: 1580px) {
  .banner_swp {
    margin-top: calc(60px + 82.4px);
    height: calc(100vh - 60px - 82.4px);
  }

  .roll {
    bottom: calc(70rem / 16);
  }
}

@media screen and (max-width: 1380px) {
  .admissions-cont .item-pic {
    height: calc(200rem / 16);
  }

  .news-cont .item .pic {
    height: calc(190rem / 16);
  }
}

@media screen and (max-width: 1180px) {
  .banner_swp {
    margin-top: 59px;
    height: unset;
  }

  .page-container {
    scale: 0.8 !important;
    /* display: none; */
  }

  .banner_swp .swiper-slide .pc_pic {
    display: none;
  }

  .banner_swp .swiper-slide .m_pic {
    display: block;
    height: auto;
    width: 100%;
  }

  .banner_swp .swiper-slide .m_pic img {
    width: 100%;
  }

  .mission-cont .intro {
    max-width: 63%;
  }

  .mission-cont .items,
  .value-cont,
  .admissions-cont .items,
  .deadline-cont,
  .activities-cont .items,
  .news-cont .items,
  .video-cont,
  .video-l .items {
    flex-direction: column;
  }

  .mission-cont .items .item {
    margin-bottom: calc(20rem /16);
    box-sizing: border-box;
  }

  .to-detail {
    margin-top: calc(30rem / 16);
  }

  .mission-cont .items .item,
  .value_l,
  .value_r,
  .admissions-cont .item,
  .deadline-l,
  .deadline-r,
  .activities-cont .item,
  .news-cont .item,
  .video-l,
  .video-r,
  .video-l .item {
    width: 100%;
  }

  .value_l-t {
    text-align: center;
  }

  .admissions-cont .item {
    border-left: 0;
    border-bottom: 1px solid #d7d7d7;
  }

  .deadline-l {
    padding-bottom: 0;
    border-right: 0;
  }

  .deadline-r-t::after {
    width: 100%;
  }

  .deadline-r-pic {
    padding: calc(30rem / 16) 0;
  }

  .activities-cont .item {
    margin-bottom: calc(35rem / 16);
  }

  .activities-cont .item-b {
    margin-top: calc(10rem / 16);
    padding-left: 0;
  }

  .video-l .item {
    width: 100% !important;
    margin-bottom: calc(20rem / 16);
  }

  .video-r a {
    box-sizing: border-box;
    margin-left: 0;
    padding: 10px calc(49rem / 16);
  }

  .video-r .pic {
    margin-bottom: calc(20rem / 16);
  }

  .item-cont-wrap {
    display: none !important;
  }

  .news-cont .item {
    margin-bottom: calc(20rem / 16);
  }

  .admissions-cont,
  .mission-cont,
  .activities-cont,
  .news-cont {
    padding-top: 10%;
  }

  .value_l {
    padding-bottom: 0;
  }

  .value_l-i {
    max-width: 63%;
    margin: 0 auto calc(39rem / 16);
  }

  .value_l-sign {
    justify-content: center;
  }

  .value_l .to-detail {
    text-align: center;
  }

  .common-title .cn {
    font-size: calc(32rem / 16);
  }

  .common-title .en {
    font-size: calc(26rem / 16);
  }

  .deadline-r {
    padding-top: 2.4%;
  }

  .deadline-r-pic .items .item {
    width: calc((100% - 60px) / 4);
    min-width: 100px;
  }

  .deadline-r-pic .items .item:nth-child(4n) {
    margin-right: 0;
  }

  .deadline-r-pic .items .item:nth-child(5n) {
    margin-right: 20px;
  }

  .admissions-cont .item-pic {
    height: initial;
  }

  .news-cont .item .pic {
    height: initial;
  }
}

@media screen and (max-width: 630px) {

  .deadline-r-pic .items .item {
    width: calc((100% - 40px) / 3);
    min-width: 100px;
  }

  .deadline-r-pic .items .item:nth-child(3n) {
    margin-right: 0;
  }

  .deadline-r-pic .items .item:nth-child(4n) {
    margin-right: 20px;
  }

  .deadline-r-pic .items .item:nth-child(5n) {
    margin-right: 20px;
  }
}

@media screen and (max-width: 400px) {
  .deadline-r-pic .items .item {
    min-width: 89px;
    height: calc(180rem / 16);
  }
}