/* styles.css */
/* 全局重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
@font-face {
  font-family: 'MyFont'; /* 给字体起个名字，用于调用 */
  src: url("../../fonts/AlibabaPuHuiTi-3-55-RegularL3.woff2") format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* 加上这一行 */
}
body {
  font-family: 'MyFont',sans-serif;
  line-height: 1.6;
  color: #222;
  background-color: #FFFFFF;
  padding-top: 60px; /* 给固定导航栏留出空间 */
}

/* 固定悬浮导航栏，带阴影 */

.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  display: flex;
  align-items: center;
  padding: 0 20px;
}

/* Logo 样式 */
.navbar .logo {
  margin-right: 40px; /* 与菜单间距 */
}

.navbar .logo a {
  font-weight: bold;
  font-size: 24px;
  color: #222;
  text-decoration: none;
}

/* 菜单切换按钮（移动端汉堡菜单） */
.menu-toggle {
  display: none;
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
  margin-left: auto;
  color: #222;
}

/* 菜单项列表：靠左对齐 */
.nav-links {
  list-style: none;
  display: flex;
  margin-left: 20px;
}

/* 一级菜单项 */
.nav-links > li {
  position: relative;
}

/* 一级菜单链接 */
.nav-links > li > a {
  display: block;
  padding: 0 15px;
  line-height: 60px;
  color: #222;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

/* 当前页或悬停状态 */
.nav-links > li > a.active,
.nav-links > li > a:hover {
  background-color: #007acc;
  color: #fff;
}

/* 子菜单（桌面下拉） */
.submenu {
  display: none;
  position: absolute;
  top: 60px;
  left: 0;
  background-color: #fff;
  border: 1px solid #ddd;
  min-width: 220px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 1001;
}

/* 子菜单项 */
.submenu li a {
  padding: 10px 15px;
  display: block;
  color: #222;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.submenu li a:hover {
  background-color: #007acc;
  color: #fff;
}

/* 悬停显示子菜单（桌面端） */
.nav-links > li.dropdown:hover > .submenu {
  display: block;
}

/* 移动端样式 */
@media (max-width: 768px) {
  .menu-toggle {
    display: block;
  }

  .nav-links {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    background-color: #fff;
    flex-direction: column;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }

  .nav-links.open {
    max-height: 300px;
  }

  .nav-links > li {
    width: 100%;
  }

  .nav-links > li > a {
    padding: 15px;
    line-height: 1.2;
    border-bottom: 1px solid #eee;
  }

  .submenu {
    position: static;
    border: none;
    box-shadow: none;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }

  .submenu.open {
    max-height: 500px;
  }

  .submenu li a {
    padding-left: 30px;
    border-bottom: 1px solid #f0f0f0;
  }
}

/* 页脚样式 */
footer {
  background-color: #282d32;
  padding: 60px 0;
  text-align: center;
  color: #B4B4B4;
  font-size: 16px;
  margin-top: 40px;
}

.footer-container {
  max-width: 1200px;
  margin: 0 auto;
	line-height: 2;
}
.footer-nav a {
  color: #B4B4B4;
  text-decoration: none;
  margin: 0 5px;
  text-decoration: none; /* 去掉下划线，如需保留可以删掉这一行 */
}
.f-c-grayb9{
  color: #B4B4B4;
}
.footer-nav a:hover {
  text-decoration: underline;
}

/* 主体容器样式（可选） */
main {
  max-width: 1200px;
  margin: 20px auto;
  padding: 0 15px;
}

/* 示例标题样式 */
h1 {
  margin-bottom: 20px;
  color: #007acc;
}
/* === 轮播图样式 === */
.carousel {
  position: relative;
  width: 100%;
  max-width: 1920px;
  height: 570px;
  margin: 0 auto;
  overflow: hidden;
}

.carousel-slides {
  position: relative;
  width: 100%;
  height: 100%;
}

.carousel-slides img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.carousel-slides img.active {
  opacity: 1;
  z-index: 1;
}

/* 左右箭头按钮 */
.carousel-prev,
.carousel-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.4);
  color: #fff;
  font-size: 32px;
  border: none;
  padding: 10px 16px;
  cursor: pointer;
  z-index: 2;
}

