@media (max-width:1200px) { 

 .inner{
  width: 98%;
 }
 
 .header .bottom .logo {
  width: 23%;
 }
 .header .bottom .nav{
  width: 68%;
 }
 .header .top ul li.last{
  margin-right: 10px;
  margin-left: 10px;
 }
 .header .bottom .nav li{
  width: 14%;
 }
 .header .bottom .nav li a{
  width: 100%;
  padding: 0;
  text-align: center;
 }
 .header .bottom .nav .twoNav li{
  width: 100%;
 }
 
 .banner .bannerInner{
  width: 100%;
 }
 .banner .bannerPic{
  width: 100%;
  border-left: none;
  border-right: none;
 }
 .banner .bannerPic li{
  width: 100%;
 }
 .banner .bannerBot .text{
  width: 62%;
 }
 
 .footer .bottom .right{
  width: 28%
 }
 .footer .bottom .right li{
  width: 28%;
  margin-left: 5%;
 }
 .footer .bottom .right li .pic{
  width: 90%;
 }
 .footer .bottom .right li span{
  font-size: 11px;
 }
 
 .indexWarp .main .one li{
  width: 30%;
  margin-right: 3%;
 }
 .indexWarp .main .one li dt{
  width: 16%;
  margin-right: 4%;
 }
 .indexWarp .main .one li dd{
  width: 79%;
 }
 .indexWarp .main .two .left{
  width: 65%;
  margin-right: 1%
 }
 .indexWarp .main .two .left .center li a{
  width: 70%;
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
 }
 .indexWarp .main .two .right{
  width: 32%;
 }
 .indexWarp .main .two .right .iconList{
  padding: 3%;
 }
 .indexWarp .main .two .right .iconList li{
  width: 29%;
 }
 .indexWarp .main .two .right .iconList li a{
  width: 100%;
 }
 .indexWarp .main .four li{
  width: 25%;
 }
 .indexWarp .main .four li a{
  margin: 5%;
 }
 

 .vocationalWarp .main .title .navUrl{
  right: 20px;
 }
 .vocationalWarp .main .item .top li{
  width: 31%;
  margin: 0 1%;
  padding-bottom: 20px;
 }
 .vocationalWarp .main .item .top li .pic{
  width:92%;
  padding: 15px 4%;
 }
 .vocationalWarp .main .item .top li .warp{
  width: 100%;
 }
 .vocationalWarp .main .item .top li .newsList li{
  width: 89%;;
 }
 .vocationalWarp .main .item .top .newsList li .time{
  width: 15%;
  margin-right: 5%;
 }
 .vocationalWarp .main .item .top .newsList li .newsTitle{
  width: 80%;
 }
 .vocationalWarp .main .item .bottom{
  width: 99%;
 }
 .vocationalWarp .main .item .bottom .warp{
  width: 99%;
 }
 .vocationalWarp .main .item .bottom li{
  margin: 0 1.5%;
  width: 22%;
 }
 .teacherTrainingWarp .headerTeacher .logo{
  width: 38%;
 }
 .teacherTrainingWarp .headerTeacher .inner{
  background-position: 100% 10px;
 }
 .teacherTrainingWarp .bannerWarp .navBar{
  width: 22.5%;
 }
 .teacherTrainingWarp .bannerWarp .navBar li a i{
  margin-left: 14%;
  margin-right: 7%;
  width: 40px;
 }
 .teacherTrainingWarp .bannerWarp .bannerT{
  width: 77.5%;
  height: 400px;
  overflow: hidden;
 }
 .teacherTrainingWarp .bannerWarp .bannerT img{
  height: 100%;
 }
 .teacherTrainingWarp .main .box{
  width: 48%;
 }
 .teacherTrainingWarp .main ul li a{
  width: 75%;
 }
 .teacherTrainingWarp .main .news{
  margin-right: 4%;
 }
 .teacherTrainingWarp .main .news .newsList li .pic{
  width: 44%;
 }
 .teacherTrainingWarp .main .news .newsList li .centent{
  width: 50%;
 }
 .teacherTrainingWarp .main .achievement .achievementList li span{
  width: 18%;
 }
 .teacherTrainingWarp .main .contentWarp .mainContent .picContent li{
  width: 25%;
  margin-right: 7%;
  height: 155px;
 }
  .teacherTrainingWarp .main .contentWarp .mainContent .picContent li a{
   height: 35px;
   line-height: 35px;
  }
.teacherTrainingWarp .main .contentWarp .mainContent .picContent li.last3n{
 margin-right: 0;
}
 .listPageWarp .main .mainWarp .mainNav{
  width: 21%;
 }
 .listPageWarp .main .mainNav li.first{
  padding-left: 26%;
  font-size: 22px;
 }
 .listPageWarp .main .contentWarp .mainContent dt{
  font-size: 22px;
 }
 .listPageWarp .main .contentWarp .mainContent h4{
  font-size: 22px;
 }
 .listPageWarp .main .mainNav li a{
  padding-left: 26%;
  font-size: 16px;
 }
 .listPageWarp .main .mainNav li a:before{
  left: 11%;
 }
 .listPageWarp .main .contentWarp{
  width: 75%;
 }

 .listPageWarp .main .contentWarp .newsMessageList dd li a{
  padding: 20px 3%;
 }
 .main .contentWarp .newsMessageList dd li a .listPagePic{
  width: 20%;
  margin-right: 2%;
 }
 .listPageWarp .main .contentWarp .newsMessageList dd li a .listNewsMessage{
  width: 77%;
 }

 .teacherListPageWarp .main .mainWarp .mainNav{
  width: 21%;
 }
 .teacherListPageWarp .main .mainNav li.first{
  padding-left: 26%;
 }
 .teacherListPageWarp .main .mainNav li a{
  padding-left: 26%;
 }
 .teacherListPageWarp .main .mainNav li a:before{
  left: 11%;
 }
 .teacherListPageWarp .main .contentWarp{
  width: 75%;
  margin-right: 1%;
 }
 .teacherListPageWarp .main .contentWarp .mainContent{
  padding: 0 3%;
 }
 .teacherListPageWarp .main .contentWarp .mainContent dd ul li{
  margin-left: 2%;
  width: 45%;
 }
 .teacherListPageWarp .main .contentWarp .mainContent dd ul li a{
  width: 100%;
 }
 .teacherListPageWarp .main .contentWarp .mainContent dd ul li a .teacherPic{
  width: 30%;
 }
 .teacherListPageWarp .main .contentWarp .mainContent dd ul li a .teacherMessage{
  width: 65%;
 }
 
 .main .columnBox .columnWarp{
  width: 47%;
 }
 .main .columnBox .left{
  margin-right: 5%;
 }
 .main .columnBox .columnContent li a{
  width: 60%;
 }
 
 .main .linkList .right{
  width: 100%;
 }
 .main .linkList .right li{
  width: 16%;
 }
 .main .linkList .right li a{
  width: 100%;
 }
 .main .columnBox .columnNav li{
  width: 19%;
 }
 .main .two .left .columnNav li{
  width: 16%;
 }
 .main .two .right .columnNav li{
  width: 13.5%;
 }
 .main .five .courseList li{
  margin-right: 3%;
  width: 14%;
 }
 .main .five .courseList li a span{
  width: 80%;
  padding: 20% 10% 8%;
 }
 
 .srlfTaughtWarp .main .left{
  width: 72%;
 }
 .srlfTaughtWarp .main .left .top .columnContent .topLeft{
  width: 29%;
 }
 .srlfTaughtWarp .main .left .top .columnContent .topRight{
  width: 67%;
 }
 .srlfTaughtWarp .main .left .top .columnContent .topRight li a{
  width: 60%;
 }
 .srlfTaughtWarp .main .left .bottomBox{
  margin-right: 2%;
  width: 48%;  
 }
 .srlfTaughtWarp .main .left .bottomBox .columnContent li a{
  width: 60%;
 }
 .srlfTaughtWarp .main .right{
  width: 22%;
 }
 .srlfTaughtWarp .main .right .picList li{
  width: 48%;
  margin-right: 2%;
 }
 
 .boutiqueWarp .main .columnBox .courseList li{
  width: 22%;
  margin-right: 3%;
 }
 .boutiqueWarp .main .columnBox .courseList li a span{
  width: 84%;
  padding: 60px 8% 20px;
 }
 .boutiqueWarp .main .columnBox .courseList li.last a span{
  padding-top: 0;
 }
 .boutiqueWarp .main .columnBox .coursePic{
  width: 22%;
 }
 .boutiqueWarp .main .columnBox .courseContent{
  padding: 3%;
  width: 63%;
 }
 .boutiqueWarp .main .columnBox .courseResult{
  width: 8%;
 }
}


