@charset "utf-8";
.page {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* 头部区域 */

.group_1 {
  width: 100%;
  height: 120px;
  background-color: rgb(255, 255, 255);
}

.group_1 .image_1 {
  margin-top: 32px;
  float: left;
}

.group_1 .image_1 img {
  height: 55px;
}

.group_1 .head_right {
  float: right;
  margin-top: 40px;
}

.search_section2 {
  float: left;
}

.search_section2 select {
  display: block;
  float: left;
  padding-left: 10px;
  margin-right: 10px;
  width: 80px;
  height: 40px;
  font-size: 14px;
  color: #666;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(237, 237, 237, 1);
}

.group_1 .head_right .group_2 {
  float: left;
  width: 240px;
  height: 40px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(237, 237, 237, 1);
  overflow: hidden;
}

.group_1 .head_right .group_2 input {
  float: left;
  width: 198px;
  height: 38px;
  font-size: 14px;
  color: #666;
  border: 0;
}

.group_1 .head_right .group_2 button {
  float: right;
  width: 40px;
  height: 38px;
  border: 0;
  background: none;
}

.group_1 .head_right .head_quick {
  float: left;
  margin-top: 5px;
  margin-left: 30px;
  position: relative;
  min-width: 120px;
  height: 30px;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
  color: #666;
}

.group_1 .head_right .head_quick > a > i {
  display: inline-block;
  margin-left: 7px;
  position: relative;
  top: -2px;
  width: 12px;
  height: 6px;
  background: url('../images/icon21.png') no-repeat;
  background-size: 100% 100%;
}

.group_1 .head_right .head_quick > a:hover {
  color: #087F24;
}

.group_1 .head_right .head_quick:hover > a > i {
  background: url('../images/icon21_2.png') no-repeat;
  background-size: 100% 100%;
}

.group_1 .head_right .head_quick a {
  /*display: block;*/
}

.group_1 .head_right .head_quick .two_list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  border-radius: 10px;
  background: #fff;
  z-index: 999;
  -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.group_1 .head_right .head_quick:hover .two_list {
  display: block;
}

.group_1 .head_right .head_quick .two_list a {
  font-size: 14px;
  color: #666;
  text-align: center;
}

.group_1 .head_right .text-wrapper_1,
.group_1 .head_right .text-wrapper_2 {
  display: block;
  float: left;
  margin-top: 5px;
  padding: 0 15px;
  height: 30px;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
  border-radius: 15px;
}

.group_1 .head_right .text-wrapper_1 {
  margin-left: 20px;
  color: #fff;
  background: #087F24;
}

.group_1 .head_right .text-wrapper_2 {
  margin-left: 10px;
  color: #087F24;
  border: 1px solid #087F24;
}

/* 导航区域 */

.box_29 {
  width: 100%;
  height: 50px;
  background-color: #009019;
}

.box_29 > ul {
  padding: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
}

.box_29 > ul > li {
  float: left;
  position: relative;
  width: 200px;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
}

.box_29 > ul > li a {
  display: block;
}

.box_29 > ul > li:hover,
.box_29 > ul > li.active {
  background: #02a520;
}

.box_29 > ul > li a:hover {
  color: #fff;
}

.box_29 > ul > li .menu_nav {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #087F24;
  -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
  z-index: 999;
}

.box_29 > ul > li .menu_nav ul {
  padding: 0;
  list-style: none;
}

.box_29 > ul > li .menu_nav li {
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}

.box_29 > ul > li .menu_nav li a {
  padding: 10px 3px;
}

.box_29 > ul > li .menu_nav li:hover {
  background: #3b7aed;
}

/* 底部区域 */

.group_13 {
  padding: 32px 0;
  width: 100%;
  overflow: hidden;
  background: url('../images/footer-bg.png') no-repeat;
  background-size: cover;
  background-position: center;
}

.group_13 .text-wrapper_16 {
  width: 100%;
  overflow: hidden;
}

.group_13 .text-wrapper_16 a {
  display: inline-block;
  margin-right: 15px;
  font-size: 14px;
  color: rgba(255, 255, 255, 1);
  line-height: 1;
}

.group_13 .group_14 {
  width: 100%;
  overflow: hidden;
}

.group_13 .group_14 .section_9 {
  float: left;
  margin-top: 25px;
  width: 700px;
}

.group_13 .group_14 .section_9 .image_14 {
  /*width: 603px;*/
  height: 55px;
}

.group_13 .group_14 .section_9 .paragraph_12 {
  margin-top: 25px;
  font-size: 14px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
}

.group_13 .group_14 .section_9 .paragraph_12 p {
  font-size: 14px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
}

.group_13 .group_14 .section_9 .paragraph_12 p a:hover {
  color: #fff;
}

.group_13 .group_14 .image-text_2 {
  float: right;
  width: 128px;
  text-align: center;
}

.group_13 .group_14 .image-text_2 .image_15 {
  width: 128px;
  height: 128px;
}

.group_13 .group_14 .image-text_2 .text-group_6 {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  color: rgba(255, 255, 255, 1);
  line-height: 30px;
}

/* 面包屑导航 */

.BreadNav {
  padding: 24px 0 18px;
  font-size: 14px;
  color: #666;
  overflow: hidden;
}

.BreadNav img {
  margin-right: 10px;
}

.BreadNav span {
  margin: 0 5px;
}

.BreadNav a:hover,
.BreadNav a.active {
  color: #087F24;
}

/* 返回顶部 */

.image-wrapper_3 {
  position: fixed;
  right: 30px;
  bottom: 277px;
  display: none;
  width: 60px;
  height: 60px;
  text-align: center;
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  z-index: 999;
}

.image-wrapper_3 a {
  display: block;
  padding: 18px 0;
}

/* 左右广告位悬浮 */

.adve_fixed {
  position: absolute;
  top: 500px;
  width: 95px;
  height: 395px;
  z-index: 999;
}

.adve_fixed.left {
  left: 29px;
}

.adve_fixed img {
  width: 100%;
  height: 395px;
}

.adve_fixed .close {
  display: block;
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  z-index: 9999;
  background: url(../images/hjkx/icon13.png) no-repeat;
}

.adve_fixed.right {
  right: 29px;
}

/************************************************首页内容********************************************************/

/**
 *  banner
 */

/* banner区域 */

.image_13 {
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.image_13 .swiper-container {
  width: 100%;
  height: 100%;
}

.image_13 .swiper-slide {
  background-position: top center !important;
  background-repeat: no-repeat !important;
  background-size: auto 100% !important;
}

.image_13 .swiper-slide a {
  display: block;
  width: 100%;
  height: 400px;
}

.image_13 .swiper-pagination {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
}

.image_13 .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  margin: 0 5px;
  opacity: 1;
}

.image_13 .swiper-pagination-bullet-active {
  background: #fff;
}
@media screen and (min-width:0px) and (max-width:1800px) {
  .image_13,
  .image_13 .swiper-slide a{
    height: 360px;
  }
  .image_13 .swiper-slide {
    background-size: 100% auto !important;
  }
}
@media screen and (min-width:0px) and (max-width:1600px) {
  .image_13,
  .image_13 .swiper-slide a{
    height: 320px;
  }
}
@media screen and (min-width:0px) and (max-width:1340px) {
  .image_13,
  .image_13 .swiper-slide a{
    height: 265px;
  }
}

/**
 *  内容区域
 */

.group_3 {
  position: relative;
  width: 100%;
}

.box_1 {
  width: 100%;
  height: 200px;
  background: url(../images/hjkx/bg2.jpg) top center no-repeat;
  background-size: auto 100%;
  overflow: hidden;
}

.box_1 .list_1 {
  margin: 0 auto;
  margin-top: 35px;
  width: 1200px;
}

.box_1 .list_1 .image-text_1-0 {
  float: left;
  width: 20%;
  text-align: center;
}

.box_1 .list_1 .image-text_1-0 .image_2-0 {
  margin: 0 auto;
  display: flex;
  width: 50px;
  height: 51px;
  align-items: center;
  justify-content: center;
}

.box_1 .list_1 .image-text_1-0 .text-group_1-0 {
  margin-top: 8px;
  font-size: 30px;
  color: rgba(51, 51, 51, 1);
}

.box_1 .list_1 .image-text_1-0 .text_4 {
  margin-top: 5px;
  font-size: 16px;
  color: rgba(51, 51, 51, 1);
  line-height: 24px;
}

.section {
  padding-top: 60px;
  padding-bottom: 55px;
  background: #fff;
  overflow: hidden;
}

.train_section {
  margin-top: 35px;
  padding: 20px;
  width: 100%;
  background: #f1f7ff;
  overflow: hidden;
}

.train_tab,
.train_tab .hd {
  width: 100%;
  overflow: hidden;
}

.train_tab .hd li {
  float: left;
  padding: 0 17px;
  padding-top: 15px;
  width: 96px;
  height: 100px;
  text-align: center;
  border-radius: 10px;
  cursor: pointer;
  overflow: hidden;
}

.train_tab .bd {
  margin-top: 20px;
  width: 100%;
  overflow: hidden;
}

.train_tab .hd li.on {
  background: #198cff;
}

.train_tab .hd li .item_month {
  font-size: 18px;
  color: #333;
  text-align: center;
}

.train_tab .hd li .item_num {
  margin: 0 auto;
  margin-top: 15px;
  width: 61px;
  height: 26px;
  font-size: 14px;
  color: #666;
  text-align: center;
  line-height: 26px;
  background: #fff;
  border-radius: 13px;
}

.train_tab .hd li.on .item_month {
  color: #fff;
}

.train_tab .hd li.on .item_num {
  color: #198cff;
}

.train_tab .bd {
  margin-top: 20px;
  padding: 20px 25px;
  padding-top: 0;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}

.train_tab .train_group {
  width: 100%;
  overflow: hidden;
}

.train_tab .train_group:not(:first-child) {
  display: none;
}

.train_list {
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.train_list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  padding-bottom: 10px;
  padding-right: 27px;
  border-bottom: 1px solid #f4f5f5;
  overflow: hidden;
}

.train_list li .item_left {
  max-width: calc(100% - 90px);
}

.train_list li .item_left .item_title {
  line-height: 26px;
  overflow: hidden;
}

.train_list li .item_left .item_title h6 {
  float: left;
  max-width: 90%;
  font-size: 16px;
  color: #333;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.train_list li .item_left .item_title .item_label {
  float: left;
  display: block;
  padding: 0 10px;
  margin-left: 10px;
  height: 26px;
  font-size: 14px;
  color: #fff;
  line-height: 26px;
  text-align: center;
  border-radius: 5px;
}

.train_list li .item_left .item_title .item_label.label_green {
  background: #4fad61;
}

.train_list li .item_left .item_title .item_label.label_red {
  background: #e43d2b;
}

.train_list li .item_left .item_title .item_label.label_grey {
  background: #9e9999;
}

.train_list li .item_left .item_address {
  margin-top: 5px;
  font-size: 16px;
  color: #666;
}

.train_list li .item_right {
  width: 70px;
}

.train_list li .item_right .item_more {
  display: block;
  width: 70px;
  height: 34px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 34px;
  background: #198cff;
  border-radius: 17px;
}

.section.section2 {
  padding-top: 0;
}

.section2 {
  padding-bottom: 70px;
  width: 100%;
}

.section2 .six_list {
  margin-top: 35px;
}

.section2 .text-wrapper_10 {
  margin-top: 40px;
}

.section2 .text-wrapper_10 .text_41 {
  color: #333;
  background: url(../images/hjkx/btn1.png) no-repeat;
}

.text_9 {
  font-size: 30px;
  color: rgba(51, 51, 51, 1);
  font-weight: normal;
  text-align: center;
}

.box_2 {
  position: relative;
  margin-top: 30px;
  width: 1200px;
  border: 1px solid rgba(229, 229, 229, 1);
  overflow: hidden;
}

.box_2:after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 160px;
  bottom: 0;
  border-right: 1px solid #f5f5f5;
}

.box_3 {
  float: left;
  padding-top: 10px;
  width: 160px;
}

.box_3 .box_4 {
  position: relative;
  height: 71px;
  font-size: 16px;
  color: #333;
  text-align: center;
  line-height: 71px;
  border-right: 2px solid transparent;
  cursor: pointer;
}

.box_3 .box_4.on {
  color: #087F24;
  background: #f5f5f5;
  border-right: 2px solid #087F24;
}

.box_3 .box_4 a {
  display: block;
}

.box_2 .resources_cont {
  float: right;
  margin-top: 30px;
  width: 1018px;
  overflow: hidden;
}

.box_2 .bd .box_7 {
  width: 100%;
  overflow: hidden;
}

.group4list {
  width: 100%;
  overflow: hidden;
}

.group4list .group_4 {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 320px;
  height: 255px;
  border: 1px solid #f5f5f5;
}

.group4list .group_4:nth-child(3n) {
  margin-right: 0;
}

.group4list .group_4 .img_box {
  width: 100%;
  height: 180px;
  overflow: hidden;
}

.group4list .group_4 .img_box img {
  width: 100%;
  height: 180px;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}

.group4list .group_4:hover .img_box img {
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  /* IE 9 */
  -moz-transform: scale(1.2);
  /* Firefox */
  -webkit-transform: scale(1.2);
  /* Safari å'Œ Chrome */
  -o-transform: scale(1.2);
}

.group4list .group_4 .item_cont {
  padding: 10px 20px;
  overflow: hidden;
}

.group4list .group_4 .item_cont p {
  font-size: 16px;
  color: #333;
  line-height: 26px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /*要显示的行数*/
  overflow: hidden;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}

.group4list .group_4:hover .item_cont p {
  color: #087F24;
}

.box_10 {
  padding-top: 50px;
  width: 100%;
  height: 687px;
  background: url(../images/hjkx/bg3.png) top center no-repeat;
  background-size: auto 100%;
}

.box_10 .text_9 {
  color: #fff;
}

.block_3 {
  margin-top: 20px;
  width: 100%;
}

.block_3 .group_6 {
  width: 100%;
  margin-right: 0;
  margin-bottom: 20px;
  float: left;
  height: 90px;
}

.block_3 .group_6:nth-child(2n) {
  margin-right: 0;
}

.block_3 .group_6 a {
  display: block;
  padding: 14px 13px;
  overflow: hidden;
}

.block_3 .group_6 .box_11 {
  float: left;
  width: 62px;
  height: 62px;
}

.block_3 .group_6 .box_11 span {
  display: block;
}

