@charset "UTF-8";

* {
    font-family: "微软雅黑", Arial;
    font-size: 14px;
    color: #333;
}

ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
}
a {
    color: #333;
    text-decoration: none;
}
a:hover{
   color: #ff2832;
}
.mr-0, .mx-0 {
    margin-right: 0!important;
}
.base {
    position: relative;
    height: 475px;
    margin: 0 auto;
    width: 1200px; 
}
.banner_list1 {
   position: absolute;
    top: 0px;
    left: 0;    
    display: table-cell;
    vertical-align: middle;
    width: 235px;
    height: 475px;
    z-index: 10;
    color: #fff;
}
.banner_list1 .banner_list1_tit {
    background-color: #ff2832;
    border-radius: 10px 10px 0px 0px;
    height: 49px;
    line-height: 49px;
    font-size: 18px;
    text-align: center;
    margin-bottom:0;
    color: #fff;
}
.banner_list1{
	color: #fff;
}
.banner_list1 .banner_list1_tit .index-xia_sanjiao {
    margin-left: 14px;
}
.banner_up_left {
    position: relative;
    width: 235px;
    height: 475px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    background: rgb(59 59 59 / 25%)
}
.banner_up_left p {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    height: 45px;
    line-height: 47px;
    color: #fff;
    overflow: hidden;
	cursor: pointer;
}
.domain-son{
	color: #fff;
    font-size: 12px;
    margin: 0 7px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.banner_up_left p span a{
    width: 95px;
    padding-left: 20px;
    white-space: nowrap;
    color: #fff;
	font-weight: bold;
    font-size: 14px;
	display: inline-block;
}

.banner_up_left p:hover {
    background-color: #f9d2cd;
}
.banner_up_left p:hover span a{
    color: #ff2832!important;
    font-weight: bold;
}
.banner-bottom {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: 20px auto;
}
.banner-bottom .banner-item {
    width: 15%;
    height: 124px;
    background: linear-gradient(0deg, #ffffff 0%, #f3f7ff 100%);
    box-shadow: 0px 0px 15px 0px rgba(0, 64, 216, 0.1), inset 0px 2px 4px 0px #ffffff;
    border-radius: 6px;
    border: solid 2px #ffffff;
    box-sizing: border-box;
    margin: 15px 0;
    padding-top: 30px;
}
.banner-bottom .banner-item h3 {
    font-weight: bold;
    font-size: 15px;
    color: #000000;
    text-align: center;
}
.banner-bottom .banner-item a {
    position: relative;
    display: block;
    font-size: 13px;
    color: #fff;
    width: 83px;
    height: 24px;
    background-image: linear-gradient(45deg, #ff2832 0%, #3399ff 100%);
    border-radius: 4px;
    line-height: 24px;
    margin: 20px auto 0 auto;
    text-align: center;
    overflow: hidden;
}

.nav-right-mask {
    position: absolute;
    top: 0;
    left: 235px;
    display: none;
    width: 975px;
    padding: 20px;
    height: 475px;
    background-color: rgba(255, 255, 255, 0.98);
    box-sizing: border-box;
}
.nav-mask-info h2{
	font-size: 20px;
}
.nav-mask-info h2 img{
	width: 26px;
	margin-right: 10px;
}
.nav-right-mask-content{
	display: flex;
	justify-content: space-between;
}
.nav-right-mask .nav-mask-mid {
    width: 300px;
    height: 165px;
}
.nav-right-mask .nav-mask-mid img {
    width: 100%;
    height: 100%;
	border-radius: 10px;
}
.nav-right-mask .nav-mask-info {
    width: 100%;
    min-height: 290px;
   
}
.nav-mask-mid{
	float: left;
}
.infoA a {
    line-height: 50px;
    margin: 0 5px;
	display: -webkit-inline-box;
}
.infoA a:hover{
color: #ff2832!important;
}
.hd_nav{
	width: 1200px;
	margin: 0 auto;
}

.navBox{
	z-index: 666;
}
.field_nav{
	width: 206px;
	z-index: 99;
	background-color: rgba(0,0,0,0.5);
	height: 420px;
	margin-top: 2px;
	padding: 10px 0;
}
.field_nav>li{
	line-height: 40px;
	padding-right: 12px;
	padding-left: 22px;
	cursor: pointer;
	width: 206px;
}
.field_nav>li .iconfont{
	color: #fff;
	font-size: 12px;
}

.field_nav>li::after{
	content: "";
	background: url(../images/icon_jiantourt.png) no-repeat center;
	width: 10px;
	height: 10px;
	display: inline-block;
	background-size: contain;
}
.float-left {
    float: left!important;
}
.field_nav>li>div{
	width: 156px;
}
.field_nav>li>div span{
	font-size: 12px;
	color: #ccc;
}
.field_nav>li.active{
	background: #fff;
	border-left: 5px solid #ff2832;
}
.field_nav>li.active div a,
.field_nav>li.active a .iconfont{
	color: #333;
}

.field_navlist{

	height: 502px;
	position: absolute;
	left: 206px;
	top: 1px;
	z-index: 666;

	display: none;
}

.field_navlist .list_item{
	padding: 30px 59px;
	width: 716px;
	display: none;
	background: #fff;
	max-height: 400px;
}


.field_navlist .active_n{
	display: block;
}
.list_item .list_itemtext{
	line-height: 30px;
	color: #666;
}
.list_item .list_itemfield dd a{
	color: #666;
	padding: 0 16px;
	border: 1px solid #ccc;
	line-height: 28px;
	display: inline-block;
	width: auto;
	border-radius: 6px;
}

.list_item .list_itemfield dd a:hover{
	color: #ff2832;
	border-color: #ff2832;
}

.w-100 {
    width: 100%!important;
}
.sjyx_banSwiper{
	width:100%;
	position: absolute!important;
	height: 475px;
} 

.sjyx_banSwiper img{ 
	width:100%;
	height: 475px;
}
 .swiper-pagination{ 
	 width: auto; 
	 left: initial; 
	 right: 38px; bottom: 30px; 
}

 .swiper-pagination-bullet{ 
	 width: 12px!important; 
	 height: 12px!important;
	 border-radius: 100px!important;
	 margin-left:10px !important;
}

 .swiper-pagination-bullet-active{ 
	 background: #ff0000!important;;
	 width: 25px!important;; 
	 height: 12px!important;; 
	 opacity: 1!important;;
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.badge-danger {
    color: #fff;
    background-color: #dc3545;
}
.baTit{
	font-size: 28px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin: 10px 0;
	font-weight: bold;
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}
.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.mySwiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
	position: relative;
	overflow: hidden;
	overflow: clip;
	list-style: none;
	padding: 0;
	z-index: 1;
	flex-shrink: 0;
	transition-property: transform;
	display: block;
}
.mySwiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #222;
    height: calc((100% - 30px) / 2) !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.text-danger{
    font-size: 30px;
    color: #ff2832!important;
}
.swiper-button-disabled{
	display: none;
}
.tit-des {
    font-size: 16px;
    color: #999999;
    text-align: center;
    margin-top: 10px;
	margin-bottom: 25px;
}
dl, ol, ul, p, dd {
    margin-bottom: 0!important;
}

.ft_18 {
    font-size: 18px;
}
.mt-3, .my-3 {
    margin-top: 1rem!important;
}
.content {
    position: relative;
  
}

.ml-0, .mx-0 {
    margin-left: 0!important;
     margin-right: 0!important;
}
.row{
    display: flex;
    flex-wrap: wrap;
}

.pl-2, .px-2 {
    padding-left: 0.5rem!important;
     padding-right: 0.5rem!important;
}
.ml-2, .mx-2 {
    margin-left: 0.5rem!important;
}
.pb-1, .py-1 {
    padding-bottom: 0.25rem!important;
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.border-bottom-0{
    border-bottom: 0!important;
}
.ft_16 {
    font-size: 16px;
}
.ml-3, .mx-3 {
    margin-left: 1rem!important;
}

img {
    vertical-align: middle;
    border-style: none;
}
.liDocentFollow dl {
    padding: 10px;
    border-radius: 10px;
    width: 100%;
}
.liDocentFollow dl dt {
    width: 70px;
    min-width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
}
.liDocentFollow dl dd p {
    line-height: 22px;
    color: #666;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
.font-weight-bold {
    font-weight: 700!important;
}

.mod18{
	width:1200px;
	position:relative;
	margin:0 auto;
}
.mod18 .btn{
	position:absolute;
	cursor:pointer;
	z-index:99;font-size:50px;
	font-weight:bold;
}

.mod18 #prevTop,.mod18 #nextTop{
	top:215px;
	width:32px;height:48px;
}
.mod18 #prev,.mod18 #next{
	top:440px;
	width:10px;
	height:16px;
}
.modTit{
	font-size: 28px;
	    font-weight: bold;
	    color: #202020;
	    text-align: left;
	    margin: 35px 0 30px 0;
}
.mod18 #prevTop{
	background:url(../images/prevBtnTop.png) 0 0 no-repeat;
}
.mod18 #nextTop{
	background:url(../images/nextBtnTop.png) 0 0 no-repeat;
}
.mod18 .prev{
	left:10px;
	background:url(../images/leftJ.png) no-repeat;
	/* display: none; */
}
.mod18 .next{
	right:10px;
	background:url(../images/rightJ.png) no-repeat;
	/* display: none; */
}
.mod18 li{
	float:left;
	}
.mod18 .cf li{
	position:relative;color:#fff;
	}
.mod18 .cf a{
	display:block;
	width:1110;
	height:380px;
	position:absolute;
	color:#fff;
	}
.mod18 .cf a img{
	width: 100%;
	height: 100%;
}

.mod18 .picBox{
	width:1200px; 
	height:380px; 
	position:relative;overflow:hidden;
	margin-top: 40px;
	}
.mod18 .picBox ul{
	height:380px;
	position:absolute; 
	left:0;
	}
.mod18 .picBox li{
	padding-left:45px; 
	padding-right:1px;
	 width:1200px;
	 height:380px;
	 }
.mod18 .listBox{
	width:1110px;
	height:170px;
	margin:0 auto;
	position:relative; 
	margin-top:15px;
	overflow:hidden;
	}
.mod18 .listBox ul{
	position:absolute; 
	height: 170px;
	}
.mod18 .listBox li{
	width:170px;
	height:170px;
	cursor:pointer;
	position:relative; 
	opacity: 1;
	margin-right:15px;
	border-radius: 8px;
	}
.mod18 .listBox li i{
	display:none;
	}
.mod18 .listBox li a{
	display:block;
	width:170px;
	height:170px;
	background-color:#cfa972;
	opacity: 0.6;
	border-radius: 8px;
	}
.mod18 .listBox img{
	background-color:#cfa972;
	opacity: 0.6;
	border-radius: 8px;
	}
.mod18 .listBox .on a{
	opacity: 1;
	}
.mod18 .listBox .on img{
	opacity: 1;
	}
.mod18 .listBox .on i{
	display:block;
	}
.arrName{
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 54px;
	align-items: center;
	font-size: 16px;
	font-weight: bold;
	color: rgb(255, 255, 255);
	padding: 8px 10px ;
	background: rgba(0,0,0,0.5);
}
.picMask{
	 position: absolute;
	top: 0;
	left: calc(50% - 260px);
	z-index: 1;
	height: 380px;
	display: table-cell;
	vertical-align: middle;
	width: 600px;
	z-index: 10;
}
.proleName{
	padding: 20px 50px;
}
.proleName span{
	font-size: 20px;
	font-weight: bold;
}
.proleName p{
	margin-bottom: 30px!important;
	line-height: 30px;
}
.leftS{
	float: right;
	font-size: 16px!important;
}
.aaS{
	font-size: 16px;
	font-weight: bold;
}
.mod18 .listBox .on .arrName{
	background: #FF242E;
}
.arrName:hover{
	background: #FF242E;
}
.arrName p{
	color: #fff;
	font-weight: normal;
	line-height: 20px;
	margin-bottom: 0!important;
}
.listBox img{
	width: 100%
	}
.zzds-con-lists {
    display: flex;
    flex-wrap: wrap;
    width: 1200px;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0px auto;
}
.zzds-con-lists li {
    position: relative;
    width: 224px;
    height: 290px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 7px 0px;
    text-align: center;
    box-sizing: border-box;
	border:1px solid rgb(240, 240, 240);
    border-image: initial;
    margin: 85px 14px 0px 2px;
	background: #fff;
	border-radius: 10px;
}
.zzds-con-lists li:hover {
	border:1px solid #FF242E;
}
.zzds-con-lists .img-wrap {
    position: absolute;
    top: -66px;
    left: 50%;
    transform: translateX(-50%);
    width: 132px;
    height: 132px;
    border-radius: 50%;
    background: rgb(146, 158, 184);
    overflow: hidden;
}
.zzds-con-lists .img-wrap img.avatar{
    position: relative;
    transform: translateX(0px);
    width: 132px;
    height: auto;
    overflow: visible;
}
.zzds-con-lists li .zzds-item-nickname {
    padding-top: 88px;
    font-family: SourceHanSansCN-Bold;
    font-size: 16px;
    font-weight: bold;
    color: rgb(51, 51, 51);
    line-height: 1;
}
.zzds-con-lists li .zzds-item-tit {
    position: relative;
    font-size: 14px;
    margin: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.zzds-item-nickname::after {
	position: absolute;
	bottom: 175px;
	left: 77px;
	content: "";
	width: 66px;
	height: 2px;
	background: #ff8282;
}
.zzds-con-lists li .zzds-item-des {
    font-family: SourceHanSansCN-Regular;
    font-size: 14px;
    line-height: 20px;
    color: #acacac;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 80px;
    margin: 0px auto;
    padding: 0px 15px;
    overflow: hidden;
    margin-top: 5px;
	text-align: justify;
}
.zzds-con-lists li .zzds-item-btn {
    position: absolute;
    left: 50%;
    top: 235px;
    transform: translateX(-50%);
    width: 89px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: rgb(102, 102, 102);
    border-radius: 16px;
    border: 1px solid rgb(221, 221, 221);
    margin: 5px auto 0px;
}
.zzds-con-lists li:hover .zzds-item-btn{
	background-color: #FF242E;
	color: #fff!important;
	border: 1px solid transparent;
}

.newBottom{
	display: flex;
	justify-content: space-between;
}
.listI{
	margin: 0 auto 30px auto;
}
.newBottom li {
    width: 250px;
	float: left;
}
.newBottom li div {
    width: 250px;
    height: 128px;
    border-radius: 10px;
    margin-bottom: 18px;
    overflow: hidden;
}
.newBottom li div img {
    width: 250px;
    height: 128px;
    transition: 0.5s;
}
.newBottom li p {
    text-align: center;
    color: #000000;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.tit-svg {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  margin-top: 10px;
}

.tit-svg .svg-left {
  position: relative;
}

.tit-svg .svg-left svg {
  width: 224px;
  height: 50px;
  fill: #ff2832;
}

.tit-svg .svg-left svg .st1 {
  opacity: 0.6;
}

.tit-svg .svg-left svg .st2 {
  opacity: 0.2;
}

.tit-svg .svg-left svg.rdht {
  fill: #ff2832;
}

.tit-svg .svg-left svg.qzzp {
  fill: #7800ff;
}

.tit-svg .svg-left span {
  position: absolute;
  top: 0;
  left: 0;
  width: 224px;
  height: 50px;
  font-size: 24px;
  color: #fff;
  line-height: 50px;
  padding-left: 40px;
}

.tit-svg .svg-right {
  display: flex;
  justify-content: flex-end;
  width: 955px;
  border-bottom: 1px solid #ff2832;
  height: 50px;
  box-sizing: border-box;
}

.tit-svg .svg-right a {
  line-height: 50px;
  color: #ff2832;
  font-size: 14px;
}
.tit-svg .svg-right a:hover{
color:#ff2832;
}
.tit-svg .svg-right.rdht {
  border-bottom: 1px solid #ff2832;
}

.tit-svg .svg-right.rdht span {
 font-size: 14px;
  line-height: 50px;
  text-align: center;
  width: auto;
  padding: 0 0 0 20px;
  cursor: pointer;
}

.tit-svg .svg-right.rdht span.active i {
  color: #ff2832;
}
.tit-svg .svg-right.rdht span i:hover {
  color: #ff2832;
}
.tit-svg .svg-right.qzzp {
  border-bottom: 1px solid #7800ff;
}

.news-con {
  display: flex;
  justify-content: space-between;
}

.news-con {
  display: none;
}

.news-con.active {
  display: block;
  display: flex;
  justify-content: space-between;
}

.con-left {
  width: 220px;
  height: 420px;
  border-radius: 10px;
}
.tarPerol{
	width: 100%;
	height: 100%;
}
.news-con .con-right {
  width: 956px;
}
.conLists{
	display: flex;
	flex-wrap: wrap;
	width: 956px;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 0px auto;
}
.conLists li {
    position: relative;
    width: 165px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 7px 0px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid  rgb(240, 240, 240);
    border-image: initial;
    margin: 40px 24px 10px 2px;
	border-radius: 10px;
	background: #fff;
	cursor: pointer;
padding-bottom: 10px;
}
.conLists li:hover{
 border: 1px solid #FF242E;
}
.div-con-left{
	min-height: 420px;
}
.conWrap{
	position: absolute;
	top: -40px;
	left: 50%;
	transform: translateX(-50%);
	width: 120px;
	height: 125px;
	border-radius: 20px;
	background: rgb(146, 158, 184);
	overflow: hidden;
}
.conNames{
	padding-top: 100px;
	font-family: SourceHanSansCN-Bold;
	font-size: 16px;
	font-weight: bold;
	color: rgb(51, 51, 51);
	line-height: 1;
}
.contem-tit{
	font-size: 12px;
padding:0 5px;
text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.lianm{
	border:1px solid #ff2832;
	background: #fbdcd0;
	color: #ff2832;
	font-size: 10px;
	border-radius: 20px;
	padding: 3px 5px;
}
.fenx{
	border:1px solid #ff6e00;
	background: #ff6e006b;
	color: #ff6e00;
	border-radius: 20px;
	padding: 3px 5px;
	font-size: 10px;
}
.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: 200px;
  border-radius: 10px;
  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 {
  color: #000000;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}*/

.news-con .con-right .right-top li:hover p {
  color: #ff2832;
}
.skList{
	display: flex;
	justify-content: space-between;
	margin: 15px auto 30px;
}
.skList div{
	width: 580px;
	background: #fff;
	padding: 30px;
}
.skList-tit{
	margin-bottom: 20px;
}
.skList-tit span{
	font-weight: 600;
	color: #333;
	font-size: 18px;
	padding-bottom: 10px;
	cursor: pointer;
	position: relative;
}
.skList-tit span:after{
	position: absolute;
	content: "";
	left: calc(50% - 30px);
	bottom: 0;
	width: 40%;
	height: 3px;
	background-color: #ff2832;
	transform-origin: center;
}
.skList-con li a{
	font-size: 16px;
}
.skList-con li a:hover{
	color: #ff2832!important;
}
.blockColor{
	font-weight: bold;
	color: #d4dbe6;
	margin-right: 10px;
	font-size: 16px;
}
.anli1{
	color: #ff2832!important;
}
.anli2{
	color: #333!important;
}
.skList-con li a{
	line-height: 35px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.ziTit{
	padding: 0 0 15px 0;
}
.baTit{
	font-size: 28px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
}
.zxP{
	color: #999;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 0;
}
.zixunDiv{
width: 1200px;
}
/* 讲师动态：两列等宽、间距统一、同排卡片等高（原 float 布局会导致参差） */
.zixunDiv ul{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.zixunDiv ul li{
	width: calc(50% - 10px);
	background: #fff;
	padding: 15px 20px;
	border-radius: 10px;
	border:1px solid #ffffff;
	box-shadow: 0px 0px 16px 4px rgb(0 0 0 / 5%);
	margin-bottom: 0;
	box-sizing: border-box;
}

.zixunDiv ul li:hover{

border:1px solid #ff2832;
}
.zxp1{
	font-size: 18px;
	line-height: 28px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}
.zxp1 span{
float: right;
    color: #999;
    position: absolute;
    right: 0;
    line-height: 35px;
}
/* 摘要固定显示 3 行；去掉写死的 height:75px（3 行×27px=81px，会被裁掉第三行） */
.zxp2{
	line-height: 27px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 0;
}
.w m6{
	min-height: 500px;
}
.m6 .news-con .con-right .right-top li:hover p {
  color: #ff2832;
}

.m7 .news-con .con-right .right-top li:hover p {
  color: #7800ff;
}

.news-con .con-right .right-bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

.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 #ff2832;
  padding-left: 10px;
}

.news-con .con-right .right-bottom .right-bottom-tit span a {
  font-size: 18px;
  color: #000;
}
em, i {
    font-style: normal;
}
.m6 .news-con .con-right .right-bottom .right-bottom-tit span {
  border-left: 2px solid #ff2832;
}

.m6 .news-con .con-right .right-top li:hover p {
  color: #ff2832;
}
.m6 .news-con .con-right .right-bottom .right-bottom-tit span {
  border-left: 2px solid #ff2832;
}
.news-con .con-right .right-bottom .right-bottom-tit a {
  font-size: 14px;
  color: #999;
}

.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: #ff2832;
}
.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: #ff2832;
  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: rgb(50, 108, 246);
}
.m6{
	overflow: hidden;
	margin-bottom: 20px;
}
.m6 .news-con .con-right .right-bottom .right-bottom-con li a p:hover {
  color: rgb(255, 102, 0);
}
.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: #ff2832;
  border-radius: 50%;
}

.m6 .news-con .con-right .right-bottom .right-bottom-con li a p::before {
  background-color: #ff2832;
}
.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: #ff2832;
}

.m6 .news-con .con-right .right-bottom .right-bottom-con li:nth-child(1) a p span {
  color: #ff2832;
}
.news-con .con-right .right-bottom .right-bottom-con li.pic a::before {
  width: 0;
}


.w-75 {
    width: 75%!important;
    height: 125px;
    margin-left: 2%;
}
.w-25 {
    float: left;
    z-index: 999;
}
.w-75 h4 {
    margin-top: 0;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.more {
    color: #fc3930;
}
.LocalBox ul li {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #e2e2e2;
}	
.LocalBox ul li div {
    width: 100%;
    float: left;
    color: #333333;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.container {
	width: 100%;
	position: relative;
	height: 452px;
}
.tab-wrap {
    width: 1200px;
    height: 423px;
    overflow: hidden;
    background: url(../images/teacher-bg01.jpg) no-repeat center top;
	margin: 30px auto;
	border-radius: 15px;
	position: relative;
}

.tab-con {
    height: 423px;
    position: relative;
}
.teacher-con {
    display: none;
}

.tab-con .pic {
    float: left;
    width: 405px;
    height: 405px;
    position: relative;
	left: 45px;
}
.tab-con .text {
    float: right;
    width: 686px;
    padding: 0 40px;
    height: 282px;
    margin-right: 20px;
    background: #e9f3fe;
    border-radius: 12px;
}
.tab-con .text .top-tit {
    padding: 16px 0 0;
    display: flex;
}
.tab-con .text .top-tit h3 a{
    float: left;
    line-height: 50px;
    font-size: 32px;
}
.tab-con .text .top-tit h3 a:hover{
   color: #ff2832;
}
.tab-con .text .top-tit .video-btn {
    display: block;
    float: right;
    width: 150px;
    height: 51px;
    line-height: 51px;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    background: url(../images/teacher-btn01.png) no-repeat;
}
.tab-con .text .introduce-text {
    line-height: 28px;
	min-height: 120px;
    border-bottom: 1px solid #d6e3f1;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-align: justify;
	width: 620px;
}
.introduce-text a:hover{
	color: #ff2832;
}
 .tab-con .text .main-text {
    padding: 10px 0 0;
    position: relative;
}
.tab-con .text .main-text p {
    line-height: 35px;
	margin-bottom: 5px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
strong {
    font-weight: bold;
}

.tab-con .teacher-tab {
    width: 686px;
    height: 90px;
    background: #e9f3fe;
    border-radius: 12px;
    margin-right: 20px;
    position: absolute;
    right: 0;
    bottom: 35px;
}
.tab-con .teacher-tab .swiper-button-prev {
    width: 10px;
    height: 17px;
    position: absolute;
    left: 14px;
    top: 50%;
    margin-top: -8px;
    background: url(../images/teacher-ico04.png) no-repeat;
}
.tab-con .teacher-tab .swiper-button-next {
	width: 10px;
	height: 17px;
	position: absolute;
	top: 50%;
	margin-top: -8px;
    left: auto;
    right: 14px;
    background: url(../images/teacher-ico05.png) no-repeat;
}
.tab-con .teacher-tab .swiper-container {
    height: 80px;
    margin: 0 38px;
	position: relative;
	    overflow: hidden;
	    z-index: 1;
}
.tab-con .teacher-tab .swiper-slide {
    width: 120px;
    height: 80px;
    position: relative;
    cursor: pointer;
}
.tab-con .teacher-tab .swiper-slide img {
    width: 100px;
    position: absolute;
    z-index: 9;
    bottom: -20px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
}
.tab-con .teacher-tab .swiper-slide.on span {
    background: #b7d6ff;
}
.tab-con .teacher-tab .swiper-slide span {
    display: block;
    width: 115px;
    height: 60px;
    background: #fff;
    border-radius: 12px;
    position: absolute;
    left: 50%;
    margin-left: -57px;
    bottom: 0;
}
.renzheng {
    display: flex;
    margin-top: 13px;
    margin-left: 30px;
}
.renzheng .union1 {
    background: #fbd98b;
    color: #b2703c;
}
.renzheng .union2 {
    background: #f3f6f8;
    color: #333;
}
.renzheng .union3 {
    background: #f3f6f8;
    color: #333;
}
.renzheng .union4 {
    background: #f3f6f8;
    color: #333;
}
.renzheng .union5 {
    background: #f3f6f8;
    color: #333;
}
.renzheng .union6 {
    background: #f3f6f8;
    color: #333;
}
.renzheng .union7 {
    background: #f3f6f8;
    color: #333;
}
.renzheng .rz-label {
    display: block;
    height: 22px;
    border-radius: 15px;
    padding-left: 25px;
    padding-right: 10px;
    line-height: 22px;
    font-size: 12px;
    margin-right: 14px;
    position: relative;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
}
 .renzheng .rz-label label{
    position: absolute;
    display: block;
    width: 19px;
    height: 20px;
    content: '';
    left: 4px;
    top: 1px;
}