@media (max-width:992px) {
 
 
 
 .header .bottom{
  height: 110px;
 }
 .header .bottom .logo {
  width: 200px;
  height: auto;
 }
 .header .bottom .menu{
  display: block;
 }
 .header .bottom .nav{
  display: none;
  width: 100%;
  background: #fff;
  position: relative;
  z-index: 10;
 }
 .header .bottom .nav li{
  width: 100%;
  float: none;
  border-bottom: 1px solid #ccc;
  min-height: 30px;
 }
 .header .bottom .nav li a{
  font-size: 16px;
  padding-left: 15px;
  width: 100%;
  height: 30px;
  line-height: 30px;
  color: #333;
  background: #fff;
  text-align: left;
 }
 .header .bottom .nav li .twoNav li a{
  font-size: 14px;
  text-align: left;
  padding-left: 50px;
 }
 
 
 .footer .bottom{
  padding-top: 10px;
  height: 140px ;
 }
 .footer .bottom .left{
  width: 100%;
 }
 .footer .bottom .left p{
  font-size: 12px;
  height: 18px;
  line-height: 18px;
 }
 .footer .bottom .right{
  width: 100%;
 }
 .footer .bottom .right ul{
  display: inline-block;
 }
 .footer .bottom .right li{
  width: 85px;
  margin: 0px 20px;
 }
 .footer .bottom .right li .pic{
  width: 60%;
 }
 .footer .bottom .right li span{
  font-size: 11px;
 }
 
 
 .indexWarp .main .one li{
  width: 48%;
  margin-right: 4%;
 }
 .indexWarp .main .one li.middle{
  margin-right: 0;
 }
 .indexWarp .main .one li.last{
  display: none;
 }
 
 .indexWarp .main .two .left{
  width: 100%;
  margin-right: 0
 }
 .indexWarp .main .two .left .center li a{
  width: 70%;
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
 }
 .indexWarp .main .two .right{
  width: 100%;
  text-align: center;
 }
 .indexWarp .main .two .right .iconList{
  padding: 10px 8%;
 }
 .indexWarp .main .two .right .iconList li{
  width: 15%;
 }
 .indexWarp .main .two .right .iconList li a{
  width: 100%;
 }
 .main .two .right .iconList li.last3n{
  margin-right: 9px;
  margin-bottom: 10px;
 }
 .main .two .right .iconList li.last{
  margin: 0px;
 }
 .indexWarp .main .four li{
  width: 50%;
 }
 .indexWarp .main .four li a{
  margin: 5%;
 }
 
 .vocationalWarp .main .item .top li{
  width: 98%;
  margin-bottom: 20px;
 }
 .vocationalWarp .main .item .top li .pic{
  float: left;
  height: 130px;
  width: auto;
 }
 .vocationalWarp .main .item .top>li.icon2{
  height: 185px;
 }
 .vocationalWarp .main .item .top li.icon1 p{
  padding-top: 20px;
  padding-left: 0;
  height: 130px;
 }
 .vocationalWarp .main .item .top li.icon3 p{
  padding-top: 20px;
  padding-left: 0;
 }
 .vocationalWarp .main .item .bottom li{
  margin: 0 2.5%;
  width: 45%;
 }
 .vocationalWarp .main .item .top .newsList li .newsTitle{
  width: 80%;
 }
 
 .teacherTrainingWarp .headerTeacher{
  height: 110px;
 }
 .teacherTrainingWarp .headerTeacher .inner{
  height: 110px;
 }
 .teacherTrainingWarp .headerTeacher .logo{
  padding-top: 25px;
 }
 .teacherTrainingWarp .headerTeacher .text{
  height: 110px;
  background-size: contain;
 }
 .teacherTrainingWarp .headerTeacher .text .xiaoxun{
  margin-top: 40px;
 }
 .teacherTrainingWarp .headerTeacher .text .iPhone{
  margin-top: 28px;
 }
 .teacherTrainingWarp .headerTeacher .title{
  margin-left: 2.5%;
  padding-top: 30px;
 }
 .teacherTrainingWarp .headerTeacher .title h2{
  font-size: 24px;
  height: 30px;
  line-height: 30px;
 }

 .teacherTrainingWarp .nav .menu{
  display: block;
 }
 .teacherTrainingWarp .nav ul{
  display: none;
  position: relative;
  z-index: 5;
  float: none;
  top:40px;
  z-index: 5;
 }
 .teacherTrainingWarp .nav ul li{
  float: none;
  width: 100%;
 }
 .teacherTrainingWarp .nav ul li a{
  width: 100%;
  padding-left: 30px;
  background: #fff;
 }
 
 .teacherTrainingWarp .bannerWarp .navBar{
  display: none;
 }
 .teacherTrainingWarp .bannerWarp .bannerT{
  width: 100%;
  height: auto;
 }
 .teacherTrainingWarp .main .box{
  width: 96%;
  margin: 0 auto;
  float: none;
 }
 .teacherTrainingWarp .main .news{
  margin-bottom: 20px;
 }
 .teacherTrainingWarp .main .news .newsList li .pic{
  width: 36%;
  height: 100%;
 }
 
 .main .title h3{
  font-size: 22px;
 }
 .main .columnBox .columnTitle h4{
  font-size: 18px;
 }
 
 .main .linkList{
  display: none;
 }
 .main .columnBox .columnNav{
  display: none;
 }
 .call{
  width: 150px;
    height: 30px;
    line-height: 30px;
 }
 
 .boutiqueWarp .main .columnBox .courseList li{
  height: 140px;
 }
 .boutiqueWarp .main .columnBox .courseList li a span{
  width: 84%;
  padding: 20% 8%;
 }
 .boutiqueWarp .main .columnBox .courseList li.last a span{
  line-height: 145px;
 }
}