.block_3 .group_6 .box_11 .text_19 {
  margin: 0 8px;
  font-size: 18px;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  line-height: 34px;
  border-bottom: 1px solid #fff;
}

.block_3 .group_6 .box_11 .text_20 {
  font-size: 12px;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  line-height: 27px;
}

.block_3 .group_6 .item_cont {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: 62px;
  padding-left: 20px;
}

.block_3 .group_6 .text_21 {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}

.text-wrapper_10 {
  margin-top: 20px;
  width: 100%;
  overflow: hidden;
}

.text-wrapper_10 .text_41 {
  display: block;
  margin: 0 auto;
  width: 170px;
  height: 38px;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  line-height: 38px;
  background: url(../images/hjkx/btn.png) no-repeat;
}

.section.two {
  padding-bottom: 30px;
  background: #fff;
}

.box_24 {
  position: relative;
  margin-top: 42px;
  width: 100%;
}

.box_24 .bd {
  padding-right: 35px;
  width: 100%;
  overflow: hidden;
}

.box_24 .bd ul {
  padding: 0;
  list-style: none;
}

.box_24 .bd li {
  float: left;
  width: 400px;
}

.box_24 .bd li .img_box {
  margin: 0 auto;
  position: relative;
  z-index: 9;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
}

.box_24 .bd li .img_box img {
  width: 100%;
  height: 100px;
  border-radius: 50%;
}

.box_24 .bd li .item_cont {
  position: relative;
  top: -50px;
  margin: 0 auto;
  padding-top: 65px;
  width: 353px;
  height: 297px;
  background: #fff;
  box-shadow: 0px 0px 29px 0px rgba(178, 178, 178, 0.14);
}

.box_24 .bd li .item_cont h6 {
  font-size: 18px;
  color: #333;
  font-weight: normal;
  line-height: 24px;
  text-align: center;
}

.box_24 .bd li .item_cont h6 span {
  color: #087F24;
}

.box_24 .bd li .item_cont .item_info {
  margin-top: 10px;
  font-size: 14px;
  color: #999;
  line-height: 24px;
  text-align: center;
}

.box_24 .bd li .item_cont .item_text {
  margin: 0 25px;
  margin-top: 8px;
  font-size: 16px;
  color: #333;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  /*要显示的行数*/
  overflow: hidden;
}

.teacher_slide .prev,
.teacher_slide .next,
.cooperative_slide .prev,
.cooperative_slide .next {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 56px;
  height: 56px;
  background: #fff;
  box-shadow: 0px 0px 29px 0px rgba(178, 178, 178, 0.14);
  border-radius: 50%;
  z-index: 99;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}

.teacher_slide .prev:hover,
.teacher_slide .next:hover,
.cooperative_slide .prev:hover,
.cooperative_slide .next:hover {
  background-color: #087F24;
}

.teacher_slide .prev {
  left: -56px;
}

.teacher_slide .prev::after,
.teacher_slide .next::after,
.cooperative_slide .prev::after,
.cooperative_slide .next::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 24px;
  margin: auto;
}

.teacher_slide .prev::after,
.cooperative_slide .prev::after {
  background: url(../images/hjkx/icon7.png) no-repeat;
}

.teacher_slide .prev:hover:after,
.cooperative_slide .prev:hover:after {
  background: url(../images/hjkx/icon7_2.png) no-repeat;
}

.teacher_slide .next {
  right: -56px;
}

.cooperative_slide .prev {
  left: -80px;
}

.cooperative_slide .next {
  right: -80px;
}

.teacher_slide .next::after,
.cooperative_slide .next::after {
  background: url(../images/hjkx/icon8.png) no-repeat;
}

.teacher_slide .next:hover:after,
.cooperative_slide .next:hover:after {
  background: url(../images/hjkx/icon8_2.png) no-repeat;
}

.box_25 {
  padding-top: 49px;
  padding-bottom: 70px;
  width: 100%;
  height: 545px;
  background: url(../images/hjkx/bg4.png) top center no-repeat;
  background-size: auto 100%;
  overflow: hidden;
}

.box_26 {
  position: relative;
  margin-top: 35px;
  width: 100%;
}

.box_26 .bd {
  width: 100%;
  height: 346px;
  overflow: hidden;
}

.box_26 .section_5 {
  float: left;
  margin-right: 26px;
  width: 280px;
  height: 346px;
  background-color: rgba(255, 255, 255, 1);
}

.box_26 .section_5 .image_8 {
  margin: 0 auto;
  margin-top: 40px;
  width: 120px;
  height: 120px;
  overflow: hidden;
}

.box_26 .section_5 .image_8 img {
  width: 100%;
  height: 120px;
  border-radius: 50%;
}

.box_26 .section_5 .text-group_2 {
  margin-top: 20px;
  height: 48px;
  text-align: center;
}

.box_26 .section_5 .text-group_2 .text_56 {
  font-size: 20px;
  color: rgba(51, 51, 51, 1);
  line-height: 28px;
}

.box_26 .section_5 .text-group_2 .text_57 {
  font-size: 12px;
  color: rgba(153, 153, 153, 1);
  line-height: 20px;
}

.box_26 .section_5 .text_58 {
  margin-top: 50px;
  font-size: 16px;
  color: #3b7aed;
  line-height: 28px;
  text-align: center;
}

/************************************************培训班页面********************************************************/

/**
 *  内容区域
 */

.pagecontent_bg {
  background: #f5f5f5;
}

.coursepage .section {
  overflow: hidden;
  width: 100%;
}

.coursepage .section1 {
  overflow: visible !important;
  height: auto;
}

.coursepage .notice_top {
  width: 100%;
  height: 50%;
}

.coursepage .notice_top_left {
  margin-right: 25px;
  width: 47%;
  height: 100%;
}

.coursepage .notice_title {
  width: 140px;
  height: 28px;
}

.coursepage .notice_title div {
  float: left;
}

.coursepage .notice_title_text {
  margin-top: -3px;
  margin-left: 12px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  color: #333333;
}

.coursepage .notice_content {
  margin-top: 22px;
  padding-right: 40px;
  width: 100%;
  height: 80px;
}

.coursepage .notice_content li {
  margin-bottom: 10px;
  width: 100%;
  font-size: 14px;
}

.coursepage .notice_content ul li a {
  display: inline-block;
  overflow: hidden;
  max-width: 70%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.coursepage .notice_content ul li a span {
  margin-right: 10px;
  color: #087F24;
}

.coursepage .publishtime {
  float: right;
  color: #999999;
}

.coursepage .notice_content li::marker {
  color: #087F24;
}

.coursepage .notice_top_right {
  width: 50%;
  height: 100%;
}

.coursepage .notice_top_right .notice_title {
  padding-left: 520px;
}

.coursepage .notice_top_right .notice_title .notice_title_text {
  font-size: 14px;
  line-height: 30px;
  color: #666666;
}

.coursepage .notice_bot {
  width: 100%;
  height: 50%;
}

.coursepage .notice_bot .topImg {
  float: left;
  margin-right: 25px;
  width: 380px;
  height: 150px;
}

.coursepage .notice_bot .topImg img {
  width: 100%;
}

.coursepage .notice_bot .topImg:last-child {
  margin-right: 0;
}

.coursepage .change_section .more {
  font-size: 14px;
  line-height: 30px;
  color: #666666;
}

.coursepage .change_section .pic_box,
.pic_box.two {
  margin-top: 20px;
}

.coursepage .change_section .pic_box a,
.pic_box.two a {
  display: block;
  position: relative;
  width: 285px;
}

.coursepage .change_section .cover_black,
.pic_box.two a .cover_black {
  display: none;
  position: absolute;
  z-index: 9;
  width: 285px;
  height: 160px;
  background-color: rgba(0, 0, 0, 0.6);
}

.coursepage .cover_black .play_pic,
.pic_box.two .play_pic {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 47px;
  height: 47px;
}

.coursepage .cover_black .play_pic img,
.pic_box.two .play_pic img {
  width: 100%;
  height: 100% !important;
}

.coursepage .change_section .pic {
  margin-right: 20px;
  margin-bottom: 20px;
  height: 360px;
  background: #fff;
  box-shadow: 0 1px 8px 0 rgba(169, 169, 169, 0.15);
}

.pic_box.two .pic {
  position: relative;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 285px;
  box-shadow: 0 1px 8px 0 rgba(169, 169, 169, 0.15);
}

.coursepage .change_section .pic:nth-child(4n),
.pic_box.two .pic:nth-child(4n) {
  margin-right: 0;
}

.coursepage .change_section .pic img,
.pic_box.two .pic img {
  width: 100%;
  height: 160px;
}

.coursepage .change_section .pic .item_tag {
  position: absolute;
  top: 10px;
  right: 0;
  width: 64px;
  height: 28px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 28px;
  background: #087F24;
  border-radius: 14px 0px 0px 14px;
}

.coursepage .change_section .detail_box {
  padding: 20px;
  padding-top: 15px;
  background-color: #fff;
  overflow: hidden;
}

.pic_box.two .pic .detail_box {
  padding-top: 20px;
  width: 285px;
  height: 70px;
  background-color: #fff;
  overflow: hidden;
}

.coursepage .detail_title {
  margin-right: auto;
  margin-left: auto;
  width: 245px;
  height: 56px;
  overflow: hidden;
}

.coursepage .detail_title h6 {
  font-size: 16px;
  color: #333;
  line-height: 28px;
  font-weight: normal;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  /*要显示的行数*/
  -webkit-line-clamp: 2;
}

.pic_box.two .pic .detail_title {
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  width: 244px;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333333;
}

.coursepage .ditail_text {
  margin-right: auto;
  margin-left: auto;
  width: 245px;
  line-height: 24px;
}

.pic_box.two .pic .ditail_text {
  margin-right: auto;
  margin-left: auto;
  margin-top: 12px;
  width: 244px;
  line-height: 24px;
}

.coursepage .icon_view,
.pic_box.two .pic .icon_view {
  width: 16px;
}

.coursepage .change_section .pic .icon_view img,
.pic_box.two .pic .icon_view img {
  width: 16px;
  height: 10px;
}

.coursepage .change_section .viewNum {
  margin-top: 4px;
  font-size: 12px;
  color: #999;
}

.pic_box.two .pic .viewNum {
  margin-left: 10px;
  font-size: 12px;
  color: #999999;
}

.coursepage .change_section .btn_link,
.pic_box.two .pic .btn_link {
  border-radius: 3px;
  width: 64px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  background: #087F24;
}

.coursepage .change_section .money_item,
.pic_box.two .pic .money_item {
  overflow: hidden;
}

.coursepage .change_section .money_item .money_first,
.pic_box.two .pic .money_item .money_first {
  font-size: 18px;
  color: #f54242;
  font-weight: bold;
}

.coursepage .change_section .money_item .money_two,
.pic_box.two .pic .money_item .money_two {
  font-size: 12px;
  color: #999;
  text-decoration: line-through;
}

.coursepage .change_section .btn_link.non_free,
.pic_box.two .pic .btn_link.non_free {
  border-radius: 0;
  width: 80px;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  text-indent: 8px;
  color: #f54242;
  background: #fff;
}

.coursepage .pic_box ul li:hover,
.pic_box.two li:hover {
  transform: scale(1.06);
}

.coursepage .pic_box ul li:hover .cover_black,
.pic_box.two li:hover .cover_black {
  display: block;
}

.pic_box.two li:hover .detail_box {
  height: 119px;
}

.pic_box.two li:hover .detail_box .detail_bottom {
  display: block;
}

.coursepage .change_section .detail_bottom {
  margin: 0 auto;
  margin-bottom: 13px;
  width: 245px;
  height: 42px;
}

.pic_box.two .pic .detail_bottom {
  display: none;
  position: absolute;
  bottom: 0;
  left: 20.5px;
  border-top: 1px solid #f3f3f3;
  width: 244px;
  height: 50px;
}

.coursepage .change_section .detail_bottom p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  padding-top: 6px;
  width: 245px;
  font-size: 12px;
  line-height: 18px;
  text-overflow: ellipsis;
  color: #333;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.pic_box.two .pic .detail_bottom p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  padding-top: 6px;
  width: 244px;
  font-size: 12px;
  line-height: 18px;
  text-overflow: ellipsis;
  color: #999999;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

/*培训班目录*/

.curriculum_menu {
  margin-bottom: 30px;
}

.curriculum_menu > ul > li .curriculum_title {
  padding: 13px 15px;
  border-bottom: 1px solid #eee;
  background: #fafafa;
  overflow: hidden;
}

.curriculum_menu > ul > li .click_group {
  cursor: pointer;
}

.curriculum_menu > ul > li h6 {
  float: left;
  font-size: 16px;
  color: #333;
  font-weight: bold;
}

.curriculum_menu > ul > li .item_more {
  float: right;
  padding-right: 13px;
  font-size: 14px;
  color: #087F24;
  background: url(../images/icon10.png) right center no-repeat;
}

.curriculum_menu > ul > li .item_more2 {
  display: none;
  float: right;
  padding-right: 13px;
  font-size: 14px;
  color: #087F24;
  background: url(../images/icon10_2.png) right center no-repeat;
}

.curriculum_menu > ul > li .curriculum_title.active .item_more,
.curriculum_menu > ul > li .node_title.active .item_more {
  display: none;
}

.curriculum_menu > ul > li .curriculum_title.active .item_more2,
.curriculum_menu > ul > li .node_title.active .item_more2 {
  display: block;
}

.curriculum_menu > ul > li ul {
  width: 100%;
  overflow: hidden;
}

.curriculum_menu > ul > li > ul > li {
  width: 100%;
  overflow: hidden;
}

.curriculum_menu > ul > li > ul > li .node_title {
  padding: 15px 30px;
  border-bottom: 1px solid #eee;
  overflow: hidden;
}

.curriculum_menu > ul > li > ul > li .node_title h6 {
  font-size: 16px;
}

.curriculum_menu > ul > li > ul > li > ul li {
  padding: 13px 30px;
  line-height: 30px;
  border-bottom: 1px solid #eee;
  overflow: hidden;
}

.curriculum_menu > ul > li > ul > li > ul li:hover {
  background: #f8f8f8;
}

.curriculum_menu > ul > li > ul > li > ul li:hover .curriculum_left label {
  display: block;
}

.curriculum_menu > ul > li > ul > li > ul li .curriculum_left label:hover {
  color: #fff;
  background: #2d97fc;
}

.curriculum_menu > ul > li > ul > li > ul li .curriculum_left label:hover a {
  color: #fff;
}

.curriculum_menu > ul > li > ul > li > ul li .curriculum_left {
  float: left;
  display: flex;
  align-items: center;
  width: 70%;
}

.curriculum_menu > ul > li > ul > li > ul li .curriculum_left img {
  float: left;
  margin-right: 10px;
}

.curriculum_menu > ul > li > ul > li > ul li .curriculum_center {
  float: left;
}

.curriculum_menu > ul > li > ul > li > ul li .curriculum_center .progress {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 10px;
  background: #dedede;
  border-radius: 5px;
  overflow: hidden;
}

.curriculum_menu
  > ul
  > li
  > ul
  > li
  > ul
  li
  .curriculum_center
  .progress
  .progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 10px;
  background: #4daf7b;
  transition: all 0.3s;
  border-radius: 5px;
}

