@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 {
	
    height: 475px;
position: absolute;
    top: 0;
    left: calc(50% - 600px);
    z-index: 99;
}
.banner_list1 {
   position: absolute;
    top: 0px;
    left: 0;
    display: table-cell;
    vertical-align: middle;
    width: 260px;
    height: 475px;
    z-index: 10;
}

.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: 250px;
    height: 475px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    background: rgb(59 59 59 / 25%);
   
}
.banner_up_left p {
    position: relative;
    align-items: center;
    color: #999;
    cursor: pointer;
	height: 80px;
	overflow: hidden;
}
.banner_up_left p:last-child{
	margin-bottom: 0!important;
}
.banner_up_left p span{
	display: block;
    height: 35px;
    line-height: 35px;
}
.banner_up_left p span a {
    width: 95px;
    padding-left: 16px;
    white-space: nowrap;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
}
.banner_up_left p:hover {
    background-color: #f9fafb;
}
.banner_up_left p:hover span a {
    color: #ff2832 !important;
    font-weight: bold;
}
.banner_up_left p:hover .domain-son{
    color: #000;
}
.domain-son:hover{
	 color: #ff2832!important;
}
.domain-son {
    color: #fff;
    font-size: 12px;
    margin-left: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 12px;
	display: inline-block;
}
dl, ol, ul, p, dd {
    margin-bottom: 0 !important;
}
.navActive{
	color: #FF242E!important;
	font-weight: bold;
}
.tab{
	width: 100%;
	position: relative;
}
.banTab{
	position: absolute;
	top: 35px;
	right: calc(50% - 599px);
	z-index: 2;
	display: flex;
	align-items: center;
	background-color: transparent;
}


.banTab .tab-nav .tz h2{
	text-align: center;
	margin: 0 20px;
	font-size: 20px;
	border-bottom: 1.5px solid #ff0e0e;
	padding-bottom: 8px;
	color: #ff0e0e;
}
 .notice-bar {
	display: flex;
	align-items: center;
	border-radius: 4px;
	max-width: 1200px;
}
.notice-tag {
	 background: #ff4444;
	 color: white;
	 padding:15px 40px 15px 20px;
	 border-radius: 4px;
	 font-size: 24px;
	 font-weight: bold;
	 clip-path: polygon(0 0, 100% 0, 85% 50%, 100% 100%, 0% 100%);
	 margin-right: 20px;
}
 .notice-content {
	 flex: 1;
	  display: flex;
  	flex-direction: column;
	 justify-content: center;
 }
 .tab-nav li a p{
	
}
.tab-nav li {
	  line-height: 30px;
	float: left;
	width: 50%;
}
.tab-nav li a{
	  display: block;
	 padding: 10px 5px 0px 15px;
	 color: #202228;
	 text-decoration: none;
	 line-height: 25px;
	overflow: hidden;
	 flex: 1;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.tab-nav li a p{
float:left;
width:78%;
text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.tab-nav li span{
float:right;
}
 .tab-nav li:hover a p, .tab-nav li:hover a span{
	color: #FF242E;
}
 .tab-nav li.actived a p, .tab-nav li.actived a span{
	color: #FF242E;
}
.tab .content-wrap{
	background: #ffffff;
	height: 420px;
}
.tab .content-wrap img{
	width: 100%;
	height: 100%;
}
.tab .content-wrap .content-item{
	width: 100%;
	position: absolute;
	height: 420px;
	display: none;
}
.tab .content-wrap .current{
	display: block;
}

.nav-right-mask {
  position: absolute;
    top: 0;
    left: 250px;
    display: none;
    width: 950px;
    padding: 20px;
    height: 475px;
    background-color: #f9fafb;
    box-sizing: border-box;
}
.nav-mask-info h1{
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 20px;
}
.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: 90px;
   
}
.nav-mask-mid{
	float: left;
}
.infoA a {
    /* width: 33.3%;
    text-align: center;
    color: #333333;
   display: flex;
    flex-direction: column;
    align-items: center; */
    line-height: 40px;
	margin: 5px;
}
.hd_nav{
	width: 1200px;
	margin: 0 auto;
}
.hd_nav .w{
	background: #FFFFFF; 
	height: 60px;
	margin: 0;
	/* box-shadow: 0px 7px 24px 0px rgb(226 0 0 / 24%); */
}
.nav_ft a{
	display: inline-block;
	width: 56px;
	line-height: 60px;
	color: #fff;
}

.nav_rt li:hover .dropdown-menu{
	display: block;
	background: #fff;
	border-radius: 0;
	/*border:2px solid #ff2832;*/
	top: 40px;
	width: 128px;
}
.nav_rt li .dropdown-menu a:hover{
	background: none;
	color: #ff2832;
}

.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;
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.badge-danger {
    color: #fff;
    background-color: #dc3545;
}
.sjyx_banSwiper { 
	width:100%;
	height: 475px;
}

.sjyx_banSwiper img{ 
	width:100%; 
	min-height: 475px; 
}

.sjyx_banSwiper .swiper-pagination{ 
	 width: auto; 
	 left: initial; 
	 right: 38px; bottom: 30px; 
}

 .sjyx_banSwiper .swiper-pagination-bullet{ 
	 width: 12px; 
	 height: 12px; 
	 background: #000;  
	 border-radius: 100px;
	 margin-left:10px ;
}

 .sjyx_banSwiper .swiper-pagination-bullet-active{ 
	 background: #fff;
	 width: 18px; 
	 height: 12px; 
	 opacity: 1;
	 margin-left:10px ;
}


.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;
}

