@media (min-width:1601px){html{font-size:16px;}}



@media (min-width:1400px) and (max-width:1600px){html{font-size:14px;}}



@media (min-width:640px) and (max-width:1399px){html{font-size:13px;}}



@media (min-width:481px) and (max-width:639px){html{font-size:13px;}}



@media (min-width:329px) and (max-width:480px){html{font-size:13px;}}











@media (min-width: 481px)



{







}







@media (min-width: 992px)



{



}







@media (min-width: 1200px)



{



}







@media (min-width: 1280px)



{







}







@media (min-width: 1440px)



{



 	



}







@media (min-width: 1660px)



{



 



}







@media screen and (min-width:1200px) and (max-width:1440px)



{







}







@media (max-width: 1660px)



{



}







@media (max-width: 1600px)



{







}



.web{}



.wap{ display:none;}



@media (max-width: 1440px)



{



    .container01{ height: 50rem;}



    .n_pro .txt h4{ font-size: 2.5rem; }



.n_pro .txt h3{ font-size: 2.5rem; }



.n_pro .txt span{ font-size: 3rem; }



.n_pro .box{ padding: 0 3rem;} 



.n_banner{ height: 24rem;}

.envirimg {

    grid-template-columns: 1fr 1fr;
  
  
  }

}







@media (max-width: 1360px)



{



    .n_banner{ height: 23rem;}



}







@media (max-width: 1280px)



{



    .bycs.on {
        width: 256px;
     }



}







@media (max-width: 1200px)



{



#nav{ margin-right:1.5rem;}



#header{ display:none;}



#m_header{ display:block; }



#nav_btn_box{ display: block;}



.n_title{ display:none}



#m_n_nav{ display:block}



.web{ display:none;}



.wap{ display:block;}



span.wap{ display: inline;}



.online_q{ display:none;}



 body{ padding-top: 4.5rem;}



 .n_banner{ height: 20rem;}



 .n_news ul{ grid-template-columns: 1fr 1fr;}



}







@media (max-width: 1100px)



{



    .container04 .m{ align-items: flex-end;}



    .coffeebean{ width: 25rem;}



}







/*==========================导航和banner变成手机模式============================*/







@media (max-width: 992px)



{

    #intro .in_tro , .envirimg {

        grid-template-columns: 1fr;

    }

   

    .ljbm a {

        margin-right: 0;

    }

    .foot-mid {

        flex-wrap: wrap;

        padding: 2rem 0 1.125rem;

    }

    .teach ul {

    

        grid-template-columns: repeat(3,1fr);

    }

    .modal-con h5 {

        padding-top: 0;

    }



    .modal-content {

        width: 90%;

    }

    #contact .addressmap {

        flex-wrap: wrap;

    }

    .rights_con , .input_bm .cloud {



        display: none;



    }

    .dwhz>ul {

        width: auto;

    }
    .bycs+.bycs {
        margin-left: 0;
    }

    #edu .byc {
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }

    #honors ul li p {
        font-weight: normal;
        font-size: 1rem;
        line-height: 1.5;
    }
    .zt_con .conts .conts_con {
        grid-template-columns:  1fr;
        padding: 1rem;
    }
    .zt_con .conts {
        margin: 0 10px;
    }
    .zt_con .conts .conts_con .conts_img{
        margin: auto;
    }
    #manage .mode ul {
        grid-template-columns: repeat(3,1fr);
    }
    .zt_title h4::before , .zt_title i ,#adv .adv1 ,#adv .adv2 ,#adv .adv3 , .money::before, .money::after , .advimg::before {
        display: none;
    }
    #gallery .swiper-slide {
        grid-template-columns: 1fr;
        padding-top: 0;
    }
    .advimg {
        margin: auto;
        padding-left: 0;
    }
    #ztbm .tianxie {
        flex-wrap: wrap;
    }
    #ztbm .tx1 .input  {
        width: 100%;
    }
    #ztbm .select-button {
        width: 20rem;
    }
    .zt_title h4 {
        font-size: 1.75rem;
    }
    .zt_title .ws , .zt_title p {
        margin-left: 0;
    }
    .bonus .money ul li {
        justify-content: center;
        flex-wrap: wrap;
    }
    .bonus .money .zxmoney  , .bonus .money .zxmoney p {
        font-size: 1.25rem;
    }
    .bonus .money .zxmoney a {
        margin: 1rem 0 0;
    }
    .bonus .money .zxmoney .zx1 {
        padding: 0 1rem;
    }
    .weibudesu {
        position: fixed;
        bottom: 5px;
        left: 0;
        width: 100%;
        display: flex;
        gap: .5rem;
        align-items: center;
        justify-content: center;
        z-index: 999;
    }
}







