#notice .slide-btn-group,
#faculty .slide-btn-group ,
#gellayView .slide-btn-group { position: absolute;	right: 0;	top: -.7rem; 	 }

/* 图片灰化 */
.course_list ul li img,
.platforms_list ul li .img16_9 img ,
.medium_list ul li img { /* FILTER: gray;  -webkit-filter: grayscale(100%); */  transition: all .35s;}

.course_list ul li:hover img,
.platforms_list ul li:hover .img16_9 img,
.medium_list ul li:hover img {   FILTER: gray;  -webkit-filter: grayscale(0);   transition: all .35s;}



/* banner */
#banner { 
	width: 100%;
	height: 100vh;
	position: relative;
}

#banner .swiper-slide a {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0;
	overflow: hidden;
	text-align: left;
}

#banner .swiper-slide a video { width: 100%; }

#banner .inside-bottom { 
	position: absolute;
	bottom: .8rem;
	left: 50%;
	transform: translateX(-50%);
}

#banner .swiper-pagination { 
	text-align: right; 
	width: 14.6rem;
	left: 50%;
	bottom: .8rem;
	transform: translateX(-50%);
} 

#banner .swiper-pagination .swiper-pagination-bullet  { 
	width: .2rem; 
	height: .2rem; 
	margin-left: 10px;
	border: 2px #fff solid;
	background-color: transparent;
	border-radius: 0;
	opacity: 1;
}

#banner span.swiper-pagination-bullet-active { background-color: #fff !important;  }

.swiper-button-prev:after,
.swiper-button-next:after {	display: none; }

#banner .swiper-button-next , 
#banner .swiper-button-prev   {
	width: .55rem;
	height: .55rem; 
	margin:  auto 40px; 
	border-radius: 50%;
	border: 1px rgba(255,255,255,.15) solid ;
	transition: all .3s;
}

#banner .swiper-button-prev i ,
#banner .swiper-button-next i {
	display: block;
	width: 100%; 
	transform: translateY(0%);
	border-color: #fff;
	transition: all .3s;
}

#banner .swiper-button-prev i { transform: translateX(30px); transition: all .3s;}
#banner .swiper-button-next i { transform: translateX(-30px);  transition: all .3s;}

#banner .swiper-button-prev:hover i { transform: translateX(25px) scale(.85); margin-left: -10px; transition: all .3s;}
#banner .swiper-button-next:hover i { transform: translateX(-25px) scale(.85); margin-right: -10px; transition: all .3s;}

#banner .svg-root svg {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;	
	z-index: -1;
}

#banner .svg-root:hover  {	transform: scale(1.15);	transition: all .3s; }

.cls-1 {
	width: 100%;
	height: 100%;
	fill: none;
	stroke: #fff;
	stroke-width: 1px;
	stroke-dasharray: 200px;
	stroke-dashoffset: -200px;
	opacity: 0.3;
	transition: all .3s;
}

#banner .swiper-button-next .cls-1 { transform-origin: center center; transform: rotate(180deg); stroke-dasharray: 200px; stroke-dashoffset: 200px; }

#banner .swiper-button-prev:hover .cls-1 ,
#banner .swiper-button-next:hover .cls-1 { stroke-dashoffset: 0px; opacity: 1; transition: all .3s;}

#banner .jt-left-arrow::before,
#banner .jt-right-arrow::before  { width: 100%; border-width: 1px; }

#banner .jt-left-arrow::after {
    content: "";
    width: 0.12rem;
    height: 0.12rem;
    border-top: 1px #fff solid;
    border-right: 1px #fff solid;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(-135deg);
}

#banner .jt-right-arrow::after {
    content: "";
    width: 0.12rem;
    height: 0.12rem;
	border: none;
    border-top: 1px #fff solid;
    border-right: 1px #fff solid;
    position: absolute;
    right: 0;
    top: 48%;
    transform: translateY(-50%) rotate(45deg);
}

.banner-tittle { width: 75%; }

/* banner-end */


/* news */
.mode-news .li-line-3 ul li { margin-bottom: 0; }