.curriculum_menu > ul > li > ul > li > ul li .curriculum_center .progress-num {
  display: inline-block;
  margin-left: 2px;
  font-size: 14px;
  color: #4daf7b;
}

.curriculum_menu > ul > li > ul > li > ul li .item_title {
  display: block;
  float: left;
  max-width: 75%;
  font-size: 16px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.curriculum_menu > ul > li > ul > li > ul li .item_title:hover a {
  color: #2d97fc;
}

.curriculum_menu > ul > li > ul > li > ul li label {
  /*display: none;*/
  float: left;
  margin-top: 3px;
  margin-left: 20px;
  padding: 0 5px;
  height: 22px;
  font-size: 12px;
  color: #087F24;
  text-align: center;
  line-height: 20px;
  border: 1px solid #087F24;
  border-radius: 3px;
}

.curriculum_menu > ul > li > ul > li > ul li label a {
  display: block;
}

.curriculum_menu > ul > li > ul > li > ul li .curriculum_right {
  float: right;
}

.curriculum_menu > ul > li > ul > li > ul li .curriculum_right .playtime {
  margin-right: 30px;
  font-size: 14px;
  color: #999;
}

.curriculum_menu > ul > li > ul > li > ul li .curriculum_right .item_lock {
  display: inline-block;
  width: 9px;
}

.curriculum_menu > ul > li > ul > li > ul li .curriculum_right .item_lock img {
  position: relative;
  top: -2px;
}

.curriculum_menu > ul > li > ul > li > ul li .curriculum_right .item_file {
  margin-right: 30px;
}

/**
 *  分页相关
 */

.coursepage .pages .pagination li:hover,
.coursepage .pages .pagination li.active,
.coursepage .pages div.next:hover,
.coursepage .pages div.prv:hover {
  border: 1px solid #087F24;
  background: #087F24;
}

/**
 *  导航下半部分内容样式
 */

.coursepage .w-1200 {
  width: 1200px;
}

.coursepage .fl {
  float: left;
}

.coursepage .p-l-10 {
  padding-left: 10px;
}

.coursepage .p-r-10 {
  padding-right: 10px;
}

.coursepage .w-all {
  width: 100%;
}

.coursepage .p-b-10 {
  padding-bottom: 10px;
}

.coursepage .p-t-10 {
  padding-top: 10px;
}

.coursepage .ovhidden {
  overflow: hidden;
}

.coursepage .line-h28 {
  line-height: 28px;
}

.coursepage .w-80 {
  width: 80px;
}

.coursepage .fs-14 {
  font-size: 14px !important;
}

.coursepage .ftc-888888 {
  color: #666666;
}

.coursepage .fl {
  float: left;
}

.coursepage .w-1100 {
  width: 1100px;
}

.coursepage .w-max120 {
  max-width: 120px;
}

.coursepage .w-min80 {
  min-width: 80px;
}

.coursepage .p-b-3 {
  padding-bottom: 3px;
}

.coursepage .m-l-24 {
  margin-left: 24px;
}

.coursepage .m-r-24 {
  margin-right: 24px;
}

.coursepage .line-h28 {
  line-height: 28px;
}

.coursepage .w-all {
  width: 100%;
}

.coursepage .fs-14 {
  font-size: 14px !important;
}

.coursepage .ftc-525252 {
  color: #333333;
}

.coursepage .text-c {
  text-align: center;
}

.coursepage .curpter {
  cursor: pointer;
}

.coursepage .dsblock {
  display: block;
}

.coursepage .bg-c-e5e5e5 {
  background-color: #e5e5e5;
}

.coursepage .hg-1 {
  height: 1px;
}

.coursepage .w-all {
  width: 100%;
}

.coursepage .nav_bot {
  background-color: #fff;
}

.coursepage .nav_bot .active {
  background-color: #087F24;
}

.coursepage .nav_bot .active .ftc-525252 {
  color: #fff;
  background-color: #087F24;
}

/************************************************培训班详情页面********************************************************/

/**
 *  内容区域
 */

.course_detail .section {
  overflow: hidden;
  width: 100%;
}

/*第一部分*/

.course_detail .section1 {
  height: 318px;
  background-color: #ffffff;
}

.course_detail .section1 .section1_left {
  position: relative;
  width: 500px;
  height: 318px;
}

.course_detail .section1 .section1_left img {
  width: 100%;
  height: 100%;
}

.course_detail .section1 .section1_left a {
  display: block;
  width: 100%;
  height: 100%;
}

.course_detail .section1 .btn_play {
  position: absolute;
  top: 127px;
  left: 228px;
  z-index: 2;
  width: 44px;
  height: 44px;
}

.course_detail .section1 .imgCover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.course_detail .section1 .section1_right {
  position: relative;
  width: 668px;
  height: 318px;
}

.course_detail .section1 .section1_right .item_select {
  margin-top: 15px;
  width: 100%;
  overflow: hidden;
}

.course_detail .section1 .section1_right .item_select .item_tit {
  float: left;
  font-size: 16px;
  color: #666;
  line-height: 33px;
}

.course_detail .section1 .section1_right .item_select .item_cont {
  float: left;
}

.course_detail .section1 .section1_right .item_select .item_cont a {
  display: block;
  float: left;
  margin-right: 10px;
  padding: 0 10px;
  height: 33px;
  font-size: 14px;
  color: #999;
  text-align: center;
  line-height: 31px;
  background: #f7f7f7;
  border-radius: 5px;
  border: 1px solid #999;
}

.course_detail .section1 .section1_right .item_select .item_cont a.active {
  color: #347bd1;
  border-color: #347bd1;
  background: #f4f9ff;
}

.course_detail .section1 .titele {
  margin-top: 20px;
  width: 100%;
  height: 30px;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.course_detail .section1 .view_box {
  margin-top: 8px;
  width: 100%;
  height: auto;
  font-size: 12px;
  line-height: 30px;
  color: #333333;
}

.course_detail .section1 .viewnums img {
  margin-top: 10px;
  width: 16px;
  height: 10px;
  vertical-align: top;
}

.course_detail .section1 .learnednums {
  margin-left: 20px;
}

.course_detail .section1 .shaer_box {
  margin-left: 20px;
  /* cursor: pointer; */
}

.course_detail .section1 .shaer_box img {
  margin-top: -3px;
}

.course_detail .section1 .catagory_box {
  margin: 5px 0;
  border-radius: 4px;
  width: 648px;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  color: #666666;
  background: #f3f3f3;
}

.course_detail .section1 .catagory_box span {
  margin-left: 10px;
}

.course_detail .section1 .creditBox {
  margin-top: 16px;
  width: 100%;
  height: 30px;
  font-size: 12px;
  line-height: 30px;
}

.course_detail .section1 .creditBox .icon_choice {
  margin-right: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  width: 80px;
  height: 30px;
  /*cursor: pointer;*/
}

.course_detail .section1 .creditBox .icon_choice.active {
  border: 1px solid #087F24;
  color: #087F24;
}

.course_detail .section1 .creditBox .icon_choice img {
  margin-top: -3px;
  margin-left: 5px;
}

.course_detail .section1 .priceBox {
  margin-top: 10px;
  width: 100%;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  color: #666666;
}

.course_detail .section1 .priceBox span {
  font-size: 20px;
  color: #eb3535;
}

.course_detail .section1 .priceBox i {
  margin-left: 15px;
  font-style: normal;
  font-size: 12px;
  color: #999;
  text-decoration: line-through;
}

.course_detail .section1 .btnsBox {
  margin-top: 10px;
  width: 100%;
  height: 40px;
  font-size: 14px;
  line-height: 36px;
  color: #ffffff;
}

.course_detail .section1 .btnsBox a:hover {
  color: #fff;
}

.course_detail .btn_start {
  display: block;
  margin-right: 10px;
  border-radius: 18px;
  width: 96px;
  height: 36px;
  text-align: center;
  background: #087F24;
}

.course_detail .btn_invite {
  display: block;
  margin-right: 10px;
  border-radius: 18px;
  width: 96px;
  height: 36px;
  text-align: center;
  background: #f8c028;
}

.course_detail .btn_mobile {
  display: block;
  margin-right: 10px;
  border-radius: 18px;
  width: 96px;
  height: 36px;
  text-align: center;
  background: #e45d39;
}

.course_detail .shaerBtnBox {
  position: absolute;
  top: 61px;
  left: 238px;
  width: 100px;
  height: 25px;
}

/**
 *  第二部分
 */

.course_detail .section2,
.study .section2 {
  /* height: 456px; */
  margin-top: 20px;
  height: auto;
}

.study .section2 {
  background: #fff;
}

.course_detail .section2_left,
.study .section2 .section2_left {
  padding-right: 20px;
  /* height: 456px; */
  padding-left: 20px;
  width: 735px;
  height: auto;
  background-color: #fff;
}

.study .section2 .section2_left {
  width: auto;
}

.course_detail .section2_left .tabBox,
.schedule_tab .hd,
.study .section2 .tabBox,
.liveinformation .tabBox {
  border-bottom: 1px solid #e5ecf4;
  width: 100%;
  height: 49px;
  font-size: 16px;
  line-height: 46px;
}

.course_detail .section2_left .tabBox div,
.schedule_tab .hd a,
.study .section2 .tabBox div,
.liveinformation .tabBox div {
  margin-right: 40px;
  border-top: 3px solid #fff;
  height: 48px;
  cursor: pointer;
}

.schedule_tab .hd a {
  display: block;
  float: left;
}

.course_detail .section2_left .tabBox div.active,
.schedule_tab .hd a.on,
.study .section2 .tabBox div.active,
.liveinformation .tabBox div.active {
  border-bottom: 3px solid #087F24;
}

.course_detail .section2_left .con_card,
.study .section2 .con_card,
.liveinformation .con_card {
  width: 100%;
  height: auto;
  font-size: 14px;
  line-height: 30px;
  color: #333333;
  overflow: hidden;
}

.course_detail .con_card1,
.study .section2 .con_card1,
.liveinformation .con_card1 {
  margin-top: 10px;
  padding-bottom: 15px;
  min-height: 396px !important;
}

.course_detail .section2_left .con_card p,
.study .section2 .con_card p,
.liveinformation .con_card p {
  margin-top: 3px;
  text-align: left;
}

.course_detail .section2_left .con_card img,
.study .section2 .con_card img,
.liveinformation .con_card img {
  max-width: 100%;
}

.course_detail .section2_left .con_card,
.study .section2 .con_card,
.liveinformation .con_card {
  display: none;
  /* height: 367px; */
  margin-top: 20px;
  height: auto;
  min-height: 386px !important;
  /* overflow-y: scroll;
  overflow-x: hidden; */
}

.study .section2 .con_card2,
.liveinformation .con_card2 {
  margin-top: 0;
}

/*.course_detail .con_card2 .h3 {*/

/*  font-size: 16px;*/

/*  color: #333333;*/

/*}*/

/*.course_detail .con_card2 li {*/

/*  position: relative;*/

/*  margin-top: 10px;*/

/*  padding-left: 50px;*/

/*  width: 91%;*/

/*  height: 50px;*/

/*  font-size: 14px;*/

/*  line-height: 50px;*/

/*  background-color: #ffffff;*/

/*}*/

/*.course_detail .con_card2 li a {*/

/*  display: block;*/

/*  width: 100%;*/

/*  height: 100%;*/

/*}*/

/*.course_detail .con_card2 li:hover {*/

/*  background-color: #E9F3FF;*/

/*}*/

/*.course_detail .con_card2 li .icon {*/

/*  position: absolute;*/

/*  top: 0;*/

/*  left: 0;*/

/*  width: 50px;*/

/*  height: 50px;*/

/*  background-repeat: no-repeat;*/

/*  background-position: 10px 16px;*/

/*  background-size: 14px 14px;*/

/*}*/

.course_detail .icon_video {
  background-image: url('../images/icon_video.png');
}

.course_detail .icon_text {
  background-image: url('../images/icon_text.png');
}

.course_detail .section2_right {
  margin-left: 19px;
  padding-right: 26px;
  padding-left: 27px;
  width: 352px;
  height: 456px;
  background-color: #fff;
}

.course_detail .section2_right .title {
  border-bottom: 1px solid #e5ecf4;
  width: 100%;
  height: 50px;
  font-size: 16px;
  line-height: 50px;
  color: #333333;
}

.course_detail .section2_right .teacherBox {
  overflow: hidden;
  position: relative;
  margin-top: 19px;
  width: 100%;
  height: 62px;
}

.course_detail .section2_right .avatar {
  overflow: hidden;
  border-radius: 50%;
  width: 62px;
  height: 62px;
}

.course_detail .section2_right .avatar img {
  width: 100%;
  height: 100%;
}

.course_detail .section2_right .teacherName {
  margin-left: 30px;
  width: 100px;
  height: auto;
  font-size: 16px;
  color: #333333;
  /* margin-top: 20px; */
}

.course_detail .section2_right .teacherPro {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 92px;
  width: 234px;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.course_detail .section2_right .teacherIntro {
  margin-top: 20px;
  padding-right: 25px;
  padding-left: 19px;
  width: 308px;
  height: auto;
  font-size: 14px;
  line-height: 30px;
  color: #666666;
}

.course_detail .section2_right .teacherIntro p {
  text-indent: 25px;
}

.zhibo_title {
  width: 100%;
  overflow: hidden;
}

.zhibo_title #qdButton {
  float: right;
}

.zhibo_title h6 {
  float: left;
  max-width: 80%;
  font-size: 24px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/**
 *  底部
*/

.course_detail .footer {
  margin-top: 30px;
}

/**
 *  重写目录内容
 */

.course_detail .my-chapter-title {
  color: #fff;
  background-color: #087F24;
}

.course_detail .my-section-title {
  color: #087F24;
  background-color: #fff;
}

.course_detail .my-point-title {
  color: #087F24;
  background-color: #fff;
}

.course_detail .layui-collapse {
  border: none;
  border-style: none;
}

/************************************************学习-视频页面********************************************************/

/**
 *  内容区域
 */

.study .section {
  padding: 0;
  width: 100%;
}

/*第一部分*/

.study .section1 {
  height: auto;
}

.study .section1 .section1_left {
  box-sizing: border-box;
  padding: 20px 10px;
  width: 340px;
  height: auto;
  background-color: #ffffff;
  /* height: 588px;
  overflow: hidden;
  overflow-y: scroll; */
}

.study .section1 .section1_left .part {
  position: relative;
  border-bottom: 1px solid #fff;
  width: 100%;
}

.lanmu_list li {
  border: 1px solid #f5f5f6;
}

.lanmu_list > li > .lanmu_title {
  padding: 15px 9px;
  padding-right: 25px;
  font-size: 16px;
  color: #333;
  font-weight: bold;
}

.lanmu_list > li .lanmu_title {
  background-color: #f5f5f6;
  background-image: url(../images/icon4_2.png);
  background-repeat: no-repeat;
  background-position: 95% center;
  cursor: pointer;
}

.lanmu_list > li .lanmu_title.active {
  background-image: url(../images/icon4.png);
  background-repeat: no-repeat;
  background-position: 95% center;
}

.lanmu_list > li .lanmu_listcont {
  padding: 10px 15px;
}

.lanmu_list > li .lanmu_listcont .lanmu_group {
  font-size: 14px;
  color: #666;
}

.lanmu_list > li .lanmu_listcont .lanmu_group a {
  display: block;
  padding: 8px 0;
}

.lanmu_list > li .lanmu_listcont .lanmu_group a.active {
  color: #087F24;
}

.lanmu_list > li .lanmu_listcont .lanmu_group img {
  margin-right: 10px;
}

.lanmu_list > li .lanmu_listcont ul {
  margin-top: 7px;
}

.lanmu_list > li .lanmu_listcont ul li .lanmu_title {
  padding: 11px 15px;
  font-size: 14px;
  color: #666;
}

/**目录图标**/

.study .section1 .section1_left .part .icon {
  position: absolute;
  top: 13px;
  left: 8px;
  z-index: 7;
  width: 14px;
  /* border-radius: 50%; */
  height: 14px;
  font-size: 14px;
  line-height: 12px;
  text-indent: 1.5px;
  background-size: 14px 14px;
}

.study .section1 .section1_left .part .icon.iconP {
  background-image: url(../images/icon_p_w.png);
}

.study .section1 .section1_left .part .icon.iconM {
  display: none;
  background-image: url(../images/icon_m_w.png);
}

/*子目录icon*/

.study .section1 .section1_left .part .sep .icon {
  position: absolute;
  top: 13px;
  left: 19px;
  z-index: 7;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 13px;
  text-indent: 1.5px;
  background-size: 14px 14px;
}

.study .section1 .section1_left .part .sep .icon.iconP {
  display: block;
  background-image: url(../images/icon_p_b.png);
}

.study .section1 .section1_left .part .sep .icon.iconM {
  display: none;
  background-image: url(../images/icon_m_b.png);
}

/**图标结束**/

.study .section1 .section1_left .part h4 {
  position: relative;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  text-indent: 30px;
  color: #fff;
  background-color: #087F24;
  cursor: pointer;
}

.study .section1_left .sep {
  display: none;
  position: relative;
  /*默认隐藏*/
  width: 100%;
}

.study .section1_left .sep h5 {
  position: relative;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  text-indent: 50px;
  color: #087F24;
  cursor: pointer;
}

.study .sep ul {
  display: none;
  margin-left: 20px;
  width: 240px;
  height: auto;
  font-size: 14px;
  /*默认隐藏*/
  color: #666666;
}

.study .sep ul li {
  display: table;
  position: relative;
  border-bottom: 1px solid #e0dfe0;
  padding-right: 10px;
  padding-left: 32px;
  height: 58px;
}

.study .sep ul li.active {
  color: #087F24;
  background-color: #e9f3ff;
}

.study .sep ul li:hover {
  color: #087F24;
  background-color: #e9f3ff;
}

.study .sep ul li a {
  display: table-cell;
  vertical-align: middle;
}

.study .section1_right {
  margin-left: 20px;
  padding-top: 30px;
  padding-right: 30px;
  padding-left: 30px;
  width: 780px;
  height: 488px;
  background-color: #fff;
}

.study .section1_right h4 {
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  color: #333333;
}

.study .section1_right .videoCon {
  margin-top: 20px;
  width: 840px;
  height: 407px;
}

.study .videoCon iframe {
  width: 100%;
  height: 100%;
}

/*列表相关操作*/

.study .section1_left .part.active .sep {
  display: block;
}

.study .section1_left .part.active .icon.iconP {
  display: none;
}

.study .section1_left .part.active .icon.iconM {
  display: block;
}

.study .section1_left .part .sep.active ul {
  display: block;
}

.study .section1_left .part .sep.active .icon.iconP {
  display: none;
}

.study .section1_left .part .sep.active .icon.iconM {
  display: block;
}

/**
 *  底部
*/

.study .footer {
  margin-top: 30px;
}

/**
 *  列表图标相关
 */

.study .section1_left .icon_list {
  position: absolute;
  top: 14px;
  left: 12px;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
}

.study .icon_video {
  background-image: url(../images/icon_video.png);
  background-size: 14px 12px;
}

.study .sep ul li.active .icon_video {
  background-image: url(../images/icon_video_act.png);
  background-size: 14px 12px;
}

.study .icon_text {
  background-image: url(../images/icon_text.png);
  background-size: 14px 14px;
}

.study .sep ul li.active .icon_text {
  background-image: url(../images/icon_text_act.png);
  background-size: 14px 14px;
}

/**
 *  重写目录内容
 */

.study .my-chapter-title {
  overflow: hidden;
  border-bottom: 1px solid #ffffff;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
  background-color: #087F24;
}

.study .my-section-title {
  overflow: hidden;
  border-bottom: 1px solid #e0dfe0;
  white-space: nowrap;
  text-indent: 0.5em;
  text-overflow: ellipsis;
  color: #087F24;
  background-color: #fff;
}

.study .my-point-title {
  overflow: hidden;
  border-bottom: 1px solid #e0dfe0;
  white-space: nowrap;
  text-indent: 1em;
  text-overflow: ellipsis;
  color: #087F24;
  background-color: #fff;
}

.study .my-course-title {
  overflow: hidden;
  border-bottom: dashed 1px #e0dfe0;
  padding-right: 20px;
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
  text-indent: 2.5em;
  text-overflow: ellipsis;
}

.study .my-course-title.my-course-title3 {
  text-indent: 3.5em;
}

.study .layui-collapse {
  border: none;
  border-style: none;
}

.study .layui-colla-content {
  /* padding-top: 0;
  padding-bottom: 0; */
  border: none;
  border-style: none;
  padding: 0;
}

.study .layui-colla-item {
  border: none;
  border-style: none;
  padding-top: 0;
  padding-bottom: 0;
}

.study .layui-bg-active {
  color: #087F24;
  background-color: #e9f3ff;
}

/************************************************学习-文章页面********************************************************/

/**
 *  内容区域
 */

.study_article .section {
  overflow: hidden;
  width: 100%;
}

/*第一部分*/

.study_article .section1 {
  height: auto;
}

.study_article .section1 .section1_left {
  width: 280px;
  height: auto;
  background-color: #ffffff;
  /* height: 588px;
  overflow: hidden;
  overflow-y: scroll; */
}

.study_article .section1 .section1_left .part {
  position: relative;
  border-bottom: 1px solid #fff;
  width: 100%;
}

/**目录图标**/

.study_article .section1 .section1_left .part .icon {
  position: absolute;
  top: 13px;
  left: 8px;
  z-index: 7;
  width: 14px;
  /* border-radius: 50%; */
  height: 14px;
  font-size: 14px;
  line-height: 12px;
  text-indent: 1.5px;
  background-size: 14px 14px;
}

.study_article .section1 .section1_left .part .icon.iconP {
  background-image: url(../images/icon_p_w.png);
}

.study_article .section1 .section1_left .part .icon.iconM {
  display: none;
  background-image: url(../images/icon_m_w.png);
}

/*子目录icon*/

.study_article .section1 .section1_left .part .sep .icon {
  position: absolute;
  top: 13px;
  left: 19px;
  z-index: 7;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 13px;
  text-indent: 1.5px;
  background-size: 14px 14px;
}

.study_article .section1 .section1_left .part .sep .icon.iconP {
  display: block;
  background-image: url(../images/icon_p_b.png);
}

.study_article .section1 .section1_left .part .sep .icon.iconM {
  display: none;
  background-image: url(../images/icon_m_b.png);
}

/**图标结束**/

.study_article .section1 .section1_left .part h4 {
  position: relative;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  text-indent: 30px;
  color: #fff;
  background-color: #087F24;
  cursor: pointer;
}

.study_article .section1_left .sep {
  display: none;
  position: relative;
  /*默认隐藏*/
  width: 100%;
}

.study_article .section1_left .sep h5 {
  position: relative;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  text-indent: 50px;
  color: #087F24;
  cursor: pointer;
}

.study_article .sep ul {
  display: none;
  margin-left: 20px;
  width: 240px;
  height: auto;
  font-size: 14px;
  /*默认隐藏*/
  color: #666666;
}

.study_article .sep ul li {
  display: table;
  position: relative;
  border-bottom: 1px solid #e0dfe0;
  padding-right: 10px;
  padding-left: 32px;
  height: 58px;
}

.study_article .sep ul li.active {
  color: #087F24;
  background-color: #e9f3ff;
}

.study_article .sep ul li:hover {
  color: #087F24;
  background-color: #e9f3ff;
}

.study_article .sep ul li a {
  display: table-cell;
  vertical-align: middle;
}

.study_article .section1_right {
  margin-left: 20px;
  padding-top: 30px;
  padding-right: 30px;
  padding-left: 30px;
  width: 840px;
  height: 651px;
  background-color: #fff;
}

.study_article .section1_right h4 {
  font-size: 18px;
  text-align: center;
}

.study_article .articel_content {
  overflow: hidden;
  margin-top: 21px;
  width: 840px;
  height: 553px;
}

.study_article .articel_content img {
  max-width: 840px;
}

.study_article .articel_content p {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 18px;
  text-indent: 2em;
  color: #666666;
}

/*列表相关操作*/

.study_article .section1_left .part.active .sep {
  display: block;
}

.study_article .section1_left .part.active .icon.iconP {
  display: none;
}

.study_article .section1_left .part.active .icon.iconM {
  display: block;
}

.study_article .section1_left .part .sep.active ul {
  display: block;
}

.study_article .section1_left .part .sep.active .icon.iconP {
  display: none;
}

.study_article .section1_left .part .sep.active .icon.iconM {
  display: block;
}

/**
 *  底部
*/

.study_article .footer {
  margin-top: 30px;
}

/**
 *  列表图标相关
 */

.study_article .section1_left .icon_list {
  position: absolute;
  top: 14px;
  left: 12px;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
}

.study_article .icon_video {
  background-image: url(../images/icon_video.png);
  background-size: 14px 12px;
}

.study_article .sep ul li.active .icon_video {
  background-image: url(../images/icon_video_act.png);
  background-size: 14px 12px;
}

.study_article .icon_text {
  background-image: url(../images/icon_text.png);
  background-size: 14px 14px;
}

.study_article .sep ul li.active .icon_text {
  background-image: url(../images/icon_text_act.png);
  background-size: 14px 14px;
}

/**
 *  重写目录内容
 */

.study_article .my-chapter-title {
  overflow: hidden;
  border-bottom: 1px solid #ffffff;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
  background-color: #087F24;
}

.study_article .my-section-title {
  overflow: hidden;
  border-bottom: 1px solid #e0dfe0;
  white-space: nowrap;
  text-indent: 0.5em;
  text-overflow: ellipsis;
  color: #087F24;
  background-color: #fff;
}

.study_article .my-point-title {
  overflow: hidden;
  border-bottom: 1px solid #e0dfe0;
  white-space: nowrap;
  text-indent: 1em;
  text-overflow: ellipsis;
  color: #087F24;
  background-color: #fff;
}

.study_article .my-course-title {
  overflow: hidden;
  border-bottom: dashed 1px #e0dfe0;
  padding-right: 20px;
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
  text-indent: 2.5em;
  text-overflow: ellipsis;
}

.study_article .my-course-title.my-course-title3 {
  text-indent: 3.5em;
}

.study_article .layui-collapse {
  border: none;
  border-style: none;
}

.study_article .layui-colla-content {
  /* padding-top: 0;
  padding-bottom: 0; */
  border: none;
  border-style: none;
  padding: 0;
}

.study_article .layui-colla-item {
  border: none;
  border-style: none;
  padding-top: 0;
  padding-bottom: 0;
}

.study_article .layui-bg-active {
  color: #087F24;
  background-color: #e9f3ff;
}

/************************************************关于页面********************************************************/

/**
 *  内容区域
 */

.aboutpage .section {
  overflow: hidden;
  width: 100%;
}

/*第一部分*/

.aboutpage .section1 {
  margin-top: 1px;
  height: auto;
}

.aboutpage .section1 .box {
  padding: 30px;
  width: 1200px;
  background-color: #fff;
}

.aboutpage .section1 .box h1 {
  margin-bottom: 10px;
  width: 1132px;
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  color: #333333;
}

.aboutpage .section1 .box .articel_content {
  overflow: hidden;
  width: 95%;
}

.aboutpage .section1 .box .articel_content p {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 30px;
  text-indent: 2em;
  color: #666666;
}

/**
 *  底部
*/

.aboutpage .footer {
  margin-top: 30px;
}

/************************************************通知公告页面********************************************************/

/**
 *  内容区域
 */

.noticpage .section {
  overflow: hidden;
  margin-bottom: 20px;
  width: 1140px;
}

.noticpage .section1 {
  padding: 0 30px 0 30px;
  height: auto;
  background-color: #ffffff;
}

.noticpage .noticeUl {
  width: 100%;
}

.noticpage .noticeUl li {
  border-bottom: 1px dashed #dcdcdc;
  width: 100%;
  height: 52px;
  font-size: 14px;
  line-height: 52px;
  color: #333333;
  overflow: hidden;
}

.noticpage .noticeUl li a {
  display: block;
  float: left;
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.noticpage .noticeUl li .icon {
  margin-right: 10px;
  font-size: 16px;
  color: #087F24;
}

.noticpage .noticeUl li .publishtime {
  float: right;
}

.noticpage .pages {
  margin-top: 20px;
  margin-bottom: 31px;
}

/************************************************通知公告详情*******************************************************/

.noticedetail .section {
  overflow: hidden;
  margin-bottom: 20px;
  width: 1140px;
}

.noticedetail .section1 {
  padding: 30px 31px 31px 30px;
  height: auto;
  min-height: calc(100vh - 622px);
  background-color: #ffffff;
}

.noticedetail .section .titleBox {
  border-bottom: 1px dashed #dcdcdc;
  padding-bottom: 20px;
  height: auto;
}

.noticedetail .section .titleBox .title {
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  color: #333333;
}

.noticedetail .section .titleBox .infoBox {
  display: -webkit-flex;
  display: flex;
  margin-top: 8px;
  width: 100%;
  height: auto;
  font-size: 14px;
  line-height: 30px;
  /* Safari */
  color: #999999;
  flex-direction: row;
  justify-content: center;
}

.noticedetail .section .titleBox .infoBox span {
  margin: 0 10px;
}

.noticedetail .section .titleBox .infoBox .shareBox {
  position: relative;
  width: 150px;
  height: 30px;
}

.noticedetail .section .titleBox .infoBox .shareBox .shaerBtnBox {
  position: absolute;
  top: 2.5px;
  right: 0;
  width: 100px;
  height: 25px;
}

.noticedetail .section .detailBox {
  border-bottom: 1px dashed #dcdcdc;
  padding-top: 15px;
  padding-bottom: 25px;
  width: 100%;
  height: auto;
  min-height: calc(100vh - 756px);
}

.noticedetail .section .detailBox p {
  font-size: 14px;
  line-height: 30px;
  text-indent: 2em;
  color: #666666;
}

.noticedetail .section .detailBox img {
  display: block;
  margin: 10px auto;
  max-width: 100%;
}

.content .section-line {
  border-bottom: 1px solid #e5e5e5;
}

.schedule_tab {
  margin-top: 20px;
  padding: 0 20px;
  background: #fff;
}

.schedule_tab .bd {
  margin: 10px 0;
  width: 100%;
  min-height: 400px;
  overflow: hidden;
}

.schedule_tab .bd .schedule_item {
  width: 100%;
  overflow: hidden;
}

.schedule_tab .bd .schedule_item,
.schedule_tab .bd .schedule_item p {
  font-size: 14px;
  line-height: 30px;
  color: #666;
}

.schedule_tab .bd .schedule_item img,
.schedule_tab .bd .schedule_item p img {
  max-width: 100%;
}

.course-view-main {
  min-height: calc(100vh - 376px);
}

.schedule_tab .bd .schedule_item table,
.schedule_tab .bd .schedule_item table th,
.schedule_tab .bd .schedule_item table td {
  border: 1px solid #e5e5e5;
}

.schedule_tab .bd .schedule_item table th,
.schedule_tab .bd .schedule_item table td {
  padding: 5px 10px;
}

.zhibo_first {
  padding: 20px;
  background: #fff;
}

.zhibo_section {
  float: left;
  width: 900px;
}

.zhibojieshao_section {
  float: right;
  width: 240px;
}

.zhibojieshao {
  width: 100%;
  height: 506px;
  background: #f8f8f8;
  overflow: hidden;
}

.zhibojieshao .zhibojieshao_box .zhibotime_title {
  margin-bottom: 10px;
  font-size: 14px;
  color: #333;
  font-weight: bold;
}

.zhibojieshao .zhibojieshao_box .zhibotime_time {
  margin-bottom: 20px;
  font-size: 14px;
  color: #333;
}

.zhibojieshao .zhibojieshao_box .zhibotime_time span {
  font-weight: bold;
  color: #3a79cf;
}

.zhibojieshao .zhibojieshao_box {
  margin: 20px 0;
  padding: 0 14px;
  padding-right: 20px;
  height: 370px;
  overflow-y: auto;
}

.zhibojieshao .zhibojieshao_box li {
  width: 100%;
  margin-bottom: 15px;
}

.zhibojieshao .zhibojieshao_box li h6 {
  margin-bottom: 10px;
  padding-left: 15px;
  font-size: 14px;
  color: #333;
  font-weight: bold;
  background: url('../images/title.jpg') left center no-repeat;
}

.zhibojieshao .zhibojieshao_box li .zhibojieshao_cont p {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}

.zhibojieshao .zhibojieshao_box li .zhibojieshao_cont img,
.zhibojieshao .zhibojieshao_box li .zhibojieshao_cont p img {
  max-width: 100%;
}

#qdButton {
  margin: 14px;
  overflow: hidden;
}

.zhibo_list2 {
  margin-top: 25px;
  width: 100%;
}

.zhibo_list2 li {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 285px;
  height: 259px;
  background: #ffffff;
  box-shadow: 0px 1px 8px 0px rgba(169, 169, 169, 0.15);
}

.zhibo_list2 li:nth-child(4n) {
  margin-right: 0;
}

.zhibo_list2 li .img_box {
  position: relative;
  width: 100%;
  height: 170px;
  overflow: hidden;
}

.zhibo_list2 li .img_box .video_img {
  width: 100%;
  height: 170px;
}

.zhibo_list2 li .img_box .counttime {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  z-index: 99;
}

.zhibo_list2 li .img_box .counttime span {
  display: inline-block;
  margin: 0 3px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}

.zhibo_list2 li .img_box .counttime span.time {
  padding: 0 5px;
  height: 20px;
  background: #087F24;
  border-radius: 3px;
}

.zhibo_list2 li .img_box .cover_section {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 999;
}

.zhibo_list2 li:hover .img_box .cover_section {
  display: block;
}

.zhibo_list2 li .img_box .cover_section img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 47px;
  height: 47px;
}

.zhibo_list2 li .img_box .playback {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 57px;
  height: 28px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 28px;
  background: rgba(0, 0, 0, 0.5);
}

.zhibo_list2 li .img_box .type_label {
  position: absolute;
  top: 5px;
  left: 5px;
  display: inline-block;
  padding: 0 5px;
  height: 20px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border-radius: 3px;
  background: #087F24;
}

.zhibo_list2 li .img_box .type_label.type_yg {
  background: #00b747;
}

.zhibo_list2 li .img_box .type_label.type_hf {
  background: #fca904;
}

.zhibo_list2 li .img_box .type_label.type_yjs {
  background: #b2b2b2;
}

.zhibo_list2 li .img_box .playback img {
  margin-right: 4px;
}

.zhibo_list2 li .item_cont {
  padding: 18px 20px;
  overflow: hidden;
}

.zhibo_list2 li .item_cont h6 {
  font-size: 14px;
  color: #333;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /*要显示的行数*/
}

.zhibo_list2 li .item_info {
  margin-top: 10px;
  width: 100%;
  font-size: 12px;
  color: #999;
  overflow: hidden;
}

.zhibo_list2 li .item_info span {
  font-size: 12px;
  color: #999;
  line-height: 24px;
}

.zhibo_list2 li .item_info span img {
  margin-right: 5px;
  width: 16px;
  height: 10px;
}

.zhibo_list2 li .item_info .btn {
  float: right;
  display: block;
  padding: 0 8px;
  height: 24px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 24px;
  border-radius: 12px;
}

.zhibo_list2 li .item_info .btn.btn1 {
  background: #087F24;
}

.zhibo_list2 li .item_info .btn.btn2 {
  background: #b2b2b2;
}

.zhibo_list2 li .item_info .btn.btn3 {
  background: #cb473f;
}

.zhibo_list2 li .item_info .btn.btn4 {
  background: #009688;
}

.livestreaming {
  margin-top: 20px;
  width: 100%;
}

.livestreaming_left {
  float: left;
  padding: 0 20px;
  width: 920px;
  min-height: 400px;
  background: #fff;
  border-radius: 5px;
  box-sizing: border-box;
}

.zhibo_title2 {
  width: 100%;
  height: 51px;
  border-bottom: 1px solid #e5ecf4;
}

.zhibo_title2 h6 {
  float: left;
  height: 50px;
  font-size: 16px;
  color: #333;
  line-height: 49px;
  border-bottom: 2px solid #087F24;
}

.livestreaming_cont {
  margin: 20px 0;
  width: 100%;
}

.livestreaming_cont,
.livestreaming_cont p {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
}

.livestreaming_cont img,
.livestreaming_cont p img {
  max-width: 100%;
}

.livestreaming_right {
  float: right;
}

.livestreaming_right {
  float: right;
  padding: 0 20px;
  width: 260px;
  min-height: 400px;
  background: #fff;
  border-radius: 5px;
  box-sizing: border-box;
}

.livestreaming_list {
  width: 100%;
  overflow: hidden;
}

.livestreaming_list li {
  margin-top: 15px;
  width: 100%;
  overflow: hidden;
}

.livestreaming_list li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.livestreaming_list li img {
  width: 100px;
  height: 57px;
}

.livestreaming_list li .item_cont {
  width: 105px;
}

.livestreaming_list li .item_cont p {
  font-size: 14px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /*要显示的行数*/
  overflow: hidden;
}

.course-view-breadcrumb {
  display: none;
}

.screen_section {
  margin-top: 20px;
  padding: 15px 20px;
  background: #fff;
  overflow: hidden;
  padding-bottom: 10px;
}

.screen_tab {
  width: 100%;
  overflow: hidden;
}

.screen_tab a {
  display: block;
  float: left;
  margin-right: 30px;
  font-size: 14px;
  color: #333;
  line-height: 35px;
  border-bottom: 3px solid transparent;
}

.screen_tab a:hover,
.screen_tab a.active {
  color: #087F24;
  border-bottom-color: #087F24;
}

.screen_section .screen_bd {
  margin-top: 20px;
  width: 100%;
  overflow: hidden;
}

.screen_section .screen_bd a {
  display: block;
  float: left;
  margin-right: 15px;
  padding: 0 10px;
  min-width: 50px;
  font-size: 12px;
  color: #333;
  text-align: center;
  line-height: 28px;
  border: 1px solid #dadada;
  border-radius: 3px;
  margin-bottom: 10px;
}

.screen_section .screen_bd a:hover,
.screen_section .screen_bd a.active {
  color: #087F24;
  border-color: #087F24;
}

.studyvideo_section {
  padding-top: 20px;
  padding-bottom: 25px;
  background: #353535;
}

.studyvideo_content {
  width: 100%;
}

.studyvideo_section .item_cont {
  margin-top: 25px;
  width: 100%;
}

.studyvideo_section .item_title {
  width: 100%;
}

.studyvideo_section .item_title h6 {
  float: left;
  max-width: 80%;
  font-size: 24px;
  color: #fff;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.studyvideo_section .item_title .phone_watch,
.zhibojieshao_section .phone_watch {
  position: relative;
  float: right;
}

.zhibojieshao_section .phone_watch {
  margin-bottom: 20px;
  float: none;
  text-align: right;
}

.studyvideo_section .item_title .phone_watch a,
.zhibojieshao_section .phone_watch a {
  font-size: 14px;
  color: #fff;
  line-height: 31px;
}

.zhibojieshao_section .phone_watch a {
  font-size: 16px;
  color: #666;
}

.studyvideo_section .item_title .phone_watch a img,
.zhibojieshao_section .phone_watch a img {
  margin-right: 10px;
}

.studyvideo_section .item_title .phone_watch .qr_code,
.zhibojieshao_section .phone_watch .qr_code {
  position: absolute;
  right: 0;
  top: 120%;
  padding: 10px;
  background: #fff;
  z-index: 9;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.08),
    0 6px 12px 0 rgba(0, 0, 0, 0.08);
  transition: opacity 0.4s ease-in-out;
  visibility: hidden;
  opacity: 0;
}

.studyvideo_section .item_title .phone_watch:hover .qr_code,
.zhibojieshao_section .phone_watch:hover .qr_code {
  visibility: visible;
  opacity: 1;
}

.studyvideo_section .item_title .phone_watch .qr_code img,
.zhibojieshao_section .phone_watch .qr_code img {
  width: 120px;
  height: 120px;
}

.studyvideo_section .item_title .phone_watch .qr_code p,
.zhibojieshao_section .phone_watch .qr_code p {
  font-size: 12px;
  color: #333;
  text-align: center;
  line-height: 15px;
}

.studyvideo_section .item_cont .item_info {
  margin-top: 15px;
  font-size: 14px;
  color: #fff;
  line-height: 25px;
}

.pop_cover {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
}

.poplogin_section {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 395px;
  height: 465px;
  background: #fff;
  border-radius: 5px;
  z-index: 99;
}

.poplogin_section .pop_close {
  position: absolute;
  top: 40px;
  right: 35px;
  z-index: 999;
}

.poplogin_section .poplogin_box {
  position: relative;
  padding: 30px 33px;
  overflow: hidden;
}

.poplogin_section .poplogin_header {
  position: relative;
  padding-bottom: 15px;
  width: 100%;
  overflow: hidden;
}

.poplogin_section .poplogin_header a {
  position: relative;
  margin-right: 30px;
  font-size: 18px;
  color: #333;
  font-weight: bold;
}

.poplogin_section .poplogin_header a.active {
  color: #087F24;
}

.poplogin_section .poplogin_header a.active::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -15px;
  margin: 0 auto;
  width: 16px;
  height: 4px;
  border-radius: 2px;
  background: #087F24;
}

.poplogin_section .poplogin_items {
  margin-top: 20px;
  width: 100%;
  height: 227px;
  overflow: hidden;
}

.poplogin_section .poplogininput_section {
  position: relative;
  margin-bottom: 20px;
  width: 100%;
  height: 50px;
  background: #f1f1f2;
  border-radius: 10px;
  overflow: hidden;
}

.poplogin_section .poplogininput_section * {
  box-sizing: border-box;
}

.poplogin_section .poplogininput_section input {
  width: 100%;
  height: 50px;
  font-size: 14px;
  color: #666;
  border: 0;
  background: none;
}

.poplogin_section .poplogininput_section input:-webkit-autofill {
  background-color: #f1f1f2 !important;
  -webkit-box-shadow: 0 0 0 1000px #f1f1f2 inset;
}

.poplogin_section .poplogininput_section .logineye {
  display: block;
  width: 30px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 13px;
  bottom: 0;
  background: url(../../images/icon9.jpg) center center no-repeat;
  cursor: pointer;
  z-index: 9999;
}

.poplogin_section .poplogininput_section .logineye.active {
  background: url(../../images/icon9_2.png) center center no-repeat;
}

.forgetpass {
  margin-bottom: 16px;
  width: 100%;
  font-size: 16px;
  color: #818994;
  text-align: right;
  overflow: hidden;
}

.poplogin_btn {
  display: block;
  width: 100%;
  height: 50px;
  font-size: 18px;
  color: #fff;
  background: #087F24;
  border-radius: 25px;
  border: 0;
}

.popregister_btn {
  display: block;
  margin-top: 15px;
  font-size: 18px;
  color: #087F24;
  text-align: center;
}

.popwxlogin_btn {
  display: block;
  margin-top: 30px;
  text-align: center;
}

.poplogin_section .poplogininput_section .poploginyzm {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  padding: 0 10px;
  height: 50px;
  font-size: 16px;
  color: #087F24;
  line-height: 50px;
  z-index: 999;
}

.wxloginsection {
  display: none;
}

.wxloginsection h6 {
  font-size: 18px;
  color: #333;
  font-weight: bold;
}

.wxloginewm {
  margin: 0 auto;
  margin-top: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  background: url(../../images/ewmbg.png) no-repeat;
}

.wxloginewm img {
  width: 180px;
  height: 180px;
}

.wxloginsection .wxlogintext {
  margin-top: 10px;
  font-size: 16px;
  color: #666;
  text-align: center;
}

.prism_section {
  position: relative;
  width: 100%;
  height: 506px;
}

.prism_section .img_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 506px;
  z-index: 9999;
  overflow: hidden;
}

