.about_jianjie_box {
  width: 100%;
  background: #F4F7F9;
  padding: calc(30px + 5rem) 0;
}
.about_jianjie_box .about_jianjie {
  max-width: 1400px;
  width: 85%;
  margin: auto;
}
.about_jianjie_box .about_jianjie .jianjie_top {
  margin-top: calc(14px + 2rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.about_jianjie_box .about_jianjie .jianjie_top .jianjie_pic {
  width: 49%;
  height: calc(51px + 20rem);
}
.about_jianjie_box .about_jianjie .jianjie_top .jianjie_pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about_jianjie_box .about_jianjie .jianjie_top .jianjie_num {
  width: 49.0714%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: calc(3px + 1rem);
}
.about_jianjie_box .about_jianjie .jianjie_top .jianjie_num .jianjie_num_item {
  width: 48.0349%;
  height: calc(14px + 10rem);
  background: #FFFFFF;
  padding: 0 calc(2px + 2rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: calc(1px + 1rem);
}
.about_jianjie_box .about_jianjie .jianjie_top .jianjie_num .jianjie_num_item .p1 {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: calc(6px + 0.5rem);
  color: #0072C1;
  line-height: 1;
}
.about_jianjie_box .about_jianjie .jianjie_top .jianjie_num .jianjie_num_item .p1 span {
  font-size: calc(6px + 1.5rem);
}
.about_jianjie_box .about_jianjie .jianjie_top .jianjie_num .jianjie_num_item .p2 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(6px + 0.5rem);
  color: #323337;
  line-height: calc(10px + 1rem);
  text-align: center;
}
.about_jianjie_box .about_jianjie .jianjie_text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: calc(5px + 0.25rem);
  margin-top: calc(14px + 2rem);
}
.about_jianjie_box .about_jianjie .jianjie_text p {
  font-family: Microsoft YaHei;
  font-weight: 300;
  font-size: calc(8px + 0.5rem);
  color: #000000;
  line-height: calc(2px + 1.5rem);
}
.culture_box {
  width: 100%;
  background: url(../images/culture_bg.jpg) no-repeat;
  background-size: cover;
  padding-top: calc(25px + 5rem);
  padding-bottom: calc(9px + 4rem);
}
.culture_box .culture {
  max-width: 1400px;
  width: 85%;
  margin: auto;
}
.culture_box .culture .culture_card {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: calc(3px + 1.5rem);
  margin-top: calc(15px + 2rem);
}
.culture_box .culture .culture_card .culture_item {
  transition: 0.5s;
  width: 48.8571%;
  height: calc(56px + 5rem);
  border-radius: calc(0px + 0.2rem);
  border: 1px solid #F0F4F750;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: calc(6px + 1rem);
  padding: 0 calc(16px + 2rem);
}
.culture_box .culture .culture_card .culture_item .culture_icon {
  width: calc(4px + 5rem);
  height: calc(4px + 5rem);
  background: url(../images/icon_bg.png) no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.culture_box .culture .culture_card .culture_item .culture_icon img {
  width: calc(6px + 1.5rem);
}
.culture_box .culture .culture_card .culture_item .culture_text .p1 {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: calc(2px + 1rem);
  color: #FFFFFF;
  line-height: 1;
}
.culture_box .culture .culture_card .culture_item .culture_text .p2 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(8px + 0.5rem);
  color: #FFFFFF;
  line-height: 1;
  margin-top: calc(8px + 0.5rem);
}
.culture_box .culture .culture_card .culture_item:nth-of-type(4) img {
  width: calc(1px + 2rem);
}
.culture_item:hover {
  background-color: #0072C1;
}
.jiyu_box {
  width: 100%;
  overflow: hidden;
  padding-top: calc(46px + 5rem);
  padding-bottom: calc(24px + 5rem);
  background: url(../images/jiyu_bg.jpg) no-repeat;
  background-size: contain;
}
.jiyu_box .jiyu {
  max-width: 1660px;
  width: 92.5%;
  float: right;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.jiyu_box .jiyu .juyu_left {
  width: 42.1686%;
}
.jiyu_box .jiyu .juyu_left .jiju_con {
  margin-top: calc(4px + 5rem);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: calc(8px + 0.25rem);
}
.jiyu_box .jiyu .juyu_left .jiju_con p {
  font-family: Microsoft YaHei;
  font-size: calc(6px + 0.5rem);
  color: #333333;
  line-height: calc(2px + 1.5rem);
}
.jiyu_box .jiyu .juyu_left .jiju_con p b {
  font-weight: bold;
}
.jiyu_box .jiyu .juyu_right {
  width: 53.4939%;
}
.jiyu_box .jiyu .juyu_right .juyu_pic {
  width: 100%;
  height: calc(140px + 20rem);
}
.jiyu_box .jiyu .juyu_right .juyu_pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.jiyu_box .jiyu .juyu_right .jiyu_text {
  width: 100%;
  height: calc(80px + 5rem);
  background: #0072C1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 calc(18px + 4rem);
}
.jiyu_box .jiyu .juyu_right .jiyu_text .juyu_text_left {
  border-left: calc(3px + 0.25rem) #F0F4F730 solid;
  padding-left: calc(8px + 0.5rem);
}
.jiyu_box .jiyu .juyu_right .jiyu_text .juyu_text_left .p1 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.5rem);
  color: #F0F4F7;
  line-height: 1;
}
.jiyu_box .jiyu .juyu_right .jiyu_text .juyu_text_left .p2 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 1.5rem);
  color: #F0F4F7;
  line-height: 1;
  margin-top: calc(8px + 0.5rem);
}
.jiyu_box .jiyu .juyu_right .jiyu_text .jiyu_icon {
  width: calc(6px + 4rem);
}
.jiyu_box .jiyu .juyu_right .jiyu_text .jiyu_icon img {
  width: 100%;
}
.certificate_box {
  width: 100%;
  padding: calc(30px + 5rem) 0;
  overflow: hidden;
}
.certificate_box .certificate_title {
  max-width: 1400px;
  width: 85%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.certificate_box .certificate {
  max-width: 1660px;
  width: 92.5%;
  float: right;
}
.certificate_box .certificate .cer_swiper {
  width: 100%;
  margin-top: calc(12px + 2rem);
}
.certificate_box .certificate .cer_swiper .swiper {
  width: 100%;
}
.certificate_box .certificate .cer_swiper .swiper .swiper-slide {
  width: 21.0843%;
}
.certificate_box .certificate .cer_swiper .swiper .swiper-slide .cer_border {
  width: 100%;
  height: calc(2px + 20rem);
  background: #FFFFFF;
  border: 1px solid #DCDCDC;
  border-right: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.certificate_box .certificate .cer_swiper .swiper .swiper-slide .cer_border .cer_pic {
  width: calc(50px + 10rem);
  height: calc(83px + 5rem);
}
.certificate_box .certificate .cer_swiper .swiper .swiper-slide .cer_border .cer_pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.certificate_box .certificate .cer_swiper .swiper .swiper-slide .cer_border .p1 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.5rem);
  color: #333333;
  line-height: 1;
  margin-top: calc(4px + 3rem);
}
.certificate_box .certificate .cer_swiper .swiper .swiper-slide .cer_border .p2 {
  font-family: Century Gothic;
  font-weight: 400;
  font-size: calc(6px + 0.5rem);
  color: #0072C1;
  line-height: 1;
  margin-top: calc(4px + 0.5rem);
}
.course_box {
  width: 100%;
  padding: calc(30px + 5rem) 0;
  background: url(../images/yx.png) no-repeat;
  background-size: contain;
  background-position-y: calc(34px + 10rem);
}
.course_box .course {
  max-width: 1400px;
  width: 85%;
  margin: auto;
}
.course_box .course .course_text {
  padding: calc(18px + 3rem) calc(-2px + 2rem);
  width: 85%;
  background: #FFFFFF;
  box-shadow: 0px 0px 18px 0px rgba(154, 162, 168, 0.2);
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: calc(8px + 2rem);
  display: none;
  margin-top: calc(13px + 4rem);
  margin-bottom: calc(3px + 4rem);
  position: relative;
}
.course_box .course .course_text .text_line {
  width: 1px;
  height: calc(100% + calc(10px + 6rem));
  background-color: #80808090;
  position: absolute;
  left: calc(17px + 1rem);
  bottom: calc(-10px - 3rem);
  transition: 0.5s;
}
.course_box .course .course_text img {
  width: calc(51px + 5rem);
  position: absolute;
  right: calc(-6px - 0.5rem);
  top: calc(-15px - 3rem);
}
.course_box .course .course_text p {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(8px + 0.5rem);
  color: #4A4A4A;
  line-height: calc(4px + 1rem);
  left: calc(50px + 10rem);
  opacity: 0;
  animation: move 0.5s linear;
  animation-fill-mode: forwards;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: calc(1px + 1rem);
}
.course_box .course .course_text p:nth-of-type(2) {
  animation-delay: 0.3s;
}
.course_box .course .course_text p:nth-of-type(3) {
  animation-delay: 0.6s;
}
.course_box .course .course_text p:nth-of-type(4) {
  animation-delay: 0.9s;
}
.course_box .course .course_text p:nth-of-type(5) {
  animation-delay: 1.2s;
}
.course_box .course .course_text p:nth-of-type(6) {
  animation-delay: 1.5s;
}
.course_box .course .course_text p:nth-of-type(7) {
  animation-delay: 1.8s;
}
.course_box .course .course_text p:nth-of-type(8) {
  animation-delay: 2.1s;
}
.course_box .course .course_text:nth-of-type(2) {
  display: flex;
}
.course_box .course .course_bottom_line_box {
  width: 100%;
  position: relative;
}
.course_box .course .course_bottom_line_box .line1 {
  width: 100%;
  height: calc(0px + 0.1rem);
  background-color: #0072C1;
  position: absolute;
  bottom: calc(7px + 4rem);
}
.course_box .course .course_bottom_line {
  width: 100%;
}
.course_box .course .course_bottom_line .course_line {
  width: 85%;
  overflow: hidden;
  margin: auto;
  /* height: calc(10px + 40rem); */
  position: relative;
  top: calc(-7px - 0.5rem);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.course_box .course .course_bottom_line .course_line_box {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(0px + 5rem);
  transition: 0.5s;
}
.course_box .course .course_bottom_line .course_line_dot_box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: calc(1px + 1rem);
  cursor: pointer;
}
.course_box .course .course_bottom_line .course_line_dot_box .course_line_dot_circle {
  width: calc(6px + 1.5rem);
  height: calc(6px + 1.5rem);
  background: #FFFFFF;
  border-radius: 50%;
  border: calc(0px + 0.1rem) solid transparent;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
.course_box .course .course_bottom_line .course_line_dot_box .course_line_dot_circle .course_line_dot {
  width: calc(1px + 0.25rem);
  height: calc(1px + 0.25rem);
  background: #0072C1;
  border-radius: 50%;
  border: calc(0px + 0.1rem) solid #0072C1;
}
.course_box .course .course_bottom_line .course_line_dot_box p {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(6px + 0.5rem);
  color: #B5B5B5;
  line-height: 1;
}
.course_box .course .course_bottom_line .course_line_dot_active .course_line_dot_circle {
  border: calc(0px + 0.1rem) solid #0072C1;
  background-color: #ffffff;
}
.course_box .course .course_bottom_line .course_line_dot_active .p1 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(2px + 1.5rem);
  color: #0072C1;
  line-height: 1;
}
.course_box .course .course_bottom_line .course_line_dot_active .course_text {
  padding: calc(0px + 5rem) calc(10px + 2rem);
  height: auto;
}
.course_box .course .course_bottom_line .course_line_dot_active .course_text p {
  left: calc(50px + 10rem);
  opacity: 0;
  animation: move 0.5s linear;
  animation-fill-mode: forwards;
}
.course_box .course .course_bottom_line .course_line_dot_active .course_text p:nth-of-type(2) {
  animation-delay: 0.3s;
}
.course_box .course .course_bottom_line .course_line_dot_active .course_text p:nth-of-type(3) {
  animation-delay: 0.6s;
}
.course_box .course .course_bottom_line .course_line_dot_active .course_text p:nth-of-type(4) {
  animation-delay: 0.9s;
}
.course_box .course .course_bottom_line .course_line_dot_active .course_text p:nth-of-type(5) {
  animation-delay: 1.2s;
}
.course_box .course .course_bottom_line .course_line_dot_active .course_text p:nth-of-type(6) {
  animation-delay: 1.5s;
}
.course_box .course .course_bottom_line .course_line_dot_active .course_text p:nth-of-type(7) {
  animation-delay: 1.8s;
}
.course_box .course .course_bottom_line .course_line_dot_active .course_text p:nth-of-type(8) {
  animation-delay: 2.1s;
}
@keyframes move {
  from {
    position: relative;
    left: calc(50px + 10rem);
    opacity: 0;
  }
  to {
    position: relative;
    left: 0;
    opacity: 1;
  }
}
.line2 {
  width: calc(4px + 1rem);
  height: 1px;
  background: #808080;
  opacity: 0.8;
}
.course_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.course_title .course_icon {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: calc(5px + 1rem);
}
.course_title .course_icon img {
  width: calc(10px + 2rem);
  cursor: pointer;
  display: none;
}
.course_title .course_icon .prev {
  display: block;
}
.course_title .course_icon .next_act {
  display: block;
}
.cer_icon {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: calc(5px + 1rem);
}
.cer_icon img {
  width: calc(10px + 2rem);
  display: none;
  cursor: pointer;
}
.cer_icon .prev {
  display: block;
}
.cer_icon .next_act {
  display: block;
}
#certificate_box1 {
  display: block;
}
#certificate_box2 {
  display: none;
}
@media (max-width: 1100px) {
  .about_jianjie_box .about_jianjie .jianjie_top {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(10px + 1rem);
  }
  .about_jianjie_box .about_jianjie .jianjie_top .jianjie_pic {
    width: 100%;
    height: calc(51px + 40rem);
  }
  .about_jianjie_box .about_jianjie .jianjie_top .jianjie_num {
    width: 100%;
  }
  .about_jianjie_box .about_jianjie .jianjie_top .jianjie_num .jianjie_num_item {
    height: calc(14px + 33rem);
  }
  .about_jianjie_box .about_jianjie .jianjie_top .jianjie_num .jianjie_num_item .p1 span {
    font-size: calc(14px + 1rem);
  }
  .about_jianjie_box .about_jianjie .jianjie_top .jianjie_num .jianjie_num_item .p2 {
    font-size: calc(10px + 1rem);
    line-height: 1.5;
  }
  .about_jianjie_box .about_jianjie .jianjie_text p {
    font-size: calc(10px + 1rem);
    line-height: 1.5;
  }
  .culture_box .culture .culture_card {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(10px + 1rem);
  }
  .culture_box .culture .culture_card .culture_item {
    width: 100%;
  }
  .culture_box .culture .culture_card .culture_item .culture_icon {
    width: calc(32px + 5rem);
    height: calc(32px + 5rem);
  }
  .culture_box .culture .culture_card .culture_item .culture_icon img {
    width: calc(11px + 1.5rem);
  }
  .culture_box .culture .culture_card .culture_item .culture_text .p1 {
    font-size: calc(8px + 1rem);
  }
  .culture_box .culture .culture_card .culture_item .culture_text .p2 {
    font-size: calc(10px + 1rem);
  }
  .course_box .course .course_bottom_line .course_line_box {
    gap: calc(18px + 5rem);
  }
  .course_box .course .course_bottom_line .course_line_dot_box .course_line_dot_circle {
    width: calc(25px + 1.5rem);
    height: calc(25px + 1.5rem);
  }
  .course_box .course .course_bottom_line .course_line_dot_box .course_line_dot_circle .course_line_dot {
    width: calc(5px + 0.25rem);
    height: calc(5px + 0.25rem);
  }
  .course_box .course .course_bottom_line .course_line_dot_box p {
    font-size: calc(10px + 1rem);
  }
  .course_box .course .course_bottom_line .course_line_dot_active .p1 {
    font-size: calc(16px + 1rem);
  }
  .course_box .course .course_bottom_line .course_line {
    top: calc(20px - 0.5rem);
  }
  .course_box .course .course_text {
    padding: calc(18px + 3rem) calc(15px + 2rem);
  }
  .course_box .course .course_text p {
    font-size: calc(10px + 1rem);
    line-height: 1.5;
  }
  .course_box .course .course_text .text_line {
    bottom: calc(-27px - 3rem);
  }
  .course_title .course_icon {
    display: none;
  }
  .jiyu_box .jiyu {
    width: 85%;
    margin: auto;
    float: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(10px + 1rem);
  }
  .jiyu_box .jiyu .juyu_left {
    width: 100%;
  }
  .jiyu_box .jiyu .juyu_left .jiju_con p {
    font-size: calc(10px + 1rem);
    line-height: 1.5;
  }
  .jiyu_box .jiyu .juyu_right {
    width: 100%;
  }
  .jiyu_box .jiyu .juyu_right .jiyu_text .jiyu_icon {
    width: calc(6px + 10rem);
  }
  .jiyu_box .jiyu .juyu_right .jiyu_text .juyu_text_left .p1 {
    font-size: calc(12px + 1rem);
  }
  .jiyu_box .jiyu .juyu_right .jiyu_text .juyu_text_left .p2 {
    font-size: calc(14px + 1rem);
  }
  .cer_swiper .swiper1 {
    width: 100%;
  }
  .cer_swiper .swiper1 .swiper-slide {
    width: 50%;
  }
  .cer_swiper .swiper1 .swiper-slide .cer_border {
    width: 100%;
    height: calc(100px + 25rem);
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-right: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .cer_swiper .swiper1 .swiper-slide .cer_border .cer_pic {
    width: 85%;
  }
  .cer_swiper .swiper1 .swiper-slide .cer_border .p1 {
    font-size: calc(10px + 1rem);
  }
  .cer_swiper .swiper1 .swiper-slide .cer_border .p2 {
    font-size: calc(10px + 1rem);
  }
  #certificate_box1 {
    display: none;
  }
  #certificate_box2 {
    display: block;
  }
  #certificate_box2 .cer_icon {
    display: none;
  }
}