/* 首页导航 */
.nav_main {
  position: relative;
  height: 450px;
}

.nav_right_bg {
  position: relative;
  height: 49px;
  width: 976px;
  margin: 0 0 0 224px;
}
.nav_right {
  display: flex;
  justify-content: space-evenly;
}
.nav_right .nav {
  position: relative;
}
.nav_right .nav.active {
  color: #d10000;
}
.nav_right .nav:hover {
  color: #e82a2a;
}
.nav_right .nav_a, .nav_right .nav {
  text-align: center;
  height: 49px;
  line-height: 49px;
  display: inline-block;
  font-size: 16px;
  color: #666666;
  cursor: pointer;
  margin-left: 24px;
}

.banner_box {
  position: relative;
  width: 100%;
}
.banner_list1 {
  position: absolute;
  top: -49px;
  left: 0;
  display: table-cell;
  vertical-align: middle;
  width: 224px;
  height: 450px;
  z-index: 10;
  color: #fff;
}
.banner_list1 .banner_list1_tit {
  background-color: #d10000;
  border-radius: 10px 10px 0px 0px;
  height: 49px;
  line-height: 49px;
  font-size: 18px;
  text-align: center;
}
.banner_list1 .banner_list1_tit .index-xia_sanjiao {
  margin-left: 14px;
}
.banner_up_left {
  position: relative;
  width: 224px;
  height: 400px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  background: rgba(0, 0, 0, 0.4);
}
.banner_up_left a {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  width: 100%;
  color: #fff;
  overflow: hidden;
}
.banner_up_left a i.icon {
  position: absolute;
  font-size: 14px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  margin: 0 10px;
}
.banner_up_left a span, .banner_up_left a i {
  display: inline-block;
}
.banner_up_left a span {
  width: 175px;
  padding-left: 20px;
  white-space: nowrap;
}


.banner_box .base {
  position: relative;
  height: 400px;
}

/* 轮播图 */
.banner_box .banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
}
.banner_box .banner .swiper-slide a {
  display: block;
  width: 100%;
  height: 400px;
  background-size: 1920px 400px;
  background-position: center;
  background-repeat: no-repeat;
}
.banner .banner-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1200px;
  z-index: 2;
}
.banner .swiper-button-next, .banner .swiper-container-rtl .swiper-button-prev, .banner .swiper-button-prev, .banner .swiper-container-rtl .swiper-button-next {
  display: none;
  width: 32px;
  height: 68px;
  background-image: none;
  background-color: rgba(0, 0, 0, 0.4);
  color: rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  transition: all ease 0.1s;
  line-height: 50px;
  text-align: center;
  font-size: 40px;
}
.banner .swiper-button-prev, .banner .swiper-container-rtl .swiper-button-next {
  left: 250px;
}
.swiper-container:hover .banner-inner .swiper-button-prev,
.swiper-container:hover .banner-inner .swiper-button-next {
  display: block;
}


.banner .swiper-button-next, .banner .swiper-container-rtl .swiper-button-prev, .banner .swiper-button-prev, .banner .swiper-container-rtl .swiper-button-next {
  display: none;
  width: 32px;
  height: 68px;
  background-image: none;
  background-color: rgba(0, 0, 0, 0.4);
  color: rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  transition: all ease 0.1s;
  line-height: 50px;
  text-align: center;
  font-size: 40px;
}
.banner .swiper-button-next, .banner .swiper-container-rtl .swiper-button-prev {
  right: 0;
  left: auto;
}
.banner .swiper-pagination {
  width: 100%;
  position: absolute;
  bottom: -182px;
  left: 61%;
  transform: translate(-50%);
}
.banner .swiper-pagination-bullet {
  width: 45px;
  height: 3px;
  background: rgba(121, 124, 130, 0.4);
  border-radius: 0;
  opacity: 1;
  margin: 0 5px;
}
.banner .swiper-pagination-bullet-active {
  position: relative;
  width: 45px;
  height: 3px;
  background: rgba(255, 255, 255, 0.8);
}

