@import url("../../css2020/public_m.css");

/* ===== 全局基础 ===== */
body {
  font-size: .32rem;
  color: #333;
  background-color: #ffffff;
  font-family: 'PingFang SC', 'Microsoft YaHei', 'Alibaba PuHuiTi', Arial, sans-serif;
}

img {
  display: block;
  width: 100%;
}

a { text-decoration: none; }
ul { list-style: none; margin: 0; padding: 0; }

.bgColor2 {
  background-color: #fff;
}

.bgColor1 {
  background-color: #f6f6f6;
}

.bgColor3 {
  background-color: #0c08c1;
}

/* ===== 通用组件 ===== */
.div_h { height: .6rem; }
.commonPad { padding: 0 .3rem; }

.t_title {
  font-size: .44rem;
  font-weight: bold;
  color: #000;
  text-align: center;
  line-height: 1.4;
  padding-top: .5rem;
}
.t_title1 {
  font-size: .34rem;
  color: #555;
  text-align: center;
  margin-top: .2rem;
  line-height: 1.5;
}
.c_white { color: #fff; }

/* 按钮 */
.edu_button {
  height: .9rem;
  background: linear-gradient(267deg, #FF8035 0%, #FF6243 100%);
  box-shadow: 0 .13rem .2rem 0 rgba(50,71,195,0.19);
  border-radius: .45rem;
  margin: .5rem auto 0;
  font-size: .36rem;
  color: #FFFFFF;
  line-height: .9rem;
  text-align: center;
  cursor: pointer;
  transition: transform .3s ease;
}
.edu_button:active { transform: scale(.96); }

/* swiper 通用分页样式 */
.swiper-container { padding-bottom: .8rem; }
.swiper-container-horizontal > .swiper-pagination-bullets { bottom: .1rem; }
.swiper-pagination-bullet {
  width: .16rem;
  height: .16rem;
  background: #aac4ff;
  border-radius: 50%;
  opacity: 1;
  margin: 0 .06rem;
  transition: all .3s ease;
}
.swiper-pagination-bullet-active {
  width: .4rem;
  border-radius: .08rem;
  background: #3d85ff;
}

/* ===== Banner ===== */
.container-box > section:first-child img {
  width: 100%;
  display: block;
}

/* ===== part2 时代机遇 ===== */
.part2 { padding-bottom: .5rem; }
.part2 .part2_con { margin-top: .4rem; }
.part2 .part2_con1 ul {
  display: flex;
  gap: .2rem;
  margin-bottom: .3rem;
}
.part2 .part2_con1 ul li {
  flex: 1;
  padding: .3rem;
  border-radius: .15rem;
  background: #eef5ff;
  transition: all .3s ease;
}
.part2 .part2_con1 ul li.on {
  background: linear-gradient(135deg, #436BFF 0%, #3d85ff 100%);
  box-shadow: 0 .1rem .25rem 0 rgba(67, 107, 255, .35);
}
.part2 .part2_con1_t {
  font-size: .32rem;
  font-weight: bold;
  color: #222;
  margin-bottom: .15rem;
}
.part2 .part2_con1 ul li.on .part2_con1_t { color: #fff; }
.part2 .part2_con1_t span { display: none; }
.part2 .part2_con1 ul li p {
  font-size: .32rem;
  color: #666;
  line-height: 1.5;
  text-align: justify;
}
.part2 .part2_con1 ul li.on p { color: #fff; }
.part2 .part2_con2 {
  background: #fff;
  border-radius: .15rem;
  padding: .2rem;
  box-shadow: 0 .1rem .25rem 0 rgba(0, 0, 0, .08);
}
.part2 .part2_con2_1 { display: none; position: relative; }
.part2 .part2_con2_1.on { display: block; }
.part2 .part2_con2_1 img { width: 100%; }
.part2 .part2_con2_1 span {
  display: block;
  font-size: .2rem;
  color: #999;
  text-align: right;
  margin-top: .1rem;
}

/* ===== part3 岗位缺口 ===== */
.part3 { padding-bottom: .4rem; }
.part3 .part3_list {
  display: flex;
  flex-direction: column;
  gap: .3rem;
  margin-top: .4rem;
}
.part3 .part3_list1 {
  position: relative;
  border-radius: .15rem;
  overflow: hidden;
  box-shadow: 0 .1rem .25rem 0 rgba(0, 0, 0, .08);
}
.part3 .part3_list1 img { width: 100%; }
.part3 .part3_list1 span {
  display: block;
  font-size: .2rem;
  color: #999;
  text-align: right;
  padding: .1rem .2rem;
  background: #fff;
}
.part3 .part3_list3 {
  margin-top: .3rem;
  padding: .3rem;
  background: #3d85ff;
  border-radius: .15rem;
}
.part3 .part3_list3 span {
  font-size: .32rem;
  color: #fff;
  line-height: 1.6;
  text-align: justify;
}

/* ===== part61 行业趋势 (Swiper) ===== */
.part61 { padding-bottom: .5rem; }
.part61 .part61_content { margin-top: .4rem; }
.part61 .part61_content1 {
  background: #fff;
  border-radius: .15rem;
  overflow: hidden;
  box-shadow: 0 .1rem .25rem 0 rgba(0, 0, 0, .08);
}
.part61 .part61_content1 > img { width: 100%; }
.part61 .part61_xa {
  padding: .3rem;
  background: linear-gradient(135deg, #eef5ff 0%, #f8fbff 100%);
}
.part61 .part61_xa p {
  font-size: .32rem;
  color: #555;
  line-height: 1.6;
  text-align: justify;
}

/* ===== part5 课程大纲 (Tab切换) ===== */
.ai.part5 {
  background: #f0f6ff;
  padding: 0 .3rem .5rem;
  border-radius: .2rem;
  margin: 0 .3rem;
}
.ai.part5 .boxlist3_main {
  display: flex;
  background: #fff;
  border-radius: .15rem;
  margin-top: .4rem;
  overflow: hidden;
  box-shadow: 0 .1rem .25rem 0 rgba(0, 0, 0, .08);
}
.ai.part5 .boxlist3_left {
  width: 2.4rem;
  flex-shrink: 0;
  background: linear-gradient(180deg, #436BFF 0%, #3d85ff 100%);
}
.ai.part5 .boxlist3_left ul li {
  padding: .2rem .12rem;
  font-size: .28rem;
  color: rgba(255, 255, 255, .7);
  line-height: 1.4;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  position: relative;
  cursor: pointer;
  transition: all .3s ease;
}
.ai.part5 .boxlist3_left ul li:last-child { border-bottom: none; }
.ai.part5 .boxlist3_left ul li.cur {
  background: #FF6243;
  color: #fff;
  font-weight: bold;
}
.ai.part5 .boxlist3_left ul li.cur::after {
  content: "";
  position: absolute;
  right: .08rem;
  top: 50%;
  width: .12rem;
  height: .12rem;
  border-top: .02rem solid #fff;
  border-right: .02rem solid #fff;
  transform: translateY(-50%) rotate(45deg);
  margin-top: -.02rem;
}
.ai.part5 .boxlist3_right {
  flex: 1;
  padding: .25rem;
  min-width: 0;
}
.ai.part5 .con7list .con { display: none; }
.ai.part5 .con7list .con.cur { display: block; }
.ai.part5 .con7list .con h3 {
  font-size: .32rem;
  color: #1a5bff;
  line-height: 1.5;
  margin-bottom: .2rem;
  font-weight: bold;
}
.ai.part5 .plist {
  max-height: 8rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ai.part5 .plist h2 {
  font-size: .28rem;
  color: #333;
  margin-bottom: .1rem;
  font-weight: bold;
}
.ai.part5 .plist p {
  font-size: .28rem;
  color: #666;
  line-height: 1.6;
  text-align: justify;
}
.ai.part5 .plist p b { color: #1a5bff; font-weight: bold; }
.ai.part5 .tips {
  font-size: .26rem;
  color: #ff367b;
  margin-top: .2rem;
  text-align: center;
}

/* 滚动条样式 */
.ai.part5 .plist::-webkit-scrollbar { width: .04rem; }
.ai.part5 .plist::-webkit-scrollbar-thumb {
  background: #569eff;
  border-radius: .04rem;
}

/* ===== part7 适合岗位 ===== */
.part7 { padding-bottom: .5rem; }
.part7 .part7_con {
  margin-top: .4rem;
  display: flex;
  flex-direction: column;
  gap: .3rem;
}
.part7 .part7_con1 {
  padding: .35rem .3rem;
  border-radius: .15rem;
  font-size: .32rem;
  line-height: 1.6;
  text-align: justify;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.part7 .part7_con1::before {
  content: "";
  position: absolute;
  right: -.5rem;
  top: -.5rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, .1);
}
.part7 .part7_p1 {
  background: linear-gradient(135deg, #436BFF 0%, #6b8aff 100%);
}
.part7 .part7_p2 {
  background: linear-gradient(135deg, #3d85ff 0%, #5ba1ff 100%);
}
.part7 .part7_p3 {
  background: linear-gradient(135deg, #FF8035 0%, #FF6243 100%);
}
.part7 .part7_p4 {
  background: linear-gradient(135deg, #6b5bff 0%, #8a7aff 100%);
}

/* ===== part15 就业推荐 (Swiper) ===== */
.part15 { padding-bottom: .5rem; }
.part15 .part15_con { margin-top: .4rem; }

/* 每个 swiper-slide 作为一张完整卡片，上下两部分（图片 + 标题卡） */
.part15 .swiper-slide {
  background: #fff;
  border-radius: .15rem;
  overflow: hidden;
  box-shadow: 0 .1rem .25rem 0 rgba(0, 0, 0, .08);
}

/* 图片卡：全宽自适应高度 */
.part15 .part15_con1:first-child {
  padding: 0;
}
.part15 .part15_con1:first-child img {
  width: 100%;
  display: block;
}

/* 标题卡：内边距 + 居中布局 */
.part15 .part15_con1:last-child {
  padding: .4rem .3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.part15 .part15_con1 h1 {
  font-size: .32rem;
  color: #3d85ff;
  font-weight: bold;
  margin-top: 0;
}
.part15 .part15_con1 i {
  display: block;
  width: .6rem;
  height: .06rem;
  background: #FF6243;
  border-radius: .03rem;
  margin: .2rem 0;
}
.part15 .part15_con1 p {
  font-size: .32rem;
  color: #666;
  line-height: 1.5;
  text-align: center;
}

/* ===== part8 专属教学服务 (Swiper) ===== */
.part8 {
  background: linear-gradient(180deg, #0c08c1 0%, #1a1ab5 100%);
  margin: 0 .3rem;
  border-radius: .2rem;
  padding: 0 .3rem .5rem;
  box-shadow: 0 .1rem .25rem 0 rgba(26, 26, 181, .15);
  overflow: hidden;
}
.part8 .part8_list { margin-top: .4rem; }
.part8 .part8_con1 {
  background: #fff;
  border-radius: .15rem;
  padding: .4rem .3rem;
  text-align: center;
  height: 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.part8 .part8_con1.on {
  background: linear-gradient(180deg, #436BFF 0%, #3d85ff 100%);
  color: #fff;
  transform: scale(1.02);
  transition: transform .3s ease;
}
.part8 .part8_con1 img {
  width: 1.2rem;
  height: 1.2rem;
  margin-bottom: .3rem;
}
.part8 .part8_con1 img:nth-child(2) { display: none; }
.part8 .part8_con1.on img:nth-child(1) { display: none; }
.part8 .part8_con1.on img:nth-child(2) { display: block; }
.part8 .part8_con1 h2 {
  font-size: .32rem;
  color: #333;
  font-weight: bold;
  margin-bottom: .2rem;
  line-height: 1.4;
}
.part8 .part8_con1.on h2 { color: #fff; }
.part8 .part8_con1 p {
  font-size: .32rem;
  color: #666;
  line-height: 1.6;
  text-align: justify;
}
.part8 .part8_con1.on p { color: #fff; }

/* ===== part62 常见问题 ===== */
.part62 { padding-bottom: .5rem; }
.part62 .part62_content { margin-top: .4rem; }
.part62 .part62_ul ul {
  display: flex;
  flex-wrap: wrap;
  gap: .2rem;
  justify-content: space-between;
}
.part62 .part62_ul ul li {
  width: 48%;
  height: .9rem;
  line-height: .9rem;
  margin-top: .25rem;
  text-align: center;
  font-size: .32rem;
  color: #3d85ff;
  background: #eef5ff;
  border-radius: .1rem;
  cursor: pointer;
  transition: all .3s ease;
}
.part62 .part62_ul ul li:active {
  background: #3d85ff;
  color: #fff;
}

/* ===== 隐藏PC端 visible-lg ===== */
.wrap.visible-lg { display: none; }

/* ===== 字体平滑 ===== */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}