.prism_section .img_box img {
  width: 100%;
  height: 506px;
}

.prism_section .label_item {
  position: absolute;
  top: 10px;
  left: 10px;
  display: block;
  padding: 0 10px;
  height: 26px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 26px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99999;
}

.learnednumsitem_text {
  margin-left: 30px;
  font-size: 12px;
  color: #666;
}

.studyvideo_contenttext {
  padding: 30px 37px;
  /*height: 433px;*/
  background: #fff;
  border: 1px solid #f8f8f8;
  overflow: hidden;
  /*overflow-y: auto;*/
}

.studyvideo_contentbox {
  /*max-height: 433px;*/
  overflow: hidden;
  /*overflow-y: auto;*/
}

.studyvideo_contenttext,
.studyvideo_contenttext p {
  font-size: 16px;
  color: #333;
  line-height: 1.9;
}

.studyvideo_contenttext img,
.studyvideo_contenttext p img {
  max-width: 100%;
}

.studyvideo_contenttext iframe {
  width: 100%;
  height: 1200px;
  border: 0;
}

.courseware_section {
  margin-top: 20px;
  width: 100%;
  overflow: hidden;
}

.courseware_section .layui-btn {
  height: 34px;
  line-height: 34px;
  background: #087F24;
}

.courseware_list {
  margin-bottom: 20px;
  width: 100%;
  overflow: hidden;
}