.banner_up_left a:hover {
  background-color: #f3dfdf;
  color: #d10000;
  font-weight: bold;
}


/* 牛人课堂 */
.m1 {
  margin-top: 58px;
}
.tit {
  font-weight: bold;
  font-size: 34px;
  color: #000000;
  text-align: center;
}
.tit-des {
  font-size: 16px;
  color: #999999;
  text-align: center;
  margin-top: 10px;
}
.m1 .content {
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
  justify-content: space-between;
}
.m1 .content:first-of-type {
  margin-bottom: 20px;
}
.m1 .content:last-child {
  margin-top: 10px;
}
.m1 .content .item {
  background: #ffffff;
  border-radius: 10px;
  border: solid 1px #e7e9ef;
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
  transition: transform .3s ease-in-out;
}
.m1 .content .item:hover {
  box-shadow: rgba(48, 46, 40, 0.04) 0px 4px 10px 0px;
  transform: translate3d(0,-8px,0);
}

.m1 .content .item .con-pic {
  height: 149px;
  width: 100%;
}
.m1 .content .item .con-tit {
  font-weight: 600;
  width: 220px;
  margin: 18px auto 0 auto;
  font-size: 16px;
  color: #000000;
  line-height: 24px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.m1 .content .item .con-des {
  width: 220px;
  margin: 18px auto;
  font-size: 14px;
  color: #666;
}

.m1 .content .item .con-time {
  font-size: 13px;
  text-align: center;
  margin-top: 18px;
  margin-bottom: 28px;
  color: #326cf6;
}
.m1 .content .item .con-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 220px;
  margin: 0 auto;
}
.m1 .content .item .con-info span {
  font-size: 14px;
  color: #999;
}
.m1 .content .item .con-info .con-53 {
  width: 113px;
  height: 42px;
  line-height: 42px;
  background-image: linear-gradient(45deg, #326cf6 0%, #3399ff 100%);
  border-radius: 6px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
}
.m1 .content .item .con-info .con-53 i {
  background-color: #ffffff;
  border-radius: 50%;
  font-size: 8px;
  padding: 4px;
  text-align: center;
  color: #3399ff;
  margin-left: 8px;
}
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 163px;
  height: 42px;
  border-radius: 21px;
  border: solid 1px #cccccc;
  color: #999999;
  font-size: 20px;
  margin: 0 auto;
}
.btn i {
  font-size: 28px;
  margin-left: 8px;
}
.btn:hover {
  color: #fff;
  background: linear-gradient(45deg, #fe4e33 0%, #ff8534 100%);
  border: 1px solid rgb(254, 78, 51);
}

/* 实战项目 */
.m2 {
  padding-top: 50px;
}
.m2 .solgans {
  margin-top: 30px;
}
.m2 .solgans ul {
  display: flex;
}
.m2 .solgans ul li {
  width: 20%;
  display: flex;
}
.m2 .solgans ul li .logo {
  width: 33px;
  height: 33px;
  background: rgba(230, 116, 116, 0.7);
  border-radius: 50%;
  border-image: linear-gradient(0deg, #ca99b3, #ffffff) 10 10;
  box-shadow: 0px 1px 0px 0px #ffffff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease 0.3s;
  position: relative;
  margin-top: 8px;
}
.m2 .solgans ul li .logo .indexfont {
  width: 33px;
  height: 33px;
  line-height: 33px;
  background: rgba(231, 190, 189, 0.7);
  border-radius: 50%;
  text-align: center;
  font-size: 28px;
  color: #fff;
  filter: drop-shadow(0px 0px 3px rgb(231, 190, 189, 0.4));
  transition: all ease 0.3s;
}
.m2 .solgans ul li .text {
  margin-left: 9px;
}

.m2 .solgans ul li .text p:nth-child(1) {
  font-size: 16px;
  color: #000000;
}

.m2 .solgans ul li .text p:nth-child(1) strong {
  font-size: 24px;
  color: #d10000;
  font-weight: bold;
}
.m2 .m2-con {
  width: 1200px;
  padding: 36px 0 16px 0;
  background: #f6f9ff;
  border-radius: 10px;
  margin-top: 40px;
}
.m2 .m2-con .con-top {
  display: flex;
  justify-content: space-between;
  padding-left: 40px;
  width: 1160px;
  margin-bottom: 40px;
}
.m2 .m2-con .con-top .con-left {
  position: relative;
  display: none;
}
.m2 .m2-con .con-top .con-left .pro-img {
  width: 800px;
  height: 442px;
}
.m2 .m2-con .con-top .con-left .pro-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 800px;
  height: 442px;
  padding-left: 80px;
  background: rgba(0, 0, 0, 0.7);
}
.m2 .m2-con .con-top .con-left .pro-info p {
  width: 550px;
  font-size: 16px;
  line-height: 34px;
  color: #ffffff;
  margin-bottom: 30px;
}
.m2 .m2-con .con-top .con-left .pro-info a {
  color: #ff6600;
  font-size: 16px;
}
.m2 .m2-con .con-top .con-left.active {
  display: block;
}
.m2 .m2-con .con-top .con-right {
  position: relative;
  height: 412px;
  /* overflow-y: auto; */
  padding-right: 34px;
  padding-left: 8px;
  margin-left: 24px;
}
.m2 .m2-con .con-top .con-right .right-tit {
  display: flex;
  align-items: center;
  color: #010101;
  font-size: 18px;
  font-weight: bold;
  margin-left: 20px;
}
.m2 .m2-con .con-top .con-right .right-lists li {
  margin-top: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m2 .m2-con .con-top .con-right .right-lists li.active a {
  background: linear-gradient(45deg, #fe4e33 0%, #ff8534 100%);
  color: #ffffff;
  border: solid 1px #ff8534;
}
.m2 .m2-con .con-top .con-right .right-lists li a {
  width: 70px;
  height: 28px;
  border-radius: 6px;
  border: solid 1px #d10000;
  color: #d10000;
  font-size: 12px;
  line-height: 28px;
  text-align: center;
}
.m2 .m2-con .con-top .con-right .right-lists li.active div h3 {
  color: #ff6600;
}
.m2 .m2-con .con-top .con-right .right-lists li div h3 {
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 14px;
  margin-left: -8px;
}
.m2 .m2-con .con-top .con-right .right-lists li div h3 i {
  position: relative;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border: solid 1px #d10000;
  border-radius: 50%;
  margin-right: 12px;
}
.m2 .m2-con .con-top .con-right .right-lists li.active div h3 i {
  border: solid 1px #ff6600;
}
.m2 .m2-con .con-top .con-right .right-lists li.active div p {
  color: #ff6600;
}
.m2 .m2-con .con-top .con-right .right-lists li div p {
  width: 167px;
  color: #3d485d;
  font-size: 12px;
  padding-left: 21px;
  margin-top: 4px;
  white-space: nowrap;
}
.m2 .m2-con .con-top .con-right::before {
  position: absolute;
  top: 0;
  left: 7px;
  content: "";
  width: 1px;
  height: 444px;
  background: #d10000;
}

.m2 .m2-con .con-top .con-right .right-lists li.active div h3 i::before {
  background: #ff6600;
}
.m2 .m2-con .con-top .con-right .right-lists li div h3 i::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background: #d10000;
  border-radius: 50%;
}

.m2 .m2-con .con-mid {
  position: relative;
  margin-bottom: 40px;
}
.m2 .m2-con .con-mid .mid-tit {
  margin-left: 40px;
  font-size: 20px;
  color: #000;
  padding-left: 12px;
  line-height: 1;
  border-left: 2px solid #d10000;
  font-weight: bold;
  margin-bottom: 30px;
}
.m2 .m2-con .con-mid .mid-tit span {
  font-weight: normal;
  color: #3d485d;
  font-size: 14px;
  margin-left: 10px;
}
.m2 .m2-con .con-mid .swiper2 {
  width: 1122px;
}
.m2 .m2-con .con-mid .swiper2 .swiper-slide {
  text-align: center;
  padding-top: 5px;
}
.m2 .m2-con .con-mid .swiper2 .swiper-slide .icon {
  display: block;
  width: 83px;
  height: 83px;
  line-height: 83px;
  text-align: center;
  border-radius: 50%;
  background-image: linear-gradient(0deg, #ffffff 0%, #f4f5f8 100%), linear-gradient(#326cf6, #326cf6);
  background-blend-mode: normal, normal;
  box-shadow: 0px 0px 6px 0px rgba(0, 21, 72, 0.1), inset 0px 2px 4px 0px #ffffff;
  border: solid 1px #ffffff;
  color: #d10000;
  font-size: 38px;
  margin: 0 auto;
}
.m2 .m2-con .con-mid .swiper2 .swiper-slide p {
  font-size: 14px;
  color: #000;
  margin-top: 10px;
  text-align: center;
}
.m2 .m2-con .swiper-button-prev {
  position: absolute;
  top: 90px;
  left: 12px;
  width: 20px;
  height: 46px;
  line-height: 46px;
  background-color: #eaf0fe;
  color: #d10000;
  font-size: 18px;
  text-align: center;
  border-radius: 4px;
  background-image: url() !important;
}
.m2 .m2-con .swiper-button-next {
  position: absolute;
  top: 90px;
  right: 12px;
  width: 20px;
  height: 46px;
  line-height: 46px;
  border-radius: 4px;
  background-color: #eaf0fe;
  color: #d10000;
  font-size: 18px;
  text-align: center;
  background-image: url() !important;
}
.m2 .m2-con .con-mid .swiper2 .swiper-slide {
  text-align: center;
  padding-top: 5px;
}

.m2 .m2-con .swiper-button-prev:hover {
  background-color: #326cf6;
  color: #fff;
}
.m2 .m2-con .swiper-button-prev.swiper-button-prev3 {
  top: 200px;
}
.m2 .m2-con .swiper-button-next:hover {
  background-color: #326cf6;
  color: #fff;
}
.m2 .m2-con .swiper-button-next.swiper-button-next3 {
  top: 200px;
}


.m2 .m2-con .con-mid .swiper2 .swiper-slide:nth-child(10n + 2) .icon {
  color: #ff6600;
}
.m2 .m2-con .con-mid .swiper2 .swiper-slide:nth-child(10n + 3) .icon {
  color: #7800ff;
}
.m2 .m2-con .con-mid .swiper2 .swiper-slide:nth-child(10n + 4) .icon {
  color: #e70021;
}
.m2 .m2-con .con-mid .swiper2 .swiper-slide:nth-child(10n + 5) .icon {
  color: #00c883;
}
.m2 .m2-con .con-mid .swiper2 .swiper-slide:nth-child(10n + 6) .icon {
  color: #00a1fd;
}
.m2 .m2-con .con-mid .swiper2 .swiper-slide:nth-child(10n + 7) .icon {
  color: #fdb800;
}
.m2 .m2-con .con-mid .swiper2 .swiper-slide:nth-child(10n + 8) .icon {
  color: #7800ff;
}
.m2 .m2-con .con-mid .swiper2 .swiper-slide:nth-child(10n + 9) .icon {
  color: #ff0000;
}
.m2 .m2-con .con-mid .swiper2 .swiper-slide:nth-child(10n + 10) .icon {
  color: #00c883;
}

.m2 .m2-con .con-bot {
  position: relative;
}
.m2 .m2-con .con-bot .bot-tit {
  margin-left: 40px;
  font-size: 20px;
  color: #000;
  padding-left: 12px;
  line-height: 1;
  border-left: 2px solid #d10000;
  font-weight: bold;
  margin-bottom: 10px;
}
.m2 .m2-con .con-bot .bot-tit span {
  font-weight: normal;
  color: #3d485d;
  font-size: 14px;
  margin-left: 10px;
}
.m2 .m2-con .con-bot .swiper3 {
  width: 1122px;
  padding: 20px;
}
.m2 .m2-con .con-bot .swiper3 .i5-mask {
  display: block;
  width: 264px;
  height: 300px;
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
}
.m2 .m2-con .con-bot .swiper3 .i5-mask:hover {
  box-shadow: 0px 0px 20px #d9d9d9;
}
.m2 .m2-con .con-bot .swiper3 .i5-mask img {
  width: 264px;
  height: 144px;
  border-radius: 10px 10px 0px 0px;
}
.m2 .m2-con .con-bot .swiper3 .i5-mask p {
  font-size: 16px;
  color: #000;
  font-weight: bold;
  margin-top: 20px;
  text-align: center;
}
.m2 .m2-con .con-bot .swiper3 .i5-mask h3 {
  width: 100px;
  height: 26px;
  line-height: 26px;
  border-radius: 4px;
  border: solid 1px #d10000;
  color: #d10000;
  font-size: 13px;
  margin: 14px auto 10px auto;
}
.m2 .m2-con .con-bot .swiper3 .i5-mask h4 {
  color: #666666;
  font-size: 14px;
}


/* 师资团队 */
.m3 {
  padding-top: 50px;
}
.m3 .m3-solgans {
  margin-top: 34px;
  height: 55px;
}
.m3 .m3-solgans ul {
  display: flex;
  justify-content: space-between;
}
.m3 .m3-solgans ul li {
  flex: 1;
  display: flex;
}
.m3 .m3-solgans ul li .logo {
  width: 55px;
  height: 55px;
  background: rgba(242, 182, 182, 0.7);
  border-image: linear-gradient(0deg, #ca99b3, #ffffff) 10 10;
  box-shadow: 0px 1px 0px 0px #ffffff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease 0.3s;
  position: relative;
}
.m3 .m3-solgans ul li .logo::before {
  position: absolute;
  top: -8px;
  left: -10px;
  z-index: -1;
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  background-color: #d10000;
  border-radius: 50%;
  transition: all ease 0.3s;
}
.m3 .m3-solgans ul li .logo .icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  text-align: center;
  font-size: 28px;
  color: #fff;
  filter: drop-shadow(0px 0px 3px rgba(242, 182, 182, 0.4));
  transition: all ease 0.3s;
}
.m3 .m3-solgans ul li .logo:hover {
  width: 60px;
  height: 60px;
}
.m3 .m3-solgans ul li .logo:hover .icon {
  transform: scale(1.1);
}
.m3 .m3-solgans ul li .logo:hover::before {
  top: -12px;
  left: -14px;
}
.m3 .m3-solgans ul li .text p {
  margin-left: 12px;
  height: 24px;
  font-size: 16px;
  line-height: 24px;
  color: #000;
}
.m3 .m3-solgans ul li .text p:nth-child(2) {
  margin-top: 9px;
  font-size: 14px;
  color: #666;
  line-height: 14px;
  height: 14px;
}
.m3 .m3-solgans ul li .text strong {
  font-size: 24px;
  color: #d10000;
  font-weight: 600;
}
.m3 .m3-notes {
  font-size: 12px;
  color: #999;
  margin-bottom: 20px;
  margin-top: 17px;
  text-align: right;
}
.m3 .ms_btn {
  display: block;
  width: 238px;
  height: 47px;
  line-height: 47px;
  border-radius: 6px;
  border: solid 1px #ff6600;
  margin: 0 auto;
  font-size: 16px;
  color: #333333;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
.m3 .ms_btn span {
  position: relative;
  z-index: 2;
  transition: color 0.5s;
  -moz-transition: color 0.5s;
  -o-transition: color 0.5s;
  -webkit-transition: color 0.5s;
  padding-left: 48px;
}
.m3 .ms_btn i {
  position: absolute;
  top: 0;
  right: 0;
  width: 82px;
  height: 47px;
  background-image: linear-gradient(45deg, #fe4e33 0%, #ff8534 100%);
  border-radius: 0px 6px 6px 0px;
  transition: width 0.4s;
  -moz-transition: width 0.4s;
  -o-transition: width 0.4s;
  -webkit-transition: width 0.4s;
  box-sizing: border-box;
  font-size: 28px;
  color: #fff;
  text-align: right;
  padding-right: 26px;
}
.m3 .ms_btn:hover i {
  width: 100%;
}
.m3 .ms_btn:hover span {
  color: #fff;
}
.m3 .m3-teacher {
  position: relative;
  margin-top: 50px;
}
.m3 .m3-teacher .swiper4 {
  width: 1122px;
}
.m3 .m3-teacher .swiper4 .swiper-slide .te-item {
  position: relative;
  width: 171px;
  height: 259px;
  background-image: linear-gradient(#ffffff, #ffffff),
    linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, normal;
  box-shadow: 0px 4px 10px 0px rgba(216, 220, 233, 0.3);
  border-radius: 10px;
  border: solid 1px #e7e9ef;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
}
.m3 .m3-teacher .swiper4 .swiper-slide .te-item:hover .te-item-mask {
  display: block;
}
.m3 .m3-teacher .swiper4 .swiper-slide .te-item img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);

  height: 194px;
  background: linear-gradient(0deg, #b3b9ca 0%, #7f8393 100%);
  border-radius: 10px 10px 0px 0px;
  box-sizing: border-box;
}
.m3 .m3-teacher .swiper4 .swiper-slide .te-item h3 {
  font-size: 16px;
  color: #000000;
  text-align: center;
  margin: 0 auto 4px auto;
  padding-top: 200px;
}
.m3 .m3-teacher .swiper4 .swiper-slide .te-item .item-tit {
  font-size: 13px;
  color: #666666;
  text-align: center;
}
.m3 .m3-teacher .swiper4 .swiper-slide .te-item .item-tit span {
  background: rgba(209, 0, 0, 0.1);
  border-radius: 10px;
  padding: 1px 8px;
  font-size: 10px;
  color: #d10000;
  text-align: center;
  margin: 0 1px;
}
.m3 .m3-teacher .swiper4 .swiper-slide .te-item .te-item-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 131px;
  height: 174px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 10px 10px 0px 0px;
  font-size: 12px;
  color: #fff;
  padding: 20px 20px 0 20px;
  display: none;
  box-sizing: content-box;
}
.m3 .m3-teacher .swiper4 .swiper-slide .te-item .te-item-mask p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}
.m3 .m3-teacher .swiper4 .swiper-slide .te-item .te-item-mask a {
  display: block;
  width: 66px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background-image: linear-gradient(45deg, #fe4e33 0%, #ff8534 100%);
  border-radius: 11px;
  font-size: 12px;
  color: #fff;
  margin: 10px auto 0 auto;
}
.m3 .m3-teacher .swiper-button-prev4 {
  position: absolute;
  top: 120px;
  left: 12px;
  width: 20px;
  height: 46px;
  line-height: 46px;
  background-color: #eaf0fe;
  color: #d10000;
  font-size: 18px;
  text-align: center;
  border-radius: 4px;
  background-image: url() !important;
}
.m3 .m3-teacher .swiper-button-prev4:hover {
  background-color: #d10000;
  color: #fff;
}
.m3 .m3-teacher .swiper-button-next4 {
  position: absolute;
  top: 120px;
  right: 12px;
  width: 20px;
  height: 46px;
  line-height: 46px;
  border-radius: 4px;
  background-color: #eaf0fe;
  color: #d10000;
  font-size: 18px;
  text-align: center;
  background-image: url() !important;
}
.m3 .m3-teacher .swiper-button-next4:hover {
  background-color: #d10000;
  color: #fff;
}

/* 公司宣传片 */
.index-qfyy {
  margin-top: 60px;
}
.index-qfyy .biaoti {
  position: relative;
}
.index-qfyy-cont {
  position: relative;
}
.index-qfyy-video {
  margin-top: 20px;
  /* width: 937px;
  height: 527px; */
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}
/*设置 vjs样式*/
.video-js .vjs-big-play-button {
  width: 3em !important;
  height: 3em !important;
  top: 50% !important;
  left: 50% !important;
  margin-top: -1.5em !important;
  margin-left: -1.5em !important;
  border-radius: 50% !important;
}
.video-js .vjs-big-play-button span {
  width: 100px;
  height: 100px;
  background: url(../images/playBtn.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.video-js .vjs-big-play-button span::before {
  left: 0;
  top: 0;
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #fff;
  transform-origin: center;
  animation: playBtn_ripple_1 1.5s infinite;
}
.video-js .vjs-big-play-button span::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #fff;
  transform-origin: center;
  transform: scale(1.5);
  animation: playBtn_ripple_2 1.5s infinite 1.5s;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "";
}
.video-js .vjs-big-play-button {
  font-size: 0;
}
@keyframes playBtn_ripple_1 {
  to {
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
  }
}
@keyframes playBtn_ripple_2 {
  from {
    opacity: 1;
  }
  5% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.index-qfyy .vjs-poster {
  background-size: cover;
  background-color: #fff;
}
.index-qfyy .video-js {
  background-color: #fff;
}

/* 就业服务 */
.i11 {
  padding-top: 50px;
}
.i11 .solgans {
  margin: 44px 0 48px 0;
  padding: 0 74px;
  display: flex;
  justify-content: space-between;
}
.i11 .solgans .item {
  display: block;
  width: 168px;
}
.i11 .solgans .item span {
  margin: 0 auto 16px auto;
  display: block;
  width: 87px;
  height: 87px;
  background: url("../images/hexagon_bg.jpg") no-repeat;
  background-size: 100% 100%;
  line-height: 87px;
  text-align: center;
  font-size: 34px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 1px 1px #d10000;
  text-indent: 10px;
  transition: all ease 0.3s;
}
.i11 .solgans .item span:hover {
  transform: translateY(-10px);
}
.i11 .solgans .item p {
  height: 16px;
  font-size: 16px;
  color: #333;
  line-height: 16px;
  white-space: nowrap;
  text-align: center;
}
.i11 .content {
  display: flex;
  flex-grow: 0;
}
.i11 .content .item {
  width: 240px;
  height: 400px;
  position: relative;
  color: #fff;
  transition: all ease 0.3s;
  overflow: hidden;
}
@keyframes maskFadeOut {
  from {
    background-color: rgba(0, 0, 0, 0.4);
  }
  to {
    background-color: rgba(0, 0, 0, 0);
    z-index: -1;
    display: none;
  }
}
.i11 .content .item::after {
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.i11 .content .item .cover {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: 100%;
}
.i11 .content .item .text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  height: 100px;
  background: rgba(0, 14, 50, 0.7);
  box-sizing: border-box;
  transition: all ease 0.3s;
}
.i11 .content .item .text h3 {
  margin-bottom: 10px;
  padding-left: 10px;
  height: 20px;
  font-size: 20px;
  font-weight: 600;
  line-height: 19px;
  border-left: 5px solid #056cff;
}
.i11 .content .item .text p {
  font-size: 13px;
  line-height: 17px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.i11 .content .item.active {
  flex-grow: 1;
}
.i11 .content .item.active::after {
  animation: maskFadeOut 0.5s ease forwards 1;
}
.i11 .content .item.active .text {
  background: #056cff;
}
.i11 .content .item.active .text h3 {
  border-left-color: #fff;
}
.i11 .notes {
  font-size: 12px;
  color: #999;
  margin-top: 20px;
  text-align: right;
}

/* 新闻资讯 */
.news {
  margin-top: 50px;
}
.news-con {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.news-con .con-left {
  width: 220px;
  height: 252px;
  border-radius: 10px;
}
.news-con .con-left img {
  height: 100%;
  border-radius: 5px;
}
.news-con .con-right {
  width: 956px;
}
.news-con .con-right .right-top {
  display: flex;
  justify-content: space-between;
}
.news-con .con-right .right-top li {
  width: 220px;
}

.news-con .con-right .right-top li div {
  width: 220px;
  height: 128px;

  border-radius: 10px;
  margin-bottom: 18px;
  overflow: hidden;
}

.news-con .con-right .right-top li div img {
  width: 220px;
  height: 128px;
  transition: 0.5s;
}
.news-con .con-right .right-top li:hover div img {
  transform: scale(1.2);
}
.news-con .con-right .right-top li div h3 {
  display: flex;
  height: 128px;
  align-items: center;
  width: 85px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  padding-left: 20px;
  font-size: 20px;
}

.news-con .con-right .right-top li p {
  text-align: center;
  color: #000000;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-con .con-right .right-top li:hover p {
  color: #d10000;
}
.news-con .con-right .right-bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.news-con .con-right .right-bottom .right-bottom-tit {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 277px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 12px;
  line-height: 1;
}
.news-con .con-right .right-bottom .right-bottom-tit span {
  font-size: 18px;
  color: #000;
  font-weight: bold;
  border-left: 2px solid #d10000;
  padding-left: 10px;
}
.news-con .con-right .right-bottom .right-bottom-tit span a {
  font-size: 18px;
  color: #000;
}
.news-con .con-right .right-bottom .right-bottom-tit a {
  font-size: 14px;
  color: #999;
}
.news-con .con-right .right-bottom .right-bottom-con {
  padding-top: 12px;
}
.news-con .con-right .right-bottom .right-bottom-con li {
  margin-top: 10px;
}
.news-con .con-right .right-bottom .right-bottom-con li a {
  position: relative;
  font-size: 14px;
  color: #666;
  padding-left: 16px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 270px;
}
.news-con .con-right .right-bottom .right-bottom-con li a:hover {
  color: #d10000;
}
.news-con .con-right .right-bottom .right-bottom-con li a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: #d10000;
  border-radius: 50%;
}
.news-con .con-right .right-bottom .right-bottom-con li.pic a {
  display: flex;
  padding-left: 0;
}
.news-con .con-right .right-bottom .right-bottom-con li:nth-child(1) a img {
  display: block;
  width: 132px;
  height: 78px;
  margin-right: 15px;
  border-radius: 10px;
}
.news-con .con-right .right-bottom .right-bottom-con li a img {
  display: none;
}
.news-con .con-right .right-bottom .right-bottom-con li a p {
  position: relative;
  font-size: 14px;
  color: #666;
  padding-left: 16px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 270px;
}
.news-con .con-right .right-bottom .right-bottom-con li a p:hover {
  color: #d10000;
}
.news-con .con-right .right-bottom .right-bottom-con li a p::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: #d10000;
  border-radius: 50%;
}
.news-con
  .con-right
  .right-bottom
  .right-bottom-con
  li:nth-child(1).pic
  a
  p::before {
  width: 0;
}
.news-con .con-right .right-bottom .right-bottom-con li:nth-child(1).pic a p {
  padding-left: 0;
  overflow: visible;
  text-overflow: initial;
  white-space: normal;
}
.news-con .con-right .right-bottom .right-bottom-con li:nth-child(1) a p {
  width: 114px;
  color: #666666;
  font-size: 14px;
  white-space: break-spaces;
}

.news-con .con-right .right-bottom .right-bottom-con li.pic a p span {
  display: none;
}
.news-con .con-right .right-bottom .right-bottom-con li:nth-child(1) a p span {
  display: inline-block;
  color: #326cf6;
}
.news-con .con-right .right-bottom .right-bottom-con li.pic a::before {
  width: 0;
}

/* 公司历程 */
.licheng {
  width: 100%;
  background-color: #fcfcfc;
  padding-top: 50px;
  padding-bottom: 50px;
}
.biaoti11 img {
  margin: 0 auto 20px;
}
.yuanxiao {
  margin-top: 50px;
}

img, section {
  display: block;
}
.lc-title {
  font-size: 18px;
  font-weight: 500;
  color: #444444;
  line-height: 30px;
}
.lc-text {
  font-size: 14px;
  color: #999999;
  line-height: 24px;
}
p {
  text-align: justify;
}