/* PC */
@media (min-width:600px) {


   /* MainBanner */
   .MainBanner_Box {
      display: block;
      position: relative;
      margin: 0 auto;
      padding: 0;
      width: 100%;
      height: 900px;
      overflow: hidden;
   }

   .MainBanner_Box em {
      display: block;
      position: absolute;
      margin: 0 auto;
      padding: 0;
      width: 100%;
      height: 250px;
      left: 0;
      top: 0;
      background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
      z-index: 2;
   }

   .MainBannerSliderTxt {
      display: block;
      position: absolute;
      bottom: 0;
      margin-left: 50%;
      transform: translateX(-650px);
      padding: 0;
      width: 1300px;
      height: auto;
      min-height: 170px;
      background-color: rgba(0, 0, 0, 0.6);
   }

   .MainBannerSliderTxt a {
      display: block;
      position: relative;
      padding: 0;
      margin: 0 auto;
      margin-top: 20px;
      margin-bottom: 50px;
      width: 1200px;
      min-height: 100px;
      line-height: 50px;

      font-size: 30px;
      font-weight: bold;
      color: #FFF;

      text-align: center;
   }

   .MainSliderImg img {
      width: 1920px;
      height: 900px;
   }

   .MainBanner_Slider {
      display: block;
      position: relative;
      margin: 0 auto;
      padding: 0;
      width: 1920px;
      min-width: 1300px;
      height: 900px;
      margin-left: calc(50vw - 960px);
      overflow: hidden;
   }

   .MainBannerPagination {
      /* z-index: 12!important;       */
   }
   /* 20221102 */
   .MainBannerPagination .swiper-pagination-bullet:focus{
      outline: none;
   }
   /* 20221102 */
   .MainBannerPagination .swiper-pagination-bullet-active:focus{
      outline: none;
   }

   .MainBanner_Slider .swiper-pagination-bullet {
      width: 14px;
      height: 14px;
      background-color: transparent;
      border: 1px solid #FFF;
      opacity: 1;
   }

   .MainBanner_Slider .swiper-pagination-bullet-active {
      width: 14px;
      height: 14px;
      background-color: #A73728;
      border: 1px solid #A73728;
   }

   /* MainBanner end*/

   /* MainMediaCenter  */
   .MainMediaCenter_Box {
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 1044px;
      background: url(../images/Index_Media_BK.jpg) center center no-repeat;
      overflow: hidden;
   }

   .MainMeidaCenter_Div {
      position: relative;
      height: auto;
   }

   .MainMeidaCenter_TitleBox {
      margin-top: 28px;
   }

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

   .MainMeidaCenter_NewsTitle {
      height: 82px;
   }

   .MainMeidaCenter_NewsBox {
      float: left;
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 686px;
      height: auto;
   }

   .MainMeidaCenter_GalleryBox {
      float: right;
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 579px;
      height: auto;
   }

   .MainMeidaCenter_NewsList {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      position: relative;
      margin: 0;
      padding: 0;
      width: 686px;
   }

   .MainMeidaCenter_List1 {
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 338px;
      height: 338px;
      overflow: hidden;
   }

   .MainMeidaCenter_List1 p {
      display: block;
      position: absolute;
      margin: 0;
      padding: 0;
      left: 0;
      top: 0;
      width: 338px;
      height: 338px;
   }

   .MainMeidaCenter_List1 p img {
      width: 338px;
      height: 338px;
   }

   .MainMeidaCenter_List1_info {
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      margin: 0;
      padding: 0;
      width: 100%;
      height: auto;
      min-height: 100px;
      background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));

   }

   .MainMeidaCenter_List1_info a:hover {
      color: #FFF;
   }

   .MainMeidaCenter_List1_info h1 {
      display: block;
      position: relative;
      margin: 0 auto;
      padding: 0;
      width: 308px;
      height: 26px;
      font-size: 16px;
      margin-top: 10px;
      color: #fff;
   }

   .MainMeidaCenter_List1_info h2 {
      display: block;
      position: relative;
      margin: 0 auto;
      padding: 0;
      width: 308px;
      height: auto;
      line-height: 25px;
      font-size: 18px;
      color: #fff;
      margin-bottom: 15px;
   }

   .MainMeidaCenter_List {
      display: block;
      position: relative;
      margin: 0;
      padding: 24px;
      width: 290px;
      height: 290px;
      margin-bottom: 10px;
      overflow: hidden;
   }

   .MainMeidaCenter_List a {
      color: #FFF;
   }

   .MainMeidaCenter_List a:hover {
      color: #FFF;
   }

   .MainMeidaCenter_List h1 {
      display: block;
      position: relative;
      margin: 0;
      padding: 0px;
      width: 100%;
      height: 38px;
      line-height: 28px;
      font-size: 16px;
      color: #fff;
   }

   .MainMeidaCenter_List h2 {
      display: block;
      position: relative;
      margin: 0;
      padding: 0px;
      width: 100%;
      height: auto;
      line-height: 36px;
      font-size: 24px;
      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: 579px;
      height: 386px;
      overflow: hidden;
   }

   .MainMeidaCenter_GalleryVideo a,
   .MainMeidaCenter_GalleryVideo p {
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 579px;
      height: 386px;
   }

   .MainMeidaCenter_GalleryVideo img {
      width: 579px;
      height: 386px;
   }

   .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;
   }

   .MainMeidaCenter_GalleryLink {
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 90px;
      background-color: #FFF;
      overflow: hidden;
   }

   .MainMeidaCenter_GalleryLink a {
      display: block;
      position: relative;
      margin: 0 auto;
      padding: 0;
      width: 540px;
      height: 50px;
      color: #000;
      font-size: 22px;
      line-height: 25px;
      margin-top: 20px;
      /* text overflow */
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      white-space: nowarp;
      overflow: hidden;
   }

   .MainMeidaCenter_GalleryListBox {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      position: relative;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 185px;
      margin-top: 25px;
      overflow: hidden;
   }

   .MainMeidaCenter_GalleryList {
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 278px;
      height: 185px;
      overflow: hidden;
   }

   .MainMeidaCenter_GalleryList p {
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      margin: 0;
      padding: 0;
      width: 278px;
      height: 185px;
   }

   .MainMeidaCenter_GalleryList p img {
      width: 278px;
      height: 185px;
   }

   .MainMeidaCenter_GalleryList h1 {
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      margin: 0;
      padding: 0;
      width: 278px;
      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;
      width: 238px;
      left: 20px;
      bottom: 15px;

      color: #FFF;
      font-size: 18px;
      line-height: 25px;
      /* 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: 25px;
      text-align: right;
   }

   .MainMeidaCenter_MoreBox a {
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      font-size: 16px;
      color: #000;

   }

   /* MainAbout_Box */
   .MainAbout_Box {
      position: relative;
      height: 900px;
      overflow: hidden;
   }

   .MainAbout_TitleBox {
      margin-top: 40px;
      margin-bottom: 17px;
   }

   .MainAbout_ListBox {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;

      position: relative;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 610px;
   }

   .MainAbout_List {
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 395px;
      height: 608px;
   }

   .MainAbout_List p {
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 395px;
      height: 263px;
      overflow: hidden;
   }

   .MainAbout_List p img {
      width: 395px;
      height: 263px;
   }

   .MainAbout_List_Title h1 a {
      color: #FFF;
   }

   .MainAbout_List_Title em {
      background-color: #FFF;
   }

   .MainAbout_List_Bottom {
      display: block;
      position: relative;
      margin: 0;
      padding: 27px;
      width: 341px;
      height: 291px;
      overflow: hidden;
   }

   .MainAbout_List_Bottom h2 {
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 100%;
      height: auto;
      margin-top: 27px;
   }

   .MainAbout_List_Bottom h2 a {
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 100%;
      height: auto;
      font-size: 20px;
      line-height: 28px;
      color: #FFF;

   }

   .MainAbout_List_Bottom sub {
      display: block;
      position: absolute;
      margin: 0;
      padding: 0;
      width: 34px;
      height: 34px;
      background: url(../images/Icon_About_Arrow.png) center center no-repeat;
      right: 27px;
      bottom: 27px;
   }

   .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: 968px;
      background: url(../images/Index_Research_BK.jpg) center center no-repeat;

      overflow: hidden;
   }

   .MainResearch_Div {
      position: relative;
      height: 968px;
      overflow: hidden;
   }

   .MainResearch_Title {
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 92px;
      margin-top: 66px;
      text-align: center;
      font-size: 46px;
      color: #FFF;
      line-height: 92px;
      font-weight: bold;
      z-index: 1;
   }

   .MainResearch_Title a {
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      height: 92px;
      font-size: 46px;
      color: #FFF;
      line-height: 92px;
      font-weight: bold;
      text-align: center;
   }

   .MainResearch_Left {
      display: block;
      position: absolute;
      margin: 0;
      padding: 0;

      top: 0;
      left: 0;
      width: 874px;
      height: 100%;
   }

   .MainResearch_Left_Tilte {
      margin-top: 158px;
      margin-bottom: 32px;
   }

   .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: 20px;
      color: #FFF;
      line-height: 28px;
      overflow: hidden;
   }

   .MainResearch_Right {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      margin: 0;
      padding: 0;
      padding-left: 30px;
      padding-right: 30px;
      background-color: #25647D;
      width: 366px;
      height: 100%;
   }

   .MainResearch_Left_More {
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 106px;
   }

   .MainResearch_Left_More a {
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 176px;
      height: 45px;
      line-height: 45px;
      background-color: #084E6B;
      color: #FFF;
      font-size: 16px;
      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: 800px;
      height: 293px;
   }

   .MainResearch_Left_BookList {
      display: block;
      position: relative;
      margin: 0;
      padding: 18px;
      width: 185px;
      height: 257px;
      background-color: rgba(255, 255, 255, 0.4);
   }

   .MainResearch_Left_BookList:hover {
      background-color: rgba(255, 255, 255, 1);
   }

   .MainResearch_Right_Tilte {
      margin-top: 158px;
      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%;
      height: 480px;
      font-size: 20px;
      color: #FFF;
      line-height: 32px;
   }

   .MainResearch_Right_More {
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 106px;
      text-align: center;
   }

   .MainResearch_Right_More a {
      display: block;
      position: relative;
      margin: 0 auto;
      padding: 0;
      width: 176px;
      height: 45px;
      line-height: 45px;
      background-color: #BB9C6F;
      color: #FFF;
      font-size: 16px;
      text-align: center;
   }

   /* Main_Inter_Box */
   .Main_Inter_Box {
      position: relative;
      height: 667px;
      overflow: hidden;
   }

   .Main_Inter_TitleBox {
      margin-top: 64px;
      margin-bottom: 18px;
   }

   .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: 395px;
      height: 395px;
      overflow: hidden;
   }

   .Main_Inter_List p {
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 395px;
      height: 395px;
   }

   .Main_Inter_List img {
      width: 395px;
      height: 395px;
   }

   .Main_Inter_List h1 {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      margin: 0;
      padding: 0;
      width: 395px;
      height: 395px;
   }

   .Main_Inter_List h2 {
      display: block;
      position: absolute;
      left: 31px;
      top: 170px;
      margin: 0;
      padding: 0;
      width: 333px;
      height: 55px;
      color: #FFF;
      font-size: 24px;
      font-weight: bold;
      line-height: 55px;
      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: 25px;
   }

   .Main_Admin_Box {
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 845px;
      background: url(../images/index_Admin_BK.jpg) center center no-repeat;

      margin-bottom: 140px;
      overflow: hidden;
   }

   .Main_Admin_Div {
      position: relative;
   }

   .Main_Admin_Left {
      float: left;
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 650px;
      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;
      margin-left: 150px;
   }

   .Main_Admin_Right {
      float: right;
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 620px;
      height: 845px;
      /* background-color: #BB9C6F; */
   }

   .Main_Admin_GuideTitle {
      margin-top: 50px;
      margin-bottom: 27px;
   }

   .Main_Admin_Guide_Info {
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 254px;
      color: #000;
      font-size: 20px;
      line-height: 30px;
   }

   .Main_Admin_Guide_More {
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 100%;
      text-align: right;
      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;
      margin: 0;
      padding: 0;
      width: 100%;
      height: auto;
   }

   .Main_Admin_Prog_List {
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 300px;
      height: 60px;
      background-color: #FFF;
      overflow: hidden;
      margin-bottom: 24px;
   }

   .Main_Admin_Prog_List:hover {
      background-color: #A12916;
   }

   .Main_Admin_Prog_List p {
      float: left;
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 35px;
      height: 38px;
      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: 38px;
      margin-left: 12px;
      margin-top: 12px;
      font-size: 18px;
      color: #000;
      /* border: 1px salmon solid;     */
   }

   .Main_Admin_Prog_List a h1 {
      font-size: 18px;
      line-height: 38px;
      color: #000;
   }

   .Main_Admin_Prog_List:hover a h1 {
      color: #FFF;
   }

   .Main_Admin_Prog_List1 p {
      background: url(../images/Icon_Index_Admin1.png) center center no-repeat;
   }

   .Main_Admin_Prog_List1:hover p {
      background: url(../images/Icon_Index_Admin1_on.png) center center no-repeat;
   }

   .Main_Admin_Prog_List2 p {
      background: url(../images/Icon_Index_Admin2.png) center center no-repeat;
   }

   .Main_Admin_Prog_List2:hover p {
      background: url(../images/Icon_Index_Admin2_on.png) center center no-repeat;
   }

   .Main_Admin_Prog_List3 p {
      background: url(../images/Icon_Index_Admin3.png) center center no-repeat;
   }

   .Main_Admin_Prog_List3:hover p {
      background: url(../images/Icon_Index_Admin3_on.png) center center no-repeat;
   }

   .Main_Admin_Prog_List4 p {
      background: url(../images/Icon_Index_Admin4.png) center center no-repeat;
   }

   .Main_Admin_Prog_List4:hover p {
      background: url(../images/Icon_Index_Admin4_on.png) center center no-repeat;
   }

   .Main_Admin_Prog_List5 p {
      background: url(../images/Icon_Index_Admin5.png) center center no-repeat;
   }

   .Main_Admin_Prog_List5:hover p {
      background: url(../images/Icon_Index_Admin5_on.png) center center no-repeat;
   }

}