.courseware_list li {
  margin-bottom: 10px;
  padding: 12px 20px;
  font-size: 16px;
  color: #333;
  background: #fafafa;
  border: 1px solid #eee;
  overflow: hidden;
}

.courseware_list li input[type='checkbox'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-right: 3px;
  position: relative;
  top: 2px;
  width: 14px;
  height: 14px;
  border: 1px solid #999;
  border-radius: 2px;
  cursor: pointer;
}

.courseware_list li input[type='checkbox']:checked {
  border-color: #087F24;
}

.courseware_list li input[type='checkbox']:checked::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
  background: url(../../images/icon16.jpg) center center no-repeat;
}

.announcement_list {
  margin: 20px 0;
  width: 100%;
  overflow: hidden;
}

.announcement_list li {
  margin-bottom: 10px;
  background: #fafafa;
  border: 1px solid #eee;
  overflow: hidden;
}

.announcement_list li.active {
  background: #e9f3ff;
}

.announcement_list li .item_title {
  padding: 12px 20px;
  padding-left: 45px;
  font-size: 16px;
  color: #333;
  background: url(../../images/icon17.png) 20px center no-repeat;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.announcement_list li.active .item_title {
  background: url(../../images/icon17_2.png) 20px center no-repeat;
}

.announcement_list li .item_cont {
  display: none;
  padding: 15px 20px;
  background: #fff;
  border-top: 1px solid #eee;
  overflow: hidden;
}

.announcement_list li .item_cont,
.announcement_list li .item_cont p {
  font-size: 16px;
  color: #333;
  line-height: 1.9;
}

.section2 .con_card .announcement_list li .item_cont p {
  margin-top: 0;
}

.curriculum_list li {
  margin-bottom: 2px;
}

.curriculum_list li:hover a {
  color: #fff;
  background-color: #087F24;
}

.Validity_time {
  margin: 5px 0;
  /*margin-bottom: 10px;*/
  font-size: 14px;
  color: #999;
}

.Validity_time img {
  margin-left: 5px;
  cursor: pointer;
}

/*************************************************** 第二版首页 ******************************************/

.nav2 {
  position: relative;
  width: 100%;
  height: 40px;
  background: #2a81eb;
}

.nav2 .sort_ul {
  width: 100%;
}

.nav2 .sort_ul li {
  float: left;
  width: 150px;
  font-size: 18px;
  color: #333;
  text-align: center;
  line-height: 40px;
}

.nav2 .sort_ul li a {
  display: block;
  color: #fff;
}

.nav2 .sort_ul li.active {
  color: #fff;
  background: #2478dd;
}

.nav2 .sort_ul li.active:hover a {
  color: #fff;
}

.homepage .banner.banner2 {
  height: 200px;
}

.homepage .content2 .notice_top {
  border-bottom: 0;
}

.note_slide2 {
  position: relative;
  margin-bottom: 30px;
  width: 100%;
  height: 100px;
  overflow: hidden;
}

.note_slide2 .bd li img {
  width: 100%;
  height: 100px;
}

.note_slide2 .hd {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  text-align: center;
}

.note_slide2 .hd ul {
  display: table;
  margin: 0 auto;
}

.note_slide2 .hd li {
  float: left;
  margin: 0 5px;
  width: 8px;
  height: 8px;
  font-size: 0;
  background: #fff;
  opacity: 0.4;
  border-radius: 50%;
}

.note_slide2 .hd li.on {
  opacity: 1;
}

.header2 {
  padding: 25px 0;
}

.header2 .logo {
  margin-top: 0;
}

.header2 .logo img {
  height: 40px;
}

.header2 .midBox {
  float: right;
  margin: 0;
  width: auto;
  height: auto;
}

.header2 .midBox .search_box {
  box-sizing: border-box;
  width: 200px;
  height: 36px;
  background: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 18px;
}

.header2 .midBox .search_box input {
  width: 140px;
  height: 34px;
}

.header2 .search_box button {
  width: 43px;
  height: 34px;
  background: none;
  border: 0;
}

.header2 .head_top_right {
  float: left;
  margin-left: 10px;
  font-size: 12px;
  color: #c5c5c5;
  line-height: 36px;
}

.header2 .head_top_right a,
.header2 .head_top_right span {
  color: #666;
}

.header2 .head_top_right a img {
  margin-right: 5px;
}

.header2 .head_top_right .layui-nav-img {
  margin-left: 10px;
}

/********************************************** 评论页面 *********************************************/

.con_card.con_card6 {
  margin-bottom: 30px;
}

.criticalform_section {
  margin-top: 20px;
  width: 100%;
  overflow: hidden;
}

.criticalform_section textarea {
  box-sizing: border-box;
  margin-bottom: 15px;
  padding: 10px;
  width: 100%;
  height: 90px;
  font-size: 14px;
  color: #666;
  border: 1px solid #eee;
  border-radius: 3px;
  resize: none;
}

.criticalform_section button {
  width: 80px;
  height: 40px;
  font-size: 16px;
  color: #fff;
  border: 0;
  background: #2d97fc;
  border-radius: 2px;
}

.critical_list {
  margin-top: 15px;
  padding-right: 10px;
  max-height: 800px;
  overflow: hidden;
  overflow-y: auto;
}

.critical_list li {
  padding: 15px 0;
  overflow: hidden;
}

.critical_list li .portrait_section {
  width: 100%;
  overflow: hidden;
}

.critical_list li .portrait_section .img_box {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
}

.critical_list li .portrait_section .img_box img {
  width: 100%;
  height: 50px;
  object-fit: cover;
}

.critical_list li .portrait_section .portrait_cont {
  margin-left: 60px;
}

.critical_list li .portrait_section .portrait_cont h6 {
  font-size: 16px;
  color: #333;
  font-weight: normal;
}

.critical_list li .portrait_section .portrait_cont .item_time {
  margin: 0;
  font-size: 14px;
  color: #666;
  line-height: 24px;
}

.critical_list li .item_cont {
  margin-top: 8px;
  margin-left: 60px;
  overflow: hidden;
}

.study .section2 .critical_list li .item_cont p {
  margin: 0;
  font-size: 16px;
  color: #333;
  line-height: 1.5;
}

.critical_list li.two .portrait_section .portrait_cont {
  float: left;
  margin-right: 10px;
  margin-left: 0;
}

.critical_list li.two .portrait_section .portrait_cont h6,
.critical_list li.two .portrait_section .portrait_cont p {
  text-align: right;
}

.critical_list li.two .item_cont {
  margin-left: 0;
  margin-right: 60px;
}

.critical_list li.two .item_cont p {
  text-align: right;
}

.logout_section {
  width: 100%;
  min-height: calc(100vh - 407px);
  overflow: hidden;
}

.zhibojieshao_tab .hd {
  height: 50px;
  background: #eef0f2;
}

.zhibojieshao_tab .hd a {
  margin: 0 10px;
  display: inline-block;
  height: 49px;
  font-size: 16px;
  color: #333;
  line-height: 50px;
}

.zhibojieshao_tab .hd a:hover {
  color: #333;
}

.zhibojieshao_tab .hd a.on {
  border-bottom: 3px solid #087F24;
}

.zhibojieshao_box2 {
  margin: 20px 0;
  padding: 0 14px;
  padding-right: 20px;
  height: 415px;
  overflow-y: auto;
}

.zhibozhuanji_list,
.zhibozhuanji_list li {
  width: 100%;
  overflow: hidden;
}

.zhibozhuanji_list li {
  margin-bottom: 15px;
}

.zhibozhuanji_list li a {
  display: flex;
  align-items: center;
}

.zhibozhuanji_list li .img_box {
  float: left;
  width: 75px;
  height: 45px;
}

.zhibozhuanji_list li .img_box img {
  width: 100%;
  height: 45px;
}

.zhibozhuanji_list li .item_cont {
  margin-left: 15px;
  width: 115px;
}

.zhibozhuanji_list li .item_cont p {
  font-size: 14px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /*要显示的行数*/
  overflow: hidden;
}

.zhibozhuanji_list li.active p {
  color: #087F24;
}

/***************************************** 环境科学子页页面 **********************************************************/

.page_content {
  margin-bottom: 20px;
  padding: 30px;
  min-height: calc(100vh - 468px);
  background: #fff;
}

.sidenav {
  float: left;
  width: 220px;
}

.sidenav_title {
  width: 100%;
  height: 70px;
  font-size: 22px;
  color: #fff;
  text-align: center;
  line-height: 70px;
  background: url(../images/hjkx/sidenavbg.jpg) no-repeat;
}

.side_nav {
  padding: 0;
  list-style: none;
  background: #f2f2f2;
  overflow: hidden;
}

.side_nav li {
  overflow: hidden;
}

.side_nav li a {
  display: block;
  padding: 15px 0;
  font-size: 16px;
  color: #333;
  text-align: center;
}

.side_nav li:hover a,
.side_nav li.active a {
  color: #087F24;
}

.cont_right {
  float: right;
  width: 890px;
}

.first_list {
  padding: 0;
  list-style: none;
}

.first_list li {
  padding: 20px 0;
  border-bottom: 1px dotted #f0f0f0;
  overflow: hidden;
}

.first_list li:first-child {
  padding-top: 0;
}

.first_list li .img_box {
  float: left;
  width: 230px;
  height: 140px;
  overflow: hidden;
}

.first_list li .img_box img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}