.news_list { width: 100%; }
.news_list ul li  { background-color: #fff;	transition: all .3s;}
.news_list ul li a {  transform: translateY(0px);transition: all .3s;}
.news_list ul li:nth-child(2n-1) { background-color: var(--theme_red); }


.news_list ul li .news-tittle { display: block; color:var(--color_title) }

.news_list ul li:nth-child(2n-1) a,
.news_list ul li:nth-child(2n-1) .news-tittle  { color: #fff; text-decoration: none; }


.news_list ul li:hover  { box-shadow: 0 0 35px rgba(0,0,0,.05); transition: all .3s;}
.news_list ul li:hover a {  transform: translateY(-10px); transition: all .3s; }


.news_list ul li .unison-date { display: none; }

.news_list ul li .item_with_topImgs dd { padding: 0.4rem; height: 2.2rem; border: none; }


/* news-end */


/* mode-notice */
.mode-notice { padding-bottom: 0 !important; }
#notice { height: 3.84rem;  }
#notice .swiper-slide { background-color: #fff; text-align: left; }
#notice .swiper-slide .news-tittle { margin-bottom: .4rem; }

#notice .swiper-slide hr.redline {
	border: none;
	border: 1px  var(--theme_red) solid;	
	width: 0;
	display: block;
	position: absolute;
	bottom: .4rem;
	opacity: 0;
	transition: all .3s ease-out;
}

#notice .swiper-slide:hover .news-tittle { color: var(--theme_red); }

#notice .swiper-slide:hover hr.redline {
	width: calc(100% - .8rem);
	opacity: 1;
	transition: all .3s ease-out;
}


.left-lable { position: relative; padding-left: 1.3rem; margin-bottom: .1rem; text-align: left; }
.left-lable span {
	display: inline-block;
	position: absolute;
	left: 0;
	text-transform: uppercase;
}
.left-lable i { font-style: normal; }

/* mode-notice-end */



/* mode-course */
.mode-course { padding-top: 0 ; }

.fullwidth .mode-course-box { 
	padding: .9rem .8rem ; 
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	transition: all .3s ease-out;
}



.fangkuai { overflow: hidden; }

.fangkuai .box1 {
	width: 7.85rem;
	height: 8.14rem;
	float: left;
	background-size: 82% auto !important;
	background-position: -90% 188% !important; 
}

.fangkuai .box1 .desc-area { margin-bottom: 1rem; }


.fangkuai .box2 { 	width: calc(100% - 7.85rem); height: 5.76rem;	float: left; 	}
.fangkuai .box2  ,
.fangkuai .box2 p { text-align: right;  }
.fangkuai .box2 .inside-bottom { position: absolute;	right: 0; text-align: right; padding: .68rem .8rem ; }



.fangkuai .box3 { 
	background-color: #000;
	width: 11.41rem; height: 4.71rem; float: left;
	margin-left: 50% !important;	 
	transform: translateX(-50%) !important ;
	margin-top: -2.38rem;
}
.fangkuai .box3 a {	position: absolute;	bottom: .8rem;}


.course_list ul li a { 
	position: relative; 
	
}
.course_list ul li h6.course-tittle  {
	position: absolute;
	bottom: 0;
	padding: .3rem;
	z-index: 5;
	width: 100%;
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,.7) 4%, rgba(0,0,0,0) 103%);
	background: -moz-linear-gradient(bottom, rgba(0,0,0,.7) 4%, rgba(0,0,0,0) 103%);
	background: -ms-linear-gradient(bottom, rgba(0,0,0,.7) 4%, rgba(0,0,0,0) 103%);
	background: linear-gradient(bottom, rgba(0,0,0,.7) 4%, rgba(0,0,0,0) 103%);
	 
	transition: all .3s;
}

.course_list ul li:hover h6.course-tittle{
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 4%, rgba(0,0,0,0) 74%);
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0) 4%, rgba(0,0,0,0) 74%);
	background: -ms-linear-gradient(bottom, rgba(0,0,0,0) 4%, rgba(0,0,0,0) 74%);
	background: linear-gradient(bottom, rgba(0,0,0,0) 4%, rgba(0,0,0,0) 74%);
	 
	transition: all .3s;
}


/* mode-course-end */


/* mode-programs */
.mode-programs { 
	padding: 0; 
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	background-attachment: fixed; 
}

.mode-programs .fullwidth {  
	margin-bottom: 0; 
	height: 5.8rem; 
	padding-bottom: 1.9rem; 
	flex-flow: column;  
	text-align: center;  
	justify-content: center; 
	background-attachment: fixed;
}

.mode-programs .fullwidth p { max-width:90%; margin: auto; text-align: center; }

