@media screen and (max-width: 760px) {
 body > div.nav-content > ul, body > div.nav-content ,body > div.nav-content div,body > div.all_box ,body > div.all_box div{
  width: 100% !important;
  box-sizing: border-box !important;
 }

 .bar {
  min-width: 0 !important;
 }
 body > div.bar > img {
  min-width: 0 !important;
  height: 290px !important;
  object-fit: cover;

 }

 body > div.nav-content > ul {
  display: block !important;
  padding: 20px !important;
 }
 body > div.nav-content > ul > li{
  display: block !important;
  background: #fff !important;
  text-align: center !important;
  
 }
 body > div.nav-content > ul > li:not(:first-child ) {
  margin-top: 20px !important;
 }
 body > div.nav-content {
 }
 body > div.all_box > div:nth-child(1) > div:nth-child(3) {
  padding: 20px 39px !important;
  margin: 0 20px !important;
  box-sizing: border-box !important;
  width: calc(100% - 40px) !important;
  height: fit-content !important;
 }

 body > div.all_box > div:nth-child(1) > div:nth-child(4) {
  display: block !important;
  padding: 0 20px !important;
 }
 body > div.all_box > div:nth-child(1) > div:nth-child(4) > img {
  width: 100% !important;
  margin-top:  20px !important;
  height: 300px !important;
  object-fit: cover !important;
  margin-left: 0 !important;
 }
 body > div.all_box > div:nth-child(1) > div:nth-child(5) > div:nth-child(2) {
  width: 67px !important;
 }
 body > div.all_box > div:nth-child(1) > div:nth-child(5) > div:nth-child(3) {
  height: 180px !important;
 }
.school-panels > div > div {

 }
 body > div.all_box > div:nth-child(1) > div:nth-child(6) > div > div:nth-child(2) {
  width: 66px !important;
 }

 body > div.all_box > div:nth-child(1) > div:nth-child(6) > div > div:nth-child(3) {
  display: block !important;
  padding: 0 20px !important;
 }
 body > div.all_box > div:nth-child(1) > div:nth-child(6) > div > div:nth-child(3) > div {
  margin-left: 0 !important;
  margin-top: 20px !important;
 }

 body > div.all_box > div:nth-child(1) > div:nth-child(6) > div > div:nth-child(3) > div > div {
  text-align: center !important;
 }

 body > div.all_box > div:nth-child(2) > div:nth-child(3) {
  margin : 0 20px !important;
  width: calc(100% - 40px ) !important;
 }
 body > div.all_box > div:nth-child(2) > div:nth-child(4) > div > div:nth-child(2) {
  width: 66px !important;
 }
 body > div.all_box > div:nth-child(2) > div:nth-child(4) {
  padding: 20px !important;
 }

 body > div.all_box > div:nth-child(2) > div:nth-child(4) > div > div:nth-child(3) {
  display: block !important;
 }
 body > div.all_box > div:nth-child(2) > div:nth-child(4) > div > div:nth-child(3) > div {
  margin-left: 0 !important;
  padding: 20px !important;
  margin-top: 20px !important;
 }
 body > div.all_box > div:nth-child(2) > div:nth-child(4) > div > div:nth-child(3) > div> div:nth-child(2) {
  border: none !important;
  }
  body > div.all_box > div:nth-child(2) > div:nth-child(4) > div > div:nth-child(3) > div > div:nth-child(2) > div {
   display: none !important;
  }
  body > div.all_box > div:nth-child(2) > div:nth-child(4) > div > div:nth-child(3) > div > p {
   margin-top: 20px !important;
  }

  body > div.all_box > div:nth-child(2) > div:nth-child(5) > div:nth-child(2) {
   width: 66px !important;
  }
  body > div.all_box > div:nth-child(2) > div:nth-child(5) > div:nth-child(3) {
   padding: 0 20px !important;
  }
  body > div.all_box > div:nth-child(2) > div:nth-child(5) > div:nth-child(3) {
   display: block !important;
  }

  body > div.all_box > div:nth-child(2) > div:nth-child(5) > div:nth-child(3) > div> img {
width:  100% !important;
margin-top: 10px !important;
  }
  body > div.all_box > div:nth-child(2) > div:nth-child(6) > div:nth-child(2) {
   width: 66px !important;
  }
  body > div.all_box > div:nth-child(2) > div:nth-child(6) > div:nth-child(3) {
   flex-wrap: wrap !important;
   padding: 0 20px !important;
  }
  body > div.all_box > div:nth-child(2) > div:nth-child(6) > div:nth-child(3) > div {
   width: calc(50% - 30px) !important;
   margin-left: 10px !important;
  }
  body > div.all_box > div:nth-child(2) > div:nth-child(6) > div:nth-child(3) > div > div {
   width: 135px !important;
   height: 135px !important;
   margin-top: 20px !important;
  }
  body > div.all_box > div:nth-child(2) > div:nth-child(6) {
   padding-top: 0 !important;
  }

  body > div.all_box > div:nth-child(2) > div:nth-child(6) > div:nth-child(4) {
   font-size: 15px !important;
   margin: 0 20px !important;
   width: calc(100% - 40px ) !important;
   line-height: 25px !important;
   padding: 20px !important;
   height: fit-content !important;
   margin-top: 20px !important;
   box-sizing: border-box !important;
  }

  body > div.all_box > div:nth-child(3) > div > div.top {
   margin: 0 0 50px 0 !important;
  }
  #project > div.content {
   display: block !important;
  }
  #project > div:nth-child(2) {
   margin-bottom: 20px !important;
  }
  #project > div.content > img {
   margin: 0  !important;
   width: 100%;
   height: 365px !important;
   object-fit: contain;
  }
  #project > div.content > div {
   margin: 0 20px !important;
   width: calc(100% - 40px) !important;
  }
  #project > div.content > div > p:nth-child(1) {
   font-size: 26px !important;
   margin-bottom: 0 !important;
  }
  #project > div.content > div > p:nth-child(2) {
   margin-left: 0 !important;
   font-size: 26px !important;
   text-align: right;
   margin-bottom: 30px !important;
  }
  body > div.all_box > div:nth-child(3) > div > div.top > div > p.cn {
   font-size: 18px !important;
  }
  #project > div.content > div > div > img {
   display: none !important;
  }
  #project > div:nth-child(4) ,  #project > div:nth-child(5) {
   display: block !important;
  }
  #project > div:nth-child(4) > div ,  #project > div:nth-child(5) >div{
   padding: 20px !important;
  }
  #project > div:nth-child(4) > div > img ,   #project > div:nth-child(5) >div > img {
   width: 72px !important;
   height:  72px !important;
  }
  #project > div.content {
   margin-bottom: 20px !important;
  }
  #project > div:nth-child(4) {
   margin-bottom: 20px !important;
  }

  #positions > div.main > div.image {
   display: none !important;
  }
  #positions > div:nth-child(2) {
   margin-bottom: 20px !important;
  }
  #positions > div.main > div.word {
   margin-left: 20px !important;
   width: calc(100% - 40px ) !important;
  }

  #positions > div.main {
   margin-bottom: 30px !important;
  }

  #positions > div.list > div.item ,
  #positions > div.list > div.item div{
   display: block !important;
  }
  #positions > div.list > div:nth-child(3) > div.image > img,  
  #positions > div.list > div:nth-child(4) > div.image > img,
  #positions > div.list > div:nth-child(5) > div.image > img {
   width: 100% !important;
  }
  #positions > div.list > div:nth-child(3) > div.image > div,  
  #positions > div.list > div:nth-child(4) > div.image > div,  
  #positions > div.list > div:nth-child(5) > div.image > div  {
   left: 50% !important;
   top: 180px !important;
   width: fit-content !important;
   transform: translateX(-50%);
  }
  #positions > div.list > div:nth-child(3) > div.image > div > p  ,
  #positions > div.list > div:nth-child(4) > div.image > div > p,
  #positions > div.list > div:nth-child(5) > div.image > div > p {
   margin-right: 0 !important;
   width: 180px !important;
  }
  #positions > div.list > div:nth-child(3) > div.image > div > a , 
   #positions > div.list > div:nth-child(4) > div.image > div > a , 
   #positions > div.list > div:nth-child(5) > div.image > div > a{
   margin: 0 auto;
   font-size: 13px !important;
   height: 30px; 
   line-height: 30px;
   width: 150px !important;
  }
  #positions > div.list > div:nth-child(3) > div.image > div > p.en,
  #positions > div.list > div:nth-child(4) > div.image > div > p.en,
  #positions > div.list > div:nth-child(5) > div.image > div > p.en {
   margin-bottom: 5px !important;
  font-size: 13px !important;
  }
  #positions > div.list > div:nth-child(3) > div.image > div > p.cn,
  #positions > div.list > div:nth-child(4) > div.image > div > p.cn,
  #positions > div.list > div:nth-child(5) > div.image > div > p.cn {
   font-size: 17px !important;
  }



  #positions > div.list > div:nth-child(3) > div.content,#positions > div.list > div:nth-child(4) > div.content,#positions > div.list > div:nth-child(5) > div.content {
   padding: 0 20px !important;
  }

  #positions > div.list > div:nth-child(4) > div.image > img ,#positions > div.list > div:nth-child(5) > div.image > img{
   width: 100% !important;
  }
  #process > div:nth-child(2) {
   margin-bottom: 30px !important;
  }

  #process > div.content {
   display: block !important;
  }

  #process > div.content > div.line {
   border-bottom: none !important;
   position: relative;

  }
  #process > div.content > div.item> p {
   text-align: center !important;
  }

  #process > div.content > div.line::after {
   content: '';
   display: block;
   width: 1px ;
   height: 100%;
   position: absolute;
   background: #f2f2f2;
   left: 50%;
   top: 0;
  }
  body > div.all_box > div:nth-child(3) > div > div.top > div> p.en {
   display: none !important;
  }
  body > div.all_box > div:nth-child(3) > div > div.top {
height:  48px !important;
margin: 0 20px !important;
width: calc(100% - 40px) !important;
margin-top: -30px !important;
margin-bottom: 50px !important;
background: #40404A !important;
border-radius:24px !important;
overflow: hidden;
  }
  body > div.all_box > div:nth-child(3) > div > div.top > div {
   height: 100% !important;
   padding: 0 !important;
   background: #40404A !important;
   border: none !important;
  }
  body > div.all_box > div:nth-child(3) > div > div.top > div.active {
  border-bottom: 2px solid #F87628 !important;
  }

  body > div.all_box > div:nth-child(3) > div > div.top > div > p.cn {
   font-size: 12px !important;
   color: #fff !important;
   line-height: 48px !important;
  text-align: center !important;
  }
  .all_box {
    display: none !important;
  }
  body > div.nav-content > ul {
    display: none !important;
  }
  #h5-nav-content {
    display: flex !important;
    padding: 33px 10px 0 10px;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
  }
  #h5-nav-content > a {
    display: block ;
    height: fit-content;
  }
  body > div.bar > img:nth-child(1) {
    display: none !important;
  }

  body > div.bar > img:nth-child(2) {
    display: block !important;
  }

  .bar {
    position: relative !important;
  }
  .bar > svg {
    position: absolute;
    left: 20px ;
    bottom: 35px;
    display: block !important;
  }
 }