body{background: linear-gradient(to right, #e8f4fe, #edf8fe);}
.w1200{
	width: 1200px;
	margin: auto;
}
.w1120{
	width: 1045px;
	margin: auto;
}
.mt{
	margin-top: 50px;
}
.mt1{
	margin-top: 30px;
}
.wrappers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1122px;
  margin: 0 auto;
}
.hjb_project{
	width: 100%;
	height: 544px;
	background-color: #229670;
	overflow: hidden;
	padding-top: 50px;
	box-sizing: border-box;
}
/* banner */
.top_banner{
	width: 100%;
	height: 640px;
	background: url(../img/banner_top.jpg) no-repeat center center;
	margin-top: 30px;
}
/**************项目****************/
.advan_nc{width: 100%; height:90px; background-color: #229670;}
.qjb_xm{ width:100%; height:90px; background: #229670;margin-top:-90px;}
.yh{ width: 1200px; margin: 0 auto;}
.yh li{ float: left; height:90px; width:300px; 
	background-image:-webkit-linear-gradient(0deg,#229670,#30cd9a); 
    /*-webkit-background-clip:text; */
    /*-webkit-text-fill-color:transparent; */}
.yh li img{ float: left; margin-top: 10px; margin-left: 60px;}
.yh li div{ float: left; font-size: 22px; line-height: 28px; color: #fff; margin-top: 15px; margin-left: 10px;}
/**************项目****************/
/* 咨询 */
.form-margin{position: absolute;top:51px;left:813px;}
.bottom_form_margin{position: absolute;top:73px;left:449px;}
.listen {
  background-color: #fff;
  padding: 20px;
}
.listen .title, .course .c-t1 {
  font-size: 26px;
  color: #000;
  padding-bottom: 20px;
  text-align: center;
}
.listen .title span {
  color: #229670;
}

.listen .form-container {
	position: relative;
  width: 100%;
  display: inline-flex;
  justify-content: center;
}
.listen .form-container .item {
  width: 200px;
  height: 40px;
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 5px;
  border: 1px solid #dadada;
}
.listen .form-container .icon {
  width: 14px;
  height: 16px;
  padding-right: 5px;
}
.listen .form-container .form-item input {
  font-size: 15px;
}
.listen .form-container .form-item .kaptcha-code {
  border: none;
  padding: 0;
}
.listen .form-container .kaptcha-btn {
  background-color: #757575;
  font-size: 13px;
}
.listen .form-container .submit {
  background-color: #e26520;
  font-size: 16px;
}
/* 大课程分类 */
 .moreChioce { background: linear-gradient(to right, #e8f4fe, #edf8fe);position: relative;overflow: hidden;}
 .moreChioce  .followBox{display: flex;justify-content: space-between;margin-top: 35px;}
 .moreChioce  .followBox .followBox-item{display: flex;flex-direction: column;justify-content: center;align-items: center;}
 .moreChioce  .followBox .followBox-item .followBox-one{width: 57px;height: 57px;}
 .moreChioce  .followBox .followBox-item .followBox-two{font-size: 24px;font-weight: bold;color: #282828;margin-top: 5px;}
 .moreChioce  .followBox .followBox-item:nth-child(odd) .followBox-two{color: #1ab5eb;}
 .moreChioce  .followBox .followBox-item:nth-child(even) .followBox-two{color: #229670;}
 .moreChioce  .followBox .followBox-item .followBox-three{width: 100%;height: 2px;margin: 10px 0px ;}
 .moreChioce  .followBox .followBox-item:nth-child(odd) .followBox-three{background-color: #d0c5bf;}
 .moreChioce  .followBox .followBox-item:nth-child(even) .followBox-three{background-color: #3f66a7;}
 .moreChioce  .followBox .followBox-item .followBox-four{ width: 176px;height: 114px;}

 .moreChioce  .followBox .followBox-item .followBox-five{width: 100%;height: auto;background-color: #fff; display: flex;flex-direction: column;text-align: center;padding: 5px 10px 20px 10px;box-sizing: border-box;}
 .moreChioce  .followBox .followBox-item .followBox-five .followBox-five-content{padding: 7px 0px;font-size: 20px;line-height: 20px;color: #4d4d4d;border-bottom: 1px dashed gray;}
 .moreChioce  .followBox .followBox-item .followBox-five .ffitem .followBox-five-content:last-child{border-bottom: none;padding-bottom: 0;}

  .clickyuyue{cursor: pointer;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 40px;background: linear-gradient(to right, #f46d36, #ff9833);border-radius: 40px;position: relative;margin: 0 auto;}
  .clickyuyue .yuyuetxt{ color: #fff;font-size: 18px;font-weight: bold;line-height: 18px;animation: cricleHandle 2s ease infinite;}
  .clickyuyue .txtborder{width: 99px;height: 2px;background-color: #fa924b;position: absolute;bottom: 0;}
  .clickyuyue .yuyueime{position: absolute;right: 0;right: -5px;top: 25px;}
  .clickyuyue .yuyueime .yupoint{width: 18px;height: 14px;position: absolute;right: 9px;top: -9px;animation: pointshow 2s ease infinite;}
  .clickyuyue .yuyueime .yuhand{width: 17px;height: 21px;animation: fingerHandle 2s ease infinite;}
  .clickyuyue:hover .yuyuetxt{animation:none}
  .clickyuyue:hover .yuyueime .yupoint{animation:none}
  .clickyuyue:hover .yuyueime .yuhand{animation:none}
@keyframes pointshow {
    0% {
        display: none;
    }
    20% {
        display: none;
    }
    30% {
        display: none;
    }
    40% {
        display: block;
    }
    50% {
        display: none;
    }
    100% {
        display: none;
    }
}
/* 不同种类 */
.course .teaching {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1100px;
  margin: auto;
  line-height: 20px;
  text-align: center;
}
.course .teaching .item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.course .teaching img {
  width: 55px;
}
.course .teaching .title {
  font-size: 22px;
  color: #000;
  line-height: 30px;
  padding-top: 10px;
}
.course .teaching .txt {
  font-size: 14px;
  color: #757575;
  line-height: 25px;
}
.course .tip {
  padding-top: 15px;
  font-size: 14px;
  color: #000;
  text-align: center;
}
/* 课程 */
.course_count{
	width: 100%;
	height: 500px;
}
.hjb_tit{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content:center;
	color: #fff;
}
.hjb_tit .block{
	width: 16px;
	height: 16px;
	background-color: #fff;
}
.hjb_tit h2{
	font-size: 28px;
	margin: 0px 10px;
}
/* 标题2 */
.hjb_tit1,.hjb_richTit,.certificate_count{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content:center;
}
.rich_titbot{
	font-size: 18px;
	color: #151515;
	text-align: center;
}
.certificate_count{
	justify-content: space-evenly;
	margin-top: 30px;
}
.hjb_tit1 .block1{
	width: 16px;
	height: 16px;
	background-color: #229670;
}
.hjb_tit1 h2{
	font-size: 28px;
	margin: 0px 10px;
	color: #151515;
}
.hjb_richTit h6{
	color: #666;
	font-size: 20px;
	margin: 0; /* 清除外边距 */
	font-weight: normal; /* 清除加粗样式 */
	font-size: value; /* 设置自定义的字体大小 */
	margin: 0px 10px;
}
.hjb_richTit :nth-child(3){
	transform: rotate(180deg);
}
/* 其他内容 */
.hjb_conent{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	margin-top: 20px;
	font-size: 18px;
	flex-wrap: wrap;

}
.hjb_project .hjb_conent .item{
	width: 490px;
	height: 190px;
	border-radius: 26px;
	padding: 18px 35px 0px 35px;
	box-sizing: border-box;
	text-align: center;
	background-color: #fff;
	color: #151515;
	margin-top: 20px;
}
.hjb_conent .item h3{
	font-size: 24px;
	font-weight: 600;
}
.hjb_conent .item hr{
	border: none;
	border-top: 1px dashed #999;
}
.hjb_conent .item h4{
	font-size: 18px;
	font-weight: 600;
}
.hjb_conent .item div{
	width: 200px;
	height: 40px;
	background-color: #229670;
	margin: auto;
	border-radius: 40px;
	line-height: 40px;
	font-weight: 600;
	color: #fff;
	margin-top: 5px;
	cursor: pointer;
}
/* 教师 */
.teacher_nc{
	width: 100%;
	background-color: #229670;
	margin-top: 50px;
	overflow: hidden;
	padding-top: 30px;
	box-sizing: border-box;
}
.jxjy {
  height: 500px;
  background-color: #fff;
  padding-top: 20px;
  box-sizing: border-box;
  margin: 30px 0px 30px 0px;
}
.jxjy .wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.jxjy-left {
  width: 275px;
  height: 462px;
  margin-right: 20px;
  background: url(../img/t0.png) center no-repeat;
}
.jxjy-left .des {
  font-size: 14px;
  color: #fff;
  margin-top: 284px;
  padding-left: 11px;
  line-height: 25px;
}
.jxjy-rig {
  width: 820px;
  height: 434px;
  margin-top: 28px;
}
.jxjy-rig .mySwiper {
  height: 100%;
}

.jxjy .swiper-button-next,
.jxjy .swiper-button-next:after,        
.jxjy .swiper-button-prev:after {
  width: 56px;
  height: 56px;
  background: url(../img/arr.png) no-repeat center;
  font-size: 0;
}
.jxjy .swiper-button-prev {
  width: 56px;
  height: 56px;
}
.jxjy .swiper-button-prev::after {
  background: url(../img/arr.png) no-repeat center;
  font-size: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.teacher-item {
  width: 277px;
  height: 434px;
  background-color: #d4e3ff;
  border: solid 1px #fff;
  padding-top: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.teacher-item-img {
  display: block;
  margin: 0 auto 13px;
  width: 217px;
  height: 241px;
}
.teacher-item-title {
  font-size: 22px;
  color: #229670;
  padding-left: 30px;
}
.teacher-item-txt {
  font-size: 14px;
  color: #229670;
  padding-left: 20px;
}
.hjb_books{position: relative;}
.hjb_books .jiaoBox{margin-top: 25px;}
.hjb_books .jiaoBox .jiaocainav{margin-bottom: 15px;}
.hjb_books .jiaoBox .navslide{width: 180px !important;}
.hjb_books .jiaoBox .jiaonavBox{ width: 180px;height: 60px;background: #ffffff;display: flex;flex-direction: column;align-items: center;justify-content: center;padding-top: 10px;box-sizing: border-box;}
.hjb_books .jiaoBox .jiaonavBox .navxuhao{position: absolute;z-index: 0; top: 6px;color: #868686;font-size: 18px;font-weight: bold;}
.hjb_books .jiaoBox  .jiaonavBox .navborder{width: 100px;height: 2px;background: linear-gradient(to right,transparent,#868686,transparent);position: relative;z-index: 1;}
.hjb_books .jiaoBox  .jiaonavBox .navcontent{width: 100%;background-color: #fff;z-index: 1;color: #868686;font-size: 18px;font-weight: bold;text-align: center;}

.hjb_books .jiaoBox .swiper-slide-thumb-active .jiaonavBox{ width: 180px;height: 60px;background: linear-gradient(to right, #f16d00, #fbab00);display: flex;flex-direction: column;align-items: center;justify-content: center;padding-top: 10px;box-sizing: border-box;}
.hjb_books .jiaoBox .swiper-slide-thumb-active .jiaonavBox .navxuhao{ position: absolute;z-index: 0; top: 6px;color: #fff;font-size: 18px;font-weight: bold;}
.hjb_books .jiaoBox .swiper-slide-thumb-active .jiaonavBox .navborder{ width: 100px;height: 2px;background: linear-gradient(to right, transparent, #f5a04f, #fef9f3, #f5a04f, transparent);position: relative;z-index: 1;}
.hjb_books .jiaoBox .swiper-slide-thumb-active .jiaonavBox .navcontent{ width: 100%;background:linear-gradient(to right, #f16d00, #fbab00);;z-index: 1;color: #fff;font-size: 18px;font-weight: bold; text-align: center;}

.hjb_books .jiaoBox .jiaocaicontent .swiper-slide{height: 290px;display: flex;align-items: center;justify-content: center;box-sizing: border-box;}

.hjb_books .jiaoBox .jiaocaicontentimg{margin: 0 auto;}