.first_list li a:hover .img_box img {
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  /* IE 9 */
  -moz-transform: scale(1.2);
  /* Firefox */
  -webkit-transform: scale(1.2);
  /* Safari å’Å' Chrome */
  -o-transform: scale(1.2);
}

.first_list li .item_cont {
  margin-left: 250px;
}

.first_list li .item_cont h6 {
  margin-top: 5px;
  font-size: 18px;
  color: #333;
  line-height: 26px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}

.first_list li a:hover .item_cont h6 {
  color: #087F24;
}

.first_list li .item_cont .item_text {
  margin-top: 20px;
  font-size: 14px;
  color: #666;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /*要显示的行数*/
  overflow: hidden;
}

.first_list li .item_cont .item_time {
  margin-top: 10px;
  font-size: 14px;
  color: #999;
}

.introduction_section {
  width: 100%;
  overflow: hidden;
}

.introduction_title {
  margin-bottom: 17px;
}

.introduction_title h6 {
  font-size: 24px;
  color: #333;
  text-align: center;
  font-weight: normal;
}

.introduction_text {
  width: 100%;
  overflow: hidden;
}

.introduction_text,
.introduction_text p {
  font-size: 16px;
  color: #333;
  line-height: 2;
}

.introduction_text img,
.introduction_text p img {
  max-width: 100%;
}

.two_list {
  padding: 0;
  list-style: none;
}

.two_list li {
  padding: 17px 0;
  font-size: 16px;
  color: #333;
  border-bottom: 1px dotted #f0f0f0;
  overflow: hidden;
}

.two_list li:first-child {
  padding-top: 0;
  margin-top: -10px;
}

