a {
  text-decoration: none;
}

div {
  box-sizing: border-box;
}
html {
  font-size:20px;
}
.container {
  background-image: url(fix-bg.png);
  background-size: 100% 100%;
  background-attachment: fixed;
}
.mobile-navbar {
  height: 30.1rem;
  background: #084799;
  padding: 5.332rem 3.2rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-sizing: border-box;
  position: sticky;
  top: 0;
  z-index: 999;
  display: none;

}

.mobile-navbar .school-tag {
  width: 89.642rem;
  height: 20.3rem;
}

.mobile-navbar .menu-icon {
  width: 6.4rem;
  height: 6.4rem;
  cursor: pointer;
}

.mobile-navbar .search-icon {
  width: 6.4rem;
  height: 6.4rem;
  cursor: pointer;
  margin-right: 4.256rem;
}
.swiper-slide {
  height: auto;
}

/* .swiper-slide img {
  width: 100%;
  display: block;
  height: 39rem;
} */
.swiper-button-next, .swiper-button-prev,
.custom-next, .custom-prev {
  width: 1.04rem !important;
  height: 2.08rem !important;
  background: rgba(0,0,0,0.25);
  /* background-image: none !important; */
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-next {
  right: 12.5rem !important;
  background-image: url(arrow-right-new.png) !important;
  background-size: 1.56rem 1.56rem !important;
}

.swiper-button-prev {
  left: 12.5rem !important;
  background-image: url(arrow-left-new.png) !important;
  background-size: 1.56rem 1.56rem !important;
}
.header {
  position: relative;
}
.school-tag-box {

}
.navbar {
  position: fixed;
  height: 10.4rem;
  background: linear-gradient( 180deg, #084799 0%, rgba(9,71,152,0.7) 61%, rgba(13,68,145,0) 100%);
  /* background: linear-gradient( 180deg, #084799 0%, rgba(9,71,152,1) 61%, rgba(13,68,145,1) 100%); */
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2.08rem;
  transition: all .7s;
}
.navbar-search {
  position: relative;
  width: 7.6rem;
  height: 1.6rem;
  border-radius: 1.6rem;
  background-color: #fff;
  font-size: 0.7rem;
  color: rgba(0, 0, 0, 0.45);
  display: flex
  ;
  align-items: center;
  padding-left: 0.5rem;
  margin-left: 2.4rem;
}
.navbar-search .navbar-search-icon {
  position: absolute;
  top: 50%;
  right: 0.1rem;
  transform: translateY(-50%);
  width: 1.4rem;
  height: 1.4rem;
}

.scroll-navbar {
  background: #084799;
  height: 7.8rem;
}

.scroll-navbar .nav-list .nav-item:hover,
.scroll-navbar .nav-list .nav-item:hover .label {
  background-color: #fff;
  color: #084799;
}
.navbar .school-tag {
  width: 50rem;    
}

.nav-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 2.6rem;
  margin-top: 1.04rem;
}
.nav-list .nav-item {
  font-family: PingFangSC, PingFang SC;
  font-weight: 700;
  font-size: 1rem;
  color: #FFFFFF;
  height: 1.456rem;
  padding: 0 0.832rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .3s;
  position: relative;
}
.nav-list .nav-item .label {
  transition: all .3s;
  color: #fff;
}
.nav-list .nav-item .label:hover {
  background-color: #084799;
}

.nav-list .nav-item .children-nav-list {
    position: absolute;
    transform: translateY(100%);
    left: 0;
    height: 0;
    transition: height .4s;
    overflow: hidden;
    padding-top: 10px;
}

.nav-list .nav-item:hover .children-nav-list {
  height: 100%;
  overflow: visible;
}
.children-nav-list>a {
  height: 1.664rem;
  background-color: #fff;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 0.728rem;
  color: rgba(0,0,0,0.88);
  padding: 0 0.832rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
}
.children-nav-list>a:hover {
  background: #084799;
  color: #fff;
}

.nav-list .nav-item .children-nav-item {
  height: 1.664rem;
  background-color: #fff;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 0.8rem;
  color: rgba(0,0,0,0.88);
  padding: 0 0.832rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
}

.nav-list .nav-item .children-nav-item:hover {
  background: #084799;
  color: #fff;
}

.nav-list .nav-item:hover {
  background-color: #084799;
}
.nav-list .nav-item .label {
  position: relative;
}

.nav-list .nav-item.actived .label::after {
  content: '';
  height: 0.21rem;
  width: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.4rem;
  
}

.right-option-box {
  position: fixed;
  top: 50%;
  right: 0.52rem;
  z-index: 999;
  width: 4.16rem;
  height: 10.816rem;
  background: linear-gradient( 180deg, #1BCEF1 0%, #397AE7 100%);
  border-radius: 0.624rem;
  box-sizing: border-box;
  padding: 2.912rem .416rem .416rem;
}

.right-option-box .ip-img {
  width: 3.328rem;
  height: 4.16rem;
  position: absolute;
  top: -1.664rem;
  left: 50%;
  transform: translateX(-50%);
}

.right-option-box .right-option-item {
  height: 1.664rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 0.728rem;
  color: #FFFFFF;
  position: relative;
  cursor: pointer;
}

.right-option-box .right-option-item .right-opton-content {
  position: absolute;
  left: -1rem;
  top: 0;
  background: linear-gradient(180deg, #1BCEF1 0%, #397AE7 100%);
  border-radius: 0.4rem;
  padding: 0.5rem;
  transition: transform .2s;
  opacity: 0;
  z-index: 1;
  width: 0;
  height: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.right-option-box .right-option-item:hover .right-opton-content {
  transform: translateX(-100%);
  opacity: 1;
  width: auto;
  height: auto;
}

.right-option-box .right-option-item .right-opton-content .contact-content {
  display: flex;
  white-space: nowrap;
  font-size: 0.8rem;
  line-height: 1rem;
  

}

.right-option-box .right-option-item .right-opton-content .qrcode-box {
  width: 5rem;
  height: 5rem
}

.right-option-box .right-option-item .right-opton-content .tips-box {
  margin-top: 0.2rem;
  text-align: center;
  line-height: 1rem;
}


.right-option-box .right-option-item::after {
  content: '';
  display: block;
  height: 0.052rem;
  width: 100%;
  background-image: url(right-line-bg.png);
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}


.right-option-box .right-option-item:last-child::after {
  display: none;
}
.right-option-box .right-option-item:last-child {
  height: 2.704rem;
}

.right-option-box .arrow-up-icon {
  width: 0.832rem;
  height: 0.832rem;
  margin-top: 0.208rem;
}




.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100vw;
  overflow: hidden;
}

.content .section-1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: linear-gradient(  #FFFFFF 0%, #D1EDFF 100%);
  padding: 3.328rem 0;
  position: relative;
}

.content .section-1 .bg {
  width: 26.728rem;
  height: 17.264rem;
  position: absolute;
  right: 0;
  bottom: 0;
}

.card-box.dynamic {
  width: 51.688rem;
  position: relative;
  z-index: 99;
}

.card-box.news {
  width: 23.296rem;
  margin-left: 2.496rem;
  position: relative;
  z-index: 99;
}

.card-box.party {
  width: 74.88rem;
}

.card-box.notice, .card-box.public, .card-box.enrollment, .card-box.employment {
  width: 23.296rem;
}

.card-box.psychological {
  width: 36.192rem;
  background-color: #fff;
}

.card-box.psychological .card-header {
  height: 4.576rem;
  align-items: center;
  padding: 0 1.248rem;
  margin: 0;
}

.card-box.psychological .title::before {
  display: none;
}

.card-box.regulations {
  width: 36.192rem;
}

.card-box.download {
  margin-left: 2.496rem;
  width: 36.192rem;
}


.card-box .card-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 0.624rem;


}

.card-box .card-header .more,
.card-box .card-header .more a {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 0.832rem;
  color: rgba(0,0,0,0.45);
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}

.card-box .card-header .more .more-icon {
  height: 1.248rem;
  width: 1.248rem;
  margin-left: 0.208rem;
}

.card-box .card-header .title::before {
  content: '';
  width: 0.416rem;
  height: 1.56rem;
  background: #084799;
  margin-right: 0.416rem;
}

.card-box .card-header .title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 1.664rem;
  color: rgba(0,0,0,0.88);
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
}
.card-box .card-content {
  border-top: 1px solid #0000001A;
  padding-top: 0.832rem;
}

.card-box .card-content .dynamic-content {
  display: flex;
  flex-direction: row;

}

.card-box .card-content .dynamic-content .news-img {
  width: 27.248rem;
  height: 18.304rem;
  cursor: pointer;
  transition: all .4s;
}

.card-box .card-content .dynamic-content .news-img:hover {
  transform: scale(1.2);
}

.card-box .card-content .dynamic-content .news-post {
  width: 27.248rem;
  height: 18.304rem;
  background: #ddd;
  overflow: hidden;
}
.card-box .card-content .dynamic-content .news-post img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card-box .card-content .dynamic-content .news-list {
  flex: 1;

}

.news-item,.download-item {
  height: 4.576rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #fff;
  padding: 0.832rem 1.04rem;
  position: relative;
  cursor: pointer;
  transition: all .3s;
  box-sizing: border-box;
}

.news-item::after, .download-item::after {
  content: '';
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 1.04rem;
  right: 1.04rem;
  background-color: rgba(0,0,0,0.06);
}

.news-item:last-child::after, .download-item:last-child::after {
  content: '';
  display: none;
}

.news-item:hover,
.download-item:hover {
  background-color: rgba(8, 71, 153, 1);
}

.news-item:hover .time-box {
  background-color: #fff;
}

.news-item:hover .news-title,
.news-item:hover .news-title a {
  color: #fff;
}

.news-item .time-box {

  background: rgba(8, 71, 153, .1);
}

.time-box {
  width: 3.952rem;
  height: 2.912rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.time-box .day {
  font-family: DINAlternate, DINAlternate;
  font-weight: bold;
  font-size: 1.144rem;
}

.time-box .year {
  font-family: DINAlternate, DINAlternate;
  font-weight: bold;
  font-size: 0.728rem;
}

.news-item .time-box .day {
  color: #084799;
  transition: all .3s;
}

.news-item .time-box .year {
  margin-top: 0.208rem;
  color: #084799;
  transition: all .3s;
}

.news-item .news-title {
  margin-left: 0.832rem;
  transition: all .3s;
}

.news-title,
.news-title a {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 0.936rem;
  color: rgba(0,0,0,0.88);
  line-height: 1.2 !important;
  -webkit-line-height: 1.2 !important;
}

.news-title .new-icon {
  width: 1.612rem;
  height: 0.832rem;
  margin-right: 0.312rem;
  display: inline-block;
}


.section-2 {
  width: 100%;
  padding: 3.328rem 0;
  background: #1A67D3;
  background-image: url(section-bg-2.png);
  background-size: 100% auto;
  background-repeat: no-repeat;

  background-position: right bottom;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.section-2 .title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 1.664rem;
  color: #FFFFFF;
  position: relative;
}

.section-2 .title::after {
  content: '';
  width: 1.56rem;
  height: 0.416rem;
  background: #FFFFFF;
  position: absolute;
  bottom: -1.04rem;
  left: 50%;
  transform: translateX(-50%);
}

.section-2 .func-list {
  display: flex;
  flex-direction: row;
  margin-top: 0;
}

.section-2 .func-list .func-item {
  margin-right: 7.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;

}

.section-2 .func-list .func-item:last-child {
  margin-right: 0;
}

.section-2 .func-list .func-item .label {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 1.248rem;
  color: #FFFFFF;
  margin-top: 1.144rem;
  text-align: center;
}

.section-2 .func-list .func-item .icon-box {
  width: 5.72rem;
  height: 5.72rem;
  background: #FAFAFC;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.section-2 .func-list .func-item .icon-box .icon {
  width: 2.496rem;
  height: 2.496rem;
}
.icon-box .icon {
  transition: all .3s;
}
.icon-box:hover .icon {
  transform: scale(1.2);
}
.section-3 {
  padding: 3.328rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: linear-gradient( #FAFDFF 0%, #D7F0FF 100%);
  width: 100%;
}

.new-card-list {
  display: flex;
  flex-direction: row;
}

.new-card-box {
  width: 17.784rem;
  background-color: #fff;
  position: relative;
  margin-right: 1.248rem;
  cursor: pointer;
  overflow: hidden;
}

.new-card-box:last-child {
  margin-right: 0;
}

.new-card-box .img,
.new-card-box img {
  width: 100%;
  height: 10.608rem;
  display: block;
  transition: all .4s;
}

.new-card-box .new-card-post {
  width: 100%;
  /* height: 10.608rem; */
  position: relative;
  overflow: visible;
}

.new-card-box .img:hover,
.new-card-box img:hover {
  transform: scale(1.2);
}

.new-card-box .time-box {
  position: absolute;
  left: 1.04rem;
  bottom: -1rem;
  color: #fff;
  background: #084799;
  z-index: 9;
}

.new-card-box .news-title {
  padding: 1.872rem 1.04rem 1.664rem;
}

.notice-list {
  display: flex;
  flex-direction: row;
  margin-top: 3.328rem;
}

.notice-list .card-box {
  margin-right: 2.496rem;
}

.notice-list .card-box:last-child {
  margin-right: 0;
}

.news-list .tabs-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 0.832rem;
}

.news-list .tabs-list .tabs-item {
  width: 11.2rem;
  height: 3.744rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 0.936rem;
  color: #FFFFFF;
  padding-left: 0.624rem;
  box-sizing: border-box;
  
}

.news-list .tabs-list .tabs-item.job {
  background-image: url(job-bg.png);
  background-size: 100% 100%;
}

.news-list .tabs-list .tabs-item.recruit {
  background-image: url(recruit-bg.png);
  background-size: 100% 100%;
}

.news-list .tabs-list .tabs-item .icon {
  width: 1.664rem;
  height: 1.664rem;
  margin-right: 0.624rem;
}

.section-4 {
  padding: 3.328rem 0 4.992rem;

  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.section-4 > .title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 1.664rem;
  color: #FFFFFF;
  position: relative;
}

.section-4 > .title::after {
  content: '';
  width: 1.56rem;
  height: 0.416rem;
  background: #FFFFFF;
  position: absolute;
  bottom: -1.04rem;
  left: 50%;
  transform: translateX(-50%);
}

.section-4 .psychological-list {
  margin-top: 3.328rem;
  display: flex;
  flex-direction: row;
}

.psychological-news-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 3.328rem;
  padding: 0 1.248rem;
  transition: all .3s;
}
.psychological-news-item:hover {
  background-color: rgba(8, 71, 153, 1);
}
.psychological-news-item:hover .news-title a,
.psychological-news-item:hover .time {
  color: #fff;
}

.psychological-news-item .left {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.psychological-news-item .news-title {
  width: 24.44rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.psychological-news-item .news-title a {
  transition: all .3s;
}

.psychological-news-item .circle {
  content: '';
  height: 0.416rem;
  width: 0.416rem;
  border-radius: 50%;
  border: 0.208rem solid #084799;
  margin-right: 0.416rem;
  flex-shrink: 0;
}

.psychological-news-item .time {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 0.728rem;
  color: rgba(0,0,0,0.45);
  transition: all .3s;
}
.psychological-card-list {
  display: flex;
  flex-direction: row;
}
.psychological-card-box {
  width: 16.848rem;
  height: 19.552rem;
  background-color: #fff;
  margin-left: 2.496rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url(psychological-card-bg.png);
  background-size: 100% 100%;
}
.psychological-card-box.workstation {
  background-image: url(workstation-card-bg.png);
}

.psychological-card-box .title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 1.248rem;
  color: rgba(0,0,0,0.88);
  margin-bottom: 7.176rem;
}
.psychological-card-box .view-button {
  width: 4.992rem;
  height: 1.664rem;
  background: #084799;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 0.832rem;
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.psychological-card-box .view-button .icon {
  width: 1.248rem;
  height: 1.248rem;
  margin-left: 0.208rem;
}

.section-5 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  background: linear-gradient(  #FFFFFF 0%, #D1EDFF 100%);
  padding: 3.328rem 0;
  position: relative;
}

.download-item {
  background-color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-items: center;
  height: 4.576rem;
  padding: 0 1.04rem;
}
.download-item:hover .file-title,
.download-item:hover .file-title a {
  color: #fff;
}

.download-item .left {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.download-item .left .file-icon {
  width: 1.664rem;
  height: 1.664rem;
  margin-right: 0.832rem;
}

.download-item  .download-icon {
  width: 1.248rem;
  height: 1.248rem;
}

.footer {
  height: 24.96rem;
  display: flex;
  flex-direction: column;
  padding-top: 2.808rem;
  background-image: url(footer-bg.png);
  background-size: 100% 100%;
}

.footer .section-list {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.footer .section {
  width: 21.632rem;
  margin-right: 4.992rem;
}

.footer .section:last-child {
  margin-right: 0;
}

.footer .section-header {
  position: relative;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 1.04rem;
  color: #FFFFFF;
}

.footer .section-header::after {
  display: block;
  content: '';
  height: 2px;
  width: 100%;
  background-image: url(line-bg.png);
  background-size: 100% 100%;
  margin-top: 0.52rem;
}

.footer .contact-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #fff;
  margin-bottom: 1.04rem;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 0.832rem;
  cursor: pointer;
}

.footer .contact-item .icon {
  height: 1.248rem;
  width: 1.248rem;
  margin-right: 0.416rem;
}

.footer .copy-right {
  height: 4.16rem;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 0.9rem;
  color: #FFFFFF;
  background-image: url(copy-right-bg.png);
  background-size: 100% 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.qrcode-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

}

.qrcode-list .qrcode-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 5.2rem;
  margin-right: 0.78rem;
  margin-bottom: 0.78rem;
  cursor: pointer;
}

.qrcode-list .qrcode-item:nth-child(3n) {
  margin-right: 0;
}

.qrcode-list .qrcode-item img {
  width: 3.536rem;
  height: 3.536rem;
  transition: all .3s;
}

.qrcode-list .qrcode-item img:hover {
  transform: scale(1.2);
}

.section-content {
  padding-top: 0.832rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.contact .section-content {
  flex-direction: column;
}

.qrcode-list .qrcode-item .label {
  width: 5.408rem;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 0.624rem;
  color: #FFFFFF;
  line-height: 0.832rem;
  text-align: center;
  margin-top: 0.416rem;
}

.link-item img {
  width: 9.256rem;
  height: 2.08rem;
}

.link-item {
  margin-bottom: 0.2rem;
  cursor: pointer;
  width: 45%;
}

.operation-box {
  height: 14.9rem;
  background-color: #f0f2f5;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 3.2rem;
  position: sticky;
  z-index: 999;
  top: 30.1rem;
  display: none;
}

.operation-box .search-box {
  width: 81.86rem;
  height: 8.53rem;
  background: rgba(8,71,153,0.08);
  border-radius: 1.04rem;
  position: relative;
}

.operation-box .search-box input {
  height: 100%;
  width: 100%;
  border: none;
  outline: none;
  padding-left: 10.66rem;
  background: transparent;
  box-sizing: border-box;
}

.operation-box .search-box .search-icon {
  width: 6.4rem;
  height: 6.4rem;
  position: absolute;
  top: 50%;
  left: 2.13rem;
  transform: translateY(-50%);

}

.operation-box .menu-box {
  height: 8.54rem;
  width: 8.54rem;
  background: #084799;
  border-radius: 1.04rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.operation-box .menu-box .menu-icon {
  height: 5.3rem;
  width: 5.3rem;
}
.file-title {
  color: rgba(0, 0, 0, 0.88);
}
.menu-close {
  display: none;
}
.new-card-box .news-title .title-text {
  line-height: 1.2;
}

@media screen and (max-width: 1560px) {
  html {
    font-size: 16px !important;
  }
}

@media screen and (max-width: 1299px) {
  html {
    font-size: 14px !important;
  }
}


@media screen and (max-width: 1000px) {
  html {
    font-size: 1vw !important;
  }
  .scroll-navbar {
    background: linear-gradient( 180deg, #084799 0%, rgba(9,71,152,0.7) 61%, rgba(13,68,145,0) 100%);
  }
  .right-option-box {
    display: none !important;
  }
  .mobile-navbar {
    display: flex;
  }
  .container {
    background-image: url(mobile-fixed-bg.png);
    width: 100vw;
    /* overflow: hidden; */
    /* padding-top: 30.1rem; */
  }
  .menu-close {
    position: fixed;
    top: 3rem;
    right: 3rem;
    z-index: 9999;
    height: 5.3rem;
    width: 5.3rem;
    display: none;
  }
  .menu-close img {
    width: 100%;
    height: 100%;
  }
  .navbar {
    display: block;
  }
  .navbar-search {
    display: none;
  }
  .navbar .school-tag {
    display: none;
  }
  .nav-list {
    width: 100%;
    flex-direction: column;
    background-color: #084799;
    height: 0;
    overflow: hidden;
    transition: all .4s;
    margin-top: 0;
  }
  .nav-list .nav-item {
    width: 100%;
    font-size: 5rem;
    height: 6rem;
    line-height: 1.5;
    margin-bottom: 1rem;
  }
  .nav-list .nav-item .label {
    line-height: 1.5;
  }
  .nav-list .nav-item .children-nav-list {
    display: none;
  }
  .nav-list .nav-item:hover {
    background-color: #fff;
  }
  .nav-list .nav-item:hover .label {
    color: #084799;
  }
  .nav-list .nav-item .label:hover {
    background-color: #fff;
  }
  .operation-box {
    display: flex !important;
    position: sticky;
  }
  .operation-box .search-box .input {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-left: 10.66rem;
    line-height: 8.53rem;
    font-size: 3.2rem;
    color: #71787a;
    display: flex;
    align-items: center;
  }
  .section-1 {
    display: flex;
    flex-direction: column !important;
  }
  .card-box.dynamic {
    width: 100%;
  }
  .section-1 .dynamic-content {
    flex-direction: column !important;
  }
  .section-1 .dynamic-content .news-post {
    width: 100% !important;
    height: 100% !important;
  }
  .section-1 .dynamic-content .news-img {
    width: 100% !important;
    height: auto !important;
  }
  .card-box {
    width: 100%;
    padding: 3.12rem;
    box-sizing: border-box;
    background-image: url(mobile-card-bg.png);
    background-size: 83.66rem 41.5rem;
    background-position: top right;
    background-repeat: no-repeat;
  }
  .card-box.news {
    width: 100%;
    background-image: url(mobile-card-notice-bg.png);
  }
  .card-box.party {
    width: 100%;
    background-image: url(mobile-card-party-bg.png);
  }
  .card-box.public {
    width: 100%;
    background-image: url(mobile-card-public-bg.png);
  }
  .card-box.regulations {
    width: 100%;
    background-image: url(mobile-card-regulations-bg.png);
  }
  .card-box.download {
    width: 100%;
    background-image: url(mobile-card-download-bg.png);
  }
  .card-box.enrollment {
    width: 100%;
    background-image: url(mobile-card-enrollment-bg.png);
  }
  .card-box.employment {
    width: 100%;
    background-image: url(mobile-card-employment-bg.png);
  }

  .card-box .card-header {
    margin-bottom: 1.56rem;
  }
  .card-box .card-header .title {
    font-size: 4.8rem;
  }
  .card-box .card-header .more,
  .card-box .card-header .more a {
    font-size: 3.12rem;
  }
  .card-box .card-header .more .more-icon {
    width: 4.16rem;
    height: 4.16rem;
  }
  .card-box .card-header .title::before {
    width: 1.04rem;
    height: 4.16rem;
  }
  .card-box .card-content {
    padding-top: 2.08rem;
  }
  .news-item, .download-item {
    height: 15.6rem;
    padding: 2.08rem;
  }
  .time-box {
    height: 9.88rem;
    width: auto;
    min-width: 11.4rem;
    padding: 0 1rem;
  }
  .time-box .day {
    font-size: 3.64rem;
  }
  .time-box .year {
    font-size: 2.6rem;
    margin-top: 0.52rem;
  }
  .section-1 .bg {
    display: none;
  }
  .news-title,
  .news-title a {
    font-size: 3.64rem;
    line-height: 5.72rem;
    margin-left: 2.08rem !important;
  }
  .news-title a {
    margin-left: 0 !important;
  }
  .card-box.news {
    width: 100%;
  }
  .section-2 {
    padding: 8.32rem 2.6rem;
    box-sizing: border-box;
  }
  .section-2 > .title, .section-4 > .title {
    font-size: 4.68rem;
  }
  .section-2 > .title::after, .section-4 > .title::after {
    width: 4.16rem;
    height: 1.04rem;
    bottom: -2rem
  }
  .section-2 .func-list .func-item {
    flex: 1;
    margin: 0;
  }
  .section-2 .func-list .func-item .icon-box {
    height: 11.44rem;
    width: 11.44rem;
  }
  .section-2 .func-list .func-item .icon-box .icon {
    height: 6.24rem;
    width: 6.24rem
  }
  .section-2 .func-list {
    margin-top: 9.62rem;
    width: 100%;
  }
  .section-2 .func-list .func-item .label {
    font-size: 2.86rem;
    margin-top: 3.5rem;
  }

  .card-box.party {
    width: 100%;
  }
  .new-card-list {
    flex-wrap: wrap;
  }
  .new-card-box {
    flex-shrink: 0;
    width: 45.8rem;
    margin-right: 0;
    margin-bottom: 2.08rem;
  }
  .new-card-box:nth-child(2n-1) {
    margin-right: 2.08rem;
  }
  .new-card-box .img,
  .new-card-box img {
    height: 27rem;
  }
  .new-card-box .time-box {
    bottom: -3rem;
    left: 3.2rem;
  }
  .new-card-box .news-title {
    padding: 4.16rem 3.12rem;
    box-sizing: border-box;
    margin: 0 !important;
  }
  .new-card-box .news-title .title-text {
    display: -webkit-box; /* 蹇呴』浣跨敤 -webkit-box */
    -webkit-box-orient: vertical; /* 璁剧疆鐩掑瓙鐨勬帓鍒楁柟鍚� */
    -webkit-line-clamp: 2; /* 闄愬埗鏄剧ず鐨勮鏁� */
    overflow: hidden; /* 瓒呭嚭闅愯棌 */
    text-overflow: ellipsis; /* 瓒呭嚭鏄剧ず鐪佺暐鍙凤紙鍙€夛級 */
    line-height: 5.72rem;
    font-size: 3.64rem;
  }
  .news-title .title-text {
    display: -webkit-box; /* 蹇呴』浣跨敤 -webkit-box */
    -webkit-box-orient: vertical; /* 璁剧疆鐩掑瓙鐨勬帓鍒楁柟鍚� */
    -webkit-line-clamp: 2; /* 闄愬埗鏄剧ず鐨勮鏁� */
    overflow: hidden; /* 瓒呭嚭闅愯棌 */
    text-overflow: ellipsis; /* 瓒呭嚭鏄剧ず鐪佺暐鍙凤紙鍙€夛級 */
    line-height: 1.2;
    font-size: 3.64rem;
  }
  .news-title .new-icon {
    width: 7rem;
    height: 3.64rem;
  }
  .notice-list {
    flex-direction: column;
  }
  .card-box.notice {
    width: 100%;
  }
  .news-list .tabs-list {
    margin-bottom: 2.08rem;
  }
  .news-list .tabs-list .tabs-item {
    width: 45.7rem;
    height: 14.93rem;
    font-size: 3.73rem;
    padding-left: 2.133rem;
  }
  .news-list .tabs-list .tabs-item .icon {
    width: 8.53rem;
    height: 8.53rem;
    margin-right: 2.133rem;
  }
  .section-4 {
    padding: 8.533rem 3.2rem;
    box-sizing: border-box;
  }
  .section-4 .psychological-list {
    width: 100%;
    flex-direction: column !important;
    margin-top: 7.733rem;
  }
  .card-box.psychological {
    width: 100%;
    background-image: none;
  }
  .psychological-news-item {
    flex-direction: column;
    align-items: flex-start;
    height: 16.27rem;
    padding: 3.2rem 0;
    box-sizing: border-box;
    border-bottom: 1px solid #0000001A;
  }
  .psychological-news-item:last-child {
    border-bottom: none;
  }
  .psychological-news-item .left {
    width: 100%;
  }
  .psychological-news-item .news-title {
    width: 100%;
  }
  .psychological-news-item .circle {
    height: 1.6rem;
    width: 1.6rem;
    border-width: 0.8rem;
  }
  .card-box.psychological .card-header {
    margin-bottom: 1.56rem;
    padding: 0;
  }
  .psychological-news-item .time {
    font-size: 3.2rem;
  }
  .psychological-card-list {
    margin-top: 6.4rem;
  }
  .psychological-card-box {
    width: 45.73rem;
    height: 50.13rem;
  }
  .psychological-card-box:first-child {
    margin-left: 0 !important;
  }
  .psychological-card-box .title {
    font-size: 3.73rem;
    margin-bottom: 16rem;
  }
  .psychological-card-box .view-button {
    width: 19.2rem;
    height: 6.4rem;
    font-size: 3.73rem;
  }
  .psychological-card-box .view-button .icon {
    width: 4.27rem;
    height: 4.27rem;
  }
  .section-5 {
    flex-direction: column;
  }
  .card-box.regulations {
    width: 100%;
    box-sizing: border-box;
  }
  .card-box.download {
    width: 100%;
    box-sizing: border-box;
    margin-left: 0;
  }
  .download-item .left {
    margin-right: 3.733rem;
  }
  .download-item .left .file-icon {
    width: 8.53rem;
    height: 8.53rem;
    margin-right: 3.2rem;
  }
  .file-title {
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 3.733rem;
    color: rgba(0,0,0,0.88);
    line-height: 5.6rem;
  }
  .download-item .download-icon {
    width: 6.4rem;
    height: 6.4rem;
  }
  .footer {
    height: 100%;
    background-image: url(mobile-footer-bg.png);
    padding: 0;
  }
  .footer .section-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 6.4rem 3.2rem 0;
    box-sizing: border-box;
  }
  .footer .section {
    width: 100%;
    margin-right: 0;
  }
  .footer .section-header {
    font-size: 3.733rem;
  }
  .footer .section-header::after {
    margin-top: 2.13rem;
  }
  .footer .contact-item .icon {
    width: 5.2rem;
    height: 5.2rem;
    margin-right: 2.13rem;
  }
  .footer .contact-item {
    margin-bottom: 3.2rem;
    font-size: 3.2rem;
  }
  .section-content {
    margin-top: 3.2rem;
    margin-bottom: 6.4rem;
  }
  .footer .section.link .section-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    
  }
  .link-item {
    width: auto;
    margin-right: 2.13rem;
    margin-bottom: 2.13rem;
  }
  .link-item img {
    width: 45.73rem;
    height: 10.267rem;
  }
  .link-item:nth-child(2n) {
    margin-right: 0;
  }
  .qrcode-list .qrcode-item {
    width: 33.33%;
    margin-right: 0;
    margin-bottom: 4.77rem;
  }
  .qrcode-list .qrcode-item img {
    height: 17.29rem;
    width: 17.29rem;
  }
  .qrcode-list .qrcode-item .label {
    font-size: 3.2rem;
    width: 100%;
    line-height: 4rem;
    margin-top: 2.3rem;
  }
  .footer .copy-right {
    height: 11.73rem;
    font-size: 2.4rem;
  }
  .swiper-button-next, .swiper-button-prev {
    display: none;
    /* background-image: none !important; */
  }

  
}