@media (max-width:768px) {
 
 .header .bottom{
  height: 80px;
 }
 .header .bottom .logo{
  padding-top: 18px;
 }
 .header .bottom .menu{
  top: 30px;
 }
 
 .banner .bannerBot{
  height: 36px;
 }
 .banner .bannerBot .text{
  padding-left: 15px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  font-size: 14px;
 }
 .banner .bannerBot .btn{
  float: right;
  padding-top: 11px;
  padding-right: 10px;
 }
 
 .footer .top li a{
  margin: 0 20px;
  font-size: 12px;
 }
 .footer .bottom{
  height: 200px ;
 }
 .footer .bottom .left p{
  min-height: 35px;
 }
 
 .indexWarp .main .one li{
  width: 100%;
  margin-right: 0;
  margin-bottom: 20px;
 }
 .indexWarp .main .one li.last{
  display: block;
  margin-bottom: 0;
 }
 .indexWarp .main .two .right .iconList{
  padding: 10px 2%;
 }
 .indexWarp .main .two .right .iconList li{
  width: 14.5%;
 }
 

 .vocationalWarp .main .item .top li{
  width: 98%;
  margin-bottom: 20px;
 }
 .vocationalWarp .main .item .top li .pic{
  float: none;
  width: 360px;
  margin: 0 auto;
  
 }
 .vocationalWarp .main .item .top>li.icon2{
  height: 286px;
 }
 .vocationalWarp .main .item .top li.icon1 p{
  padding-top: 0;
  padding-left: 15px;
  height: 130px;
 }
 .vocationalWarp .main .item .top li.icon3 p{
  padding-top: 0px;
  padding-left: 20px;
  height: 30px;
  line-height: 30px;
 }
 .vocationalWarp .main .item .bottom li{
  margin: 0 2.5%;
  width: 45%;
 }
 .vocationalWarp .main .item .bottom li .pic{
  height: 100px;
 }
 .vocationalWarp .main .item .top .newsList li .newsTitle{
  width: 80%;
 }
 
 .teacherTrainingWarp .headerTeacher{
  height: 80px;
 }
 .teacherTrainingWarp .headerTeacher .inner{
  height: 80px;
 }
 .teacherTrainingWarp .headerTeacher .logo{
  padding-top: 16px;
 }
  .teacherTrainingWarp .headerTeacher .text .xiaoxun{
  margin-top: 25px;
 }
 .teacherTrainingWarp .headerTeacher .text .iPhone{
  margin-top: 12px;
 }
 .teacherTrainingWarp .headerTeacher .title{
  margin-left: 2.5%;
  padding-top: 20px;
 }
 .teacherTrainingWarp .headerTeacher .title h2{
  font-size: 20px;
  height: 24px;
  line-height: 24px;
 }
 .headerTeacher .title span{
  font-size: 10px;
  height: 20px;
  line-height: 20px;
 }
 .teacherTrainingWarp .headerTeacher .text{
  height: 80px;

  background-size: contain;
 }
 .teacherTrainingWarp .main .contentWarp .mainContent .picContent li{
   width: 41%;
   margin-right: 6%;
 }
 .teacherTrainingWarp .main .contentWarp .mainContent .picContent li.last3n{
 margin-right: 6%;

} 
 .teacherTrainingWarp .main .contentWarp .mainContent .picContent li.last2n{
  margin-right: 0;
 }
 .listPageWarp .main .mainWarp .mainNav{
  display: none;
 }
 .listPageWarp .main .contentWarp{
  float: none;
  margin: 0 auto;
  width: 96%;
 }
 .listPageWarp .main .contentWarp .mainNavMenu{
  display: block;
 }
 
 .listPageWarp .main .contentWarp .mainContent .title h4{
  font-size: 16px;
 }
 .listPageWarp .main .contentWarp .mainContent .content img{
  width: 100%;
 }
 .listPageWarp .main .contentWarp .mainContent .content .pic{
  width: 100%;
 }
  
 .teacherListPageWarp .main .mainWarp .mainNav{
  display: none;
 }
 .teacherListPageWarp .main .contentWarp{
  float: none;
  margin: 0 auto;
  width: 96%;
 }
 
 .main .columnBox .columnWarp{
  float: none;
  width: 100%;
 }
 .main .columnBox .left{
  margin-bottom: 20px;
 }
 
 .main .columnBox .columnNav{
  display: block;
 }
 .main .five .courseList li{
  margin-right: 3%;
  width: 30%;
  margin-bottom: 10px;
 }
 .call{
  width: 120px;
    height: 23px;
    line-height: 22px;
 }
 
 .srlfTaughtWarp .main .left{
  width: 100%;
  float: none;
 }
 .srlfTaughtWarp .main .left .top .columnContent .topLeft{
  display: none;
 }
 .srlfTaughtWarp .main .left .top .columnContent .topRight{
  width: 100%;
 }
 .srlfTaughtWarp .main .left .bottomBox{
  margin-right: 0;
  width: 100%;
  margin-bottom: 20px;
  float: none;  
 }
 .srlfTaughtWarp .main .left .bottomBox .columnContent li a{
  width: 60%;
 }
 .srlfTaughtWarp .main .right{
  display: none;
 }
  
 .boutiqueWarp .main .columnBox .courseList li{
  height: 120px;
 }
 .boutiqueWarp .main .columnBox .courseList li:last-child a span{
  height: 120px;
  line-height: 120px;
 }
 .boutiqueWarp .main .columnBox .coursePic{
  float: none;
  display: none;
 }
 .boutiqueWarp .main .columnBox .courseContent{
  float: none;
  width: 96%;
 }
 .boutiqueWarp .main .columnBox .courseResult{
  float: none;
  display: none;
 }
 
 .main .contentWarp .institution .pic img{
  width: 100%;
 }
 
 .main .contentWarp .leader .pic{
  display: none;
 }
 .main .contentWarp .leader li .leaderMessage{
  padding-left: 0;
 }
 .main .contentWarp .leader .leaderMessage p{
  line-height: 20px;
  height: 40px;
 }
 
 .main .contentWarp .mainContent .pic img{
  width: 100%;
 }
 
 .main .contentWarp .mainContent .contactInformation p{
  line-height: 20px;
  height: 50px;
 }
}