.two_list li a {
  float: left;
  display: block;
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.two_list li a span {
  margin-right: 5px;
  color: #087F24;
}

.two_list li .time {
  float: right;
  color: #999;
}

.two_list li a:hover {
  color: #087F24;
}

.three_list {
  padding: 0;
  list-style: none;
}

.three_list li {
  padding: 24px 0;
  border-bottom: 1px dashed #dbdbdb;
  overflow: hidden;
}

.three_list li:first-child {
  padding-top: 0;
}

.three_list li .item_time {
  float: left;
  padding: 12px 10px;
  width: 82px;
  height: 82px;
  text-align: center;
  background: #fff;
  border: 1px solid #087F24;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}

.three_list li a:hover .item_time {
  background: #087F24;
}

.three_list li .item_time p {
  color: #087F24;
  text-align: center;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}

.three_list li a:hover .item_time p {
  color: #fff;
}

.three_list li .item_time p.day {
  font-size: 30px;
}

.three_list li .item_time p.year {
  font-size: 14px;
}

.three_list li .item_cont {
  margin-left: 100px;
}

.three_list li .item_cont h6 {
  margin-top: 8px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #333;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}

.three_list li a:hover .item_cont h6 {
  color: #087F24;
}

.three_list li .item_cont p {
  font-size: 14px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.four_list {
  padding: 0;
  margin-bottom: -20px;
  list-style: none;
}

.four_list li {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 270px;
  height: 143px;
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  overflow: hidden;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}

.four_list li:nth-child(4n) {
  margin-right: 0;
}

.four_list li:hover {
  box-shadow: 0px 0px 29px 0px rgba(178, 178, 178, 0.3);
}

.four_list li .item_top {
  padding: 15px;
  height: 90px;
  overflow: hidden;
}

.four_list li .item_top .img_box {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}

.four_list li .item_top .img_box img {
  max-width: 50px;
  max-height: 50px;
}

.four_list li .item_top .item_cont {
  margin-left: 70px;
  margin-top: 5px;
}

.four_list li .item_top .item_cont h5 {
  font-size: 18px;
  color: #333;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}

.four_list li a:hover .item_top .item_cont h5 {
  color: #087F24;
}

.four_list li .item_url {
  padding: 15px 15px;
  height: 51px;
  line-height: 16px;
  background: #fafafa;
  border-top: 1px solid #e7e7e7;
  overflow: hidden;
}

.four_list li .item_url h6 {
  float: left;
  max-width: 85%;
  font-size: 12px;
  color: #333;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.four_list li .item_url h6 img {
  margin-right: 10px;
}

.four_list li .item_url span {
  float: right;
  font-size: 12px;
  color: #087F24;
}

.institutions_section,
.institutions_head {
  width: 100%;
  overflow: hidden;
}

.institutions_head .img_box {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  background: #ffffff;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  overflow: hidden;
}

.institutions_head .img_box img {
  max-width: 100px;
  max-height: 100px;
}

.institutions_head .item_cont {
  position: relative;
  padding-top: 5px;
  margin-left: 140px;
  height: 120px;
}

.institutions_head .item_cont h6 {
  font-size: 18px;
  color: #333;
}

.institutions_head .item_cont p {
  position: absolute;
  bottom: 5px;
  font-size: 14px;
  color: #333;
  line-height: 24px;
}

.institutions_head .item_cont p img {
  margin-right: 10px;
}

.institutions_items {
  margin-top: 30px;
  width: 100%;
  overflow: hidden;
}

.institutions_title {
  padding-left: 15px;
  font-size: 16px;
  color: #333;
  font-weight: bold;
  background: url(../images/hjkx/titbg.jpg) left center no-repeat;
}

.institutions_text {
  margin-top: 20px;
  width: 100%;
  overflow: hidden;
}

.institutions_text,
.institutions_text p {
  font-size: 14px;
  color: #333;
  line-height: 2.2;
}

.institutions_text img,
.institutions_text p img {
  max-width: 100%;
}

.five_list {
  padding: 0;
  list-style: none;
  margin-top: 20px;
  margin-bottom: -25px;
}

.five_list li {
  float: left;
  margin-right: 30px;
  margin-bottom: 25px;
  width: 555px;
}

.five_list li:nth-child(2n) {
  margin-right: 0;
}

.five_list li .img_box {
  float: left;
  width: 180px;
  height: 110px;
  overflow: hidden;
}

.five_list li .img_box img {
  width: 100%;
  height: 110px;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}

.five_list li a:hover .img_box img {
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  /* IE 9 */
  -moz-transform: scale(1.2);
  /* Firefox */
  -webkit-transform: scale(1.2);
  /* Safari å’Å' Chrome */
  -o-transform: scale(1.2);
}

.five_list li .item_cont {
  margin-left: 200px;
  display: flex;
  align-items: center;
  height: 110px;
}

.five_list li .item_cont h6 {
  font-size: 16px;
  color: #333;
  line-height: 30px;
  font-weight: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /*要显示的行数*/
  overflow: hidden;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}

.five_list li a:hover .item_cont h6 {
  color: #087F24;
}

.loadbtn {
  display: block;
  margin: 0 auto;
  margin-top: 40px;
  width: 240px;
  height: 46px;
  font-size: 14px;
  color: #087F24;
  text-align: center;
  line-height: 44px;
  background: #fff;
  border: 1px solid #087F24;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}

.loadbtn:hover {
  color: #fff;
  background: #087F24;
}

.demand_section {
  margin-bottom: 20px;
  padding-top: 25px;
  padding-bottom: 30px;
  min-height: calc(100vh - 468px);
  background: #fff;
}

.demand_tab {
  padding-bottom: 20px;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
}

.demand_tab a {
  display: inline-block;
  margin: 0 20px;
  padding-bottom: 5px;
  font-size: 20px;
  color: #333;
  border-bottom: 2px solid transparent;
}

.demand_tab a.active {
  color: #087F24;
  border-bottom-color: #087F24;
}

.demand_table {
  width: 100%;
  overflow: hidden;
}

.demand_table table {
  width: 100%;
}

.demand_table table thead tr {
  height: 52px;
  border-bottom: 1px solid #e5e5e5;
}

.demand_table table thead th {
  padding: 0 15px;
  font-size: 14px;
  color: #333;
  text-align: left;
  white-space: nowrap;
}

.demand_table table thead tr th:last-child {
  text-align: center;
}

.demand_table table tbody tr td {
  padding: 25px 15px;
  font-size: 14px;
  color: #333;
}

.demand_table table tbody tr td:last-child {
  text-align: center;
}

.demand_table table tbody tr td:first-child {
  max-width: 400px;
  color: #087F24;
}

.demand_table table tbody tr td:nth-child(5) {
  width: 120px;
}

.demand_table table tbody tr:nth-child(even) {
  background: #f9fafc;
}

.demand_table table tbody tr td a {
  display: block;
  margin: 0 auto;
  width: 71px;
  height: 24px;
  font-size: 14px;
  color: #087F24;
  text-align: center;
  line-height: 24px;
  background: #efefef;
  border-radius: 3px;
}

.six_list {
  margin-bottom: -20px;
  padding: 0;
  list-style: none;
}

.six_list li {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 285px;
  height: 328px;
  background: #fff;
  box-shadow: 0px 1px 8px 0px rgba(169, 169, 169, 0.15);
}

.six_list li:nth-child(4n) {
  margin-right: 0;
}

.six_list li .img_box {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
}

.six_list li .img_box .video_img {
  width: 100%;
  height: 160px;
}

.six_list li .img_box .cover_section {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -160px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 160px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.six_list li a:hover .img_box .cover_section {
  bottom: 0;
}

.six_list li .item_cont {
  padding: 12px 20px;
  overflow: hidden;
}

.six_list li .item_cont .item_title {
  width: 100%;
  height: 56px;
  overflow: hidden;
}

.six_list li .item_cont .item_title h6 {
  font-size: 16px;
  color: #333;
  font-weight: normal;
  line-height: 28px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /*要显示的行数*/
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.six_list li a:hover .item_cont h6 {
  color: #087F24;
}

.six_list li .item_cont .item_info {
  margin-top: 4px;
  font-size: 12px;
  color: #999;
  line-height: 24px;
}

.six_list li .item_cont .item_info span {
  margin: 0 5px;
}

.six_list li .item_cont .item_info span:first-child {
  margin-left: 0;
}

.six_list li .item_cont .item_text {
  font-size: 12px;
  color: #333;
}

.six_list li .item_cont .item_text img {
  position: relative;
  top: -2px;
  margin-right: 5px;
}

.search_section {
  margin-bottom: 10px;
  padding: 20px 30px;
  padding-top: 0;
  background: #fff;
  overflow: hidden;
}

.search_section .search_items {
  margin-top: 20px;
  width: 100%;
  overflow: hidden;
}

.search_section .search_items .item_tit {
  display: block;
  float: left;
  width: 85px;
  font-size: 14px;
  color: #333;
  line-height: 30px;
  text-align: right;
}

.search_section .search_items .item_cont {
  margin-left: 85px;
  overflow: hidden;
}

.search_section .search_items .item_cont a {
  display: block;
  float: left;
  margin-right: 10px;
  padding: 0 15px;
  font-size: 14px;
  color: #333;
  line-height: 30px;
}

.search_section .search_items .item_cont a.active,
.search_section .search_items .item_cont a:hover {
  color: #fff;
  background: #087F24;
}

.search_section .search_items1 {
  margin-top: 20px;
  width: 100%;
  overflow: hidden;
}

.search_section .search_items1 .item_tit {
  display: block;
  float: left;
  /*width: 45px;*/
  font-size: 14px;
  color: #333;
  line-height: 30px;
}

.search_section .search_items1 .item_cont {
  margin-left: 45px;
}

.search_section .search_items1 .item_cont a {
  display: block;
  float: left;
  margin-right: 10px;
  padding: 0 15px;
  font-size: 14px;
  color: #333;
  line-height: 30px;
}

.search_section .search_items1 .item_cont a.active,
.search_section .search_items1 .item_cont a:hover {
  color: #fff;
  background: #087F24;
}

.search_itemsbox {
  width: 400px;
  height: 34px;
  background: #fff;
  border: 1px solid #e2e2e2;
}

.search_itemsbox input {
  float: left;
  width: 358px;
  height: 32px;
  font-size: 14px;
  color: #666;
  border: 0;
}

.search_itemsbox button {
  float: right;
  width: 40px;
  height: 32px;
  border: 0;
  background: none;
}

.seven_list {
  padding: 0;
  list-style: none;
}

.seven_list li {
  margin-bottom: 10px;
  width: 100%;
  background: #fff;
  overflow: hidden;
}

.seven_list li a {
  display: block;
  padding: 20px 30px;
  padding-bottom: 10px;
  overflow: hidden;
}

.seven_list li .item_cont {
  float: left;
  width: 960px;
}

.seven_list li .item_cont .img_box {
  float: left;
  width: 220px;
  height: 150px;
  overflow: hidden;
}

.seven_list li .item_cont .img_box img {
  width: 100%;
  height: 150px;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}

.seven_list li a:hover .item_cont .img_box img {
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
}

.seven_list li .item_cont .item_conttwo {
  float: left;
  margin-left: 25px;
  width: 715px;
}

.seven_list li .item_cont .item_conttwo h6 {
  margin-bottom: 12px;
  font-size: 20px;
  color: #333;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seven_list li a:hover .item_cont .item_conttwo h6 {
  color: #087F24;
}

.seven_list li .item_cont .item_conttwo .item_info {
  font-size: 14px;
  color: #333;
  line-height: 28px;
}

.seven_list li .item_cont .item_conttwo .item_text {
  margin-top: 6px;
  font-size: 14px;
  color: #666;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /*要显示的行数*/
  overflow: hidden;
}

.seven_list li .item_cont .item_conttwo .item_more {
  display: block;
  margin-top: 13px;
  width: 102px;
  height: 34px;
  font-size: 14px;
  text-align: center;
  line-height: 32px;
  color: #087F24;
  background: #fff;
  border: 1px solid #087F24;
  border-radius: 3px;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}

.seven_list li a:hover .item_cont .item_conttwo .item_more {
  color: #fff;
  background: #087F24;
}

.seven_list li .item_right {
  float: right;
  width: 115px;
  text-align: center;
}

.seven_list li .item_right .img_box {
  width: 100%;
  height: 150px;
  overflow: hidden;
}

.seven_list li .item_right .img_box img {
  width: 100%;
  height: 150px;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}

.seven_list li a:hover .item_right .img_box img {
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
}

.seven_list li a .item_right h6 {
  margin-top: 14px;
  font-size: 18px;
  color: #333;
  font-weight: normal;
}

.seven_list li a .item_right p {
  font-size: 14px;
  color: #666;
}

.results_top {
  margin-bottom: 20px;
  padding: 20px;
  background: #fff;
}

.results_top .img_box {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 400px;
  height: 400px;
  background: #fff;
  border: 1px solid #f5f5f5;
}

.results_top .img_box img {
  max-width: 370px;
  max-height: 370px;
}

.results_top .item_cont {
  margin-left: 430px;
  overflow: hidden;
}

.results_top .item_cont h6 {
  font-size: 22px;
  color: #333;
  line-height: 30px;
  font-weight: normal;
}

.results_top .item_cont .item_info {
  padding: 0;
  list-style: none;
  margin-top: 15px;
}

.results_top .item_cont .item_info li {
  width: 100%;
  line-height: 32px;
  overflow: hidden;
}

.results_top .item_cont .item_info li label {
  display: block;
  float: left;
  font-size: 14px;
  color: #999;
}

.results_top .item_cont .item_info li .item_text {
  margin-left: 70px;
}

.results_top .item_cont .item_info li .item_text p {
  font-size: 14px;
  color: #333;
  line-height: 32px;
}

.results_top .item_cont .ljzx_btn {
  display: block;
  margin-top: 23px;
  width: 172px;
  height: 40px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  background: #087F24;
  border-radius: 3px;
}

.results_bottom {
  margin-bottom: 20px;
  padding-bottom: 30px;
  background: #fff;
}

.results_tab {
  width: 100%;
  overflow: hidden;
}

.results_tab .hd {
  height: 49px;
  border-bottom: 1px solid #f5f5f5;
}

.results_tab .hd a {
  display: block;
  float: left;
  padding: 0 15px;
  font-size: 16px;
  color: #666;
  line-height: 45px;
  border-top: 2px solid transparent;
}

.results_tab .hd a.on {
  height: 50px;
  color: #087F24;
  border-right: 1px solid #f5f5f5;
  border-left: 1px solid #f5f5f5;
  background: #fff;
  border-top-color: #087F24;
}

.results_tabtext {
  margin: 0 30px;
  margin-top: 15px;
  overflow: hidden;
}

.results_tabtext,
.results_tabtext p {
  font-size: 14px;
  color: #666;
  line-height: 2;
}

.eight_list {
  padding: 0;
  list-style: none;
}

.eight_list li {
  margin-bottom: 10px;
  width: 100%;
  background: #fff;
  overflow: hidden;
}

.eight_list li a {
  display: block;
  padding: 20px 0;
  padding-left: 30px;
  overflow: hidden;
}

.eight_list li .item_cont {
  float: left;
  width: 985px;
}

.eight_list li .item_cont .item_title {
  width: 100%;
  line-height: 24px;
  overflow: hidden;
}

.eight_list li .item_cont .item_title h6 {
  float: left;
  max-width: 70%;
  font-size: 20px;
  color: #333;
  font-weight: normal;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.eight_list li .item_cont .item_title label {
  display: inline-block;
  margin-left: 20px;
  padding: 0 7px;
  height: 28px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 28px;
  background: #087F24;
  border-radius: 3px;
}

.eight_list li .item_cont .item_info {
  margin-top: 15px;
  width: 100%;
  overflow: hidden;
}

.eight_list li .item_cont .item_info span {
  display: block;
  float: left;
  padding-right: 10px;
  width: 20%;
  font-size: 14px;
  color: #666;
  line-height: 28px;
}

.eight_list li .item_right {
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 182px;
  height: 83px;
  border-left: 1px dotted #ddd;
  overflow: hidden;
}

.eight_list li .item_right .item_more {
  display: block;
  width: 102px;
  height: 34px;
  font-size: 14px;
  color: #087F24;
  text-align: center;
  line-height: 32px;
  background: #fff;
  border: 1px solid #087F24;
  border-radius: 3px;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.eight_list li a:hover .item_right .item_more {
  color: #fff;
  background: #087F24;
}

.loginout_content {
  margin: 100px 0;
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.loginout_content h6 {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 18px;
  color: #333;
  font-weight: normal;
}

.loginout_content p {
  font-size: 16px;
  color: #999;
}

.loginout_content .loginout_btn {
  display: block;
  margin: 0 auto;
  margin-top: 25px;
  width: 120px;
  height: 40px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  background: #087F24;
  border-radius: 5px;
}

.feedback_title {
  margin-top: 5px;
  margin-bottom: 35px;
  font-size: 24px;
  color: #333;
  text-align: center;
  overflow: hidden;
}

.feedback_form {
  margin: 0 auto;
  width: 680px;
  overflow: hidden;
}

.feedback_form .layui-form-label {
  padding: 0;
  width: 70px;
  font-size: 14px;
  color: #333;
  font-weight: bold;
  line-height: 38px;
}

.feedback_form .layui-input {
  height: 38px;
  border-radius: 5px;
}

.feedback_form .layui-textarea {
  border-radius: 5px;
}

.feedback_form .layui-input-block {
  margin-left: 80px;
}

.field-message-yzm .layui-input-block {
  overflow: hidden;
}

.field-message-yzm .layui-input-block .layui-input {
  display: block;
  float: left;
  width: 500px;
}

.field-message-yzm .layui-input-block .yzm_img {
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 38px;
  border: 1px solid #e6e6e6;
}

.field-message-yzm .layui-input-block .yzm_img img {
  max-width: 90%;
  max-height: 30px;
}

.feedback_form .btn_group button {
  margin: 0 5px;
  padding: 0;
  width: 90px;
  height: 38px;
  border-radius: 0;
}

.feedback_form .btn_group button[type='submit'] {
  background: #087F24;
}

body .layui-disabled,
body .layui-disabled:hover {
  color: #000 !important;
  background: #f9f9f9;
}

.feedback_form .layui-btn-primary:hover {
  border: 1px solid #e6e6e6;
}

.fixedquick_list {
  position: fixed;
  top: 24%;
  right: 13%;
  width: 70px;
  z-index: 999;
}

.fixedquick_list ul {
  padding: 0;
  list-style: none;
}

.fixedquick_list ul li {
  display: table;
  margin-bottom: 10px;
  width: 70px;
  height: 70px;
  text-align: center;
  background: #087F24;
}

.fixedquick_list ul li img {
  height: 22px;
}

.fixedquick_list ul li a {
  display: table-cell;
  vertical-align: middle;
}

.fixedquick_list ul li p {
  margin-top: 5px;
  font-size: 14px;
  color: #fff;
}

.note_pop {
  display: none;
  position: fixed;
  top: 24%;
  right: 50px;
  padding: 0 15px;
  padding-bottom: 15px;
  width: 290px;
  border-radius: 5px;
  background: #fff;
  z-index: 999;
}

.note_pop .notepop_title {
  margin-top: 10px;
  font-size: 16px;
  color: #333;
}

.note_pop .notepop_body {
  margin-top: 10px;
  width: 100%;
  overflow: hidden;
}

.note_pop .notepop_body textarea {
  display: block;
  padding: 5px 15px;
  width: 100%;
  height: 120px;
  font-size: 14px;
  color: #666;
  resize: none;
  border-radius: 5px;
  border: 1px solid #dedede;
}

.note_pop .notepop_body .btn1 {
  display: block;
  margin-top: 20px;
  width: 100%;
  height: 36px;
  font-size: 16px;
  color: #fff;
  border: 0;
  background: #087F24;
  border-radius: 5px;
}

.note_pop .note_popclose {
  position: absolute;
  top: 0;
  left: -11px;
  bottom: 0;
  margin: auto 0;
  width: 11px;
  height: 47px;
  background: url('../images/icon20.png') no-repeat;
  cursor: pointer;
}

.nine_list {
  padding: 0;
  list-style: none;
}

.nine_list li {
  padding: 20px 0;
  border-bottom: 1px dotted #f0f0f0;
  overflow: hidden;
}

.nine_list li:first-child {
  padding-top: 0;
}

.nine_list li .img_box {
  float: left;
  width: 180px;
  height: 270px;
  overflow: hidden;
}

.nine_list li .img_box img {
  width: 100%;
  height: 270px;
  object-fit: cover;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}

.nine_list li a:hover .img_box img {
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  /* IE 9 */
  -moz-transform: scale(1.2);
  /* Firefox */
  -webkit-transform: scale(1.2);
  /* Safari å’Å' Chrome */
  -o-transform: scale(1.2);
}

.nine_list li .item_cont {
  margin-left: 200px;
}

.nine_list li .item_cont h6 {
  margin-top: 5px;
  font-size: 18px;
  color: #333;
  line-height: 26px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}

.nine_list li a:hover .item_cont h6 {
  color: #087F24;
}

.nine_list li .item_cont .item_text {
  margin-top: 20px;
  font-size: 14px;
  color: #666;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /*要显示的行数*/
  overflow: hidden;
}

.nine_list li .item_cont .item_time {
  margin-top: 10px;
  font-size: 14px;
  color: #999;
}

.section.section3 {
  padding-bottom: 55px;
  background: url(../images/hjkx/bg5.jpg) top center no-repeat;
}

.about_section {
  margin-top: 35px;
  padding: 20px 47px 45px 30px;
  background: #fff url(../images/hjkx/logo11.png) right bottom no-repeat;
  overflow: hidden;
}

.about_section p {
  font-size: 16px;
  color: #333;
  line-height: 36px;
  text-indent: 2em;
}

.layui-laypage a:hover {
  color: #198cff;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: #198cff !important;
}

.layui-input:focus,
.layui-textarea:focus {
  border-color: #198cff !important;
  box-shadow: 0 0 0 3px rgba(25, 140, 255, 0.08);
}

.layui-elem-quote {
  border-color: #198cff !important;
}

/*图形验证码*/

.tncode {
  display: none;
}

.tncode_msg_ok,
.tncode_msg_error {
  width: 93% !important;
  height: 24px !important;
}

/* 入口区域样式 */

.entrance {
  width: 100%;
  padding: 30px 0;
  overflow: hidden;
}

.entrance .entrance-box {
  width: 585px;
  height: 140px;
  border-radius: 5px;
  position: relative;
  margin: 0 !important;
  overflow: hidden;
  transition: all 0.3s;
}

.entrance .entrance-box.left {
  float: left;
  margin-right: 4%;
  background-image: url('../images/entrance1.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}

.entrance .entrance-box.right {
  float: right;
  background-image: url('../images/entrance2.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}

.entrance .entrance-box h3 {
  font-size: 24px;
  color: #ffffff;
  margin-bottom: 15px;
}

.entrance .entrance-box p {
  font-size: 14px;
  color: #ffffff;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.entrance .entrance-box a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 20px 40px;
}

/* 通知公告和培训计划 */

.bulletin-board {
  width: 100%;
  padding-top: 28px;
  overflow: hidden;
}

.bulletin-board .bulletin-column {
  width: 585px;
}

.bulletin-board .bulletin-column.left {
  float: left;
}

.bulletin-board .bulletin-column.right {
  float: right;
}

.bulletin-board .bulletin-column.left .text_21 {
  overflow: hidden;
  text-overflow: ellipsis;
  /*display: -webkit-box;*/
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.bulletin-board .bulletin-header {
  position: relative;
}

.bulletin-board .bulletin-header h3 {
  font-size: 28px;
  color: #333;
  font-weight: 500;
}

.bulletin-board .bulletin-header .more {
  position: absolute;
  right: 0;
  top: 7px;
  font-size: 16px;
  color: #666;
}

.bulletin-board .bulletin-header .more:hover {
  color: #087F24;
}

.bulletin-board .bulletin-content {
  width: 100%;
}

/* Different background colors for announcement and training items */

.bulletin-board .bulletin-column.left .bulletin-item {
  background-color: #f4f9ff;
}

.bulletin-board .bulletin-column.right .bulletin-item {
  background-color: #fff5f6;
}

.bulletin-board .bulletin-column.left .bulletin-item:hover .text_21 {
  color: #2f81e5;
}

.bulletin-board .bulletin-column.right .bulletin-item:hover .text_21 {
  color: #e93341;
}

.bulletin-board .bulletin-item .box_11 {
  background-color: #2f81e5;
}

.bulletin-board .bulletin-item .box_11.training {
  background-color: #e93341;
}

.bulletin-board .training-time {
  font-size: 14px;
  color: #999;
  line-height: 1.5;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 合作机构 */

.partners {
  width: 100%;
  padding: 40px 0;
  overflow: hidden;
}

.partners .w1250 {
  max-width: 1230px;
  width: 1230px;
  margin: 0 auto;
  height: auto;
}

.partners .partners-title {
  font-size: 28px;
  color: #333;
  text-align: center;
  font-weight: 500;
}

.partners-container .swiper-slide .bd.swiper-container {
  width: 100%;
  overflow: hidden;
  padding: 0 !important;
}

.partners-container .swiper-slide .swiper-wrapper {
  display: flex;
  width: auto !important;
  /* Important to override any inline styles */
  transform: translate3d(0, 0, 0) !important;
  /* Reset any transform initially */
}

.partners-container .swiper-slide .swiper-slide {
  width: 282px !important;
  /* Force the width */
  margin-right: 25px;
  height: auto;
  flex-shrink: 0;
}

.partners-container .swiper-slide .partner-logo {
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
}

.partners-container .swiper-slide .partner-logo img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
}

.partners-container .swiper-slide .partner-name {
  font-size: 20px;
  color: #333;
  line-height: 1.5;
  margin-bottom: 2px;
  font-weight: bold;
}

.partners-container .swiper-slide .partner-name-en {
  height: 32px;
  font-size: 12px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.partners-container .swiper-slide .prev,
.partners-container .swiper-slide .next {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -28px;
  width: 56px;
  height: 56px;
  background: #fff;
  box-shadow: 0px 0px 29px 0px rgba(178, 178, 178, 0.14);
  border-radius: 50%;
  z-index: 99;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}

.partners-container .swiper-slide .prev {
  left: -28px;
}

.partners-container .swiper-slide .next {
  right: -28px;
}

.partners-container .swiper-slide .prev::after,
.partners-container .swiper-slide .next::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 24px;
  margin: auto;
}

.main-bg {
  background: url('../images/bulletin-bg.png') no-repeat;
  background-size: 100% 100%;
  height: 100%;
  width: 100%;
  margin-top: -100px;
  padding-top: 100px;
}
.partners-container .swiper-slide {
  position: relative;
  width: 100%;
  margin: 37px 0;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

.partners-container .swiper-slide .partner-item {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  background-color: #fff;
  text-align: center;
  padding: 40px 15px 34px;
  box-shadow: 0 0 20px 0 rgba(178, 178, 178, 0.2);
  transition: all 0.3s ease;
}
.partners-container .swiper-slide .partner-item:hover {
  transform: translateY(-5px);
}

/* Improve navigation button transitions */

.partners-container .swiper-slide .prev,
.partners-container .swiper-slide .next {
  transition: background-color 0.3s ease;
}

.partners-container .swiper-slide .prev::after,
.partners-container .swiper-slide .next::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 24px;
  margin: auto;
}

.partners-container {
  width: 100%;
  position: relative;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  touch-action: pan-y;
}

.partners-wrapper {
  display: flex;
  will-change: margin-left;
  transition: margin-left 0.5s ease;
}

.partners-button-prev,
.partners-button-next {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -28px;
  width: 56px;
  height: 56px;
  background: #fff;
  box-shadow: 0px 0px 29px 0px rgba(178, 178, 178, 0.14);
  border-radius: 50%;
  z-index: 99;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}

.partners-button-prev {
  left: -75px;
}

.partners-button-next {
  right: -75px;
}

.partners-button-prev::after,
.partners-button-next::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 24px;
  margin: auto;
}

.partners-button-prev::after {
  background: url(../images/hjkx/icon7.png) no-repeat;
}

.partners-button-next::after {
  background: url(../images/hjkx/icon8.png) no-repeat;
}

.partners-button-prev:hover,
.partners-button-next:hover {
  background-color: #4786fb;
}

.partners-button-prev:hover:after {
  background: url(../images/hjkx/icon7_2.png) no-repeat;
}

.partners-button-next:hover:after {
  background: url(../images/hjkx/icon8_2.png) no-repeat;
}
.partners-container .swiper-container{
  padding: 0 15px;
}
.TextTitle-tzgg{
  padding-top: 0 !important;
}
.TextTitle-tzgg h5{
  font-size: 24px !important;
  margin-bottom: 20px;
}