.carousel-prev {
  left: 20px;
}

.carousel-next {
  right: 20px;
}

/* 圆点指示器 */
.carousel-dots {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
  z-index: 2;
}

.carousel-dots button {
  width: 12px;
  height: 12px;
  margin: 0 6px;
  border-radius: 50%;
  border: none;
  background-color: #ccc;
  cursor: pointer;
}

.carousel-dots button.active {
  background-color: #007acc;
}
/* === 新增：轮播图下方悬浮信息盒子 === */
.floating-box {
  position: relative;
  top: -70px; /* 让盒子浮到轮播图上方 */
  margin: 0 auto;
  width: 1200px;
  height: 140px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.1);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 优势内容容器 */
.advantage-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 30px;
}

/* 单项内容 */
.advantage-item {
  text-align: center;
  flex: 1;
}

/* 强调数字/指标 */
.adv-title {
  font-size: 35px;
  font-weight: bold;
  color: #3947ff;
  font-family: 'MyFont', sans-serif;
}
@font-face {
  font-family: 'MyFont';
  src: url('/fonts/AlibabaPuHuiTi-3-55-RegularL3.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap; /* 加上这一行 */
}
/* 说明文字 */
.adv-desc {
  font-size: 20px;
  color: #666;
  margin-top: 0px;
}

/* 竖线分隔符 */
.divider1 {
  width: 1px;
  height: 60px;
  background-color: #3947ff;
  margin: 0 10px;
}
/* 新增：底部展示区域样式 */
.promo-section {
  width: 100%;
  max-width: 1920px;
  height: 540px;
  background-color: #ffffff;
  margin: 0px auto 0 auto; /* 距离悬浮框100px */
  text-align: center;
  position: relative;
  z-index: 1;
  margin-top: 20px;
}

/* 标题样式 */
.promo-title {
  font-size: 38px;
  color: #222;
  margin-bottom: 50px;
  font-family: 'MyFont', sans-serif;
  font-weight: 700;
	
}

/* 白色展示卡片 */
/* promo-card 内左侧块 */
.promo-card {
  width: 1200px;
  height: 3promo-section00px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 0px 100px rgba(0, 0, 0, 0.1);
  position: relative;
  display: flex; /* 横向排列 */
  align-items: center;
}

/* 左侧块宽高300px，圆角，背景图（示例路径可替换） */
.promo-left-block {
  width: 300px;
  height: 300px;
  border-radius: 12px;
  background-image: url("../images/promo-bg.jpg"); /* 请替换为你的背景图路径 */
  background-size: cover;
  background-position: center;
  color: #fff;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

/* 文字样式 */
.promo-left-block .promo-text {
  margin-bottom: 30px;
  margin: 0 auto;     /* 上下为0，左右自动边距，实现水平居中 */
  width: 250px;       /* 元素需要指定宽度 */
}

.promo-left-block .line1 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 8px;
}
.promo-left-block .line2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 3;
}

/* 按钮容器，左右排布 */
.promo-left-block .promo-buttons {
  display: flex;
  gap: 15px;
  margin: 0 auto;     /* 上下为0，左右自动边距，实现水平居中 */
  width: 200px;       /* 元素需要指定宽度 */
	padding-top: 0px;
}

/* 通用按钮样式 */
.btn {
  padding: 10px 18px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* 按钮原始样式（保留） */
.promo-buttons .btn {
  margin: 5px;
  padding: 0px 0px;
  font-size: 20px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  border: 1px solid #ffffff;     /* 设置白色边框，宽度为2px */
  width: 140px;
	height: 40px;
  margin: 0 auto;     /* 上下为0，左右自动边距，实现水平居中 */
}

.trial-btn {
  background-color: transparent; /* 设置按钮背景为透明 */
  color: white;
}
.trial-btn:hover {
  background-color: #3947ff; /* 设置按钮背景为透明 */
  color: white;
}


/* 免费方案按钮：白底蓝字，带蓝色边框 */
.plan-btn {
  background-color: #ffffff;
  color: #3947ff;
}
.plan-btn:hover {
  background-color: #fff;
  color: #000;
}




.promo-text .line1 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 6px;
	
}