.cls-2 { width: 100%; height: 100%; fill: #fff; transition: all .3s; }

.programs-cards { overflow: hidden; position: relative;  z-index: 5;  margin-top: -1.7rem;}
.programs-cards ul li { width: calc((100% - 10px) / 3);	float: left; margin-right: 5px; transition: all .3s;}
.programs-cards ul li a {	display: block; width: 100%; height: 100%;	padding: .3rem;	text-decoration: none;}

.programs-cards ul { display: flex; }
.programs-cards ul li a,
.programs-cards ul li a h4,
.programs-cards ul li a .desc p { color: #fff; }
.programs-cards ul li a .desc p { -webkit-line-clamp: 3; opacity: .6; line-height: 1.35; }

.programs-cards ul li .svg-root { line-height: 1; margin-bottom: 0.24rem; } 
.programs-cards ul li:last-child{ margin-right: 0; }

.programs-cards ul li:nth-child(1) { background-color: var(--theme_red); }
.programs-cards ul li:nth-child(2) { background-color: var(--theme_gold); }
.programs-cards ul li:nth-child(3) { background-color: var(--theme_Lightgold); }

.programs-cards ul li:hover {
	transform: translateY(-10px); transition: all .3s;
}


#faculty .normal_list { background-color: #faf8f5; }
#faculty .normal_list dd { padding: .18rem 0 .24rem;  }
#faculty .normal_list dd h3 { margin-bottom: 0px; }



#faculty .normal_list dd h3,
#faculty .normal_list dd h3 span { 
	overflow: hidden; 
	line-height: 1.5; 
	display: -webkit-box; 
	text-overflow: ellipsis;  
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1; 
}

#faculty .swiper-pagination { position: relative;	margin-top: .6rem;}

#faculty .normal_list:hover h3 { color: var(--theme_red); transition: all .3s;} 


.platforms_list { width: 100%; }
.platforms_list ul li { position: relative;transition: all .3s; } 

.platforms_list ul li h3 { margin-bottom: 0;   }

.platforms_list ul li a {
	display: flex;
	justify-content: flex-end;
	flex-flow: column ;
	align-items: flex-start;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	text-align: left;
	color: #fff;
	z-index: 5;
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,.7) 4%, rgba(0,0,0,0) 74%);
	background: -moz-linear-gradient(bottom, rgba(0,0,0,.7) 4%, rgba(0,0,0,0) 74%);
	background: -ms-linear-gradient(bottom, rgba(0,0,0,.7) 4%, rgba(0,0,0,0) 74%);
	background: linear-gradient(bottom, rgba(0,0,0,.7) 4%, rgba(0,0,0,0) 74%);
	padding: .3rem .35rem ;
	transition: all .3s;
}

.platforms_list ul li .desc-area { margin-top:.1rem ; /* opacity: 0;  transform: translateY(100%); */ display: none;   }

.desc-area p { text-align: left;  }

.platforms_list ul li:hover a {
	text-decoration: none;
	/* background-color: rgba(140,0,0,.45); */
	background: -webkit-linear-gradient(bottom, rgba(140,0,0,.45) 100%, rgba(140,0,0,.45) 100%);
	background: -moz-linear-gradient(bottom, rgba(140,0,0,.45) 100%, rgba(140,0,0,.45) 100%);
	background: -ms-linear-gradient(bottom, rgba(140,0,0,.45) 100%, rgba(140,0,0,.45) 100%);
	background: linear-gradient(bottom, rgba(140,0,0,.45) 100%, rgba(140,0,0,.45) 100%);
	transition: all .3s;
}
 

/* mode-programs-end */



/* mdeo-gellay */
.mdeo-gellay { padding-top: 0; }
.mdeo-gellay .fullcontainer_16 {  padding-top: .7rem;   margin-top: -1.6rem;  }
.mdeo-gellay .fullwidth {     padding: .7rem 0 1.6rem; margin-bottom: 0; height: 6.45rem; background-color: #000; }

.mdeo-gellay .bg_black_ab {
	display: none;
	background: -webkit-linear-gradient(top, rgba(0,0,0,.7) 4%, rgba(0,0,0,0) 74%);
}

.btn-vide {  margin-top: 0.8rem;}
.btn-vide em {
	display: block;
	width: 0.7rem;
	height: 0.7rem;
	border: 2px #fff solid;
	border-radius: 50%;
	margin: auto;
	margin-bottom: 24px;
}

.btn-vide em::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 8px transparent solid;
	border-left: 13px #fff solid;
	border-right: none;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.btn_video2 {  
	position: relative; 
	top: 0; 
	transform: translate(-50%, 0);
	transition: all .3s;  
}
.btn_video2:hover { transform: translate(-50%, 0) scale(1.1); transition: all .3s; }

#gellayView .swiper-pagination { position: relative; margin-top: .6rem; }
 
 
 
/* Follow us */
.mode-medium {  padding-bottom: .9rem; }
.mode-medium .co-tittle { margin-bottom: 60px; }
.medium_list {width: 100%; }
.medium_list ul { 
	display: flex; 
	justify-content: center;
	flex-flow: row nowrap;
}
.medium_list ul li {
	width: .8rem;
	height: .6rem;
	border-radius: 5px;
	overflow: hidden;
	background-color: #fff;
	position: relative;
	margin: auto 3%;
	margin-bottom: 10px;
	transition: all .3s;
}

.medium_list ul li img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 60%;
}

.medium_list ul li:hover {  box-shadow: 0 0 9px 1px rgb(0 0 0 / 8%); transition: all .3s; }

span#cnzz_stat_icon_1278970734 { display: none; }