.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);
}
.picImg{
	position: absolute;
	top: 50px;
	left: calc(15%);
	z-index: 1;
	display: table-cell;
	vertical-align: middle;
}
.picMask{
	 position: absolute;
	top: 0;
	left: calc(50% - 200px);
	z-index: 1;
	height: 380px;
	display: table-cell;
	vertical-align: middle;
	width: 600px;
	z-index: 10;
}
.picTit{
	font-size: 28px;
	    font-weight: bold;
	    color: #333;
	    text-align: left;
	    margin: 35px 0 30px 0;
}
.proleName{
	padding: 15px 40px;
}
.proleName span{
	font-size: 20px;
	font-weight: bold;
}
.proleName p{
	margin-bottom: 15px!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%
	}

.lecturerBox{
	margin-top: 30px;
}
.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;
}
.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-family: SourceHanSansCN-Regular;
    font-size: 14px;
    margin: 10px auto 20px;
}
.zzds-con-lists li .zzds-item-tit::after {
    position: absolute;
    bottom: -10px;
    left: 89px;
    content: "";
    width: 47px;
    height: 2px;
    background: #ff8282;
}
.zzds-con-lists li .zzds-item-des {
    font-family: SourceHanSansCN-Regular;
    font-size: 14px;
    line-height: 21px;
    color: #acacac;
    text-align: left;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 63px;
    margin: 0px auto;
    padding: 0px 25px;
    overflow: hidden;
}
.zzds-con-lists li .zzds-item-btn {
    position: absolute;
    left: 50%;
    top: 220px;
    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: 10px 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;
}



.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;
}
.con-left img{
	width: 100%;
}
.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;
    height: 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: 6%;
	background: #fff;
	cursor: pointer;
}
.conWrap{
	position: absolute;
	top: -36px;
	left: 50%;
	transform: translateX(-50%);
	width: 120px;
	height: 110px;
	border-radius: 6%;
	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;
}
.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: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;
}
.zixunT{
	
}
.ziTit{
	background: #fff;
}
.baTit{
	font-size: 28px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
}
.zixunT{
	margin-bottom: 60px;
}
.zxP{
	color: #999;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 0;
}
.zixunDiv ul{
   /* display: flex;
    justify-content: space-between; */
    margin-top: 10px;
	overflow: hidden;
}
.zixunDiv ul li{
	width: 49.5%;
	background: #fff;
	padding: 30px;
	float: left;
	border:1px solid #fff;
	margin-bottom: 1%;
}
.zixR{
	margin-left: 1%;
}
.zixunDiv ul li:hover{
	border:1px solid #ff2832;
}

