* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .container {
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	margin-bottom:30px;
    }

   .row {
max-width: 1350px;
      margin: 0px auto;
  

 }
  
   /* 第一行布局 */
    .row1 {
		width: 100%;
	max-width: 1350px;
	margin: 0px auto;

   background-color: #d9d9d9;
    }

    /* 全局样式重置与基础设置，避免冲突，前缀用 custom- */
    .custom-container {
	display: flex;
	flex-wrap: wrap;
	display: flex;
	gap: 20px;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;	
    }

    .custom-news-section,
    .custom-event-section {
      flex: 1;
      min-width: 300px;
      padding: 20px;
      border: 1px solid #eee;

   background: #fff; 
            border-radius: 3px; 
            box-shadow: 0 1px 2px rgba(0,0,0,0.1); 
	
    }

    /* 标题样式 - 带蓝色色块和点划线 */
    .custom-section-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
  
      position: relative;
      padding-bottom: 10px;
    }
    
    .custom-section-title::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
	  margin-bottom:-2px;
	  margin-left:8px;
	  margin-right:8px;
      height: 1px;
background: linear-gradient(0deg, #ddd 0 1px, transparent 1px);
    }
    
    .custom-title-content {
      display: flex;
      align-items: center;
    }
    
    .custom-blue-block {
	width: 6px;
	height: 24px;
	background-color: #2b66c0;
	margin-right: 10px;
    }
    
    .custom-more-news {
	text-decoration: none;
	color: #333333;
	font-size: 15px;
    }

    .custom-news-list {
      list-style: none;
      padding: 0;
      margin-top: 20px;
    }

    .custom-news-item {
	margin-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 5px;
	margin-right: 12px;
	margin-left: 12px;
    }
    
	
	    .custom-news-item:first-child {

	border-bottom: 0px dashed #ddd;
	margin-right: 12px;
	margin-left: 12px;
    }
	
	
	
	
	
	
    /* 第一条新闻的特殊样式 - 左右布局 */
    .custom-news-item.first-news {
	display: flex;
	gap: 15px;
	align-items: flex-start;

	margin-left: 15px;
	margin-right: 15px;
    }
    
    .first-news-image {
	flex: 0 0 165px;
	height: 110px;
	overflow: hidden;
	margin-right:10px;
    }
    
    .first-news-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    
    .first-news-content {
      flex: 1;
    }
    
    .first-news-title {
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	font-size: 18px;
    }
    
	   .first-news-title a {
	display: flex;
	align-items: center;
	font-size: 18px;
    }
	
	
	
	
     .first-news-title p {
	 font-size:14px;
    }



    .custom-news-item a {
      text-decoration: none;
      color: #333;
    }

    .custom-news-item a:hover {
	color: #2b66c0;
    }

    /* 新闻列表项布局 - 日期居右 */
    .custom-news-list-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    
    .custom-news-date {
      font-size: 12px;
      color: #999;
      white-space: nowrap;
      margin-left: 10px;
    }

    .custom-event-arrows {
      display: flex;
    }
    
    .custom-event-arrows button {
	background-color: #fff;
	border: 1px solid #ddd;
	cursor: pointer;
	margin-left: 12px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
    }

    .custom-event-arrows button:hover {
      background-color: #f5f5f5;
    }





    .custom-event-content {
	position: relative;
	height: 200px;
	overflow: hidden;
	margin-top: 20px;
	margin-right: 25px;
	margin-left: 40px;
	background-image: url(/static/picture/bg8-.gif);
	background-repeat: no-repeat;
	background-position: right 130px;
    }
	
	
	 .witness {
	padding-top: 18px;
	background-image:url(/static/picture/bg8.gif);
	background-repeat: no-repeat;
	background-position: 22px 93px;
}
	

    .custom-event-item {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: opacity 0.5s ease-in-out;
    }

    .custom-event-item.active {
      opacity: 1;
    }

    .custom-event-item p {
      margin: 5px 0;
    }

    .custom-event-item blockquote {
	margin: 10px 0;
	font-style: normal;
	color: #333333;
	font-size: 16px;
	line-height: 30px;
	font-weight: 600;
    }

    .custom-view-all {
	text-align: center;
	margin-top: 10px;
	font-size: 16px;
    }

    .custom-view-all a {
	text-decoration: none;
	color: #333333;
	font-size: 16px;
    }

    /* 响应式适配手机版 */
    @media (max-width: 768px) {
	
	
	
	
      .custom-container {
        flex-direction: column;
		padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;	
      }

      .custom-news-section,
      .custom-event-section {
        min-width: auto;
      }
      
      /* 手机上第一条新闻改为上下布局 */
      .custom-news-item.first-news {
        flex-direction: column;
      }
      
      .first-news-image {
        width: 100%;
        flex: none;
        height: auto;
      }
      
      /* 手机上新闻列表日期显示调整 */
      .custom-news-list-item {
        flex-direction: column;
        align-items: flex-start;
      }
      
      .custom-news-date {
        margin-left: 0;
        margin-top: 5px;
      }
    }
	
	
	

       /* 第二行（课程体系等）布局 */
        .row2 {
            background-color: #d9d9d9;
            display: flex; 
            gap: 20px;
            width: 100%;
            max-width: 1350px;
            margin: 0 auto;
				padding-left: 20px;	
        
            box-sizing: border-box;
        }

        /* 三列宽度设置：电脑版 */
        .card-col-1 { flex: 0 0 27%;}
        .card-col-2 { flex: 0 0 37%; }
        .card-col-3 { flex: 0 0 31%;}

        /* 通用卡片样式 */
        .card {
            background: #fff; 
            border-radius: 3px; 
            box-shadow: 0 1px 2px rgba(0,0,0,0.1); 
            min-width: 0;
            margin-top: 32px;
            margin-bottom: 32px;
            position: relative;
        }

        .card-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 20px;
            border-radius: 5px 5px 0 0;
        }

        .card-title {
            font-size: 18px;
            font-weight: bold;
            color: #fff;
            display: flex;
            align-items: center;
            margin: 0;
        }

        .card-title::before {
            content: "";
            width: 5px; 
            height: 16px; 
            margin-right: 8px; 
            background: #fff;
            margin-top: 8px;
            margin-bottom: 8px;
            border-radius: 1px;
        }

        /* 卡片标题背景色 */
        .gray .card-header { background: #666; }
        .blue .card-header { background: #2b66c0; }
        .orange .card-header { background: #e67e22; }

        /* 课程体系列表：箭头+悬停动画 */
        .course-list {
	list-style: none;
	padding-left: 0.2em;
	margin: 0;
        }
        .course-list li {
            position: relative;
            padding-left: 0.8em;
            margin: 8px 0;
            transition: all 0.3s ease;
        }
        .course-list li::before {
            content: "→";
            color: #ffffff;
            font-size: 14px;
            position: absolute;
            left: -0.8em;
            transition: transform 0.3s ease;
        }
        .course-list li a {
            color: #333;
            text-decoration: none;
            display: block;
            width: 100%;
            transition: color 0.3s ease;
        }
        .course-list li:hover::before { transform: translateX(4px) scale(1.2); }
        .course-list li a:hover { color: #2b66c0; }
        .course-list li:active::before { transform: translateX(6px); }
        .course-list li:active { transform: translateX(2px); }

        .class-list {
            list-style: none; 
            padding-left: 1.2em; 
            text-indent: -1em;
            margin: 0;
        }
        .class-list li{
            margin-top: 8px;
            margin-bottom: 8px;  
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .class-list li::before {
            content: "• "; 
            color: #333;
            font-weight: bold;
            left: 0.5em;
        }
        .class-list li a {
            color: #333;
            text-decoration: none;
            display: flex;
            width: 100%;
            justify-content: space-between;
        }
        .class-list li a:hover {
            color: #2b66c0;
            text-decoration: underline;
        }

        /* 卡片内容通用样式 */
        .card-content {
            padding: 20px; 
            line-height: 1.8;
        }

        /* 底部链接样式 */
        .card-footer {
            text-align: right; 
            padding: 0 20px 20px;
        }
        .card-footer a {
            color: #2b66c0; 
            text-decoration: none;
        }
        .card-footer a:hover { text-decoration: underline; }

        /* 活动预告核心样式 */
        .abc-activity-content {
            padding: 20px;
            line-height: 1.8;
            min-height: 160px;
            box-sizing: border-box;
        }
        .abc-activity-item {
            display: none;
            animation: fadeIn 0.5s ease;
        }
        .abc-activity-item.abc-active { display: block; }

        /* 箭头样式 */
        .abc-arrows { display: flex; gap: 5px; }
        .abc-arrow {
            cursor: pointer;
            width: 24px;
            height: 24px;
            border: 1px solid #FFFFFF;
            border-radius: 4px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 14px;
            color: #FFFFFF;
            user-select: none;
            transition: background 0.2s ease;
        }
        .abc-arrow:hover { background-color: rgba(255, 255, 255, 0.2); }

        /* 切换动画 */
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(5px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* 新增：小圆点指示器样式 */
        .abc-dots {
            display: flex;          /* 横向排列圆点 */
            justify-content: center;/* 水平居中 */
            gap: 8px;               /* 圆点间距 */
            padding: 0 20px 15px;   /* 上下内边距（避免紧贴内容和底部） */
        }
        .abc-dot {
            width: 10px;            /* 圆点宽度 */
            height: 10px;           /* 圆点高度（圆形需宽高一致） */
            border-radius: 50%;     /* 圆形样式 */
            background: #ddd;       /* 默认未激活颜色 */
            cursor: pointer;        /* 鼠标悬浮显示指针 */
            transition: background 0.2s ease; /* 颜色过渡动画 */
            user-select: none;      /* 禁止选中文字 */
        }
        /* 新增：激活状态的圆点样式（与卡片主题色一致） */
        .abc-dot.abc-dot-active {
            background: #e67e22;    /* 激活颜色（匹配橙色卡片头部） */
        }

        /* 响应式适配：手机版（屏幕宽度≤768px） */
        @media (max-width: 768px) {
            .row2 { flex-direction: column;padding-left: 0px;	 }
			
			
            .card-col-1, .card-col-2, .card-col-3 {
                flex: 0 0 100%;
                margin-top: 16px;
                margin-bottom: 16px;
            }
            .card-content, .abc-activity-content {
                padding: 15px; 
                font-size: 14px;
            }
            .course-list, .class-list { padding-left: 1em; }
            .abc-activity-content { min-height: auto; }
            /* 手机端圆点适配（略缩小） */
            .abc-dot { width: 8px; height: 8px; }
        }




	
	
	/* 第三行（课程类型）布局 */



.row3 {
	background-color: #C65F10;

	gap: 20px; /* 替代 margin，更简洁的列间距 */
	max-width: 1350px;
	margin: 0 auto;
	     display: flex;
            flex-wrap: wrap; /* 允许在小屏幕上换行 */
            width: 100%;
            box-sizing: border-box;
	

  
  
}

        .left2 {
            background-color: #C65F10;
            color: white;
            flex: 59%;
            display: flex;
            flex-direction: column;
            box-sizing: border-box;
        }

        .left2 img {
            width: 100%;
            height: auto;
            object-fit: cover;
            display: block; /* 移除图片底部间隙 */
        }

        .left2 h2 {
            font-size: 26px;
            margin-bottom: 10px;
            line-height: 1.3;
            padding: 0 15px;
        }

        .left2 p {
            font-size: 20px;
            font-style: normal;
            padding-left: 50px;
            font-family: "Berlin Sans FB Demi";
        }

        .right2 {
            background-color: #2E54A1;
            color: white;
            flex: 39%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 35px 20px 35px 40px;
            box-sizing: border-box;
        }

        .course-link {
            color: white;
            text-decoration: none;
            font-size: 18px;
            margin-bottom: 15px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: inline-block; /* 确保链接行为正确 */
        }

        .course-link:hover {
            text-decoration: underline;
            transform: translateX(5px);
            font-size: 18px;
            color: white;
        }

        .btn-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 25px;
        }

        .btn {
            display: flex;
            align-items: center;
            text-decoration: none;
            background-color: white;
            color: #333;
            border-radius: 5px;
            transition: all 0.3s ease;
            margin-right: 13px;
            padding: 8px 10px;
        }

        .btn img {
            width: 30px;
            height: 30px;
            margin-right: 8px;
            object-fit: cover;
            border-radius: 3px;
        }

        .btn span {
            font-weight: bold;
            font-size: 15px;
        }

        .btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 3px 10px rgba(0,0,0,0.2);
        }

        /* 响应式调整 - 手机端适配 */
        @media (max-width: 768px) { 
            .container {
                flex-direction: column; /* 垂直排列 */
            }
            
            .left2, .right2 {
                flex: 100% !important; /* 占满整个宽度 */
                width: 100% !important;
                padding: 15px;
            }
            
            .left2 p {
                padding-left: 0; /* 移除左侧内边距 */
                font-size: 16px;
            }
            
            .btn-grid {
                grid-template-columns: 1fr; /* 按钮单列显示 */
                gap: 10px;
            }
            
            .right2 {
                padding: 15px;
            }
            
            .left2 h2 {
                font-size: 1.3rem;
            }
        }
    
	
	
	
	
	    /* 标题样式 */
    .section-title-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 15px;
    }
    
    .section-title {
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;
	border-left: 4px solid #ffffff;
    }
    
    .more-link {
	color: #333333;
	font-size: 16px;
	text-decoration: none;
    }
    
    .more-link:hover {
	color: #666666;
		font-size: 16px;
	text-decoration: underline;
    }
	
	
	
	
	/* 补充第三行（关于课程等）布局 */

.row3-1 {

   background-color: #d9d9d9;
  
     width: 100%;
  max-width: 1350px;
       margin: 0 auto;
	   padding-top:32px;
	   padding-bottom:32px;

 
}

    /* 所有类名添加course-前缀，避免冲突 */h
    .course-wrapper {
      font-family: "微软雅黑", sans-serif; 
      background: #e5e5e5; 
      margin: 0 auto;
         padding: 20px;
	  margin-top:32px;
    }

    .course-page-title {
	font-size: 22px;
	font-weight: bold;
	color: #0b2b68;
	margin-bottom: 20px;
	padding-left:20px;
    }

    .course-container {
	display: flex;
	gap: 20px;
	max-width: 1310px;
	margin: 0 auto;
    }

    @media (max-width: 768px) {
      .course-container {
        flex-direction: column;
      }
	  
	  .course-card-1
     .course-card-2 {
        flex: 0 0 100%; /* 宽度100% */
        margin-top: 16px;
        margin-bottom: 16px;
	  
	  
    }
	  }
	
	
	
	

          .course-card {
            flex: 1; 
            background: #fff; 
            border: 1px solid #ccc; 
            min-width: 0;
            border-radius: 3px; 
            box-shadow: 0 1px 2px rgba(0,0,0,0.1); 
        }
        
        
        .course-card-1 {
            flex: 0 0 59%; /* 第一列固定宽度 */
        }
        .course-card-2 {
            flex: 0 0 40%; /* 第二列固定宽度 */
        }
        
    
        .course-card-header {
            padding: 10px 20px;
            font-size: 18px;
            font-weight: bold;
            color: #fff;
            display: flex;
            align-items: center;
        }
    
        .course-card-header::before {
            content: "";
            width: 5px; 
            height: 16px; 
            margin-right: 8px; 
            background: #fff;
            margin-top: 8px;
            margin-bottom: 8px;
            border-radius: 1px; /* 稍微圆角更美观 */
        }
    
        .course-blue-header { background: #2b66c0; }
        .course-gray-header { background: #666; }
    
        .course-card-content {
            padding: 20px;
            line-height: 2.1;
        }
    
        .course-card-content ul {
            list-style: none; 
            padding-left: 0; 
            margin: 0;
        }
    
        .course-card-content li {
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: relative;
            padding-left: 1.5em;
        }
    
        .course-card-content li::before {
            content: "• "; 
            color: #333;
            position: absolute;
            left: 0.5em;
        }

        .course-title {
            flex: 1; /* 让标题部分占据剩余空间 */
        }

        .course-date {
	white-space: nowrap; /* 防止日期换行 */
	margin-left: 10px; /* 与标题保持一定距离 */
	margin-right: 20px;
        }
    
    
        .course-card-footer {
            text-align: right; 
            padding: 0 20px 20px;
        }
    
        .course-card-footer a {
            color: #2b66c0; 
            text-decoration: none;
        }
    
        .course-card-footer a:hover { text-decoration: underline; }
    
        /* 右侧直播课轮播部分 */
        .course-slider-card {
            position: relative;
        }
    
        .course-slider-content {
            overflow: hidden; 
            position: relative;
            height: 200px;
        }
    
        .course-slider-track {
            display: flex;
            transition: transform 0.5s ease;
            height: 100%;
        }
    
        .course-slider-item {
            flex: 0 0 100%;
            padding: 20px;
            height: 100%;
        }
    
	
	  .course-slider-item h1{
	font-size:20px;
	line-height: 30px;
	font-weight: bold;
        }
		
		
			  .course-slider-item h2{
	font-size:18px;
	line-height: 30px;
	font-weight: bold;
	margin-bottom:10px;
        }
		
			  .course-slider-item p{

	line-height: 30px;

        }
		
	
        .course-slider-arrows {
            position: absolute; 
            top: 10px; 
            right: 20px; 
            display: flex; 
            gap: 5px;
        }
    
        .course-slider-arrows button {
            background: #fff; 
            border: 1px solid #ccc; 
            width: 24px; 
            height: 24px; 
            cursor: pointer; 
            display: flex; 
            align-items: center; 
            justify-content: center;
            transition: all 0.3s ease;
        }
    
        .course-slider-arrows button:hover {
            background: #f4f4f4;
            transform: scale(1.1);
        }
    
        .course-slider-indicators {
            position: absolute;
            bottom: 5px;
            left: 0;
            right: 0;
            display: flex;
            justify-content: center;
            gap: 8px;
        }
    
        .course-indicator {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #ccc;
            cursor: pointer;
            transition: all 0.3s ease;
        }
    
        .course-indicator.active {
            background: #2b66c0;
            transform: scale(1.3);
        }
	
	
	
    
    /* 第四行近期直播区域 */
	
	
	
	
	
	
	
       /* 在线课堂整体容器 */
	   
	   .row4 {
  background-color: #d9d9d9;
  
     width: 100%;
  max-width: 1350px;
       margin: 0 auto;

  
  
}
	   
	   
	   
    .online-class-container {
	
	padding: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
    }

    /* 标题样式 */
    .online-class-title {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 5px;
    }

    /* 内容区域布局，电脑端 flex 排列，手机端堆叠 */
    .online-class-content {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }

    /* 左侧二维码卡片 */
    .online-class-qr-card {
	flex: 0 0 220px;
	background-color: #2b66c0;
	border: 1px solid #ccc;
	padding: 20px;
	   border-radius: 3px; 
    box-shadow: 0 1px 2px rgba(0,0,0,0.1); 
    }

    .online-class-qr-title {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
	color: #FFFFFF;
    }

    .online-class-qr-img {
	width: 85px;
	height: 85px;
	display: block;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
    }

    .online-class-qr-text {
	text-align: center;
	margin-bottom: 8px;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 30px;
	margin-top: 8px;
    }

    /* 右侧直播课卡片列表 */
    .online-class-live-list {
      flex: 1;
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
	     border-radius: 3px; 
    box-shadow: 0 1px 2px rgba(0,0,0,0.1); 
    }

    .online-class-live-card {
	flex: 1;
	min-width: 280px;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
    }

    .online-class-live-img {
      width: 526px;
      height: 220px;
      display: block;
	       transition: transform 0.5s ease; /* 平滑过渡效果 */
    }


    .online-class-live-img:hover {
       opacity: 0.9;
    }




    .online-class-live-info {
      padding: 15px;
      background-color: #999;
      color: #fff;
    }

   .online-class-live-info .title {
	margin-bottom: 5px;
	line-height: 2;
	font-size:17px;
    }


    .online-class-live-info p {
      margin-bottom: 5px;
      line-height: 1.6;
    }

    /* 手机端适配 */
    @media (max-width: 768px) {
      .online-class-qr-card {
        flex: 1 1 100%;
      }

      .online-class-live-card {
        flex: 1 1 100%;
        min-width: auto;
      }
	  
	   .online-class-live-img {
      width: 100%;
      height: auto;
      display: block;
  
    }
	
	   .course-date {
	white-space: nowrap; /* 防止日期换行 */
	margin-left: 10px; /* 与标题保持一定距离 */
	margin-right: 0px;
        }
	
	
    }
    
    
    /* 活动预告区域布局 */

    .abc-container {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
	
		max-width: 1350px;
      margin: 0px auto;
    }

    .abc-box {
      flex: 1;
      min-width: 280px;
      border-radius: 6px;
      padding: 20px;
      color: #fff;
	
    }
	
	
	
	
	

    .abc-left-box {
      background-color: #fff;
      color: #333;
      border: 1px solid #ddd;
	    max-width:43%;
    }

    .abc-middle-box {
      background-color: #f27a24;
	    max-width:32%;
    }

    .abc-right-box {
      background-color: #1b69b2;
	 max-width:23%;;
    }

    .abc-activity-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 15px;
    }

    .abc-activity-header h3 {

    }

    .abc-arrows {
	display: flex;
	gap: 5px;
	 position: absolute; 
	 right: 20px; 
    }

    .abc-arrow {
	cursor: pointer;
	width: 24px;
	height: 24px;
	border: 1px solid #FFFFFF;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color: #FFFFFF;
    }

    /* 中间板块两列布局 */
    .abc-two-column-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px 15px;
	list-style: none;
	margin-bottom: 15px;
	margin-top: 15px;
    }

    .abc-activity-list {
	list-style: none;
	margin-bottom: 15px;
	margin-top: 15px;
	gap: 8px 15px;
	
	
    }

    /* 列表项前的箭头样式 */
    .abc-two-column-list li,
    .abc-activity-list li {
	margin-bottom: 4px;
	display: flex;
	align-items: center;
	font-size: 16px;
    }
	
	
	  .abc-two-column-list li a,
    .abc-activity-list li a {
	color: #fff;
	font-size: 16px;
    }

    .abc-two-column-list li::before,
    .abc-activity-list li::before {
      content: "→";
      margin-right: 5px;
      color: #fff; /* 中间和右侧板块箭头为白色 */
    }

    .abc-left-box .abc-activity-list li::before {
      color: #f27a24; /* 左侧板块箭头保持橙色 */
    }

    .abc-show-more {
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
    }

    .abc-show-more a {
      color: #fff;
      text-decoration: none;
      font-weight: bold;
    }

    .abc-left-box .abc-show-more a {
	color: #333333; /* 左侧查看更多链接保持橙色 */
    }

    .abc-activity-item {
      display: none;
    }
	
	 .abc-activity-item h1{
	font-size:18px;
	line-height: 30px;
	font-weight: bold;
	margin-bottom:15px;
        }
		
		
			 .abc-activity-item p{

	line-height: 32px;
	
        }
	

    .abc-activity-item.abc-active {
	display: block;
	font-size: 15px;
	line-height: 30px;
	margin-bottom: 10px;
	padding-bottom: 10px;
    }

    /* 响应式设计，手机端堆叠排列 */
    @media (max-width: 768px) {
      .abc-container {
        flex-direction: column;
      }

      .abc-box {
        min-width: auto;
        width: 100%;
      }

      /* 手机端中间板块改为单列 */
      .abc-two-column-list {
      
      }
	  
	   .abc-left-box {
      background-color: #fff;
      color: #333;
      border: 1px solid #ddd;
	    max-width:100%;
    }

    .abc-middle-box {
      background-color: #f27a24;
	    max-width:100%;
    }

    .abc-right-box {
      background-color: #1b69b2;
	max-width:100%;
    }
	  
	  
	  
    }



    
   
    
    /* Clearing 2025区域 */
    .clearing-2025 {
	color: white;
	margin-top:20px;
    }
    
    .clearing-2025 img {
	
	width:100%;
	height:auto;
    }
    
    .clearing-2025 p {
      margin-bottom: 20px;
    }
    


    

    

	
	
	 /* 導師團隊區域 */
	 
	 
	 	   .row5 {
  background-color: #d9d9d9;
  
     width: 100%;
  max-width: 1350px;
       margin: 0 auto;

  
  
}
	 
	 
	  .study-container {
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
    }
	 
	 
    .teacher-team {
	color: #333333;
	padding: 20px;
	
	margin-bottom:32px;
	
    }

    .teacher-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	padding-bottom: 10px;
	   border-radius: 3px; 
    box-shadow: 0 1px 2px rgba(0,0,0,0.1); 
    }

    .teacher-card {
      background-color: white;
      color: #333;
     
     overflow: hidden; 
    }

    .teacher-card:hover {
      transform: translateY(0px);
    }

    .teacher-card img {
      width: 420px;
      height: 200px;
      object-fit: cover;
      transition: transform 0.5s ease; /* 平滑过渡效果 */
	 
    }

    .teacher-card:hover img {
      opacity: 0.9;
  transform: scale(1.03); /* Zoom on hover */
	
    }

    .teacher-info {
      padding: 10px;
      text-align: left;
    }

    .teacher-name {
	font-size: 20px;
	margin-bottom: 5px;
	color: #145fa1;
    }

    .teacher-title {
	font-size: 16px;
	color: #145fa1;
	margin-bottom: 10px;
	font-weight: bold;
    }

    .teacher-desc {
	font-size: 14px;
	color: #666;
	line-height: 1.5;
    }

    .teacher-more {
	margin-top: 20px;
	font-size: 16px;
	right:
    }

    /* Clearing 2025 区域 */
    .clearing-2025 {
      width: 100%;
    }

    .clearing-banner {
      width: 100%;
      display: block; /* 确保图片占满容器宽度 */
    }

    .clearing-content {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: repeat(2, auto);
      gap: 10px;
	  margin-top:32px;
      margin-bottom:32px;
	  
	
    }

   @media (max-width: 768px) {
 
     .teacher-card img {
      width: 100%;
      height: auto;
      object-fit: cover;
      transition: transform 0.5s ease; /* 平滑过渡效果 */
	 
    }

    .teacher-card:hover img {
      opacity: 0.9;
     }
	 }
 
 
 

 /* 标杆考察  */
 
    /* 模块通用样式 */
	
	  .row6 {
  background-color: #d9d9d9;
  
     width: 100%;
  max-width: 1350px;
       margin: 0 auto;

  
  
}
	
	
	
    .study-module {
	display: flex;
	flex-direction: column;
    }

    /* 左侧标杆考察模块 */
    .study-benchmark {
      flex: 0 0 calc(60% - 10px); /* 电脑端宽度占比 */
      border: 1px solid #0b66c2;
    }

    /* 右侧名校研学模块 */
    .study-university {
      flex: 0 0 calc(40% - 10px); /* 电脑端宽度占比 */
      border: 1px solid #c25a0b;
    }

    /* 模块标题样式 */
    .study-title {
      font-size: 20px;
      font-weight: bold;
      color: #fff;
      padding: 10px 15px;
      margin-bottom: 20px;
    }

    .study-benchmark .study-title {
      background-color: #0b66c2;
    }

    .study-university .study-title {
      background-color: #c25a0b;
    }

    /* 内容区域样式 */
    .content-wrapper {
      display: flex;
      gap: 20px;
      align-items: flex-start;
    }

    /* 内容列表样式 */
    .study-list {
	flex: 1;
	margin-bottom: 0;
	padding-right: 20px;
	padding-left: 20px;
    }

    .study-benchmark .study-list {
      columns: 2; /* 标杆考察使用两列 */
    }

    .study-university .study-list {
      columns: 1; /* 名校研学使用一列 */
    }

    .study-list li {
	list-style: disc;
	margin-left: 20px;
	margin-bottom: 10px;
	line-height: 1.6;
    }

    /* 图片容器样式 */
    .image-container {
      flex: 0 0 auto;
    }

    /* 图片样式 */
    .study-img {
	max-width: 242px;
	height: 160px;
	display: block;
	padding-right: 15px;
    }

    /* 更多链接样式 */
    .study-more {
	text-align: right;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 20px;
    }

    .study-more a {
      text-decoration: none;
      color: #000;
    }

    /* 手机端适配 */
    @media (max-width: 768px) {
      .study-benchmark,
      .study-university {
        flex: 1 1 100%;
      }

      .content-wrapper {
        flex-direction: column; /* 手机端垂直排列 */
      }

      .study-benchmark .study-list {
        columns: 2; /* 手机端都使用一列 */
      }
	
	      .study-img {
	max-width: 100%;
	height: auto;
	display: block;
	padding-left: 15px;
    }
	  
    }


/* 六個欄目背景顏色 */



.clearing-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px; /* 用 grid 的 gap 控制项间距，替代子项 margin-right */
	margin-top:20px;
	margin-bottom:20px;
}
    
    .clearing-item {
	width: 100%; /* 填充 grid 分配的列宽 */
	background-color: white;
	color: #333;
	border-radius: 5px; /* 替换原 1px，保持视觉统一 */
	overflow: hidden;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 保留更优的阴影 */
	transition: transform 0.3s ease;
	display: flex;
	flex-direction: column;
	margin-bottom: 0px; /* 仅保留底部间距，去掉右侧 margin 避免 grid 布局冲突 */
}
    
    .clearing-item:hover {
      transform: translateY(0px);
    }
    
    .clearing-item img {
        width: 480px;
  height: 200px; /* 或根据需求固定高度，但需配合 object-fit */
  display: block;
  object-fit: cover; /* 保留封面裁剪逻辑 */
  transition: opacity 0.3s ease;
    }
    
    .clearing-item:hover img {
      opacity: 0.9;
    }
    
    .clearing-item p {
	font-size: 14px;
    }
    


    
	
	
	 .clearing-item:nth-child(1) { background-color: #3a4e59;    width: 100%;} /* 浅蓝色背景 */
    .clearing-item:nth-child(2) { background-color: #145fa1; } /* 浅绿色背景 */
    .clearing-item:nth-child(3) { background-color: #e16824; margin-right:0px;} /* 浅黄色背景 */
	
		 .clearing-item:nth-child(4) { background-color: #3a4e59;  } /* 浅蓝色背景 */
    .clearing-item:nth-child(5) { background-color: #145fa1; } /* 浅绿色背景 */
    .clearing-item:nth-child(6) { background-color: #e16824;margin-right:0px; } /* 浅黄色背景 */
	

    .clearing-item img {
      width: 100%;
      height: auto;
      display: block;
    }

    .clearing-text {
      padding: 10px;
	   color: #EBEBEB;
		line-height:32px;
		  font-size:15px;
		     padding: 10px;
			 min-height:180px;
    }

    .clearing-text h3 {
	color: #EBEBEB;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
		
    }

    .clearing-text p {
	color: #EBEBEB;
	line-height:28px;
	font-size:15px;
    }

   
   
    
   
  /* 社团和蜂巢 */
/* 左右内容区通用样式 */

/* 容器样式，电脑端用Flex布局让左右列并排 */
.container12 {
  display: flex; 
  max-width: 1350px; 
  margin: 0 auto;
 
/
}

/* 左侧列样式，占比可调整，这里设为1，和右侧平分空间 */
.container12 .left-column {
  flex: 1; 
  background-color: #145fa1;
  margin-right:30px;
}

.container12 .left-column img {
  width: 660px; 
  height: 280px; 
  margin-bottom: 10px; 
}

.container12 .text-info {
  line-height: 1.6; 
  color: #EBEBEB;
  padding: 20px;
}

.container12 .text-info h2{
  line-height: 1.6;
  color: #EBEBEB;
  font-size: 1.8rem;
}

.container12 .text-info p{
  line-height: 1.6; 
  color: #EBEBEB;
  font-size: 16px;
}

/* 右侧列样式，占比设为1，和左侧平分空间 */
.container12 .right-column {
  flex: 1; 
  background-color: #5e6a75; 
}

.container12 .right-column img {
  width: 660px; 
  height: 340px; 
  margin-bottom: 10px; 
}

.container12 .right-column h2 {
  line-height: 1.6;
  color: #EBEBEB;
  padding: 20px;
  text-align: center;
  font-size: 1.8rem;
}

/* 手机端响应式适配，屏幕宽度≤768px时，改为垂直排列 */
@media (max-width: 768px) {
  .container12 { /* 修复了此处的语法错误 */
    flex-direction: column; /* 改为垂直排列 */
    gap: 20px; /* 垂直排列时的间距 */
  }
  
  /* 左侧列样式，占比可调整，这里设为1，和右侧平分空间 */
.container12 .left-column {

  margin-right:0px;
}
  
  
  /* 手机端让图片宽度100%，标题字体稍小适配 */
  .left-column img,
  .right-column img {
    width: 100%; 
  }
  
  .right-column h2,
  .text-info h2 {
    font-size: 1.5rem; /* 适当调整手机端标题大小 */
  }
  
  /* 移除了不必要的grid样式，因为我们使用的是flex布局 */
  .container12 .left-column,
  .container12 .right-column {
    width: 100%; /* 确保在手机端占满宽度 */
    margin-right: 0; /* 移除右侧间距 */
  }
  
  .clearing-item img {
        width: 100%;
  height: auto; /* 或根据需求固定高度，但需配合 object-fit */
  display: block;
  object-fit: cover; /* 保留封面裁剪逻辑 */
  transition: opacity 0.3s ease;
    }
    
    .clearing-item:hover img {
      opacity: 0.9;
    }
    
  
  .container12 .right-column img {
   width: 100%;
  height: auto; 
  margin-bottom: 10px; 
}

  
  
  
}




/* 分院信息区域 */
.branches {
	background-color: #a8a8a8;
	margin-top: 20px;
	position: relative; /* 关键：使联系链接能相对于此区域定位 */
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
}

/* 联系我们链接样式 */
.contact-link {
  position: absolute;
  top: 20px;
 left: 30px;
  z-index: 100; /* 确保在其他内容上方显示 */
  padding-bottom:30px;
  height:50px;
}

.contact-link a {
  color: #333; /* 链接颜色，可根据需要调整 */
  text-decoration: none;
  font-weight: bold;
  padding: 8px 12px;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.contact-link a:hover {
  color: #ff6908; /* 悬停时颜色变化 */
  text-decoration: underline;
}

/* 响应式调整：在小屏幕上调整位置 */
@media (max-width: 576px) {
  .contact-link {
    top: 15px;
    right: 15px;
  }
  
  .contact-link a {
    font-size: 14px;
    padding: 6px 10px;
  }
}

.branch-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  margin-top: 20px; /* 避免内容被联系链接遮挡 */
}

.branch-item {

  text-align: center;
  position: relative;
  padding-bottom: 15px;
  color: #FFFFFF;
  overflow: hidden;
}

.branch-item a {
  color: #FFFFFF;
  }



.branch-item img {
	width: 350px;
	height:150px;
	;
	display: block;
	padding-bottom: 15px;
}

/* 各分院背景色 */

.branch-item:nth-child(1) { background: #2E54A1; }
.branch-item:nth-child(2) { background: #2E54A1; }
.branch-item:nth-child(3) { background: #2E54A1; }
.branch-item:nth-child(4) { background: #2E54A1; }
.branch-item:nth-child(5) { background: #2E54A1; }
.branch-item:nth-child(6) { background: #C65F10; }
.branch-item:nth-child(7) { background: #C65F10; }
.branch-item:nth-child(8) { background: #C65F10; }  

.branch-item:nth-child(9) { background: #C65F10; }  

.branch-item:hover {
  transform: translateY(-3px);
  transition: transform 0.3s ease;
}

/* 响应式布局调整 */
@media (max-width: 992px) {
  .branch-list {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 576px) {
  .branch-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
    

   @media (max-width: 992px) {
      .live-list {
        grid-template-columns: 100%; /* 平板设备上一列 */
      }
      
	   .teacher-grid  {
        grid-template-columns: repeat(2, 1fr); /* 平板设备上两列 */
      }
	  
	  .clearing-item
	{
        grid-template-columns: 100%; /* 移动设备上一列 */
      }
	  
      .teacher-list {
        grid-template-columns: 100%; /* 平板设备上一列 */
      }
      
      .content-container {
        grid-template-columns: 100%;
      }
      
      .clearing-list {
         grid-template-columns: 100%; /* 平板设备上一列 */
      }
      
      .branch-list {
        grid-template-columns: repeat(4, 1fr);
      }
    }
    
    @media (max-width: 576px) {
	
	

	
	
	.teacher-grid {
 grid-template-columns: 100%; /* 移动设备上一列 */
    }
	
	
	.clearing-item
	{
        grid-template-columns: 100%; /* 移动设备上一列 */
      }
	
	
      .live-list {
        grid-template-columns: 100%; /* 移动设备上一列 */
      }
      
      .teacher-list {
        grid-template-columns: 100%;
      }
  
	  
	       .teacher-card {
        grid-template-columns: 100%;
      }
	  
      .clearing-list {
        grid-template-columns: 100%;
      }
      
      .branch-list {
        grid-template-columns: repeat(2, 1fr);

      }
	  
	  .branch-item img {
  width: 100%;
  height:auto;
  display: block;
  padding-bottom: 15px;
}
	  
	  
    }