.inside-bottom { 
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.mode-about { padding-bottom: 0; }
.mode-research { padding: 0; }
.mode-news { padding-top: 0; }

/* 四角装饰 */
.has_angleline ,
.has_angleline_only_top,
.course-introl .course-model {
	background:
	linear-gradient(to top, #c6c6c6,#c6c6c6) left top no-repeat,
	linear-gradient(to right, #c6c6c6,#c6c6c6) left top no-repeat,
	linear-gradient(to left, #c6c6c6,#c6c6c6) right top no-repeat,
	linear-gradient(to bottom, #c6c6c6,#c6c6c6) right top no-repeat,
	linear-gradient(to left, #c6c6c6,#c6c6c6) left bottom no-repeat,
	linear-gradient(to bottom,#c6c6c6,#c6c6c6) left bottom no-repeat,
	linear-gradient(to top, #c6c6c6,#c6c6c6) right bottom no-repeat,
	linear-gradient(to left, #c6c6c6,#c6c6c6) right bottom no-repeat;
	background-size: 2px 20px, 20px 2px, 2px 20px, 20px 2px;
	padding: 35px;
}

.has_angleline_only_top { padding: .8rem 0; margin-top: -2px;}



.none-fit-padding { 
	justify-content: flex-start;
	padding: 0 !important;
	background-color: transparent !important;
	color: var(--color_title) !important;
}

.none-fit-padding i { margin-left: 8px; }


.swiper-button-prev::after, 
.swiper-button-next::after { display: none; }
 
.swiper-common-button  { 
	width: 110px;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	right: 0;
	top: -79px;
 }
 .swiper-common-button .swiper-button-prev::after,
 .swiper-common-button .swiper-button-next::after { content: ""; display: none; }
 
 
.swiper-common-button .swiper-button-prev,
.swiper-common-button .swiper-button-next {
	position: static;
	/* width: 50px;
	height: 50px;
	margin-top: unset; 
	border-radius: 50%; */
	display: flex;
	align-items: center;
	transition: all .35s;
}

.swiper-common-button .swiper-button-prev:hover,
.swiper-common-button .swiper-button-next:hover { 
	background-color: var(--theme_brandColor); 
	border-color:  var(--theme_brandColor);
	transition: all .35s;
}

.swiper-common-button .icon-jt-left, 
.swiper-common-button .icon-jt-right { width: 100%; max-width: 30px; margin: auto; background-color:transparent;}
 

.swiper-common-button .swiper-button-prev { filter: grayscale(1); justify-content: flex-end; transition: all .35s; }
.swiper-common-button .swiper-button-next { filter: grayscale(1); justify-content: flex-start; transition: all .35s;}

.swiper-common-button .swiper-button-prev:hover ,
.swiper-common-button .swiper-button-next:hover { filter: grayscale(0); transition: all .35s; }

 


/* banner */
#banner { height: 100vh; width: 100%; }
#banner .swiper-slide a {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}

#banner .swiper-slide .inside-bottom {
	width: 100%; 
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	justify-content: center;
	color: #fff;
	gap: var(--gap-space);
	background-image: url(../img/icon/banner-wamp.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: right bottom;
	padding: 55px 1rem;
	position: absolute;
	bottom: 0;
}

#banner hr  { width: 100%; border-top: 1px rgba(255,255,255,.5) solid; margin: 0; }

.banner-tittle { max-width: 60%; text-align: left; }

.banner-video {	width: 100%;height: 100%;position: absolute;z-index: 0;}
.banner-video video {  width: 100%; height: 100%; object-fit: cover;  }

.banner-desc { min-height: 30px; font-weight: lighter; opacity: .65; font-size: 20px;}
#banner .tags { padding: 10px 15px; font-size: 14px; }

#banner .swiper-common-button {
	width: 50%;
	position: absolute;
	bottom: 26px;
	left: 0;
	z-index: 50;
	padding: 15px 1rem;
	justify-content: flex-start;
	gap: 15px;
}
 

#banner .swiper-pagination {
    bottom: 55px;
    left: unset;
    right: 1rem;
    width: auto;
    text-align: right;
    /* position: static; */
}

#banner .swiper-button-next , 
#banner .swiper-button-prev {  
	width: 53px; 
	height: 53px;
	margin: 0 ; 
	border:none;
	 border-radius: 50%; 
}

/* #banner .swiper-button-next i, 
#banner .swiper-button-prev i { background-color: #fff; }
#banner .swiper-button-next i::after, 
#banner .swiper-button-prev i::after { border-color: #fff; } */

#banner:hover .swiper-button-next , 
#banner:hover .swiper-button-prev { opacity: 1; transition: all .3s;  }
 
 
/* banner-end */

/* about */
.home-about {
	display: grid;
	gap: 1.2rem;
	grid-template-columns: 45% auto;
}

.home-about dt {
	display: flex;
	flex-flow: column;
	gap: var(--gap-space);
	align-items: baseline;
}

.home-about dt .desc-unlimit p { margin-bottom: 8px;}
/* about-end */




/* news */
.news-item  { width: 100%; height: 100%; }
.news-item ,
.news-item dd {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	gap: 18px;
}
.news-item dd  {min-height: 192px; }
.news-item dt {}
.linear-wamp {
	display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
	/* background: -webkit-ra-gradient(45deg, rgba(45,255,80,.35),rgba(0,0,0,.5)); */
	background: radial-gradient(circle at 1% 121%,rgba(45,255,80,.5) ,rgba(0,0,0,.55) 46% );
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    color: #fff;
	opacity: 0;
	transition: all .35s ;
}

.swiper-slide:hover .linear-wamp,
ul li:hover .linear-wamp { 
	background: radial-gradient(circle 760px at 1% 121%,rgba(45,255,80,.5) ,rgba(0,0,0,.55) 46% );
	opacity: 1;	
	transition: all .35s ;
}

.notice-item {
	display: flex;
	flex-flow: column; 
	gap: var(--gap-space);
	min-height: 4.7rem;
	background: radial-gradient(circle 260px at 88% 113%,rgba(45,255,80,0) ,rgba(0,0,0,0) 46% );
	transition: all .35s ;
}

ul li:hover .notice-item,
ul li:hover .job-item, 
.swiper-slide:hover .job-item{
	background: radial-gradient(circle 760px at 88% 113%,rgba(45,255,80,.5) ,rgba(0,0,0,0) 46% );
	/* animation: RadialGradientRight .35s ease-out forwards; */
	transition: all .35s ; 
}

.job-item ,
.swiper-slide .job-item {
	display: flex;
	flex-flow: column; 
	gap: var(--gap-space);
	min-height: 4rem;
	background-color: #f7f7f7;
	transition: all .35s ;
}

.noticelist ul li a { border: 1px var(--border_color) solid; }
.noticelist ul li .desc p ,
.job-item .desc p { -webkit-line-clamp: 7; min-height: 1.35rem; }
 
.noticelist ul li a ,
.noticelist ul li a .inside-bottom ,
.job-item,
.job-item .inside-bottom  { padding: .5rem .45rem; }

.job-item .inside-bottom { 
	left: .45rem; 
	right: .45rem; 
	padding:.15rem 0 .4rem; 
	width: auto; 
	border-top: 1px var(--border_color) solid;
}

.job-item .btn-stand-more ,
ul li .btn-stand-more { transform: translateX(35px); transition: all .35s; }

.job-item .btn-stand-more i,
ul li .btn-stand-more i { opacity: 0; transition: all .35s; }

.job-item:hover .btn-stand-more i ,
ul li:hover .btn-stand-more i { opacity: 1; transition: all .35s; }

.job-item:hover .btn-stand-more,
ul li:hover .btn-stand-more { transform: translateX(0);transition: all .35s;  }

.gridbox .public-item {
	background-color: transparent;
	padding: 0;
	display: grid;
	grid-template-columns: 35% auto;
	gap: var(--gap-space);
	align-items: center;
}

.gridbox .public-item dd {
	display: grid;
	height: 100%;
	gap: 10px;
	color: #fff;
}



.public_list.color_bai  .desc,
.public_list.color_bai .unison-date { opacity: .5; }

.swiper-slide:hover .news-tittle,
ul li:hover .news-tittle { color: var(--brandgreen); transition: all .35s; }

/* news-end */


/* faculty */
.faculty-item,
.faculty-item dd ,
.faculty-cards ,
.faculty-cards dd { width: 100%; display: grid; grid-template-columns: 100%; gap: 20px; }

.faculty-item {
	border: 1px var(--border_color) solid;
	padding: var(--gap-space);
}

.faculty-item dd hr { margin: 0; }
.faculty-item dd button {
	justify-content: flex-end;
	align-items: center;
	/* border-top: 1px var(--border_color) solid; */
	/* padding-top : 20px; */
}

.faculty-type ul { width: 100%; }
.faculty-type ul li { 
	min-width: calc(100% / 8); text-align: center; 
	background-size: 2px 10px, 99px 2px, 2px 10px, 99px 2px;
}

.faculty-type ul li:hover {
	background-size: 2px 10px, 99px 2px, 2px 10px, 99px 2px;
}

.t-name {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.t-name sub,
.t-name span { font-size: 65%; margin-top: 8px;}

.faculty-cards .t-name ,
.t-name span { display: block; }

.faculty-cards dd ul { 
	width: 100%; 
	border-top: 1px var(--border_color) solid;
	display: flex;
	flex-flow: column;
	gap: 15px;
	padding-top: 20px;
}
.faculty-cards dd ul p {
	display: grid;
	grid-template-columns: 90px auto; 
	word-wrap: break-word;
	font-size: 14px;
	color: var(--text_mainColor);
}
.faculty-cards dd ul p span { display: inline-flex;   }
.faculty-cards dd ul p a { }

.paper-type ul { flex-flow: row wrap; }
.paper-type ul li { font-size: .2rem;}
.public-paper-info p { color: #666; text-indent: 0; margin-bottom: .15rem;}


/* faculty-end */


/* public & course */
.mode-course .home-type { margin-bottom: 40px; }
.public-item,
.courses-item {
	height: 100%;
	background-color: var(--theme_body_bg);
	display: flex;
	flex-flow: column;
	gap: .36rem;
	align-items: flex-end;
	padding: var(--gap-space);
}

 .courses-item { gap: 16px; }
 .courses-item .desc-unlimit  { min-height: .85rem;}

.public-item dt,
.public-item dd,
.author_info ,
.desc-unlimit ,
.news-tittle { width: 100%; }
.public-item dd { display: flex; flex-flow: column; gap: 20px; height: inherit; }
.public-item dd ul.author_info ,
.author_info { 
	gap:0; 
	grid-template-columns:100%; 
	border-top: 1px var(--border_color) solid;
}
.public-item dd ul.author_info p,
.author_info p {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #999;
	gap: 8px;
	border-bottom: 1px var(--border_color) solid;
	padding: 10px 0;
	color: var(--text_mainColor);
}

.links,
.links:hover { display: inline-block; font-style: normal;  color: blue; word-break: break-word;}

.mode-relative ul li .news-tittle { min-height: .65rem; }

.author_info p span { color: #999; min-width: 78px; }

.public-list .public-item .desc-unlimit p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient:vertical;
	overflow: hidden;
}

.others { width: 100%; }
.others .tab_slidedown { margin-top: 20px; }
.tab_slidedown { background-color: #e5eced; padding: 20px; }
.tab_slidedown dt { display: none;overflow: hidden;}
.tab_slidedown dt img {	margin-left: 35%;	transform: translateX(-50%);}
.tab_slidedown h3 {	color:var(--text_mainColor); text-align: center; }

.sub_mode_title { margin-bottom: 30px; }

.results-item {
	display: grid;
	grid-template-columns: 100px auto 100px;
	gap:var(--gap-space) ;
	align-items: center;
}

/* public & course-end */


/* detail */
.faculty-model { 
	width: 100%; 
	display: grid;
	grid-template-columns: 100%;
	gap: var(--gap-space);
}

.faculty-model .item-teach .info { padding-left: 2em; }
.faculty-model .item-teach .stand-title-24 { 
	background: -webkit-linear-gradient(  left,rgba(17,40,41,1) ,rgba(255,255,255,0) );
	background: -moz-linear-gradient(  left,rgba(17,40,41,1) ,rgba(255,255,255,0) );
	background: -ms-linear-gradient(  left,rgba(17,40,41,1) ,rgba(255,255,255,0) );
	background: linear-gradient(  left,rgba(17,40,41,1) ,rgba(255,255,255,0) );
	color: #fff;
	border-left: 5px var(--theme_subColor) solid;
	padding: 15px;
	font-size: 16px;
	margin-bottom: 20px; 	
}

.btn-group-xs {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-flow: row-reverse;
	border-top: 1px var(--border_color) solid;
	padding-top: var(--gap-space);
}

.btn-group-xs .personal-btn { width: 48%; }


.personal-btn { 
	padding: 15px;
	/* border-radius: 5px; */
	background-color: #eee; 
	transition: all .35s;
}

.personal-btn:hover {
	background-color: var(--theme_brandColor) ;
	color: #fff;
	transition: all .35s;
}

.news-detail-share {
	display: flex;
	gap: var(--gap-space);
	align-items: center;
	min-height: 65px;
}

.news_relative { width: 100%;}
.news_relative.has_angleline_only_top.pc {  padding: 60px 0;}
.news_relative h3.stand-title-24 { margin-bottom: 20px; color: #2a8490; }
.news_relative ul {
	display: flex;
	flex-flow: column;
	gap: 15px;
}

.news_relative ul li a  {
	border-top: 1px var(--border_color) solid;
	padding-top: 15px;
	display: flex;
	flex-flow: column;
	gap: 8px;
	transition: all .35s;
}


.news_relative ul li h3 { font-size: .18rem; font-weight: normal;  transition: all .35s;}
.news_relative ul li .relative_slide  { display: none; } 
.news_relative ul li:hover h3 { color: var(--theme_brandColor) ; font-weight: 600; transition: all .35s; }

.news_relative .personal-btn { margin-top: var(--gap-space); }
/* detail-end


/* research */
.mode-research ,
#research { width: 100%; }

#research .myThumbs {
	position: absolute;
	width: 25%;
	height: 100%;
	/* border: 1px red solid; */
	left: 0;
	top: 0;
	z-index: 5;
	/* background:-webkit-linear-gradient(left,rgba(17,40,41,1) 0%,rgba(45,255,80,.8) 232%); */
}

#research .myThumbs .swiper-slide h3 {
	width: 100%;
	font-size: .2rem;
	line-height: 1.35;
	padding: var(--gap-space) .34rem;
	position: relative;
	overflow: hidden;
}

#research .myThumbs .swiper-slide h3::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	/* background:-webkit-linear-gradient(  left,rgba(17,40,41,1) ,rgba(255,255,255,0) );
	background:-moz-linear-gradient(  left,rgba(17,40,41,1) ,rgba(255,255,255,0) );
	background:-ms-linear-gradient(  left,rgba(17,40,41,1) ,rgba(255,255,255,0) );
	background:linear-gradient(  left,rgba(17,40,41,1) ,rgba(255,255,255,0) ); */
	background:-webkit-linear-gradient(  left,rgba(255,255,255,.5) ,rgba(255,255,255,0) );
	background:-moz-linear-gradient(  left,rgba(255,255,255,.5) ,rgba(255,255,255,0) );
	background:-ms-linear-gradient(  left,rgba(255,255,255,.5) ,rgba(255,255,255,0) );
	background:linear-gradient(  left,rgba(255,255,255,.5) ,rgba(255,255,255,0) );
	transform: translateX(-100%);
	transition: all .35s;
}

#research .myThumbs .swiper-slide-thumb-active h3::before {
	transform: translateX(0);
	transition: all .35s;
}

#research .myThumbs .swiper-slide {
	background-color: transparent;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items:baseline;
	text-align: left;
	color: #fff; 
}

#research .mySwiper .img28_1 {  padding-top:49.8%;  } 
#research .mySwiper .swiper-slide {	
	padding-left: 25%;     
	background-repeat: no-repeat;
    background-position: right top;
}
#research .mySwiper .swiper-slide .inside-bottom h3 { display: none; }
#research .mySwiper .swiper-slide .inside-bottom {
	display: flex;
	flex-flow: column;
	text-align: left;
	justify-content: flex-start;
	align-items: baseline;
	gap: 15px;
	width: 38%;
	top: 36px;
	padding: var(--gap-space);
}

#research .desc-unlimit p { color: #fff; }

/* research-end */



/* public & articles & course*/
.mode-public .co-title { text-align: center; }
.gridbox {
	display: grid;
	grid-template-columns: 50% 50%;
	gap: var(--gap-space);
}

.home-type { width: 100%; /* padding-bottom: 10px; */ margin-bottom: .22rem; }
.home-type ul {	display: flex;	flex-flow: row wrap; gap: 10px 37px; }
.home-type ul a {display: inline-flex;	font-size: .24rem;}

.articles_list ul li a {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: baseline;
	gap: 15px;
}

.mode-public .articles .tab-body { /* height: calc(100% - 1rem); */ height: inherit;}
.mode-public .articles .tab-body .item,
.mode-public .articles .articles_list  { height: 100%; }
.mode-public .articles_list ul { height: 100%; gap: 0; }
.mode-public .articles_list ul li { border-top: 1px rgba(255,255,255,.5) solid; }
/* .mode-public .item .articles_list ul li:last-child a { padding-bottom: 0; } */

.mode-public .public_list ul li:hover .news-tittle,
.mode-public .articles_list ul li:hover .news-tittle { color: var(--theme_subColor) !important; }

.articles_list .desc p ,
.mode-course .paper_list .desc p{ font-size: .18rem; } 


.mode-public .desc,
.mode-public .public-item .unison-date { opacity: 0.5; }

.mode-public .btn-stand-more-retrun {
	border-top:  1px rgba(255,255,255,.5) solid;
	margin-top: var(--gap-space);
	justify-content: flex-start;
	padding-top: var(--gap-space);
}


.course-introl  {
	display: grid;
	grid-template-columns: 60% 40%;
}

.course-introl .course-model {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: -1px;
}

.course-introl .course-model:nth-child(3),
.course-introl .course-model:nth-child(4) {
	flex-flow: column;
	justify-content: flex-start;
	align-items: baseline;
}

.course-introl .course-model .course-tags {
	color: var(--text_mainColor);
	font-size: 18px;
	min-width: 50%;
}

.c-teacher {display: block;	color: #999;font-size: 14px;}

#courses .detail-sticky-left-content { width: 60%; }
#courses .detail-sticky-left { margin-left: 0; width: 40%; }

.download_list { width: 100%; overflow: hidden; transition: all .35s; }
.download_list ul li { background-color:#e5eced ; }
.download_list ul li .imgsize img { width: auto; height:80% ; top: 57%; left: 38%; }
.download_item { position: relative; }
h5.book-name { padding: 15px;  text-align: center; }
.download_item dd {
	display: flex;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.5);
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 14px;
	/* transform: translateY(100%); */
	z-index: -1;
	opacity: 0;
	transition: all .35s;
}

ul li:hover dd ,
.download_item:hover dd {
	z-index: 5;
	opacity: 1;
	transition: all .35s;
}


.paper_list .public-item {
	display: grid;
	align-items: center;
	grid-template-columns: 217px auto;
	gap: var(--gap-space);
}

.paper_list .public-item .news-tittle,
.articles_list ul li .news-tittle { font-size: .24rem; }

.paper_list ul li:hover .public-item {
	background-color: var(--theme_brandColor);
	transition: all .35s;
}

.paper_list ul li:hover .public-item .news-tittle { color: var(--theme_subColor); transition: all .35s; }

.paper_list ul li:hover .desc p,
.paper_list ul li:hover .unison-date { color: rgba(255,255,255,.5); transition: all .35s;}




.articles_list ul { gap: 0; }
.articles_list ul li a {
    border-top: 1px var(--border_color) solid;
	padding: var(--gap-space) 0;
}

.articles_title {
    font-size: .28rem;
    line-height: 1.5;
    font-weight: bold;
    padding-left: 20px;
    border-left: 5px var(--theme_brandColor) solid;
}

/* public & articles & course -end */




 
/* mode-enter */
.mode-enter { width: 100%; }
.enterlist ul li {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	transition: all .35s;
}
.enterlist ul li a {
	display: flex;
	padding: .4rem .35rem;
	flex-flow: column;
	align-items: baseline;
	justify-content: flex-start;
	gap: 1.15rem;
}

.enterlist ul li button.btn-stand-more ,
.enterlist ul li button.btn-stand-more-retrun { opacity: 0; transition: all .35s;}
.enterlist ul li button.btn-stand-more { transform: translateX(0); }



/* #cbf360 */
.enterlist ul li:hover button.btn-stand-more,
.enterlist ul li:hover button.btn-stand-more-retrun {  
	opacity: 1;
	transition: all .35s;
}

.mode-enter .enterlist ul li .enter_title { font-size: .32rem; }

.enter_title { font-size: .24rem; line-height: 1.35; max-width: 50%; color: var(--brandgreen); }
.enter_title span { font-size: 70%; display: block; text-transform: capitalize; }



.mode-research2 { width: 100%; }
.research-banner { min-height: 58vh; }
.research_only {
	width: 44%;
	display: grid;
	gap: var(--gap-space);
}

.mode-jishu {
	background-color: var(--theme_brandColor);
	background-repeat: no-repeat;
	background-size: cover;
	/* min-height: 72vh; */
} 

.cards_box {
	display: grid;
	grid-template-columns: 50% 50%;
	gap: 0px;
	align-items: center;
}

.cards_box dt,
.cards_box dd { height: 100%; }

.cards_box dt { 
	margin-right: -2px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	gap: var(--gap-space);
	padding-right: 11%;
}

.card-item {
	background-color: #163334;
	display: flex;
	flex-flow: column;
	padding:var(--gap-space) ;
	gap: var(--gap-space);
}

.card-item .desc-unlimit { opacity: .5; }

.relative_public ul li .author_info { display: none; }

.relative_public ul li:nth-child(1) .author_info,
.relative_public ul li:nth-child(2) .author_info,
.relative_public ul li:nth-child(3) .author_info { display: block; }


/* mode-enter-end */

/* contact */
dl.contact {
    display: grid;
    grid-template-columns: 40% 50%;
    gap: 10%;
}

dl.contact hr { margin: .6rem 0; }
dl.contact dd { display: block; }
.txt_contact ul { display: grid; gap: 36px; grid-template-columns:100%; }
.txt_contact ul li { font-size: .24rem; line-height: 1; font-weight: bold;}
.txt_contact ul li a { height: auto; }
.txt_contact ul li p.svg-root {
	width: auto;
	display: grid;
	grid-template-columns: 23px auto;
	gap: 8px;
	align-items: center;
	text-align: left;
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: normal;
	color: #999;
}

/* contact-end */