.promo-text .line2 {
  font-size: 22px;
	font-weight: normal;
}

.promo-buttons {
  margin-top: 20px;
  display: flex;
  gap: 12px;
}

.btn {
  padding: 8px 16px;
  border-radius: 6px;
  border: none;
  font-size: 14px;
  cursor: pointer;
}

/* 右侧3个步骤卡片区域 */
.promo-right-steps {
  flex: 1;
  display: flex;
  justify-content: space-between;
  padding: 20px;
  box-sizing: border-box;
}

.step-card {
  background: #fff;
  flex: 1;
  margin: 0 8px;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
  text-align: center;
  padding: 20px 10px;
  box-sizing: border-box;
}

.step-big-icon {
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
}

.step-title {
  font-size: 26px;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-family: 'MyFont', sans-serif;
  font-weight: 500;
}


.step-desc {
  font-size: 15px;
  color: #666;
  position: relative;   /* 开启相对定位 */
  top: -10px;           /* 向上移动10像素（top负值 = 向上） */
	left: 10px; 
}

/* 修改按钮为垂直排列且居中 */
.vertical-buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}

/* 右侧步骤区域容器 */
.promo-steps {
  display: flex;
  flex: 1;
}


/* 大图标在最上面 */
.step-icon-large {
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
}

/* 小图标在主标题左边 */
.step-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 10px;
}

.step-icon-small {
  width: 18px;
  height: 18px;
  margin-bottom: 6px;
}


/* 父容器设置为flex横排（假设已有此样式） */
.steps-container {
  display: flex;
  position: relative; /* 保证伪元素定位基准 */
  align-items: center; /* 竖直居中所有子项 */
}
@font-face {
  font-family: 'WLBold';
  src: url("../../fonts/wlBold.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* 加上这一行 */
}

.step-box {
  flex: 1;
  background-color: #fff;
  border: 1px solid #fff; /* 白色边框 */
  height: 300px;
  text-align: center;
  padding: 20px 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
	  position: relative; 
	justify-content: center;
}
/* 在每个step-box后面，除了最后一个，显示“>>”符号 */
.step-box:not(:last-child)::after {
  content: ">>";             /* 内容是符号 */
  position: absolute;
  right: -20px;              /* 负右边距，使符号浮在两个盒子间 */
  top: 50%;                  /* 垂直居中 */
  transform: translateY(-50%);
  font-size: 50px;
  color: #626ad7;
  font-weight: bold;
  pointer-events: none;      /* 不阻挡鼠标事件 */
  user-select: none;         /* 不可选中文本 */
  z-index: 10;
  font-family: 'WLBold', sans-serif;
}
/* 大图标 */
.step-big-icon {
  width: 80px;
  height: 80px;
  margin-bottom: 10px;  position: relative;   /* 开启相对定位 */
  top: 5px;           /* 向上移动10像素（top负值 = 向上） */
}

/* 小图标 + 标题一行 */
.step-title-line {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
	font-size: 16px;
}

/* 小图标样式 */
.step-small-icon {
  width: 25px;
  height:34px;
}


/* 产品矩阵背景区块样式 */
.product-matrix-section {
  width: 100%;
  height: 800px;
  background-image: url("../images/bgf851483.jpg"); /* 替换为你的图片路径 */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 50px; /* 与上方标题保持一致间距 */
}

/* 复用 promo-title 样式，无需重复定义 */
/* 产品矩阵区块内产品分类容器 */
.product-category-container {
  width: 1200px;            /* 固定宽度 */
  margin: 0px auto 0;      /* 上方间距40px，水平居中 */
  border-bottom: 1px solid #999;  /* 底部灰色横线 */
}

/* 产品分类列表，水平排列，居中 */
.product-category-list {
  display: flex;
  justify-content: space-between; /* 等间距分布 */
  list-style: none;
  padding: 0;
  margin: 0 0 10px 0; /* 下方预留空间 */
  align-items: center;
}

/* 单个分类项 */
.product-category-list li {
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}

/* 分类图标大小固定 */
.product-category-list li img {
  width: 36px;
  height: 36px;
  margin-right: 8px; /* 图标与文字间距 */
  object-fit: contain;
}

/* 分类文字样式 */
.product-category-list li span {
  font-size: 24px;
  color: #222;
  white-space: nowrap;
}

/* 鼠标悬停样式（可选） */
.product-category-list li:hover span {
  color: #3947ff;
}
/* 选中状态字体加粗 */
.product-category-list li.product-category-item.active span {
  color: #3947ff;
  position: relative;
	font-weight: bold;
}

/* 蓝色粗线样式，延伸覆盖整个分类项宽度，包括小图标 */
.product-category-list li.product-category-item.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -11px; /* 放到li底部 */
  height: 4px;
  background-color: #3947ff;
  border-radius: 2px;
}