.zxp1{
	color: #ff2832;
	font-size: 16px;
	margin-bottom: 20px;
}
.zxp1 span{
	float: right;
	color: #999;
}
.zxp2{
	line-height: 30px;
	height: 90px;
	overflow: hidden;
	
}
.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;
    overflow: hidden;
	margin: 30px auto 0;
	position: relative;
	background: #fff;
}


.tab-con {
    height: 400px;
    position: relative;
}

.tab-con .pic {
    float: left;
    width: 570px;
    height: 310px;
    position: relative;
}
.tab-con .pic img{
	width: 100%;
	height: 100%;
}
.tab-con .text {
    float: right;
    width: 590px;
    margin-top: 25px;
}
.tab-con .text .top-tit {
	width: 300px;
}
.tab-con .text .top-tit p a{
	float: left;
	line-height: 50px;
	font-size: 22px;
	font-weight: bold;
}
.bg1 {
    background: #fbdbdc;
    display: block;
    float: left;
    overflow: hidden;
    margin-left: 15px;
    border-radius: 2px;
    padding: 4px 5px;
	margin-top: 15px;
}
.bg1 span{
	 color: #ff2832;
	 text-align: center;
}
.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;
    padding: 10px 0;
	overflow: hidden;
}
.introduce-text label{
	color: #999;
	margin-right: 5px;
	width: 60px;
	float: left;
}
.textss{
	display: block;
	float: left;
	width: 510px;
}
.textss p{
	margin-bottom: 0;
}
.xs span{
	background: #da3f29;
	border-radius: 3px;
	width: 42px;
	display: inline-block;
	text-align: center;
	color: #fff!important;
	margin: 0 10px!important;
}
.dspan{
	margin-right: 15px;
	font-weight: bold;
	font-size: 20px;
}
.content-justify{
	display: flex;
	justify-content: space-between;
}
.times{
	color: #999!important;
}
.star img{
	width: 15px;
	margin-right: 5px;
}
.dspan span{
	display: block;
	font-size: 16px;
}
.introduce-text span{
	color: #333;
	margin-left: 10px;
	text-align: justify;
}
.fontbold span{
	font-weight: bold;
}
.introduce-text span img{
	margin-right: 5px;
}
 .tab-con .text .main-text {
    padding: 10px 0 0;
    position: relative;
}
.tab-con .text .main-text p {
    line-height: 35px;
    padding-left: 19px;
    font-size: 16px;
    background: url(../images/teacher-ico03.png) no-repeat left center;
}
strong {
    font-weight: bold;
}

.tab-con .teacher-tab {
   width: 570px;
   height: 70px;
   border-radius: 12px;
   margin-right: 20px;
   position: absolute;
   left: 0;
   bottom: 0px;
}
 .swiper-button-prev {
    width: 10px!important;
    height: 17px!important;;
    position: absolute;
    left: 14px;
    top: 50%!important;
    margin-top: -8px!important;
    background: url(../images/teacher-ico04.png) no-repeat!important;
}
.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: 70px;
   /* margin: 0 10px; */
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.tab-con .teacher-tab .swiper-slide {
    width: 120px;
    height: 70px;
    position: relative;
    cursor: pointer;
	margin-right: 16px;
}
.tab-con .teacher-tab .swiper-slide img {
    width: 120px;
    position: absolute;
    z-index: 9;
    left: 50%;
	height: 100%;
   
}
.teacher-tab01 .swiper-wrapper .swiper-slide-thumb-active img {
  border: 1px solid #ff2832;
}
.gallery-top .swiper-wrapper .swiper-slide-next{
	    display: none;
}
.ulList{
	width: 1200px;
	margin: 0 auto;
	margin-top: 30px;
}
.ulList ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
}
.ulList ul li {
    width: 382px;
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #DADADA;
    line-height: 65px;
    text-align: center;
    font-style: normal;
    text-transform: none;
}
.ulList ul li img{
	width: 100%;
	 border-radius: 10px;
}
.wd-bg-white{
	background: #fff;
}
.news-con{
    display: block;
	margin: 0 auto;
	width: 1200px;
}

