.nav_all{
  display: none;
}
.new_nav .new_navList {
  margin-left: 0;
}
.list_main {
  width: 100%;
  /* border-top: 3px solid #f6f6f6; */
  padding-top: 16px;
  position: relative;
  z-index: 3;
  /* background: #fff; */
  background-color: #f3f4f8;
}
.con_l_l {
  width: 140px;
  height: 370px;
  background-color: #40bbcd;
  border-radius: 10px;
  position: fixed;
  left: 50%;
  margin-left: -760px;
  top: 300px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
@media only screen and (max-width: 1599px) {
  .con_l_l {
      display: none;
  }
}
.con_l_l_content{
  width: 125px;
  height: 295px;
  background-color: #ffffff;
  margin: 10px auto 0 auto;
  padding-top: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  box-sizing: border-box;
  overflow: auto;
  padding-bottom: 35px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.list_left_btn{
  width: 95px;
  height: 45px;
  border-radius: 25px;
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "SourceHanSansCN";
  color: rgb(66, 66, 66);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}
.list_left_btn:hover{
  cursor: pointer;
}
.active{
  background-color: #3dbacc;
  color: #ffffff;
}
/* .activeCursor{
  cursor: pointer;
} */
.list_left_btn a {  
  color: inherit; 
}  

.con_l {
  width: 862px;
}
.bdqn_slide {
  height: 333px;
  width: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.pv-slideBox {
  /* min-width: 960px; */
  width: 862px !important;
  height: 333px;
  margin: 0 auto;
  position: relative;
}
.pv-slideBox ul.slide-list {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 862px !important;
  height: 333px;
  margin-left: -431px;
  text-align: center
}
.pv-slideBox ul.slide-list li {
  position: relative;
  top: -50%;
}
.pv-slideBox ul.pv-slideBox-page {
  display: inline;
  top: auto;
  z-index: 9999;
  padding: 0;
  margin: 0;
  background: none;
}
.pv-slideBox ul.pv-slideBox-page li {
  display: inline-block;
  color: #e54813;
  cursor: pointer;
  list-style: none;
  border: 0;
  border-radius: 50%;
  float: left;
  font-size: 0;
  height: 14px;
  line-height: 0;
  margin: 5px;
  opacity: 1 !important;
  padding: 0;
  position: relative;
  right: 50%;
  width: 14px;
}
.pv-slideBox ul.pv-slideBox-page li {
  background: #FFF;
}
.pv-slideBox ul li.pv-slideBox-current-page {
  background: #f15050;
}
.article_box {
  margin-top: 0;
  padding: 25px 30px;
  background-color: #ffffff;
  min-height: 1475px;
  box-sizing: border-box;
  overflow: hidden;
}
.article_detail_box{
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 70px;
  padding-bottom: 20px;
  /* overflow: auto; */
  background-color: #ffffff;
}
.article_box .stuList li {
  float: left;
  padding: 6px 12px;
}
.article_box .stuList li a {
  font-size: 16px;
  color: #21a8e6;
}
.article_box .stuList li:hover {
  padding: 6px 12px;
  background: #21a8e6;
  border-radius: 15px;
}
.article_box .stuList li:hover a {
  color: #fff;
}
.article_box .stuList .active {
  padding: 6px 12px;
  background: #21a8e6;
  border-radius: 15px;
}
.article_box .stuList .active a {
  color: #fff;
}
.active-show{
  background-color: #3dbacc;
  color: #ffffff;
}    
.article_box .article_img {
  margin-top: 12px;
  width: 100%;
  height: 210px;
  overflow: hidden;
}
.hotTit {
  font-size: 18px;
  position: relative;
  padding-left: 10px;
  line-height: 30px;
}
.hotTit:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 17px;
  background: #f34540;
  left: 0;
  top: 6px;
}
.article_list,.article_detail{
  background-color: #ffffff;
}
.articleCon {
    height: 210px;
    border-bottom: 1px dashed #dcdcdc;
    display: flex;
    align-items: center;
}
.articleCon:hover {
  /*background: #fafafa;*/
}
.articleCon .artCon .artCon_title a:hover {
  color: #3ebbcd;
}
.articleCon .artImg img:hover {
  transform: scale(1.1);
}
.articleCon .artImg {
  width: 230px;
  height: 149px;
  overflow: hidden;
}
.articleCon .artImg img {
  width: 100%;
  height: 100%;
  transition: -webkit-transform 0.2s;
  object-fit: cover;
  transform-origin: 50% 50%;
}
.articleCon .artCon {
  margin-left: 30px;
  width: 69%;
}
.articleCon .artCon .artCon_title a {
  font-size: 18px;
  font-weight: bold;
  color: #272727;
}
.articleCon .artCon .artinfo {
  font-size: 14px;
  color: #b1b1b1;
  padding-top: 12px;
}
.articleCon .artCon .artTxt {
  padding-top: 16px;
    line-height: 22px;
    color: #878787;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.articleCon .artCon .artTag {
  display: inline-block;
  line-height: 21px;
  color: #6194ac;
  background: #d6eefa;
  border-radius: 2px;
  padding: 0 15px;
  font-size: 12px;
  margin-top: 10px;
}
.articleCon .artCon .artSee {
  margin-top: 18px;
  text-align: right;
  color: #bcbcc3;
}
.articleCon .artCon .artSee .look {
  background: url("img/newImg/yan.png") no-repeat 2px;
  padding-left: 24px;
}
.articleCon .artCon .artSee .comment {
  background: url("img/newImg/pl.png") no-repeat 2px 2px;
  padding-left: 24px;
}
.con_r {
  width: 312px;
  font-family: '微软雅黑';
}
.hotInfo {
  height: 333px;
  overflow: hidden;
}
.hotInfo h4 {
  height: 40px;
  line-height: 40px;
  background: url("img/newImg/info.png") no-repeat 20px #6c7887;
  padding-left: 48px;
  font-size: 14px;
  color: #fff;
}
.hotInfo .hotInfo_list {
  border: 1px solid #e5e5e5;
  padding: 14px;
  padding-top: 5px;
}
.hotInfo .hotInfo_list li {
  line-height: 32px;
}
.hotInfo .hotInfo_list li span {
  width: 16px;
  height: 16px;
  color: #fff;
  text-align: center;
  line-height: 16px;
  display: inline-block;
  vertical-align: middle;
  background: #cacaca;
}
.hotInfo .hotInfo_list li .numb {
  background: #f57619;
}
.hotInfo .hotInfo_list li a {
  font-size: 14px;
  color: #262626;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 260px;
  vertical-align: middle;
}
.hotInfo .hotInfo_list li a:hover {
  color: #ff702d;
}
.hotFollow {
  margin-top: 28px;
}
.hotFollow .followList {
  margin-top: 10px;
}
.hotFollow .followList li {
  margin-top: 10px;
}
.hotCourse,
.clientDow {
  margin-top: 15px;
}
.hotCourse_list,
.clientDow_list {
  margin-top: 15px;
  border: 1px solid #e5e5e5;
}
.hotCourse_list li,
.clientDow_list li {
  height: 80px;
  border-bottom: 1px solid #e5e5e5;
  display: table;
  width: 100%;
}
.hotCourse_list li a,
.clientDow_list li a {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  color: #6e6e6e;
}
.hotCourse_list li a .courseImg,
.clientDow_list li a .courseImg {
  width: 147px;
  display: inline-block;
  text-align: center;
}
.hotCourse_list li a img,
.clientDow_list li a img {
  vertical-align: middle;
}
.hotCourse_list li:last-child,
.clientDow_list li:last-child {
  border-bottom: none;
}
.hotCourse_list li:hover {
  background: #fafafa;
}
.clientDow_list li {
  height: 88px;
}
.clientDow_list li .clientImg {
  margin: 20px 15px 0 20px ;
}
.clientDow_list li .clientTxt {
  margin-top: 20px;
}
.clientDow_list li .clientTxt h5 {
  font-size: 16px;
  color: #272727;
}
.clientDow_list li .clientTxt p {
  color: #9a9a9a;
  padding-top: 10px;
}
.clientDow_list li .clientDow_btn {
  margin: 30px 20px 0;
  width: 56px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  border: 1px solid #e5e5e5;
}
.clientDow_list li .clientDow_btn a {
  color: #474747;
  font-size: 14px;
  display: block;
}
.clientDow_list li .clientDow_btn:hover {
  background: #ff7316;
  border: none;
}
.clientDow_list li .clientDow_btn:hover a {
  color: #fff;
}
.crumbs {
  border-bottom: 1px solid #eee;
  padding-bottom: 18px;
  color: #9b9b9b;
}
.crumbs a {
  color: #9b9b9b;
}
.crumbs span {
  padding: 0 10px;
}
.article_detail {
  padding-top: 30px;
}
.article_detail .article_detail_title {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #3b3b3b;
  font-family: '微软雅黑';
}
.article_detail .detail_intro {
  padding-top: 20px;
  color: #7f7f7f;
  text-align: center;
}
.article_detail .detail_intro .time {
  padding-left: 30px;
}
.article_detail .abstract {
  margin-top: 30px;
  background: #f5f5f5;
  padding: 28px;
  line-height: 24px;
  color: #7c7c7c;
}
.article_detail .detailCon {
  margin-top: 40px;
  line-height: 36px;
  font-size: 14px;
  color: #4d4d4d;
}
.article_detail .detailCon img {
  margin: 30px auto;
  display: block;
}
.related_seach {
  margin-top: 110px;
}
.article_detail .detailCon strong{
  font-weight: bold;
}
.article_detail .tag{}
.article_detail .tagItem{
  display: inline-block;
  line-height: 21px;
  color: #6194ac;
  background: #d6eefa;
  border-radius: 2px;
  padding: 0 15px;
  font-size: 12px;
  margin-top: 10px;
}
.related_seach .relTitle {
  font-size: 18px;
  font-weight: bold;
  font-family: '微软雅黑';
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 8px;
  position: relative;
}
.related_seach .relTitle:before {
  content: '';
  position: absolute;
  width: 70px;
  height: 2px;
  background: #00a0e9;
  bottom: -2px;
  left: 0;
}
.related_seach .relList {
  width: 40%;
  margin-top: 45px;
  margin-left: 12px;
}
.related_seach .relList li {
  line-height: 36px;
}
.related_seach .relList li a {
  width: 80%;
  font-size: 14px;
  color: #262626;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.related_seach .relList li a:hover {
  color: #ff702d;
}
.related_seach .relList li span {
  display: inline-block;
  vertical-align: middle;
  float: right;
  color: #939393;
}
.pagBox {
  width: 630px;
  margin: 50px auto;
}
.pagBox .pagList li {
  width: 46px;
  height: 38px;
  float: left;
  margin-left: 10px;
  border: 1px solid #eee;
  text-align: center;
  line-height: 38px;
  border-radius: 5px;
}
.pagBox .pagList li a {
  display: block;
  color: #817d7d;
  font-size: 14px;
}
.pagBox .pagList li:hover {
  background: #269edc;
  border: 1px solid transparent;
}
.pagBox .pagList li:hover a {
  color: #fff;
}
.pagBox .pagList .act {
  background: #269edc;
  border: 1px solid transparent;
}
.pagBox .pagList .act a {
  color: #fff;
}
.pagBox .pagList .next {
  padding: 0 20px;
}
.bdqn_footer_box {
  margin-top: 40px;
}

.tag-content{
  margin-top: 15px;
}
.tag-list{
  margin-top: 15px;
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  padding: 15px;
  border: 1px solid #e5e5e5;
}
.tag-list .tag-item{
  padding: 10px;
  background: #3985DD;
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin: 5px;
  flex-grow: 1;
}
.banner-gif{
  width: 100%;
  /* height: 123px; */
  /* margin-top: 40px; */
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  background-color: #f3f4f8;
}
.w1200-gif{
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    height: 103px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.list_nav{
  width: 100%;
  height: 90px;
  background-color: #f3f4f8;
}
.list_nav_content{
  margin: 0 auto;
  width: 1200px;
  height: 90px;
  display: flex;
  align-items: center;

}
.list_content{
  display: flex;
  position: relative;
}
/* 滚动条滑块 */  
.con_l_l_content::-webkit-scrollbar-thumb {  
  background: #bebebe; /* 滑块颜色 */  
}  

/* 滚动条轨道 */  
.con_l_l_content::-webkit-scrollbar-track {  
  background: #cc1414; /* 轨道颜色 */  
  border-radius: 10px; /* 轨道边角圆滑度 */  
} 

.text-overflow-ellipsis-single{
  white-space: nowrap;  
  /* 超出容器时裁剪文本 */  
  overflow: hidden;  
  /* 在裁剪的文本末尾添加省略号 */  
  text-overflow: ellipsis;  
}
.onLine-ask{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  gap: 10px;
  font-size: 15px;
  font-family: "SourceHanSansCN";
  color: rgb(66, 66, 66);
  color: #feff00;
  letter-spacing: 5px;
}
.pages{
  width: 100%;
  height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* .pages .page{
display: inline-block;
height: 40px;
} */
/* .pages ul.yiiPager a:link, ul.yiiPager a:visited{
  border: solid 1px #eeeeee;
  font-weight: bold;
  font-size: 15px;
  color: #666666;
  padding: 10px 15px;
  text-decoration: none;
} */
.pages ul.yiiPager a:link, ul.yiiPager a:visited{
  border: solid 1px #eeeeee !important;
  /* font-weight: bold; */
  font-weight: normal !important;
  font-size: 15px !important;
  color: #666666 !important;
  padding: 10px 15px !important;
  text-decoration: none !important;
}

.pages .previous a{
  border: solid 1px #eeeeee !important;
  /* font-weight: bold; */
  font-weight: normal !important;
  font-size: 15px !important;
  color: #666666 !important;
  padding: 10px 15px !important;
  text-decoration: none !important;
}
.pages .selected a{
  border: solid 1px #eeeeee !important;
  font-weight: normal !important;
  font-size: 15px !important;
  color: #ffffff!important;
  padding: 10px 15px !important;
  text-decoration: none !important;
  background-color: #40bbcd !important;
}

.pages .noborder{
  font-weight: bold !important;
  font-size: 15px !important;
  color: #666666 !important;
  padding: 10px 15px !important;
  text-decoration: none !important;
  text-align: center;
  vertical-align: middle;
}
.class-workPlace-news {
  width: 310px;
  height: 1475px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
.class-workPlace-news{
}
.class-workPlace-news .workPlace-news{
  height: 375px;
}
.class-workPlace-news .workPlace-news .workPlace-news-details{
  padding: 15px 10px 30px 20px;
}
.class-workPlace-news .workPlace-news .workPlace-news-details-item{
  display: flex;
  align-items: center;
}
.class-workPlace-news .hot-class-time .hot-course-type{
  padding: 10px 10px 30px 20px;
}

.class-workPlace-news .workPlace-news .news-order{
  width: 30px;
  height: 30px;
    background-color: #f3f4f8;
    font-size: 14px;
    font-family: "SourceHanSansCN";
    color: rgb(102, 102, 102);
    margin: 0;
    text-align: center;
    line-height: 25px;
}
.class-workPlace-news .workPlace-news .workPlace-news-details .news{
  width: 230px;
}

.icon-common{
  background: url('./img/qndt/icon.png');
}
.icon-right-common{
  background: url('./img/qndt/icon-right.png');
}
.icon-right-common-1{
  width: 25px;
  height: 25px;
  background-position: 0 0;
}
.class-workPlace-news .workPlace-news .news-order-1{
  background: url('./img/qndt/icon-right.png');
  background-position: -26px  0;
  color: #ffffff;
  width: 30px;
  height: 30px;
}
.class-workPlace-news .workPlace-news .news-order-2{
  background: url('./img/qndt/icon-right.png');
  background-position: 3px  -30px;
  color: #ffffff;
  width: 30px;
  height: 30px;
}
.class-workPlace-news .workPlace-news .news-order-3{
  background: url('./img/qndt/icon-right.png');
  background-position: -26px  -30px;
  color: #ffffff;
  width: 30px;
  height: 30px;
}

.section-benefits{
  background-color: #f3f4f8 !important;
}
.bdqn-fix-nav-list{
  z-index: 4 !important;
}