@media (min-width:481px) and (max-width:992px)



{ 

   





}







@media (max-width: 860px)



{



 



}







@media (max-width: 768px)



{
    #banner .swiper{height: 22vh;}



.pad_top{ padding-top:5rem !important;}



.pad_bot{ padding-bottom:5rem !important;}





.m{ padding: 0 30px;}



#banner .swiper-container{ height: 400px;}







.foot_nav{ display: none !important;}



#foot .line{ display: none;}



.new_con ul {

    grid-template-columns: repeat(2,1fr);

    gap: 2rem;

}

#bm .ljbm {

    flex-wrap: wrap;

}

.foot-mid .le {



    flex-wrap: wrap;

    

    gap: 1.5625rem;



}

.teach ul {

    

    grid-template-columns: repeat(3,1fr);

}

.teach ul li {

    padding: 2rem;

}

#object .obj {

    flex-wrap: wrap;

}

.saom {

    flex-wrap: wrap;

}

.saom>i {

    display: none;

}

#mymap {

    width: 90vw;

}

#honors ul {

    grid-template-columns: repeat(3,1fr);

    gap: 2rem;

  }
  #manage .mode ul li p {
    padding-right: 0;
  }
  #manage .mode ul {
    grid-template-columns: repeat(2,1fr);
}
.bonus>ul {
    grid-template-columns: 1fr;
}

#speciality .prevzt, #speciality .nextzt {
    bottom: -75% !important;
    top: auto !important;

}
#speciality .prevzt {
    left: 40%;
    right: auto;
}
#speciality .nextzt {
    right: 40%;
    left: auto;
}

#speciality .swiper-slide {
    padding: 1rem;
    justify-content: center;
}
}

@media (max-width: 580px)



{

    .modal-body .modal-con {

        grid-template-columns: 1fr;

    }

    #newlist ul li .news {

        grid-template-columns:  1fr;

        gap: 1.5rem;

    }

}



@media (max-width: 480px)



{



.pad_top{ padding-top:3rem !important;}



.pad_bot{ padding-bottom:3rem !important;}



.m{ padding: 0 15px;}



.n_banner{ height: 10rem;}



.n_banner h3{ margin-bottom: 1rem; font-size: 1.875rem;}



#banner .swiper-container{ height: 200px;}



#banner .swiper-button-next,#banner .swiper-button-prev{ width: 3rem !important; height: 3rem !important;}



#banner .draw_h:before{ border: 1px solid rgba(0,0,0,.1);}



#banner .draw_h .icon{ width: .875rem; height: .875rem;}





.s_tt{ margin-bottom: 2rem;}



.s_tt span{ font-size: 2.25rem;}



.s_tt h3{ font-size: 1.75rem;}



.arrstyle .bd { padding-bottom: 4rem;}



.arrstyle .bd .arr{ transform: none; width: 2rem; height: 2rem;} 



.arrstyle .bd .arr_left {  margin-left: -2.5rem; }



.arrstyle .bd .arr_right { margin-right: -2.5rem; }



.s_news .hd{ margin-bottom: 2rem;}



#foot .m{ position: relative; padding-bottom: 5rem;}



#foot .right{  width:234px;}



.copyright{ margin-top: 1.5rem; text-align: right;}



.foot_link{ width: auto; position: absolute; bottom: -3rem; left: 15px; right: 15px; margin-top: 0;}





.foot_link dt {

    padding: 0 2rem 0 1.875rem;

}



.n_tt1 i { 



    width: 37px;



    height: 3px; 



    margin-bottom: 1rem;



}

.in_con .xf {

    width: 100%;

    bottom: -4rem;

}

.schimg {

    display: none;

}

#swiper2  {

    margin-top: 25%;

}

