@media (max-width: 500px) {
  html,
  body {
    font-size: 70%;
  }
  /*  页头 */
  .headers {
    padding: 0 1rem;
    height: 7rem;
    box-sizing: border-box;
  }
  .school-news .max .tabs-content .school-news-bot .item-box{
  
  flex-direction:column;
  height:100%;
  }
  img,
table{

 width:100%;
}
  .headers .logo {
    box-sizing: border-box;
   height: 83%;
  }
  .scientific-research .kydt .img .icon-l .chakan-img
  {
  display:none;
  }
   .scientific-research .kydt .img .icon-l .chakan-img-y
  {
  display:block;
  }
  .scientific-research .kydt .img .icon-l .chakan-img-y a{
  width:4rem;
  
  }
  .school-news .max .tabs-content .school-news-bot{
  
  height:100%;
  }
.school-news .max .school-news-top .tabs-content{
  height:100%;
}
  .school-news .max .tabs-content .school-news-bot .new-item-second ul li a .text{
  margin-bottom:1.2rem;
  height:1.6rem;
  }
  .headers .logo .left {
    width: 100%;
    height: 1.6875rem;
    padding: 0.5rem;
  }
   .headers .logo  a{
      width: 100%;
      padding:0.25rem!important;
    }
  .headers .logo .left img {
    background-size: 100%;
    width:26rem;
  }
  .headers .logo .right {
  width: 15%;
    display:flex;
    justify-content: space-between;
    margin-top:1rem;
  }
  .headers .logo .right .xx{
  display:none
}
  .headers .logo .right .menu {
    display: block;
  }
  .headers .logo .right .menu .menu-button .bar {
    width: 2.5rem;
    height: 0.375rem;
  }
  .headers .logo .right .search {
    height: 1.25rem;
    display:none;
  }
  .headers .logo .right .search input {
    height: 1.8rem;
  }
  .headers .logo .right .search::before {
    height: 1rem;
    width: 1rem;
    top: 20%;
  }
  .headers .logo .right .xx img {
    width: 100%;
    height: 2rem;
  }
  .headers .header-bot {
    display: none;
  }
  .banner {
    height: 18.75rem;
  }
  .banner .banner-section {
    width: 90%;
    height: 3rem;
    padding-left: 1rem;
    padding-right: 2rem;
    bottom: 0;
  }
  .banner .banner-section .nav-bar .nav-item {
    font-size: 1rem;
  }
  .banner .banner-section .nav-bar .nav-item:nth-child(3)::before {
    top: 25%;
  }
  .banners {
    margin-top: 7rem;
    height: 12rem;
  }
  .banners .banner-title {
    bottom: 5rem;
    left: 2rem;
  }
  .banners .banner-title .chinese,.banners .banner-title .English {
    font-size: 1.25rem;
  }
  .party-masses-working .list li a p{
   height:5.3rem;
  
  }
  .banners .banner-section {
    width: 98%;
    height: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
    bottom: 0;
  }
  .banners .banner-section .nav-bar .nav-item {
    font-size: 1rem;
    padding-right: 0.8rem;
  }
  .top-link {
    display: none;
  }
  .top-link .show {
    top: 8rem;
  }
  .school-news .max {
    width: 100%;
    padding: 2rem;
    padding-left: 2rem;
    box-sizing: border-box;
    height: 100%;
  }
  .footer .footer-text .footer-text-t .logos img{
  display:none;
  }
  .school-news .max .school-news-top .left {
    width: 75%;
  }
  .school-news .max .school-news-top .left li {
    text-align: center;
    font-size: 1.25rem;
    padding-left:1.5rem;
  }
  .school-news .max .school-news-top .left li:nth-child(1)::after {
    width: 1.5rem;
    height: 1.5rem;
    top: 4%;
  }
  .school-news .max .school-news-top .left li:nth-child(2)::after {
    width: 1.3rem;
    height: 1.5rem;
    top: 4%;
  }
  .school-news .max .school-news-top .left li:nth-child(3)::after {
    width: 1.3rem;
    height: 2rem;
    top: -0.0625rem;
  }
  .school-news .max .school-news-top .left a {
    padding-left: 1.8rem;
    font-family: PingFang;
    font-size: 1rem;
  }
  .school-news .max .school-news-top .left a:hover {
    color: #070707;
  }
  .school-news .max .school-news-top .right {
    width: 20%;
  }
  .school-news .max .school-news-bot {
    flex-direction: column;
  }
  .school-news .max .school-news-bot .new-item-first {
    width: 100%!important;
  }
  .school-news .max .school-news-bot .new-item-first .caption p {
    width: 90%;
  }
  .school-news .max .school-news-bot .new-item-first .caption p a {
    width: 100%!important;
  }
  .school-news .max .school-news-bot .new-item-second {
    width: 100%!important;
  }
  .school-news .max .tabs-content .school-news-bot .new-item-second ul{
  height:28.0625rem
  }
  .school-news .max .tabs-content .school-news-bot .new-item-second ul li{
   height:5rem;
   margin-bottom: 0.6875rem;
  }
  .school-news .max .school-news-bot .new-item-third {
    width: 100%!important;
  }
  .scientific-research {
    padding: 2rem;
    height: 100%;
  }
  .xxyw-swiper{
  
   width: 100%;
  }
  .scientific-research .kydt {
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
  }
  .scientific-research .kydt .img {
    width: 100%;
    flex-direction: column;
  }
  .scientific-research .kydt .img .icon-l {
    width: 100%;
    flex-direction: row;
    height: 5rem;
  }
  .scientific-research .kydt .img .icon-l .top {
    width: 50%;
    flex-direction: row;
    align-items: normal;
  }
  .scientific-research .kydt .img .icon-l .top p {
    padding-left: 1rem;
    writing-mode: horizontal-tb;
    font-size: 1.8rem;
  }
  .scientific-research .kydt .img .icon-l .top i img {
    width: 2.6875rem;
    height: 3rem;
    margin-bottom: 0.4375rem;
}
  .scientific-research .kydt .text {
    width: 100%;
  }
.scientific-research .kydt .text .text-list ul li .closeTite span{
    width: 22%;
  }
  .scientific-research .kydt .text .text-list ul li .text-title .text-title-top .text-detail a{
  
      width: 98%;

  
  }
  .scientific-research .xshd {
    height: 100%;
    flex-direction: column;
    margin-bottom: 1rem;
  }
  .scientific-research .xshd .text {
    height: 23rem;
    padding: 1rem;
  }
  .scientific-research .xshd .text .text-l .icon-t {
    line-height: 3.125rem;
    text-align: center;
  }
  .scientific-research .xshd .text .text-l .icon-t p {
    width: 3.5rem;
    padding-top: 2rem;
  }
  .scientific-research .xshd .text,
  .scientific-research .xshd .xshd-img {
    width: 100%;
  }
  .scientific-research .xshd .text .xshd-imgs,
  .scientific-research .xshd .xshd-img .xshd-imgs {
    width: 100%;
  }
  .admissions-employment {
    padding: 2rem;
    flex-direction: column;
  }
  .admissions-employment .admissions-employment-list {
    width: 100%;
  }
  .admissions-employment .admissions-employment-list .list {
    flex-direction: column;
  }
  .admissions-employment .admissions-employment-list .list ul {
    width: 100%;
  }
  .admissions-employment .admissions-employment-img {
    width: 100%;
  }
  .admissions-employment .admissions-employment-img ul {
    width: 100%;
  }
  .admissions-employment .admissions-employment-img ul li {
    width: 100%;
  }
  .admissions-employment .admissions-employment-img ul li img {
    width: 100%;
  }
  .school {
    padding: 2rem;
  }
  .school .school-img ul {
    flex-direction: column;
  }
  .school .school-img ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1rem;
    height: 12.375rem;
  }
  .school .school-img ul li:nth-child(4) {
    width: 100% !important;
  }
  .special-column {
    padding: 2rem;
  }
  .special-column .moti {
    display: flex;
    align-items: center;
  }
  .special-column .special-item ul {
    flex-direction: column;
  }
  .special-column .special-item ul li {
    width: 100%;
    padding-bottom: 2rem;
  }
  .footer {
    padding: 0;
  }
  .footer .link {
    height: 11rem;
    padding-left: 2rem;
    padding-right: 0;
  }
  .footer .link ul {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .footer .link ul li {
    padding: 0;
    height: 1.5rem;
  }
  .footer .link ul li a {
    line-height: 1rem;
  }
  .footer .footer-text {
    padding: 2rem;
  }
  .footer .footer-text .footer-text-t .loction {
    flex-direction: column;
  }
  .footer .footer-text .footer-text-b{
  font-size:1.125rem;
  
  }
  .footer .footer-text .footer-text-t .loction .loction-l {
    flex-direction: column;
  }
  .footer .footer-text .footer-text-t .loction .loction-l .text-l {
    padding-right: 0;
    text-align: left;
  }
  .footer .footer-text .footer-text-t .loction .loction-l .text {
    text-align: center;
    justify-content: space-around;
    padding: 0 4rem;
    display:none;
  }
  .footer .footer-text .footer-text-t .loction .loction-l .text .text-r {
    text-align: center;
    padding-right: 0;
    padding-top: 2rem;
  }
  .footer .footer-text .footer-text-t .loction .loction-l .text .text-c {
    padding-top: 2rem;
    padding-right: 0;
    text-align: center;
  }
  .footer .footer-text .footer-text-t .loction .loction-r {
    padding-top: 2rem;
    padding-right: 0;
    align-items: center;
    text-align: center;
    display: flex;
    flex-direction: column;
  }
 
  .footer .footer-text-b {
    flex-direction: column;
  }
  .resource-ownload {
    padding: 2rem;
  }
  .pages ul a {
    padding: 1rem 0.7rem;
  }
  .professional-building {
    padding: 3rem 2rem 2rem 2rem;
    box-sizing: border-box;
  }
  .professional-building .tabs {
    overflow-x: auto;
    height: 2.5rem;
    /* 仅Chrome、Safari和新Edge */
  }
  .professional-building .tabs ul::-webkit-scrollbar {
    display: none;
  }
  .professional-building .tabs ul {
    /* 隐藏滚动条 */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
    overflow-x: auto;
    justify-content: flex-start;
    flex-wrap: nowrap;
  }
  .professional-building .tabs ul li {
    line-height: 2.5rem;
  }
  .professional-building .tabs ul li a {
    width: 10rem;
    height: 2.5rem;
    margin-right: 0.7rem;
    flex-wrap: nowrap;
    text-align: center;
    padding: 0 0.2rem;
  }
  .professional-building .list li .detail a {
    flex-direction: column;
    height: 100%;
    padding-bottom: 4rem;
  }
  .professional-building .list li .detail a .right {
    width: 100%;
    height: 100%;
  }
  .professional-building .list li .detail a .left {
    width: 100%;
  }
  .professional-building .list li .detail a .left .bot {
    bottom: -2.5rem;
  }
  .specia-list {
    padding: 1rem 2rem;
  }
  .maxs {
    padding: 3rem 2rem  0 2rem;
  }
  .thematic-study-contnainer .thematic li {
    width: calc(100% / 1);
    margin: 0 0 2rem 0;
  }
  .thematic-study-contnainer .thematic li a {
    width: 100%;
  }
  .thematic-study-contnainer .thematic li a i {
    width: 100%;
  }
  .admission-rochure{
  padding:0;
  
  }
  .admission-rochure ul {
     display:grid;
   grid-template-columns: repeat(2, 1fr); 
   margin-bottom:2rem;
  }
 .admission-rochure ul li{
 padding:1rem;
 }
 .specia-list .specia-list-ul li a
 {
 height:4rem;
 line-height: 4rem;
 
 }
  .admission-rochure ul li a i {
    height: 100%;
  }
  .admission-rochure ul li a i img {
    background-size: 100%;
  }
  .xsfc {
    padding: 4em 2rem 2rem 2rem;
  }
  .xsfc ul li {
    width: calc(100%/2);
    margin-bottom: 1rem;
  }
  .xsfc ul li a i {
    height: 100%;
  }
  .school-survey {
    padding: 2rem 2rem 2rem 2rem;
  }
  .school-survey img {
    margin: 0;
    width: 100%;
    height: 100%;
  }
  .new-center {
    padding: 4em 2rem 0rem 2rem;
  }
  .new-center ul li {
    height: 100%;
  }
  .new-center ul li a {
    flex-direction: column;
    height: 100%;
    padding-bottom: 3rem;
  }
  .new-center ul li a .right {
    width: 100%;
  }
  .new-center ul li a .left {
    width: 100%;
  }
  .new-center ul li a .left .bot {
    bottom: -2rem;
  }
  .info {
    padding: 4em 2rem 0rem 2rem;
  }
  .info .info-bot {
    flex-direction: column;
    padding: 1rem 0;
  }
  .info .info-bot .syt {
    max-width: 100%;
  }
  .sysjs {
    padding: 4em 1rem 0rem 1rem;
  }
  .sysjs .max ul li {
    padding: 0.3rem;
  }
  .sysjs .max ul li a {
    height: 100%;
    flex-direction: column;
    align-items: center;
    padding: 0.8rem;
  }
  .sysjs .max ul li a .img {
    width: 100%;
  }
  .sysjs .max ul li a .img img {
    height: 90%;
  }
  .sysjs .max ul li a .text {
    width: 100%;
  }
  .programme {
    padding: 1rem 1rem 0rem 1rem;
  }
  .programme ul {
    padding-top: 0;
    padding-bottom: 1rem;
  }
  .programme ul li {
    margin-bottom: 1rem;
  }
  .programme ul li .title {
    line-height: 3rem;
  }
  .programme ul li .detail{
  padding:1rem;
  
  }
  .institution-setting ul:nth-of-type(1) li, .institution-setting ul:nth-of-type(2) li{
  
  
  }
  .institution-setting ul:nth-of-type(1) li, .institution-setting ul:nth-of-type(2) li{
  width: calc(74%);
  
  }
  .institution-setting ul:nth-of-type(2){
  
  flex-direction:column;
  
  }
  .institution-setting ul{
  padding:0 2rem;
  grid-template-columns: repeat(1, 1fr);
  gap:1rem;
  
  }
  .info .info-box .num p
  {
  margin-right:0.4rem;
  
  }
  
  .info .info-box .text p a{
  width:100%;
  box-sizing:border-box;
  display: flex;
  flex-direction: column;
  
  }
  .colorful-campus ul li a i{
  height:9rem;
  
  }
  .info .info-box .text  p a img{
   background-size:100% 100%;
    height:auto!important;
 max-width:100%;
  object-fit: cover;

  }
  .programme ul li .title span:nth-child(2) {
    width: 3rem;
  }
  .programme ul li .title span:nth-child(2) img {
    width: 1rem;
  }
  .institution-setting {
    padding: 4em 1rem 0rem 1rem;
  }
  .institution-setting ul li {
    width: 100%;
    margin: 0.3rem;
    padding: 1rem;
    height: 100%;
    margin-bottom:1rem;
  }
  .institution-setting ul li a .text {
    padding-top: 0.5rem;
  }
  .institution-setting ul li a .text P {
    line-height: 2rem;
  }
  .colorful-campus {
    padding: 4em 1rem 0rem 1rem;
  }
  .colorful-campus ul li {
    width: calc(100% / 2);
  }
  .moral-character-management {
    padding: 4em 2rem 0rem 2rem;
  }
  .moral-character-management ul li a {
    flex-direction: column;
    height: 100%!important;
    padding-bottom: 2.125rem;
  }
  .kszy ul li a{
      flex-direction:row!important;;

  }
   .kszy  ul li a .left{
   margin-right:1rem;
   
   }
  .moral-character-management ul li a .left {
  
  align-items：center;
    padding-bottom: 2.5rem;
    width:100%;
  }
  .moral-character-management ul li a p{
  font-size: 1.25rem;
  }
.moral-character-management ul li a .left p:first-child {

padding-right:0.4rem;
}
.moral-character-management ul li a h3 {
 margin:0;
 margin-bottom:1rem;
 margin-top:2rem;

}
  .moral-character-management ul li a .left .more:last-child {
    bottom: 1rem;
    display:none;
  }
  .moral-character-management ul li a .right {
    width: 100%;
    max-height: 20rem;
    overflow: visible;
  }
  .moral-character-management ul li a .right img {
    background-size: 100% 100%;
  }
  .party-masses-working {
    padding: 4rem 2rem;
  }
  .party-masses-working .list li {
    width: 100%;
    box-sizing: border-box;
  }
}