@media (max-width:450px){
 
 .header .top{
  display: none;
 }
 .footer .top li a{
  margin: 0 5px;
 }
 .footer .bottom{
  height: 200px ;
 }
 .footer .bottom .right li{
  width: 93px;
  margin: 0px 5px;
 }
  
 .indexWarp .main .two .left .navBar{
  display: none;
 }
 .indexWarp .main .two .right .iconList li{
  width: 30%;
  margin-right: 9px;
  margin-bottom: 10px;
 }
 .indexWarp .main .two .right .iconList li:nth-child(3n){
  margin-right: 0px;
 }
 .vocationalWarp .main .title .navUrl{
  display: none;
 }
 .vocationalWarp .main .item .top li .pic{
  width: 260px;
  height: 97px;
 }
 .vocationalWarp .main .item .top li:nth-child(3) p{
  padding-left: 15px;
  height: 25px;
  line-height: 25px;
 }
 .vocationalWarp .main .item .top li:nth-child(3) p:nth-of-type(2){
  height: 50px;
 }

 .teacherTrainingWarp .nav .searchWarp{
  display: none;
 }

 .teacherTrainingWarp .main .news .newsList li .centent .time{
  display: block;
 }
 .teacherTrainingWarp .main ul li span{
  display: none;
 }
 .teacherTrainingWarp .main ul li a{
  width: 90%;
 }
 .teacherTrainingWarp .main .contentWarp .mainContent .picContent li{
   width: 96%;
   margin-right: 0%;
 }
 
 .listPageWarp .main .contentWarp .mainContent dd li span{
  display: none;
 }
 .listPageWarp .main .contentWarp .mainContent dd li a{
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
 }
 
 .listPageWarp .main .contentWarp .newsMessageList dd li a .listPagePic{
  display: none;
 }
 .listPageWarp .main .contentWarp .newsMessageList dd li a .listNewsMessage .newsMessage{
  display: none;
 }
 .listPageWarp .main .contentWarp .newsMessageList dd li a{
  white-space: normal;
 }
 .listPageWarp .main .contentWarp .newsMessageList dd li a .listNewsMessage{
  width: 100%;
 }
 .listPageWarp .main .contentWarp .newsMessageList dd li a .listNewsMessage p{
  height: 70px;
 }
 
 .listPageWarp .main .contentWarp .mainContent .title .textMessage{
  display: none;
 }
 
 .teacherListPageWarp .main .contentWarp .mainContent dd ul li{
  float: none;
  margin-bottom: 20px;
  width: 96%;
 }
 .teacherListPageWarp .main .contentWarp .mainContent dd ul li a{
  width: 96%;
 }
 
 .main .title .navUrl{
  display: none;
 }
 .main .title h3{
  font-size: 20px;
 }
 .main .columnBox .columnTitle h4{
  font-size: 16px;
 }
 .main .columnBox .columnContent  li{
  font-size: 12px;
 }
 
 .main .columnBox .columnNav{
  display: none;
 }
 .call{
  width: 80px;
    height: 15px;
    line-height: 11px;
    font-size: 12px;
 }
 
 .boutiqueWarp .main .columnBox .courseList li{
  width: 30%;
  margin-right: 3%;
  height: 80px;
 }
 .boutiqueWarp .main .columnBox .courseList li:nth-of-type(3){
  margin-right: 0;
 }
 .boutiqueWarp .main .columnBox .courseList li:nth-of-type(4){
  margin-right: 3%;
 }
 .boutiqueWarp .main .columnBox .courseList li:last-child a span{
  height: 80px;
  line-height: 80px;
 }
}