#intro .swiper-button-next, #intro .swiper-button-prev {

    bottom: -7%;

}

.prev2 {

    left: 40% !important;

    right: auto;

}

.next2 {

    right: 40% !important;

    left: auto;

}

.in_con .mg {

    margin: 3.5rem 0;

}

#banner .txt h4 {

    font-size: 1.875rem;

}

#banner .txt h3 {

    font-size: 2.5rem;

}

#banner .txt p {

    letter-spacing: .1rem;

}

.titles {

    flex-wrap: wrap;

}

.newsxq {

    padding-bottom: 2rem;

}

.time {

    display: flex;

    align-items: center;

    margin-bottom: .5rem;

}

.new_con h4 {

    line-height: normal;

    margin:  0 0 0 .5rem;

    font-size: 1.5rem;

}

.foot-mid .le {

    gap: 1rem;

}

.copyright {

    line-height: 1.5;

    margin-top: 1rem;

    text-align: center;

}

footer .m>img {

    opacity: 0;

}

.foot-bot {

    flex-wrap: wrap;

    justify-content: center;

    font-size: .9375rem;

}

#bm {

    height: 15rem;

}

.zz h4 {

    padding-top: 1rem;

    font-size: 1.5rem;

}
.zz p {
    font-size: 1rem;
}
.switch {
    margin: 1rem 0;
}
.teach ul {

    

    grid-template-columns: repeat(2,1fr);

}

.teach ul li {

    padding: 1.5rem;

}

.modal-body {

    padding: 2.75rem;

}

#object .obj {

    gap: 1.5rem;

}

#mymap {

    width: 92vw;

}

.add_con h4 , .add_con h5 , .add_con i , #contact .lv::before {

    display: none;

}

.saom {

    margin-top: 1rem;
    padding: 0 1rem;

    justify-content: space-around;

}
.saom div {
    padding: 0;
}
.saom img {
    height: 8rem;
}
#contact .addressmap {

    gap: 1.5rem;

} 

.allenvir ul {

    grid-template-columns: repeat(2,1fr);

    gap: 1.5rem;

}

.n_news_xq .ar_fot2 {

    flex-wrap: wrap;

}

.n_news_xq .ar_title {

    padding-bottom: 0;

}

.ln_tu {

    gap: 1rem;

}

#honors ul {

    grid-template-columns: repeat(2,1fr);

    gap: 1.5rem;

  }
  .bycs .bl {
    width: auto;
    height: 12rem;
  }
  .bycs.on , .bycs {
    width: 100%;
  }
  .foot-mid div .ph {
    font-size: 1.25rem;
  }
  .foot-mid .dizhi , .zy_con p {
    font-size: 1rem;
  }
  .byc .on .byc_con .consby , .saom1 , .tuimg  {
    display: none;
  }
  .modal-con img , .obj_tu {
    height: 15rem;
    margin: auto;
  }
  #newlist ul li .new_cons {
    padding-top: 0;
  }

  #manage .mode ul , .adv_all {
    gap: 1.5rem;

}
.zt_con .conts .conts_con .conts_img , .zt_con .conts .conts_txt::before , .zy_con span {
    display: none;
}
#who {
    padding-top: 0;
        
}
.advcons a {
    margin: 2rem 0 0;
}
.n_bannerzt .m h4 {
    font-size: 2.375rem;
}
.n_bannerzt .m h3 {
    font-size: 4rem;
}
.foot-top {
    justify-content: center;  
  }
  .advimg img {
    box-shadow: none;
  }
  .zy_con {
    margin-left: 0.5rem;
}

/* padding-top: 3.4375rem; */
}
.fd{
    display: none;
}