/* 为了使伪元素定位正确，li设置相对定位 */
.product-category-list li.product-category-item {
  position: relative; /* 伪元素定位参考点 */
}

/* 分类内容总区域 */
.product-category-content {
  width: 100%;
  margin-top: 0px;
  display: flex;
  justify-content: center;
}

/* 每个分类内容面板（默认隐藏） */
.category-panel {
  display: none;
  width: 100%;
	height: 500px;
  justify-content: center;
  align-items: center;
}

/* 激活分类显示 */
.category-panel.active {
  display: flex;
}

/* 大图样式（课程体系专用） */
.category-image-large {
  width: 1200px;
	height: auto;
  border-radius: 12px;
}

/* 小图 + 文字排布（其他分类） */
.category-panel-inner {
  width: 1200px;
  display: flex;
  align-items: center;
  border-radius: 12px;
  padding: 20px;
}

.category-panel-inner img {
  height: 300px;
	width: auto;
  border-radius: 8px;
  margin-left: auto;
}

.category-text {
  flex: 1;
  padding-right: 30px;
}

.category-text h3 {
  font-size: 24px;
  color: #007acc;
  margin-bottom: 10px;
}

.category-text p {
  font-size: 18px;
  color: #222;
	line-height:2;
}

.category-text1 {
  font-size: 30px;
  color: #3947ff;
  font-weight:bold;
}

