/* Mobile */
@media (max-width:600px) {
   .AboutBanner_Box{
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 100%;      
      height: calc(100vw*0.47);
      background:url(../images/Aboutus/mAboutus_Banner_BK.jpg) center center no-repeat;
      overflow: hidden;
   }


   .AboutBanner_Box em{
      display: block;
      position: absolute;
      margin: 0;
      padding: 0;
      left: 0;
      top: 0;
      width: 100%;
      height: calc(100vw*0.47);
      /* background-image: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0.5));   */
   }
   .AboutBanner_Div {
      position: relative;
      width: 100%;      
      height: calc(100vw*0.47);
  }

   .AboutBanner_Title{
      bottom:50px;
   }


   .AboutOverview_Box{
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 100%;
      /* height: 650px; */
      /* background-color: #F1F3F7; */
      background-color: #FFF;
   }
   .AboutOverview_Div{
      display: block;
      height: auto;
      overflow: hidden;  
   }
   .AboutOverview_Title{
      margin-top: 10px;
   }
   .AboutOverview_Content{      
      position: relative;
      width: 100%;
      height: auto;
   }
   .AboutOverview_TextBox{
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 100%;
 
   }
   .AboutOverview_Text{
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 100%;

      background-color: #FFF;
   }
   .AboutOverview_Text p{
      display: block;
      position: relative;
      margin: 0 auto;
      padding: 0;      
      width: 90%;

      line-height: 24px;
      font-size: 16px;
      color: #000;
      margin-top: 12px;
      
   }
   .AboutOverview_More{
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 60px;
      text-align: right; 
   }
   .AboutOverview_More a{
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      height: 60px;      
      line-height: 60px;
      font-size: 16px;
      color: #000;
   }
   .AboutOverview_Picture{
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 100%;
      
   }
   .AboutOverview_Picture img{      
      width: 100%;
   }
   .AboutProminent_Div{
      position: relative;
   }
   .AboutProminent_Title{
      margin-top: 10px;
      margin-bottom: 10px;
   }
   .AboutProminent_ListBox{
      display: block;      
      position: relative;
      margin: 0;
      padding: 0;
      width: 100%;
      height: auto;
      overflow: hidden;
   }
   .AboutProminent_ListItem{
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 100%;      
      background-color: #F7F3F0;
      margin-bottom: 10px;
      overflow: hidden;
   }
   .AboutProminent_ListPic{
      float: left;
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: calc(100vw*0.92*0.28);
      height: calc(100vw*0.92*0.28*1.4);     
   }
   .AboutProminent_ListPic img{
      width: calc(100vw*0.92*0.28);
      height: calc(100vw*0.92*0.28*1.4);       
   }
   .AboutProminent_ListText{
      float: left;
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: calc(100vw*0.92*0.71);
      height: auto;    
   }
   .AboutProminent_ListText h1{ 
      display: block;
      position: relative;
      margin: 0 auto;
      padding: 0;
      width: 90%;
      margin-top: 8px;
      height:30px;
      line-height: 30px;
      font-size: 20px;
      font-weight: bold;
      color: #000;
   }
   .AboutProminent_ListText h1 a{       
      height: 30px;
      line-height: 30px;
      font-size: 20px;
      font-weight: bold;
      color: #000;
   }
   .AboutProminent_ListText hr{ 
      display: block;
      position: relative;
      margin: 0 auto;
      padding: 0;
      width: 90%;
      height: 2px;
      border: 0;
     
     background-image: linear-gradient(to left,rgba(255,255,255,0),rgba(255,255,255,1));

   }
   .AboutProminent_ListText h2{ 
      display: block;
      position: relative;
      margin: 0 auto;
      padding: 0;
      margin-top: 6px;
      margin-bottom: 15px;
      width: 90%;      
      line-height: 20px;
      font-size: 14px;       
      color: #000;

   }
   .AboutProminent_ListText h2 a{       
      line-height: 20px;
      font-size: 14px;      
      color: #000;
   }
   .Aboutus_More{
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      text-align: right;
      line-height: 26px;
      height: 26px;
   }
   .Aboutus_More a{
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      text-align: right;
      line-height: 26px;
      height: 26px;
      font-size: 14px;
      color: #000;
   }
   .AboutCurrent_Title{
      margin-top: 20px;
      margin-bottom: 10px;
   }
   .AboutCurrent_ListItem{
      background-color: #DDE5EF;
   }
   .AboutCampus_More{
   
      padding-bottom: 20px;
      padding-right: 20px;
   }
   .AboutCampus_Div{
      display: block;
      position: relative;
      margin-bottom: 20px;    
   }
   .AboutCampus_Title{
      margin-top: 12px;
      margin-bottom: 10px;
   }
   .AboutCampus_Content{
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 100%;
      background-color: #EEEEEE;
      /* height: 533px; */
   }
   .AboutCampus_Left{

      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 100%;

   }
   .AboutCampus_Left img{
      width: 100%;

   }
   .AboutCampus_Right{
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 100%;
   }
   .AboutCampus_RightInfo{
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 100%;

      margin-top: 0px;
      background-color: #EEEEEE;
      overflow: hidden;
   }
   .AboutCampus_RightInfo p{
      display: block;
      position: relative;
      margin: 0 auto; 
      padding: 0;
      width: 90%;      
      margin-top: 10px;
      margin-bottom: 20px;
      font-size: 16px;
      line-height: 22px;
      color: #000;
   }
   .AboutContact_Div{
      position: relative;
      margin-bottom: 70px;
     
   }
   .AboutContact_Div p{
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 100%;
      
   }
   .AboutContact_Div p img{      
      width: 100%;
   }
   .AboutContact_Div h1{
      display: flex;
      align-items: center;
      position: absolute;
      margin: 0;
      padding: 0;
      left: 0;
      top: 0;
      width: 100%;
      height: calc(100vw*0.92*0.21);
      font-size: 26px;
      font-weight: bold;
      color: #FFF;
      text-align: center;
   }
   .AboutContact_Div h1 a{
      display: block;
      width: 100%;
      height: 30px;
      font-size: 26px;
      font-weight: bold;
      color: #FFF;
      
   }
}