.ziTit {
    margin:20px auto 30px;
}
.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;
}

.bglists {
    display: flex;
    flex-wrap: wrap;
}
.bg-listKc:nth-child(3n+1) {
    margin-left: 0;
}

.bg-listKc {
    width: 380px;
    margin-left: 26px;
    border-radius: 8px;
}
.list-content {
    background: rgba(0, 0, 0, 0);
  /*  border: 1px solid #efefef; */
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
	background: #fff;
	box-shadow: 0px 0px 8px 0px #e1e8ed;
}
.list-content .resource-img {
    width: 100%;
    border-radius: 8px 8px 0 0;
}
.list-content .title{
   padding: 0 15px;
       font-size: 14px;
       font-family: SourceHanSansCN;
       font-weight: 400;
       color: #262629;
       line-height: 35px;
       text-overflow: ellipsis;
       overflow: hidden;
       white-space: nowrap;
       margin: 0;
}
.list-content .title a{
	color: #333;
}
.dn_zxzqcon6_f{
	overflow: hidden;
	margin-bottom: 30px;
}
.dn_form1 {
    width: 270px;
    height: 40px;
    background: #FFF9F9;
    border-radius: 6px 6px 6px 6px;
    float: left;
    background: url(../images/p2xia.png) no-repeat right #FFF9F9;
}
.dn_form1 select {
    background: transparent;
    width: 270px;
    padding-left: 15px;
    font-size: 16px;
    border: none;
    height: 38px;
    -webkit-appearance: none;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    color: #666666;
    font-style: normal;
    text-transform: none;
    appearance: none;
    user-select: none;
    outline: none;
}
.dn_form3 {
    width: 270px;
    height: 40px;
    background: #FFF9F9;
    border-radius: 6px 6px 6px 6px;
    float: left;
    margin-left: 50px;
}
.dn_form3 input {
    background: transparent;
    border: none;
    outline: none;
    height: 40px;
    padding-left: 15px;
}
.dn_form4 input {
    width: 137px;
}
.page_form3b {
    float: right;
    width: 97px;
    height: 24px;
    font-weight: 400;
    font-size: 16px;
    color: #FF585D;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}
.dn_zxzx {
    width: 102px;
    height: 40px;
    background: #FFE7E7;
    border-radius: 6px 6px 6px 6px;
    font-weight: 400;
    font-size: 18px;
    color: #FF585D;
    line-height: 40px;
    margin-left: 50px;
    cursor: pointer;
    float: left;
	  text-align: center;
}
.dn_ljlq {
    width: 110px;
    height: 50px;
    background: #FF585D;
    border-radius: 6px 6px 6px 6px;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 50px;
    cursor: pointer;
	margin: 0 auto;
	  text-align: center;
	  
}
.news-con.active {
    display: block;
}
.bglists1 {
    display: flex;
    flex-wrap: wrap;
}
.bg-listKc1 {
    width: 280px;
    margin-left: 26px;
    border-radius: 8px;
}
.bg-listKc1:nth-child(4n+1) {
    margin-left: 0;
}
.bg-listKc1 .list-content {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #efefef;
    -webkit-border-radius: 4px;
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
}
.swiper-container1 {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.zsjz{
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 10px;
	background: rgba(0,0,0,0.4);
	color: #fff;
	z-index: 99;
}
.teacher-container {
    position: relative;
    width: 1200px;
    margin: 20px auto 0 auto;
    min-height: 255px;
}

.teacher-container .teacher-container-bg {
  width: 1200px;
  border-radius: 10px;
  margin: 0 auto;
  h
}
.swiper4 {
  width: 1200px;
  margin: 22px auto 0 auto;
}
.swiper4 .swiper-wrapper{
	height: auto!important;
}
.swiper4 .te-item {
	position: relative;
	width: 210px;
	height: 308px;
	background: linear-gradient(0deg,#FFF 0%,#f2f2f2  100%);
	overflow: hidden;
	cursor: pointer;

}
.swiper4 .te-item img {
	width: 100%;
	margin: auto;
}
.swiper4 .te-item .te-name {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 160px;
	height: 35px;
	line-height: 34px;
	background: linear-gradient(90deg, #7942ff 0%, rgba(50, 108, 246, 0) 100%);
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	padding-left: 5px;
	z-index: 1;
}
.swiper4 .te-item .te-tit {
	font-size: 12px;
	position: absolute;
	left: 60px;
	top: 195px;
	padding-left: 10px;
	color: #ffffff;
	z-index: 1;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.swiper4 .te-item .te-mask {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(59 59 59 /85%);
	z-index: 2;
}
.swiper4 .te-item .te-mask .p-content{
	font-size: 12px;
	line-height: 25px;
	padding: 12px;
	text-align: justify;
	color: #ffffff;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.p-content button{
	display: block;
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	border: none;
	background: none;
	margin: auto;
	border: 1px solid #a5a5a5;
	padding: 5px 20px;
	background-color: #a5a5a5;
}
.preview-btn{
	margin: 80px auto 45px!important;
}
.p-content button:hover{
	color: #3c3c3c;
	border: 1px solid #ffffff;
	background-color: #ffffff;
}
* {
    font-family: "微软雅黑", Arial;
    font-size: 14px;
    color: #333;
}
.swiper-pagination4{
	text-align: center;
	margin-top: 15px;
}
.swiper4 .te-item:hover .te-mask {
  display: block;
}
.teacher-container .swiper-button-prev4,
.teacher-container .swiper-button-next4 {
  width: 20px;
  height: 46px;
  line-height: 46px;
  background: #ff2832;
  border-radius: 4px;
  text-align: center;
}

.teacher-container .swiper-button-prev4 i,
.teacher-container .swiper-button-next4 i {
  color: #fff;
  font-size: 18px;
}

.teacher-container .swiper-button-prev4:hover,
.teacher-container .swiper-button-next4:hover {
  background: linear-gradient(0deg,
    /*  #ff2832 1%,
      #ff2832 51%, */
      #ff2832 100%),
    linear-gradient(#ffffff,
      #ffffff);
}

.teacher-container .swiper-button-prev4:hover i,
.teacher-container .swiper-button-next4:hover i {
  color: #ff2832;
  font-size: 18px;
}
.swiper-button-prev4{
	left: 5px!important;
}
.swiper-button-next4{
	right: 5px!important;
}
.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;;
}
.news-con1{
	margin-top: 30px;
}
.baTits{
	background-color: #f9f9f9;
	padding: 10px;
	text-align: left;
	font-weight: normal;
	font-size: 20px;
	font-family: Source Han Sans CN, Source Han Sans CN;
	    font-weight: 400;
}
.baTits span{
	margin-left: 10px;
	font-size: 20px;
	font-weight: 100;
}

.updateBtn{
	width: 222px;
	height: 50px;
	background: #aa9cff;
	border-radius: 6px 6px 6px 6px;
	font-weight: 400;
	font-size: 20px;
	color: #ffffff;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	float: right;
	margin-left: 70px;
}
.updateBtn-shiting{
	background: #ffa681;
}
.updateBtn:hover{
	background: #5539ff ;
}
.updateBtn-shiting:hover{
	background: #ff4b00;
}
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s ease;
display:none;
}
.swiper-container-3d{
list-style: none!important;
}
.modal-container {
    background: white;
    border-radius: 15px;
    width: 90%;
margin:0 auto;
    max-width: 800px;
    max-height: 90vh;
    overflow: hidden;
    transform: scale(0.9);
    transition: transform 0.3s ease;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}
.secondary-btn {
    background: #e9ecef;
    color: #495057;
}
.action-btn {
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: all 0.3s;
}
.primary-btn {
    background: #ff2832;
    color: white;
}
.action-btn {
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: all 0.3s;
}

/* 精品课推荐 标题右侧「更多」（黑色文字） */
.baTits {
	position: relative;
}
.baTits-more {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: #000;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
}