.category-text2 {
  font-size: 18px;
  color: #222;
}
.category-video{
	width:700px;
	height: auto;
  border-radius: 20px;
}
.category-video1{
  width: 100%;
  height: 100%;
  object-fit: cover;        /* 裁切填满容器 */
  border-radius: 8px;       /* 如果需要圆角，可调整 */
  display: block;
}
.consult-btn {
  background-color: #3947ff;
  color: #fff;
  padding: 8px 30px;
  border: none;
  border-radius: 10px;
  cursor: pointer;
	font-size: 18px;
	margin-top:50px;
}
.consult-btn1 {
  background-color: #fff;
  color: #3947ff;
  padding: 5px 15px;
  border: none;
  border-radius: 10px;
  cursor: pointer;
	font-size: 16px;
	margin-top:20px;
}
.consult-btn2 {
  background-color: #fff;
  color: #3947ff;
  padding: 5px 30px;
  border: none;
  border-radius: 10px;
  cursor: pointer;
	font-size: 20px;
	margin-top:70px;
  display: flex;
  margin-left: 20px;
}
.consult-btn2:hover {
  color: #000;
}
/* 优秀案例展示区块 */
.case-showcase-section {
  width: 100%;
  height: 800px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* 区块标题样式 */
.<strong>case-showcase-section</strong> {
  margin-top: 50px;
  margin-bottom: 40px;
  color: #222;
}

/* 案例展示网格 */
.case-grid {
  width: 1200px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}

/* 单个案例 */
.case-item {
  width: 280px;
  height: 240px;
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.3s ease;
  background-color: #fff;
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
}
.case-item:hover{
  background-color: #3947ff;
}

/* 图片部分 */
.case-image {
  width: 100%;
  height: 166px;
  background-size: cover;
  background-position: center;
}

/* 文案区域 */
.case-caption {
  height: 74px;
 /*  background-color: #e1ebf5;*/
  text-align: center;
  padding-top: 12px;
  position: relative;
  transition: background-color 0.3s ease;
}

/* 文案文字 */
.case-caption span {
  font-size: 20px;
  color: #333;
  transition: color 0.3s ease;
  font-weight: 700;
  font-family: 'MyFont', sans-serif;
}

/* 蓝色横杠 */
.case-caption .underline {
  width: 40px;
  height: 4px;
  background-color: #3947ff;
  margin: 10px auto 0;
  border-radius: 2px;
  transition: background-color 0.3s ease;
}

/* 悬浮效果 */
/* .case-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}*/

.case-item:hover .case-caption {
  background-color: #3947ff;
}

.case-item:hover .case-caption span {
  color: #fff;
}

.case-item:hover .case-caption .underline {
  background-color: #fff;
}
/* 帕拉卡理念区块整体 */
.paracraft-concept-section {
  width: 100%;
  height: 860px;
  background-image: url("../images/paracraft-bg.jpg"); /* 替换为实际背景图 */
  background-size: cover;
  background-position: center;
  padding-top: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* 标题样式 */
.concept-title {
  font-size: 32px;
  color: #222;
  margin-bottom: 50px;
  font-family: 'MyFont', sans-serif;
  font-weight: 700;
}

/* 卡片网格 */
.concept-grid {
  width: 1200px;
  display: grid;
  grid-template-columns: repeat(2, 588px);
  grid-gap: 24px;
}

/* 卡片样式 */
.concept-card {
  display: flex;
  width: 100%;
  height: 280px;
  background: transparent;
  border-radius: 8px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
	background-color: #3947ff;
	border-radius: 20px;
}
.concept-card:hover {
  transform: scale(1.05); /* 放大，模拟向前 */
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); /* 增加阴影，增强立体感 */
}

/* 左边区域 */
.concept-card-left {
  width: 188px;
  background-image: url("../images/left.jpg"); /* 左侧统一背景图 */
  background-size: cover;
  background-position: center;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px;
	border-radius: 20px 0 0 20px;
}

.concept-icon {
  width: 41px;
  height: 41px;
  margin-bottom: 20px;
}

.concept-label {
  font-size: 24px;
  color: #fff;
  text-align: center;
}


/* 右边区域 */
.concept-card-right {
  width: 400px;
  background-size: cover;
  background-position: center;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  display: flex;
  align-items: flex-end;
  padding: 40px;
  box-sizing: border-box;
  position: relative;
	border-radius: 0 20px 20px 0;
}

.concept-text {
  color: white;
}

.concept-line-title {
  margin-bottom: 6px;
	font-size: 20px;
}
@font-face {
  font-family: 'MyFont';
  src: url('/fonts/AlibabaPuHuiTi-3-55-RegularL3.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap; /* 加上这一行 */
}
.concept-line-title1{
  font-family: 'MyFont', sans-serif;
  font-weight: 200; /* 可选，用于指定精确字重 */
	font-size: 16px;
}
.concept-text hr {
  width: 100%;
  border: 1px solid white;
  margin-bottom: 8px;
}
/* 为什么选择帕拉卡 区块整体 */
.why-paracraft-section {
  width: 100%;
  height: 620px;
  background-color: #ffffff;
}

/* 标题统一样式复用 */
.section-title {
	padding-top: 80px;
  text-align: center;
  font-size: 36px;
  color: #222;
  margin-bottom: 50px;
  font-family: 'MyFont', sans-serif;
  font-weight: 700;
}

/* 主内容容器 */
.why-paracraft-content {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

/* 左侧大背景图容器 */
.why-left-block {
  width: 870px;
  height: 380px;
}

.why-left-bg {
  width: 100%;
  height: 100%;
  background-image: url("../images/why-left-bg.jpg"); /* 替换为你的图片路径 */
  background-size: cover;
  background-position: center;
  position: relative;
  padding: 70px 40px 70px 40px;
  box-sizing: border-box;
}

.why-desc {
  font-size: 18px;
  line-height: 1.8;
  color: #222;
  margin-bottom: 40px;
}

/* 三张卡片横排 */
.why-cards {
  display: flex;
  justify-content: space-between;
}

.why-card {
  width: 260px;
  height: 130px;
  border-radius: 10px;
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 35px;
  box-sizing: border-box;
}

.card-1 {
  background-image: url("../images/card1.jpg"); /* 替换图片路径 */
}
.card-2 {
  background-image: url("../images/card2.jpg");
}
.card-3 {
  background-image: url("../images/card3.jpg");
}

.card-text {
  color: #222;
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
}

/* 右侧板块 */
.why-right-block {
  width: 300px;
  height: 380px;
}

.why-right-bg {
  width: 100%;
  height: 100%;
  background-image: url("../images/why-right-bg.jpg"); /* 替换图片路径 */
  background-size: cover;
  background-position: center;
  padding: 45px 20px;
  box-sizing: border-box;
}

.why-points h3 {
  color: #fff;
  font-size: 18px;
  margin-bottom: 20px;
}

.why-points1{
  color: #fff;
  font-size: 30px;
  margin-bottom: 20px;
	font-weight: bold;
  padding-left: 25px;
	
}

.why-points ul {
  list-style: disc;
  padding-left: 40px;
  margin-bottom: 25px;
}

.why-points li {
  color: #fff;
  font-size: 16px;
  margin-bottom: 0px;
  font-family: 'MyFont', sans-serif;
  font-weight: 300;
}

.school-success-carousel-section {
  width: 100%;
  height: 800px;
  background-image: url("../images/school-carousel-bg.jpg"); /* 替换为实际背景图 */
  background-size: cover;
  background-position: center;
  position: relative;
}

.school-success-carousel-section {
  text-align: center;
  font-size: 32px;
  margin-top: 70px;
  color: #000;
}

.carousel-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.carousel-item {
  width: 100%;
  height: 600px;
  position: absolute;
  left: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.carousel-item.active {
  opacity: 1;
  z-index: 1;
}

.carousel-card {
  width: 1200px;
  height: 480px;
  background: #fff;
  border-radius: 16px;
  margin: 0 auto;
  padding: 50px;
  box-shadow: 0 100px 50px rgba(0, 0, 0, 0.1);
  position: relative;
}

/* 左侧图文区域 */
.carousel-left {
  width: 650px;
  float: left;
}

.school-info {
  display: flex;
  align-items: flex-start;
  height: 140px;
  gap: 20px;
}

.school-logo {
  width: 107px;
  height: 107px;
}

.school-desc {
  font-size: 18px;
  color: #222;
  line-height: 1.5;
	padding-top: 25px;
	width:450px;
	text-align: left;
}

.school-stats {
  display: flex;
  justify-content: space-between;
  margin-top: 0px;
}

.stat-card {
  width: 260px;
  height: 130px;
  border-radius: 10px;
  text-align: center;
  padding-top: 20px;
}

.stat-card p {
  font-size: 35px;
  font-weight: bold;
  color: #3947ff;
  font-family: 'MyFont', sans-serif;
}

.stat-card span {
  display: block;
  font-size: 20px;
  color: #222;
  margin-top: 10px;
}
.stat-card img {
  width: 14px;
  height: 20px;
}
/* 右侧图片区域 */
.carousel-right {
  position: absolute;
  top: 50px;
  right: 50px;
  width: 430px;
  height: 260px;
  background-size: cover;
  background-position: center;
  border-radius: 12px;
}

/* logo 合作展示条 */
.logo-bar {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  width: 1000px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
	padding-top: 30px;
}

.logo-bar img {
  height: 60px;              /* 固定高度 */
  width: auto;                /* 宽度自适应内容 */
}

.divider {
  height: 30px;
  width: 1px;
  background-color: #ccc;
}
/* 新增的新闻资讯区块 */
.news-section {
  width: 100%; /* 宽度自适应屏幕 */
  max-width: 1920px; /* 最大宽度为1920px */
  height: 680px;
  background-color: #fff;
  margin-top: 80px;
  text-align: center;
}

.news-title {
  font-size: 36px;
  color: #222;
  font-family: 'MyFont', sans-serif;
  font-weight: 700;
}

.article-container {
  width: 1200px;
  margin: 0px auto 0;
  padding-top: 50px;
}

.article {
  width: 100%;
  background-color: #fff;
  margin-bottom: 30px;
  padding: 60px 30px 30px 60px;
  border-radius: 20px;
  box-shadow: 0 0px 100px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.article-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 24px;
  color: #222;
	
}
.article-title a:hover {
  color: #3947ff;
	
}
.article-title span {
  flex-grow: 1;
  text-align: left;
	width: 980px;
	font-weight: bold;
}
.article-title span:hover {
	color: #3947ff;
	font-weight: bold;
}
.custom-line {
  margin: 16px 0;
}
.view-detail {
  color: #222;
  font-size: 16px;
  text-decoration: none;
}

.article-summary1 {
  display: flex; /* 水平排列子元素 */
}

.article-summary {
  font-size: 16px;
  color: #222;
  margin: 10px 0;
  max-width: 84ch;
  text-align: left;
}

.article-date {
  font-size: 16px;
  color: #222;
  margin: 10px 0;
	width: 348px;
  text-align: right;
}

.more-news {
  margin-top: 40px;
	width: 1050px;
	text-align: center;
}

.more-news a {
  font-size: 16px;
  color: #222;
  text-decoration: none;
}
.more-news a:hover {
  color: #3947ff;
}

.hero-banner img {
  width: 100%;              /* 自动适应宽度（最大宽1920px） */
  max-width: 1920px;        /* 最大宽度限制为1920像素 */
  height: 570px;            /* 固定高度 */
  object-fit: cover;        /* 保持图片比例并填满区域 */
  display: block;
  margin: 0 auto;           /* 居中对齐 */
}
@font-face {
  font-family: 'MyFont';
  src: url('/fonts/AlibabaPuHuiTi-3-55-RegularL3.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap; /* 加上这一行 */
}
.hero-banner {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%; /* 根据需要控制宽度 */
}

.hero-banner img {
  display: block;
  width: 100%;
  height: auto;
}

.banner-text {
  position: absolute;
  top: 50%;
  left: 360px;
  transform: translateY(-50%);
  padding: 20px;
  border-radius: 8px;
}

.banner-text1{
  font-size: 60px;
  color: #3947ff;
  font-family: 'MyFont', sans-serif;
  font-weight: bold;
	margin-bottom: 50px;
}

.banner-text2{
  font-size: 36px;
  color: #222;
  font-family: 'MyFont', sans-serif;
  font-weight: bold;
	margin-bottom: 20px;
}
.banner-text3{
  font-size: 20px;
  color: #222;
	margin-bottom: 30px;
}

.download-btn {
  display: inline-block;
  background-color: #3947ff;
  color: white;
  padding: 10px 40px;
  text-decoration: none;
  border-radius: 10px;
  font-size: 18px;
  transition: background-color 0.3s ease;
  font-weight: bold;
}

.download-btn:hover {
  background-color: #4868FB;
  color: white;
}