/* 设置根元素字体大小，以设计稿 1280px 为基准，1em = 100px */
 html,
 body {
   margin: 0;
   padding: 0;
   overflow-x: hidden;
   /* 隐藏横向滚动条 */
   background-color: #f5f5f5;
   /* 设置背景颜色 */
   ;
 }

 body {
   margin: 0;
   padding: 0;
   font-family: Arial, sans-serif;
   position: relative;
 }

a {

	text-decoration:none;

	color:#282826;

}
 /* html {
   font-size: calc(100vw / 12.8);
 } */

 @media (max-width: 1280px) {
  #ceshiback {
    width: 100%;
    margin: 0 auto;
    background-color: #F1F1F1;
    position: relative;
    z-index: 1;
    font-size: calc(100vw / 12.8);
  }
  .header-position {
   position: relative;
   /* width: 1280px; */
   margin: 0 auto;
   top: 0;
   left: 0;
 }
 .footerRem{
   display: flex;
   flex-direction: row-reverse;
   padding: 0.4em;
   position: relative;
   background-color: #c12f2f;
   margin: 0 auto;
 }
}

@media (min-width: 1280px) {
  #ceshiback {
    width: 1280px;
    margin: 0 auto;
    background-color: #F1F1F1;
    position: relative;
    z-index: 1;
    font-size: 100px;
  }
  .header-position {
   position: relative;
   width: 1280px;
   margin: 0 auto;
   top: 0;
   left: 0;
 }
 .footerRem{
   display: flex;
   flex-direction: row-reverse;
   padding: 0.4em;
   position: relative;
   background-color: #c12f2f;
   width: 1280px;
   margin: 0 auto;
 }
}

 header {
   position: relative;
   /* width: 100%;
   width: 1280px;  */
   z-index: 10
 }

 .header-background {
   background-image: url('/icon/top-body.jpg');
   background-size: cover;
   background-position: center;
   width: 100vw;
   height: 2.33em;
   box-sizing: border-box;
   margin-left: calc(50% - 50vw);
   margin-right: calc(50% - 50vw);
 }

 .header-background1 {
   background-image: url('/icon/back98.jpg');
   background-size: auto;
   background-repeat: repeat;
   background-position: center;
   width: 100vw;
   height: 0.77em;
   box-sizing: border-box;
   margin-left: calc(50% - 50vw);
   margin-right: calc(50% - 50vw);
 }

 .header-logo {
   width: 100%;
   margin: 0;
   padding: 0;
 }

 .header-nav-img {
   width: 100%;
   height: auto;
   display: block;
 }

 

 .nav-container {
   position: relative;
   /* top: -0.23em; */
   width: 100%;
 }

 .nav-text {
   position: absolute;
   top: 0;
   left: 0;
   font-size: 0.2em;
   font-weight: 600;
   color: white;
   width: 100%;
 }

 .nav-list {
   list-style: none;
   padding: 1em 0;
   margin-left: 5em;
   display: flex;
   width: 100%;
 }

 .nav-item {
   cursor: pointer;
   text-align: center;
   margin-right: 4em;
 }

 /* 新增类样式 */
 .header-content {
   margin: 0 auto;
   padding: 0.1em;
   box-sizing: border-box;
   background-color: #f5f5f5;
 }

 .main-content {
   display: flex;
   padding-bottom: 0.3em;
 }

 .notice-section {
   margin-left: 0.5em;
   margin-right: 0.5em;
   text-align: center;
 }

 .notice-title {
   font-size: 0.22em;
   color: #cb1a1a;
   font-weight: 600;
 }

 .notice-date {
   font-size: 0.16em;
   background-color: #cb1a1a;
   color: white;
   margin-top: 0.05em;
   padding: 0.05em 0.1em;
   border-radius: 0.05em;
 }

 .news-title {
   font-size: 0.18em;
   font-weight: 600;
   margin-top: 0.05em;
 }

 .news-content {
   font-size: 0.16em;
   color: #3c3c3c;
   margin-top: 0.1em;
 }

 .image-and-news-container {
   background-color: white;
   display: flex;
   width: 100%;
   padding: 0.2em 0 0.05em 0;
 }

 .image-container {
   flex: 1;
   padding: 0.05em;
   border: 0.01em solid #e9e9e9;
   margin-left: 0.4em;
   margin-right: 0.1em;
   position: relative;
   height: 3.5em;
 }

 .image-mask {
   position: absolute;
   bottom: 0.2rem;
   left: 0;
   right: 0;
   background-color: rgba(0, 0, 0, 0.5);
   padding: 1em;
   color: white;
   font-size: 0.16em;
   margin: 0 0.05em 0.05em 0.05em;
   text-align: center;
 }

 .news-list {
   flex: 1;
   margin-right: 0.4em;
   background-color: white;
 }

 .news-item {
   background-color: #f5f5f5;
   display: flex;
   padding: 0.15em;
   margin-bottom: 0.15em;
 }

 .news-item1 {
   background-color: white;
   display: flex;
   margin-bottom: 0.2em;
 }

 .news-date-box {
   background-color: #ea1a1a;
   color: white;
   width: 2em;
   padding-top: 0.15em;
   padding-bottom: 0.15em;
   padding-left: 0.32em;
 }

 .news-date-day {
   font-size: 0.28em;
 }

 .news-date-year {
   font-size: 0.16em;
   display: flex;
 }

 .news-date-year span {
   margin-top: -0.08em;
   margin-right: 0.1em;
 }

 .news-item-content {
   margin-left: 0.3em;
 }

 .news-item-title {
   font-size: 0.18em;
   margin-top: 0.05em;
 }

 .news-item-description {
   font-size: 0.16em;
   color: #3c3c3c;
   margin-top: 0.05em;
 }

 /* 幻灯片容器 */
 .slideshow-container {
   max-width: 100%;
   position: relative;
   margin: auto;
 }

 /* 隐藏幻灯片 */
 .mySlides {
   display: none;
 }

 /* 上一张和下一张按钮 */
 .prev,
 .next {
   cursor: pointer;
   position: absolute;
   top: 50%;
   width: auto;
   margin-top: -0.22rem;
   padding: 0.16rem;
   color: white;
   font-weight: bold;
   font-size: 0.18rem;
   transition: 0.6s ease;
   border-radius: 0 0.03rem 0.03rem 0;
   user-select: none;
 }

 /* 下一张按钮靠右 */
 .next {
   right: 0;
   border-radius: 0.03rem 0 0 0.03rem;
 }

 /* 鼠标悬停时按钮背景变黑 */
 .prev:hover,
 .next:hover {
   background-color: rgba(0, 0, 0, 0.8);
 }

 /* 幻灯片指示点 */
 .dot {
   cursor: pointer;
   height: 0.15rem;
   width: 0.15rem;;
   margin: 0 0.02rem;
   background-color: #bbb;
   border-radius: 50%;
   display: inline-block;
   transition: background-color 0.6s ease;
 }

 .active,
 .dot:hover {
   /*background-color: #717171;*/
 }

 /* 淡入动画 */
 .fade {
   animation-name: fade;
   animation-duration: 1.5s;
 }

 @keyframes fade {
   from {
     opacity: .4
   }

   to {
     opacity: 1
   }
 }

 /* 新增选中代码相关样式 */
 .centered-nav-text {
   text-align: center;
   font-size: 0.3em;
   font-weight: 400;
   padding: 1.8em 0;
   letter-spacing: 0.3em;
 }

 .white-bg-relative {
   background-color: white;
   position: relative;
 }

 .white-bg-absolute {
   background-color: white;
   position: absolute;
   right: 0;
   top: -0.15em;
   width: 10%;
   height: 0.3em;
 }

 .section-title {
   color: #d81010;
   font-size: 0.34em;
   font-weight: 600;
 }

 .top-offset-img {
   position: relative;
   top: -0.45em;
 }

 .training-news-container {
   position: relative;
   top: -0.6em;
 }

 .schedule-container {
   display: flex;
   margin: 0 0.4em;
 }

 .schedule-column {
   flex: 1;
   position: relative;
   background-color: #f1f1f1;
   color: gray;
 }

 .schedule-icon {
   position: absolute;
   width: 1.42em;
   height: 1.22em;
   top: -0.55em;
   left: 30%;
 }

 .schedule-margin {
   margin: 0.2em;
 }

 .schedule-margin-top {
   margin-top: 1em;
 }

 .schedule-day-header {
   display: flex;
 }

 .schedule-icon-small {
   width: 0.14em;
   height: 0.12em;
 }

 .schedule-day-text {
   font-size: 0.16em;
   margin-left: 0.5em;
   margin-top: -0.04em;
   font-weight: bold;
   font-style: italic;
   font-weight: 600;
 }

 .schedule-item {
   font-size: 0.14em;
   text-align: left;
   letter-spacing: 0.5em;
   margin-left: 0.2em;
   margin-bottom: 0.1em;
   margin-top: 0.8em;
 }

 .orange-dot {
   display: inline-block;
   width: 0.1em;
   height: 0.1em;
   background-color: #ff8f0b;
   border-radius: 50%;
   vertical-align: middle;
 }

 .column-margin {
   margin: 0 0.2em;
 }

 .training-snapshot-section {
   background-color: #f1f1f1;
   position: relative;
   padding-bottom: 0.1em;
   /* 提取原内联样式 */
 }

 .training-snapshot-title {
   color: #cc4040;
   font-size: 0.2em;
   font-weight: 600;
   margin-left: 0.8em;
   padding-top: 0.5em;
 }

 .training-snapshot-scroll-container {
   margin: 0 0.2em 0 0.3em;
   width: calc(100% - 0.6em);
   overflow: hidden;
   /* 隐藏溢出内容 */
   position: relative;
   padding-top: 0.1em;
 }

 .training-snapshot-item-wrapper {
   display: inline-flex;
   /* 让项目横向排列 */
   animation: scroll 20s linear infinite;
   /* 定义动画，20s 可根据需要调整 */
 }

 @keyframes scroll {
   0% {
     transform: translateX(0);
   }

   100% {
     /* 移动的距离为项目总宽度 */
     transform: translateX(calc(-100% / 2));
   }
 }

 .training-snapshot-item {
   background-color: white;
   width: 22%;
   margin-right: 0.2em;
   flex-shrink: 0;
   /* 防止项目收缩 */
 }

 .training-snapshot-item img {
   width: 100%;
   height: auto;
   border: 0.02em solid #ebd4aa;
 }

 .training-snapshot-caption {
   text-align: center;
   position: relative;
   top: -0.3em;
   font-size: 0.18em;
   padding-bottom: 0.6em;
   color: gray;
 }

 .yuandain1 {
   display: inline-block;
   width: 0.2em;
   /* 小圆点的宽度 */
   height: 0.2em;
   /* 小圆点的高度 */
   background-color: #000;
   /* 小圆点的颜色设置为黑色 */
   border-radius: 50%;
   /* 使元素呈圆形 */
   vertical-align: middle;
   /* 垂直居中对齐 */
 }

 .qr-code {
   position: fixed;
   bottom: 22%;
   right: 4rem;
   /* 初始位置在右侧隐藏 */
   opacity: 0;
   transition: all 0.3s ease;
   /* 添加过渡动画 */
   z-index: 999;
 }

 .qr-code.show {
   right: 0.7rem;
   /* 滑出后的位置 */
   opacity: 1;
 }


 #pagenav ul{padding-left:0px;
 }
 #pagenav li {
     float: left;
     padding: 0.16rem 0.2rem;
     border: 0.01rem solid #CCCCCC;
     margin-right: 0.1rem;
     color: #666;
     font-size: 0.14rem;
     list-style: none;
     margin-top:0px;
     background-color: white;
 }
 #pagenav li:hover {
     border: 0.01rem solid #d61718;
 }
 #pagenav li:hover a {
     color: #d61718
 }
 #pagenav li a {
     color: #666
 }
 #pagenav li.thisclass {
     border: 0.01rem solid #d61718;
     background-color: #d61718;
     color: #FFFFFF
 }
 #pagenav li.thisclass a {
     color: #fff
 }