@media (max-width: 500px) {
  html,
  body {
    font-size: 70%;
  }

  .kcpx-pxkcxqy .pxyq {
    margin-top: 10rem!important;
}

 .kcpx-pxkcxqy .pxyq .content .texts{

  padding-left:0rem;

}
.test-page ul li{

  width:100%;
}
.pxyq .content img {
    height: 20.38rem;
}
.pxyq .content .texts{
  padding-left:0;
}
.home .swiper-five .swiper-five-box .swiper-slide{
  width:30rem!important;
  margin-right:0 !important;
}
.about{
  margin-top:6rem;
}
.kcpx-pxkc .fxjy .swiperbox .kcpxBox{
  height:100%;

}
.ckxlsb .ffs-js .layui-tab-title .tab {
    min-width: 100% !important;
    overflow:auto;
}
.layui-tab .layui-tab-title li{
    min-width: 104px!important;

}
.ffs-js .layui-tab-content .layui-tab-item .box{
  margin-bottom:2rem;
}
.ffs-js .layui-tab-content .text,.ffs-js{
  margin-bottom:1rem;
}
.about .banners-2 .banner_left h4{
    font-size:1.7rem;
}
.home .about .tet{
  width:85%;
  font-size:1.5rem;
  top: 1rem;
  left:0;


}
.zhpx-s .info{
  padding:1rem;
  margin:0;
}
.kcpx-pxkc .pxkc-box .content .box .text,.kcpx-pxkc .pxkc-box .content .box .text, .pxkc-box .content .box .imgs,.kcpx-pxkc .fxjy .swiperbox .box .text, .kcpx-pxkc .fxjy .swiperbox .box .imgs {
    width:100%;
}
.kcpx-pxkc .fxjy .swiperbox .kcpxBox{
  padding:1rem!important;
}
.time-icon,.wave-container{

  display:none;
}
.fuwu{

  margin-top:7rem;
}
.pxkc-box .content .box{

  flex-direction:column;
}
.navigation ul li .imgs img{

  width:32%;
}
.fxpxs .banners-img .title{
  height: 13.13rem;
}
.fxpxs .banners-img .title p {
    -webkit-line-clamp: 2 !important;
    font-size: 1.2rem;
}
.kcpx-pxkc .fxjy .swiperbox .box{

    flex-direction:column;
}

.kcpx .project{

 padding: 2rem 2rem 2rem 2rem;
}
 .kcpx-pxkcxqy .pxyq .content .texts h5{

  font-size:1.3rem;
 }
 .home .about .tet p{
    font-size:1rem;
    line-height:2rem;
 }
 .home .about .tet h1{
    font-size:1rem;
    line-height: 1rem;
 }
  .headers {
    padding: 0 1.5rem;
    height: 8rem;
    box-sizing: border-box;
  }
  .headers .header-bot{

    justify-content: space-between;
  }

  .contact .location {

    top: 4.75rem;
    right: 35%;
    
}

canvas{
  background-color:transparent;
}
.home .news .news-container .middle-column{

  width:100%;
}
.home .news .news-container .news-item {
  margin-bottom:1rem;

}
  .home .banner .title{
line-height: 3.25rem;

    font-size:3rem;
    left:2rem;
    bottom:2rem;
  }
  .lanmu .nav{
    width:100%;
    overflow:auto;
  }
  .pxkc-box .content ul{
    margin-bottom:1rem;
  }
  .home .about .bjt{

    height:13rem;
  }
  .ibcate.hasani.shutwindowup.ani{

    width:20rem;
    height:20rem;
  }
  .lanmu ul .item{
      flex-direction:column;
  }
  .ibcate .en{
font-size:2.5rem;

  }
  .fuwu ul{
    display:flex;

    flex-direction:column;
  }
     .lanmu  .nav-item span{
min-width: 6rem;
      font-size:1.5rem;
     }

.lanmu .nav-item {
flex-direction:column;
    align-items: center;
    gap: 8px;
    opacity: 0.7;
    transition: all 0.3s ease;
    margin: 10px auto;
}

.ibcate .cn{
font-size:1.5rem;
}
  .home .about h1{
        top: 3.88rem;
    left: 2.19rem;
    font-size:1.9rem;
  }
  .home .about .text{
       top: 7.88rem;
    left: 2.19rem;
  }
  .lanmu li{
    position:static!important;

    flex-direction:column;
  }
  .home .about{
    width:100%;

  }
  .fuwu ul li a h3 {

  padding-bottom: 3rem;
}
  .fuwu ul li a{

           padding-top: 3rem;
        padding-bottom: 0rem;
  }
  .lanmu ul,.fuwu{
    height:100%;
  }
  .lanmu li .imgs{
height:20em;
    width:100%;
  }
  .lanmu ul li .text{
        padding-top: 1rem;
    margin-left: 0;
  width:100%;
  }
  .contact footer{
    bottom:0rem;
          position:static;
  }
  .pxyq .content .imgs,.pxyq .content img{

      width:100%;
  }
  .contact .contact-us-item{
     width:100%;
     margin-bottom:6rem;
     padding:2rem;
      position:static;
  }
  .pxyq{
      width:100%;
      position:static;
        height:100%;
  }
  .pxyq .content{

    flex-direction:column;
    padding:1rem;
  }

  .home .layui-tab .layui-tab-title li{

    font-size:1.25rem;
  }
  .lanmu,.home .course,.home .course .course-content .layui-tab-title{
    padding:1rem;
  }
  .headers .header-bot .logo {
    padding-right: 0;
  }
  .headers .header-bot ul {
    display: none;
  }
  .headers .header-bot .header-right {
    font-size: 1rem;
    margin-right: 0.3rem;
  }
  .headers .header-bot .header-right .menu {
    display: block;
  }
  .headers .header-bot .header-right .menu .menu-button .bar {
    width: 2.5rem;
    height: 0.375rem;
  }
  .headers .header-bot .header-right .phone {
    width: 12rem;
  }
  .headers .header-bot .header-right .phone .hot-line {
    font-size: 1rem;
  }
  .headers .header-bot .header-right .phone .num {
    font-size: 0.7rem;
  }
  .home .banner{
    height: 25rem;
  }
  .home .news{
height: 100%;
    padding: 1rem;
  }
  .home .news .news-container {
    flex-direction: column;
    height:100%;


  }
  .time-icons {
    right: 1%;
    bottom: 29%;
}
  .home .course{
        height: 35.63rem;
  }
  .home .course .layui-tab-title .layui-this{
        font-size: 1.23rem;
  }

  .home .course .course-content .layui-tab-title {
    margin-top: 0rem;
    margin-bottom: 1.31rem;
}
.home .course .course-title{

  padding-right:0;
}
.home .course .course-title h5 {
    font-family: SourceHanSansCN;
    font-weight: 800;
    font-size: 1.8rem;
    color: #222122;
}
  .lanmu .top {
    margin-bottom: 0; 
    height: 100%; 
    width:100%;
  }
    
  .pxkc-box{

    padding:1rem;
  }
  .lanmu ul{

    height:100%!important;
  }
  .pxkc-box .content {

    flex-direction:column;
  }
 .about .banners-2{
padding-top: 2rem;
    padding-left:1rem;
    height: 100%;
    padding-right:1rem;
  }
  .about .banners-2 .banner_right{
    opacity: 0;
  }
  .about .banners-2 .banner_left{

    width: 100%;
    padding:1rem;
  }
  .fjgj{

    display: none;
  }
  .home .news .news-container .middle-news .imgs{
    height: 20rem;
  }
.info {
    padding: 2rem;
    margin: 1rem;
   
}
.info .back{

  top: 0;
  left: 0;
}
.kcpx-pxkc .pxkc-box .content .box .text, .kcpx-pxkc .fxjy .swiperbox .box .text{

  padding-right:0;
}
.fxjy .swiperbox .box .imgs {
  margin-top:1rem;
}
.title-list,.pxyq .title-list{
  padding-left:0;
}
.title-list a i {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.page ul a {
display: inline-block;
    margin-left: 1px;
    font-weight: 400;
    padding: 0 1.3rem;
    background-color: #FFFFFF;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1rem;
    color: #666666;
}
.footer .footer-middle .footer-section ul li a{
  font-size:1rem;
}
.kcpx-pxkc .kcpxsBox .top {

    margin-bottom:0;
}
.info .info-box{
  padding:1rem;
}

.info .info-boxs{
  padding: 0;

  flex-direction: column;
}
.info .info-boxs .imgs{
  padding: 2rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
  .title-list{
      height: 100%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    flex-direction: column;
    
  }
.info .info-boxs .text{
   padding: 2rem;
}
.home .wave{

  display:none;
}
.project{
  height: 100%;
}
.home .news{
  margin-top:0rem;
}
.home .news .news-container .right-column, .home .news .news-container .left-column {

  width:100%;
}
.footers {
    background-color: #242424 !important; 
    background-image: none;
    position:static!important;
}
.home .about .footer{
  position:static;


}
.footer{
 background-color: #242424 !important; 
  padding: 1rem!important;
  height: 100%;
  position:static;
}

.contact,.home .about{

    height: 100%;
}
.footer .footer-container{
    height: 100%;
    justify-content: center;

}
.footer-bottom{
  flex-direction: column;
  margin-bottom: 3rem;
}
.footer-bottom .imgs{
  flex-direction: column;

  text-align: center;
    margin-bottom: 1rem;

}
.footer .footer-middle .footer--adress div:nth-child(1){
  margin-right: 0;
}
.footer .footer-code{
  margin-top: 2rem;
}
.footer .footer-middle .footer--adress{
    flex-direction: column;
    justify-content: center;
    padding-left: 3rem;

}
    .pages ul a {
        padding: 1rem 0.7rem;
    }
.footer .footer-bottom .imgs img:nth-child(1){
  margin-right: 0;
  margin-bottom: 1rem;
}
.footer .footer-bottom .copyright{

  flex-direction: column;
}
.xxgk{
  padding: 1rem;
}
.xxgk .card{
  padding: 1rem;
  height: 100%;
  margin-bottom: 0.4rem;
}
.xxgk .card a{
  padding:2rem 1rem;
  flex-direction: column;
    height: 100%;
}
.xxgk .card a .more{

  width: 100%;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.xxgk .content{
  margin-bottom: 2rem;
}
.project{
  padding: 1rem!important;
}
.ffs-js{
    padding: 1rem;
    
}
.ffs-js .layui-tab-content .text,.ffs-js .layui-tab-content .imgs 
{
    width: 100%;
}
.ffs-js .layui-tab-content .layui-tab-item .box{

  flex-direction: column;
  padding:1rem;
}
.ffs-content,.ffs-header{
   padding: 1rem;
}.ffs-box .view-details{
  color: #ffffff;
}
.pxkc-box{
  height: 100%;
}
.ffs-content {

height: 100%;
  flex-direction: column;
}
.navigation,.fxjy .top{
  padding:1rem;
}
.banners-2 {

  height:30rem;
}
.page{
  margin-bottom:1rem;
}
.new-container .right-panel,.new-container .left-panel{

  width:100%;
}
.new-card-grid{
  padding:1rem;
      grid-template-columns: repeat(1, 1fr);
      margin-bottom: 1rem;
}
.new-container{
   margin:1rem;
   padding-bottom:0rem;
}
.new-container .swiper-slide{
    flex-direction: column;
}
.navigation ul{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
.banners-img .title{
  padding-left: 1rem;
  width: 90%;
  bottom: 1rem;
  height: 8.13rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  flex-direction: column;
  justify-content:center;
}
.jylist{
  padding: 1rem 2rem;
}
.jylist .cards-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-content: space-between;
    gap: 3.1rem 3.1rem;
}

.banners-img{
  height: 25rem;
}
.banners-img .title p{
  font-size: 1.25rem;
}
.title-tab{
left: 0rem;
width: 100%;
bottom: -0.6rem;
}
.xxgk .card a .btn span{
  margin-right:0.2rem;
}
.title-tab ul li a p{
  line-height: 4rem;
}
.title-tab ul li a{
  height: 4rem;
  width: 10rem;
}
.information-bullein {
  padding: 1rem;
}
.information-bullein .content{
    padding: 1rem;

}
.information-bullein .date-box .time{
  padding-left: 0;
  padding-right:0 ;
  width: 7rem;
}
.information-bullein .content .card{
  margin-bottom:1rem
}
.xlsbxq{
  margin: 1rem;
}
.xlsbxq .text{
  padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 2.19rem;

}
.xlsbxq .first-layui-colla-title{
      padding-left: 1.39rem;
    padding-right: 1.39rem
}
.xlsbxq .first-layui-colla-title h3{
  width: 70%;
}
.xlsbxq .layui-colla-title{
    padding-left: 1rem;
}
.xlsbxq .layui-colla-title P:nth-child(1){
    width: 30%;
}
}
@media (max-width: 500px) and only screen and (max-width: 1200px) {
  
}
@media (max-width: 500px) and only screen and (max-width: 980px) {
  
}
@media (max-width: 500px) and only screen and (max-height: 480px) {

}