/* Mobile */
@media (max-width:600px) {
   
    /* MainBanner */
    .MainBanner_Box{
        display: block;
        position: relative;
        margin: 0 auto;
        padding: 0;
        width: 100%;
        height: calc(100vw*0.47 + 100px);        
        /* overflow: hidden; */
    }
    .MainBannerSliderTxt{
        display: block;
        position: relative;
        padding: 0;
        width: 100%; 
        height: 105px;        
        background-color: #A9A9A9;
    }
    .MainBannerSliderTxt p{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        margin-top: 5px;
    }
    .MainBannerSliderTxt a{
        display: block;
        position: relative;
        padding: 0;
        margin: 0 auto;        
        width: 90%;        
        line-height: 22px;
        font-size: 18px;
        font-weight: bold;
        color: #FFF;
        text-align: center; 
        /* border: 1px salmon solid; */
        
        /* text overflow */
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        white-space: nowarp;
        overflow: hidden;      
      
    }
    .MainSliderImg{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        height: calc(100vw*0.47);
    }
    .MainSliderImg img{
        width: 100%;        
    }
    .mMainBanner_Slider {
        display: block;
        position: relative;
        margin: 0 auto;
        padding: 0;
        width: 100%;
        height: calc(100vw*0.47 + 100px); 
        overflow: hidden;    
    }
    .mMainBannerPagination{
       /* bottom:-12px!important; */
       height: 12px;
       font-size: 8px;
       bottom: 9px !important;
       /* border: 1px solid saddlebrown; */
    }
    .mMainBanner_Slider .swiper-pagination-bullet{
        width: 8px;
        height: 8px;
        background-color: transparent;
        border: 1px solid #FFF;
        opacity: 1;
    }
    .mMainBanner_Slider .swiper-pagination-bullet-active{
        width: 8px;
        height: 8px;
        background-color: #A73728;
        border: 1px solid #A73728;
    }    
    /* MainBanner end*/    

    /* MainMediaCenter  */
    .MainMediaCenter_Box{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
        background: url(../images/Mobile/mIndex_Media_BK.jpg) center center no-repeat;
        background-size: cover;
        overflow: hidden;
        
    }
    .MainMeidaCenter_Div{
        position: relative;
        height: auto;
    }

    .MainMeidaCenter_TitleBox{
        margin-top: 28px!important;
    }
    .MainMeidaCenter_Content{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
    }
    .MainMeidaCenter_NewsTitle{
        /* height: 82px; */
        margin-top: 10px;
        margin-bottom: 5px;
    }
    .MainMeidaCenter_NewsBox{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
    }
    .MainMeidaCenter_GalleryBox{

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

    .MainMeidaCenter_NewsList{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .MainMeidaCenter_List1{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: calc(100vw*0.91*0.5);
        height: calc(100vw*0.91*0.5);
        overflow: hidden;
    }
    .MainMeidaCenter_List1 p{
        display: block;
        position: absolute;
        margin: 0;
        padding: 0;
        left: 0;
        top: 0;
        width: calc(100vw*0.91*0.5);
        height: calc(100vw*0.91*0.5);
    }
    .MainMeidaCenter_List1 p img{        
        width: calc(100vw*0.91*0.5);
        height: calc(100vw*0.91*0.5);  
    }
    .MainMeidaCenter_List1_info{
        display: block;
        position: absolute;
        left: 0;
        bottom:0;
        margin: 0;
        padding: 0;
        width: calc(100vw*0.91*0.5);
        height: calc(100vw*0.91*0.5);     
       background-image: linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,1));
        overflow: hidden;
    }
    .MainMeidaCenter_List1_info a:hover{
        color: #FFF;
    }
    .MainMeidaCenter_List1_info h1{
        display: block;
        position: relative;
        margin: 0 auto;
        padding: 0;
        width: 90%;
        height: 20px;
        font-size: 14px;
        margin-top: 10px;
        color: #fff;
        margin-bottom: 5px;
    }
    .MainMeidaCenter_List1_info h2{
        display: block;
        position: relative;
        margin: 0 auto;
        padding: 0;
        width: 90%;
        height: auto;
        line-height: 20px;
        font-size: 16px;
        color: #fff;
 
    }
    .MainMeidaCenter_List{
        display: block;
        position: relative;
        margin: 0;
        padding: 0px;
        width: calc(100vw*0.91*0.5);
        height: calc(100vw*0.91*0.5); 
        margin-bottom: 4px;
        overflow: hidden;        
    }
    .MainMeidaCenter_List a{
        color: #FFF;
    }
    .MainMeidaCenter_List a:hover{
        color: #FFF;
    }
    .MainMeidaCenter_List h1{
        display: block;
        position: relative;
        margin: 0 auto;
        padding: 0px;
        width: 90%;
        height: 20px;
        line-height: 20px;
        font-size: 14px;
        color: #fff; 
        margin-top: 10px;
        margin-bottom: 5px;
    }
    .MainMeidaCenter_List h2{
        display: block;
        position: relative;
        margin: 0 auto;
        padding: 0px;
        width: 90%;
        height: auto;
        line-height: 20px;
        font-size: 16px;
        color: #fff; 
    }
    .MainMeidaCenter_List2{
        background-color: #C0352F;
    }
    .MainMeidaCenter_List3{
        background-color:#316B9B;
    }
    .MainMeidaCenter_List4{
        background-color:#103764;
    }
    .MainMeidaCenter_GalleryVideo{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        overflow: hidden;
    }
    .MainMeidaCenter_GalleryVideo a,
    .MainMeidaCenter_GalleryVideo p{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
      
    }
    .MainMeidaCenter_GalleryVideo img{        
        width: 100%;
        
    }
    .MainMeidaCenter_GalleryVideo em{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;      
        background: url(../images/Icon_Video.png) center center no-repeat;
        background-size:40px 40px ;          
    }
    .MainMeidaCenter_GalleryLink{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
        background-color: #FFF;
        overflow: hidden;
    }
    .MainMeidaCenter_GalleryLink a{
        display: block;
        position: relative;
        margin: 0 auto;
        padding: 0;
        width: 90%;
        color: #000;
        font-size: 16px;
        line-height: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
   
    }
    .MainMeidaCenter_GalleryListBox{
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        /* height: 185px; */
        overflow: hidden;
    }
    .MainMeidaCenter_GalleryList{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: calc(100vw*0.92*0.495);
        height: calc(100vw*0.92*0.49*0.67);
        overflow: hidden;
    }
    .MainMeidaCenter_GalleryList p{
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        margin: 0;
        padding: 0;
        width: 100%;          
    }
    .MainMeidaCenter_GalleryList p img{        
        width: 100%;    
          
    }
    .MainMeidaCenter_GalleryList h1{
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 75px;
        background-image: linear-gradient(to top, rgba(0,0,0,1),rgba(0,0,0,0));
    }
    .MainMeidaCenter_GalleryList h1 a{
        display: block;
        position: absolute;
        margin: 0 ;
        padding: 0;
        left: 5%;
        width: 90%;        
        bottom: 8px;        
        
        color: #FFF;
        font-size: 14px;
        line-height: 20px;        
        /* text overflow */
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        white-space: nowarp;
        overflow: hidden;        
    }
    .MainMeidaCenter_MoreBox{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 25px;
        margin-top: 5px;
        margin-bottom: 10px;
        text-align: center;
    }
    .MainMeidaCenter_MoreBox a{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        font-size: 14px;
        color: #000;

    }
    /* MainAbout_Box */
    .MainAbout_Box{
        position: relative;
        /* height: 900px; */
        height: auto;
        margin-bottom: 30px;
        overflow: hidden;
    }
    .MainAbout_TitleBox{
        margin-top: 20px!important;
        margin-bottom: 17px!important;
    }
    .MainAbout_ListBox{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        
        /* height: 610px; */
    }
    .MainAbout_List{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        /* height: 608px; */
    }
    .MainAbout_List p{
        float: left;
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: calc(100vw*0.92*0.5);
        height: calc(100vw*0.92*0.5*0.67);
       
    }
    .MainAbout_List p img{        
        width: 100%;        
    }
    .MainAbout_List_Title{
        display: block;
        position: relative;
        margin: 0 auto;
        padding: 0;
        width: 90%;
        margin-top: 10px;
    }
    .MainAbout_List_Title h1 a{
        color: #FFF;
    }
    .MainAbout_List_Title em{
        background-color: #FFF;
    }
    .MainAbout_List_Bottom{
        float: left;
        display: block;
        position: relative;
        margin: 0;
        width: calc(100vw*0.92*0.5);
        height: calc(100vw*0.92*0.5*0.67);
        overflow: hidden;
    }
    .MainAbout_List_Bottom h2{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
        /* margin-top: 17px;         */
    }
    .mMainAboutList p{
        float: right!important;
    }
    .MainAbout_List_Bottom h2 a{
        display: block;
        position: relative;
        margin: 0 auto;
        padding: 0;
        width: 90%;
        height: auto;
        font-size: 12px;
        line-height: 16px;
        color: #FFF;
          
    }
    .MainAbout_List_Bottom sub{
        display: block;
        position: absolute;
        margin: 0;
        padding: 0;
        width: 12px;
        height: 12px;
        background: url(../images/Icon_About_Arrow.png) center center no-repeat;
        background-size: 12px 12px;
        right: 12px;
        bottom: 12px;          
    }
    .MainAbout_List1{
       background: url(../images/Index_About_Bk1.jpg) center center no-repeat;
    }
    .MainAbout_List2{
        background: url(../images/Index_About_Bk2.jpg) center center no-repeat;
     }
     .MainAbout_List3{
        background: url(../images/Index_About_Bk3.jpg) center center no-repeat;
     }
     /* MainResearch_Box */
     .MainResearch_Box{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
        background: url(../images/Mobile/mResearch.jpg) center center no-repeat;
        background-size: cover;
        overflow: hidden;
     }
     .MainResearch_Div{
        position: relative;
        /* height: 968px; */
        overflow: hidden;  
        margin-bottom: 30px;  
     }

     .Pub_Title_Box{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 48px;
        line-height: 48px;        
        font-size: 26px;     
        font-weight: bold;
        color: #A73727;

        background: url(../images/Index_Title_BK.png) top center no-repeat;        
        background-size: 56px 47px;
        
    }
    .Pub_Title_Box a{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        /* width: 100%; */
        height: 48px;
        line-height: 48px;        
        font-size: 26px;       
        font-weight: bold;
        color: #A73727;
        text-align: center;        
    }

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

        margin-top: 16px;
        text-align: center;  
        height: 48px;
        line-height: 48px;        
        font-size: 26px;

        color: #FFF;
        font-weight: bold;
        z-index: 1;      
     }
     .MainResearch_Title a{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;        
        height: 48px;
        line-height: 48px;        
        font-size: 26px;

        color: #FFF;        
        font-weight: bold;   
        text-align: center;        
     }
     .MainResearch_Left{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;       
     }
     .MainResearch_Left_Tilte{
        margin-top: 12px;
        margin-bottom: 14px;
     }
     .MainResearch_Left_Tilte h1 a{
        color: #FFF;
     }
     .MainResearch_Left_Tilte em{
        background-color: #FFF;
     }
     .MainResearch_Left_Info{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 94%;
        /* height: 137px; */
        font-size: 16px;
        color: #FFF;
        line-height: 22px;
        margin-bottom: 20px;
     }

     .MainResearch_Right{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        background-color: #25647D;
        width: 100%;

        overflow: hidden;
              
     }
     .MainResearch_Left_More{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 60px;        
     }
     .MainResearch_Left_More a{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 126px;
        height: 34px;        
        line-height: 34px;
        background-color: #084E6B;
        color: #FFF;
        font-size: 14px;
        text-align: center;
     }

     .MainResearch_Left_Tilte2{
        margin-top: 0!important;
     }
     .MainResearch_Left_BookListBox{
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;        
        margin-top: 5px;
     }
     .MainResearch_Left_BookList{
        display: block;
        position: relative;
        margin: 0;
        padding: 8px;
        width:calc(100vw*0.92*0.31 - 16px);

        background-color:rgba(255,255,255,1);
     }
     .MainResearch_Left_BookList img{
        width:calc(100vw*0.92*0.31 - 16px);   
     }



     .MainResearch_Right_Tilte{
        margin-top: 30px;    
        margin-bottom: 30px;   
     }
     .MainResearch_Right_Tilte h1 a{
        color: #FFF;
     }
     .MainResearch_Right_Tilte em{
        background-color: #FFF;
     }
     .MainResearch_Right_Info{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;        
        font-size: 16px;
        color: #FFF;
        line-height: 22px;
        margin-bottom: 20px;
     }
     .MainResearch_Right_More{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 66px;        
        text-align: center;
     }
     .MainResearch_Right_More a{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 126px;
        height: 34px;        
        line-height: 34px;
        background-color: #BB9C6F;
        color: #FFF;
        font-size: 14px;
        text-align: center;
     }
     /* Main_Inter_Box */
     .Main_Inter_Box{
        position: relative;
        /* height: 667px; */
        overflow: hidden;
     }
     .Main_Inter_TitleBox{
        margin-top: 24px;
        margin-bottom: 10px;
     }
     .Main_Inter_ListBox{
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        /* height: 395px; */
     }
     .Main_Inter_List{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: calc(100vw*0.92*0.3);
        height: calc(100vw*0.92*0.3);
        overflow: hidden;
     }
     .Main_Inter_List p{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: calc(100vw*0.92*0.3);
        height: calc(100vw*0.92*0.3);
     }
     .Main_Inter_List img{
        width: calc(100vw*0.92*0.3);
        height: calc(100vw*0.92*0.3);
     }
     
     .Main_Inter_List h1{
        display: none;
        
     }
     .Main_Inter_List h2{
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;   
        bottom: 0;
        margin: 0;
        padding: 0;
        width: calc(100vw*0.92*0.3);   
        height: 46px;
        color: #FFF;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
        text-align: center;
        overflow: hidden;
     }
     .Main_Inter_List1 h1{
        background-color:rgba(192,53,47,0);
        transition: all 0.5s;
     }
     .Main_Inter_List1 h2{
        background-color:rgba(192,53,47,1);     
        transition: all 0.5s;
     }
     .Main_Inter_List1:hover h1{
        background-color:rgba(192,53,47,0.6);       
        transition: all 0.5s;
     }
     .Main_Inter_List1:hover h2{
        background-color:rgba(192,53,47,0);     
        transition: all 0.5s;
     }
     .Main_Inter_List2 h1{
        background-color:rgba(16,55,100,0);
        transition: all 0.5s;
     }
     .Main_Inter_List2 h2{
        background-color:rgba(16,55,100,1);     
        transition: all 0.5s;
     }
     .Main_Inter_List2:hover h1{
        background-color:rgba(16,55,100,0.6);       
        transition: all 0.5s;
     }
     .Main_Inter_List2:hover h2{
        background-color:rgba(16,55,100,0);     
        transition: all 0.5s;
     }
     .Main_Inter_List3 h1{
        background-color:rgba(49,107,155,0);
        transition: all 0.5s;
     }
     .Main_Inter_List3 h2{
        background-color:rgba(49,107,155,1);     
        transition: all 0.5s;
     }
     .Main_Inter_List3:hover h1{
        background-color:rgba(49,107,155,0.6);       
        transition: all 0.5s;
     }
     .Main_Inter_List3:hover h2{
        background-color:rgba(49,107,155,0);     
        transition: all 0.5s;
     }
     /* Main_Admin_Box */
     .Main_Admin_Title_Div{
        position: relative;
        margin-bottom: 10px;
        margin-top: 20px;
      
     }
     .Main_Admin_Box{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        overflow: hidden;
     }
     .Main_Admin_Div{
        position: relative;
        width: 100%!important;
     }
     .Main_Admin_Left{ 
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        /* height: 845px; */
       /* background: url(../images/index_Admin_BK_Left.jpg) center right no-repeat; */
     }
     .Main_Admin_Left p{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;        
     }
     .Main_Admin_Left p img{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
     }
     .Main_Admin_Right{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
       background: url(../images/Mobile/mAdmin_BK.jpg) center center no-repeat;
       background-size: cover;
       overflow: hidden;
        /* background-color: #BB9C6F; */        
     }
     .Main_Admin_GuideTitle{
        width: 92%;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 10px;

     }
     .Main_Admin_Guide_Info{
  
        display: block;
        position: relative;
        padding: 0;
        width: 92%;
        margin: 0 auto;
        /* height: 254px; */
        color: #000;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
     }
     .Main_Admin_Guide_More{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        text-align: center;
        height: 25px;        
     }
     .Main_Admin_Guide_More a{
        display: block;
        position: relative;
        margin: 0;
        padding: 0;        
        height: 25px;        
        line-height: 25px;
        font-size: 16px;
        color: #000;
     }
     .Main_Admin_Prog_ListBox{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative;
        
        padding: 0;
        width: 92%;
        margin: 0 auto;
        height: auto;
        margin-bottom: 50px;
     }
     .Main_Admin_Prog_List{
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 50px;
        background-color: #A12916;  
        overflow: hidden;
        margin-bottom: 12px;
     }

     .Main_Admin_Prog_List p{
        float: left;
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 30px;
        height: 28px;
        margin-left: 12px;
        margin-top: 12px;  
        /* border: 1px salmon solid;       */
        
     }

     .Main_Admin_Prog_List h1{
        float: left;
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 230px;
        height: 32px;
        margin-left: 12px; 
        margin-top: 10px; 
        font-size: 18px;
        color: #FFF;
        /* border: 1px salmon solid;     */
     }
     .Main_Admin_Prog_List a h1{
        font-size: 16px;
        line-height: 32px;
        color: #FFF;
     }



     .Main_Admin_Prog_List1 p{        
        background: url(../images/Icon_Index_Admin1_on.png) center center no-repeat;
        background-size: 30px 28px;
     }


     .Main_Admin_Prog_List2 p{        
        background: url(../images/Icon_Index_Admin2_on.png) center center no-repeat;
        background-size: 30px 28px;
     }

     .Main_Admin_Prog_List3 p{        
        background: url(../images/Icon_Index_Admin3_on.png) center center no-repeat;
        background-size: 30px 28px;
     }

     .Main_Admin_Prog_List4 p{        
        background: url(../images/Icon_Index_Admin4_on.png) center center no-repeat;
        background-size: 30px 28px;
     }

     .Main_Admin_Prog_List5 p{        
        background: url(../images/Icon_Index_Admin5_on.png) center center no-repeat;
        background-size: 30px 28px;
     }
	 
	

}