.flex_column ,
.research_derection ul li a,
.team-item dd { display: flex; flex-flow: column; gap: var(--gap-space); align-items: flex-start; }

.mode .list-type {
    position: absolute;
    z-index: 15;
    right: 0;
    top: 40px;
}

.mode-history,
.mode-history .container,
.mode-research ,
.mode-research .container ,
.mode-faculty ,
.mode-faculty .container { overflow: visible; }


/* about */
.mode-about {
	padding-bottom: 0;
	background: radial-gradient( circle at 72%,  var(--theme_brandColor) -12%, #fff 35%);
}

.mode-derection {  background-color: rgba(255,255,255,.25);  }

.about-introl { grid-template-columns: 30% auto; }
.about-introl .about-title span { display: block; }
.research_derection { background-color: #fff; }
.research_derection ul li a { padding:.8rem .6rem;}
.research_derection ul li img { min-height: 50px; height: 80px; }
.research_derection ul li h3 {	display: flex;	align-items: center; gap:10px; }
.research_derection ul li h3 i { background-color: var(--navbar_color); opacity: 0; transition: all .35s; }
.research_derection ul li h3 i::after { border-color: var(--navbar_color); }
.research_derection ul li:hover h3 i { opacity: 1; transition: all .35s;  }



.history-type {  width: 70%; height: fit-content; position: sticky; top: 2rem; }
.history-type ul {	display: flex;	flex-flow: column;	gap:10px;} 
.history-type ul li {
	background-color: #f3f4f6;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: .18rem;
	color: var(--color_desc);
	font-size: 16px;
	cursor: pointer;
	transition: all .35s;
}


.history-type ul li.active ,
.history-type ul li.active:hover{ background-color: var(--theme_brandColor); color:  #fff; transition: all .35s;}
.history-type ul li:hover { color: var(--theme_brandColor); transition: all .35s;}

.history_list { 
	position: relative; 
	border-left: 1px var(--border_color) solid;  
	display: grid;
	grid-template-columns: 100%;
	gap: 36px;
}
.history_list::before {
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: var(--theme_brandColor);
	position: absolute;
	left: -6.5px;
	top: 0;
}

.history_list .history-item { margin-left: -1px; padding-left: 1rem; border-left: 2px transparent solid; }
.onshow { border-color:  var(--theme_brandColor) !important; transition: all .35s; }

.history_list .history-item h1.stand-title-48 { 
	letter-spacing: -1px;
	color: var(--theme_brandColor); 
	margin-bottom: 20px; 
}

.history_list .history-item .history-info h3 ,
.history_list .history-item .history-info h3 strong { color: var(--theme_brandColor); }



/* contact */
.about-contact {  grid-template-columns: 40% 57%;}
.btn-busline {  position: absolute;  right: 0; bottom: 0;  margin: 20px;}

.busline ul li h3,
.about-contact dt p { color: var(--theme_brandColor); }
.about-contact dt p label {	display: block; font-size: 14px;color: var(--navbar_color);}

.about-contact dt .contact-info  { border-top: 1px var(--border_color) solid; }
.about-contact dt p {
    font-size: .28rem;
    display: flex;
	flex-flow: column;
    justify-content: center;
	gap: 0;
    height: calc(100% / 3);
	border-bottom: 1px var(--border_color) solid; 
}
.contact-info { display: flex; justify-content: space-between;  flex-flow: column;  height: 100%;}

.busline_window { display: none;}
.busline {
    background-color: #fff;
    padding: .6rem;
    border-radius: 12px;
    text-align: left;
}
.busline ul li ,
.contact_card ul li p {display: grid; gap: var(--gap-space);}
.contact_card ul li {background-color: #fff;padding: var(--padding-24);	display: grid;	gap: 10px;}
.contact_card ul li h3 {
	color: var(--navbar_color);
	font-size: .22rem;
	line-height: 1;
	border-bottom: 1px var(--border_color) solid ;
	padding-bottom: 14px ;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	font-weight: bold;
}

.contact_card ul li h3 small {font-weight:normal;	color:  var(--theme_brandColor);}
.contact_card ul li p { grid-template-columns: 24% auto; }
.contact_card ul li p span { color: 30px; }


/* research */
.mode-research { padding-bottom: .5rem; border-bottom: 1px var(--border_color) solid; }
.mode-research .co-title { margin-bottom: 0; }
#derectionlist { padding-top: 0; }
#derectionlist .box-sticky-right { width: calc(100% - 2.7rem); border-left: 1px var(--border_color) solid; }
#derectionlist .box-sticky-left { width: 2.7rem; margin-right: 0; }
.box-sticky-right { min-height: 50vh; }

.dom-scroll { padding-top: .8rem; position: relative; }
.dom-scroll:before {
	content: "";
	width: calc( 100vw - 14rem + (100vw - 14rem) / 2 );
	border-top: 1px var(--border_color) solid;
	position: absolute;
	top: .8rem;
	right: 0;
}

.dom-scroll ul {   }
.dom-scroll ul li { 
	border-right: 4px transparent solid; transition: all .35s; }
.dom-scroll ul li a {
	display:flex; 
	align-items: center;
	color: var(--color_desc);
	gap: 8px; 
	transition: all .35s;
}
.dom-scroll ul li a .img img { width: 20px; }
.dom-scroll ul li.active ,
.program_type ul li.active ,
.research_type ul li.active { border-color: var(--theme_brandColor); }

.dom-scroll ul li.active p a,
.dom-scroll ul li.active .children a.active,
.program_type ul li.active a,
.research_type ul li.active a {color: var(--theme_brandColor) !important; font-weight: bold; transition: all .35s; }

.research_type ul li a {  grid-template-columns: 25px auto; }
.research_type ul li,
.program_type ul li { margin-top: 15px; }




.research-derectionlist {}
.derect-name { line-height: 1.8; color: var(--text_mainColor); }
.derect-name span { display: block; line-height: 1.35; font-size: 14px;  }

.research-derectionlist ul { gap:.6rem; }
.research-derectionlist ul li .derect-name { 
	display: flex;
	justify-content: center; 
	flex-flow: column;
	height: 100%; 
	border-right: 1px var(--border_color) solid; 
	position: relative;
}

.research-derectionlist ul li .derect-name::after {
	content: "";
	display: block;
	background-image: url(../img/icon/icon-line-angle.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 15px;
	height: 30px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right:-10px;
	background-color: #fff;
}

.majay_item,
.dom-scroll-body .dom-item,
.research-derectionlist ul li {
	position: relative;
	/* border-top: 1px var(--border_color) solid;
	border-bottom: 1px var(--border_color) solid; */
}

.majay_item::after,
.dom-scroll-body .dom-item::after,
.research-derectionlist ul li::before ,
.research-derectionlist ul li::after {
	content: "";
	display: block;
	width: calc(14rem + (100vw - 14rem)/2 - 2.7rem - 25px);
	position: absolute;
	border-top: 1px var(--border_color) solid;
	left: 0;
	top: 0;
}

.research-derectionlist ul li::after { top: 100%;}

.research-derectionlist ul li:first-child::before ,
.majay_item:first-child::after ,
.dom-scroll-body .dom-item:first-child::after  { border-top: none; }

 
.research-derectionlist ul li a {
	padding-left: .5rem;
	min-height: 48vh;
	display: grid;
	grid-template-columns: 26% auto;
	align-items: center; 
	gap: var(--gap-space);
}

.research-derectionlist ul li .grid-container {
	display: flex;
	flex-flow: row-reverse;
	align-items: center;
	gap: var(--gap-space);
}
.research-derectionlist ul li .derect-name { font-size: .24rem; font-weight: bold; }
.research-derectionlist ul li .derect-name span { font-weight: normal; }
.research-derectionlist ul li .desc-unlimit { width: calc(100% - 40% -  var(--gap-space)); }
.research-derectionlist ul li .imgsize { width: 40%; height: auto; padding: 0; }
.research-derectionlist ul li .imgsize  img { position: static; transform: translate(0,0); }

.mode-research-lab { padding-bottom: 0; }
.mode-lab { border-top:1px var(--border_color) solid ;  }
.mode-lab .container { padding: .6rem 0; border-left:1px var(--border_color) solid ; }

.lab_banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.lab_banner a  {
	height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: rgba(255,255,255,.35);
	backdrop-filter: blur(2px);
}

.only_width { max-width: 80%; margin: auto; }

.lab_all_list .lab_item { position: relative; padding-top: .6rem; padding-bottom: .6rem; }
.lab_all_list .lab_item::after {
	content: "";
	display: block;
	width: calc(100vw - (100vw - 14rem) / 2 );
	border-top:1px var(--border_color) solid ; 
	position: absolute;
	top: 100%;
	left: 0;
} 

.lab_all_list .lab_item:first-child { margin-top: -1rem; }
.lab_all_list .lab_item:last-child::after { border: none; }

.lab_banner a,
.lab_banner a:hover {color: var(--text_mainColor);text-decoration: none;}

.lab_list { width: 100%; }
.lab_list ul li a .lab-name { /* position:absolute; bottom: 0; left: 0; z-index: 10; */ }
.lab_list ul li .lab-name { 
	width: 100%; 
	padding: 12px;	
	text-align: center;
	/* background-color: var(--theme_brandColor); 	
	color: #fff; */
}

.lab_list2 ul li a {
	background-color: var(--theme_brandColor); 	color: #fff;
	padding: 15px var(--padding-24);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.lab_list2 ul li a * { text-align: center;}







/* news */
.news_list ul li a { height: calc(100% - 2rem);  }
.news_list ul li .news-item { border: 1px var(--border_color) solid; }
.news_list ul li .news-item dd { position: relative; padding:  var(--gap-space); }
.news_list ul li .news-item dd h3 {	font-size: .2rem; color: var(--text_mainColor); transition: all .35s; }
.news_list ul li .has_right_jt { width: 100%; margin-top:var(--gap-space) ; padding-top: 12px; border-top: 1px var(--border_color) solid; }
.news_list ul li .has_right_jt .unison-date {color: var(--color_date);  }
.news_list ul li .has_right_jt .tags { display: none; }
.news_list ul li:hover dd h3 {color:var(--theme_brandColor) ; transition: all .35s; }


.news-detail-share { 
	display: flex; 
	justify-content: space-between; 
	align-items: center; 
	border-bottom:1px var(--border_color) solid;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

.news_relative .co-title { font-size: 24px; margin-bottom: 15px; }
.news_relative ul { border-top: 1px var(--border_color) solid; }
.news_relative ul li { border-bottom: 1px var(--border_color) solid; }
.news_relative ul li a { padding: 15px 0; }
.news_relative ul li .news-tittle { font-size: .18rem; margin-bottom: 8px; }
.news_relative ul li:hover h3 { color: var(--theme_brandColor); }
a.btn-backfoward {
    display: flex;
    align-items: center;
	gap: 10px;
    justify-content: center;
    background-color: var(--sustechBlue);
    border-radius: 7px;
    font-size: 14px;
    margin-top: 15px;
	padding:15px;
	color: #fff;
	text-decoration: none;
}

.lectrue_list {width: 100%; }
.lectrue_list ul li { border-top: 1px  var(--border_color) solid; }
.lectrue_list ul li a .lectrue_item {
	display: grid; 
	grid-template-columns: 10% 69% auto;
	gap:3%;
	padding-top: var(--gap-space) ;
	align-items: center;
}

.dom-scroll-body .lectrue_list ul li:first-child { border-top: none; }

.lectrue_list ul li a .lectrue_item dd {display: flex;	 gap:  var(--gap-space); flex-flow: column;	justify-content: space-between; }
.lectrue_list ul li a .lectrue_item dd ul { gap: 8px; }
.lectrue_list ul li a .lectrue_item dd ul p { color: var(--color_desc); }

.lectrue_list ul li a:hover .unison-date2 ,
.lectrue_list ul li a:hover .news-tittle { color: var(--theme_brandColor); transition: all .35s; }

/* news-end */


/* mode-teacher */
.stracture_flex { grid-template-columns:3rem auto; position: relative; overflow: visible; } 
.submenu { width: 80%; position: sticky;  top: 1rem;  height: fit-content;}
.children_nav ul { border-top: 1px var(--border_color) solid; }

.children_nav ul li,
#children_nav ul li { padding: 15px 0; border-bottom: 1px var(--border_color) solid;}

.children_nav ul li ol ,
#children_nav ul li ol{ display: none; padding-top: 8px; padding-left: 15px;   }

.children_nav ul li ol a,
#children_nav ul li ol a {line-height: 2; font-size:100%; color: var(--color_date); }

.children_nav ul li p a ,
#children_nav ul li p a  {
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-decoration: none; 
}


.research_type ul li a,
.children_nav ul li p a, 
#children_nav ul li p a { font-size: 18px; }

#children_nav ul li { padding-right: 30px;}

.children_nav ul li.active p a,
.children_nav ul li ol a:hover ,
#children_nav ul li ol a:hover { color: var(--theme_brandColor); transition: all .35s; }

.children_nav ul li ol a.show ,
#children_nav ul li ol a.show { color: var(--theme_brandColor); transition: all .35s;  }


/* ds-修改 */
.for-search input {
	width: 100%;
	height: 100%;
}

.teacherlist {}
.teacherlist ul li a {
	border: 1px var(--border_color) solid;
	padding: var(--gap-space);
	background: -webkit-linear-gradient(bottom, rgba(45,183,179,.15) , rgba(45,183,179,.0));
	background: -moz-linear-gradient(bottom, rgba(45,183,179,.15) , rgba(45,183,179,.0));
	background: -ms-linear-gradient(bottom, rgba(45,183,179,.15) , rgba(45,183,179,.0));
	background: linear-gradient(bottom, rgba(45,183,179,.15) , rgba(45,183,179,.0));
}
.teacherlist ul li a dl { 
	height: 100%; 
	display: flex; 
	flex-flow: column; 
	justify-content: space-between; 
	gap: 15px;
}
.teacherlist ul li a dt { /* margin-bottom: 15px; */}
.teacherlist ul li a dt .img4_3 { /* padding-top: 87%; */padding-top: 118%; }
.teacherlist ul li a .imgsize img { height: auto; transform: translate(-50%, -168px) scale(1); }

.t-name,
.teacherlist ul li a .t-name { color: var(--theme_brandColor); font-size: .22rem; }
.teacherlist ul li a ol ,
.teacherlist ul li a dd { padding: 0; display: grid; grid-template-columns: 100%; gap: 15px; }


.btn-personal-more,
.teacherlist ul li a ol p { 
	width: 100%;
	display: flex; 
	justify-content: space-between; 
	align-items: center; 
	border-bottom: 1px var(--border_color) solid;
	padding-top: 10px ;
}

.teacherlist ul li a ol { gap: 0; border-top: 1px var(--border_color) solid;}
.teacherlist ul li a ol p { padding: 10px 0; word-break: break-all; font-size: 14px; }


.btn-personal-more { border: none; height: fit-content; padding: 0 ;}

.btn-personal-more span ,
.teacherlist ul li a ol p span { min-width: 55px; color: #666; font-size: 14px;}

.btn-personal-more .icon-jt-right::after,
.teacherlist ul li a ol p .icon-jt-right::after { border-color: var(--theme_brandColor); }

.btn-personal-more .icon-jt-right,
.teacherlist ul li a ol p .icon-jt-right { background-color: var(--theme_brandColor); }

.btn-personal-more .icon-person ,
.teacherlist ul li a ol p .icon-person { color: var(--theme_brandColor); }

.teacherlist ul li a .btn-common-more { width: 100%; color: #fff; justify-content: center;  gap: 10px;}

.teacherlist ul li:hover .btn-common-more ,
.teacherlist ul li.btn-common-more:hover  { color: #fff; text-decoration: none; }

.t-img { max-height: 400px; overflow: hidden; }
.t-img img,
.img img { width: 100%; }
 

.faculty-imgs dd { 
	padding: 20px;
	gap: 8px; 
	background: -webkit-linear-gradient(top, rgba(45,183,179,.15) , rgba(45,183,179,.0));
	background: -moz-linear-gradient(top, rgba(45,183,179,.15) , rgba(45,183,179,.0));
	background: -ms-linear-gradient(top, rgba(45,183,179,.15) , rgba(45,183,179,.0));
	background: linear-gradient(top, rgba(45,183,179,.15) , rgba(45,183,179,.0));
}

.faculty-imgs dd .t-name { font-size: 32px; margin-bottom: 5px; }
.faculty-imgs dd p { line-height: 1; }
.faculty-imgs dd p span { display: none; }



.item-teach {  margin-bottom: var(--gap-space);}
.leadership ul li {
	background: -webkit-linear-gradient(321deg, rgba(45,183,179,.15) , rgba(45,183,179,0) 45%);
	background: -moz-linear-gradient(321deg, rgba(45,183,179,.15) , rgba(45,183,179,0) 45%);
	background: -ms-linear-gradient(321deg, rgba(45,183,179,.15) , rgba(45,183,179,0) 45%);
	background: linear-gradient(321deg, rgba(45,183,179,.15) , rgba(45,183,179,0) 45%);
	border:1px var(--border_color) solid ;
}

.leadership ul li a { padding: var(--gap-space) ;}
.leadership ul li .team-item dd { gap: 10px; justify-content: space-between; }
.team-item { display: grid;	grid-template-columns: 35% auto; gap: var(--gap-space);}
.t-derection { font-size: 12px; color: var(--color_desc); margin-bottom: 8px; }

.leadership ul li .t-name small {
	display: block;
	margin-top: 15px;
}
/* mode-techer-end */


/* mode-benke */
.majay_jianjie { width: 100%;}
.majay_item ,
.dom-scroll-body .dom-item { 
	padding: .5rem; 
	padding-right: 0;
	display: flex;
	flex-flow: column;
	gap: var(--gap-space);
}

.info table {width: 100%;}

.download_list ul { grid-template-columns: repeat(auto-fill,minmax(200px , 1fr)); }
.download_list ul li .pdf-info {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	position: absolute;
	top: 0;
	padding:20px 15px;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.pdf-year ,
.pdf-title { color: var(--theme_brandColor);}

.pdf-year { 
	font-family:"Rajdhani-SemiBold"; 
	font-size: .36rem;
    transform-origin: left;
    transform: scale(1.35);
}
.pdf-title { font-size: .21rem; font-weight: bold; line-height: 1.35; }

.picture_inerlist ul li .img9_16 {  padding-top: 113.8%; }
.picture_inerlist ul li .news-tittle {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
	padding: 10px;
    background-color: rgba(0, 0, 0, .85);
    color: #fff;
    font-size: 14px;
    font-weight: normal; 
}

.bk-majay-poster {
	display: grid;
	grid-template-columns: 35% auto; 
	background-color: var(--theme_brandColor);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: right center;
}

.bk-majay-poster .majay-tags { 
    height: 100%;
    background-color: var(--theme_brandColor);
    color: rgba(255, 255, 255, .7);
    padding: .4rem;
	padding-right: 1rem;
    display: flex;
    align-items: flex-end;
	font-size: 14px;
}

.download_list ul li .imgsize {
	transform-origin: center center;
	transform: scale(.65);
	box-shadow: 0 0 15px rgba(0,0,0,.15);
}
.download_list ul li:hover .imgsize img { transform: translate(-50%,-50%) scale(1); }

.download_list ul li { background-color: #e7f0f2; }
.download_list ul li p {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background-color: rgba(0,0,0,.75);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	z-index: -1;
	transition: all .35s;
}
.download_list ul li:hover p { opacity:1; z-index: 5; transition: all .35s; }
/* mode-benke-end */



/* mode-party */
.party-mode { grid-template-columns: 45% 45%; gap: 10%; }
.party-mode-left { display: flex; flex-flow: column; gap: var(--gap-space); }

.party-mode-right { position: relative; }
.party-mode-right::after {
	content: "";
    width: 130%;
    height: 2rem;
    display: block;
    position: absolute;
    left: 28%;
    bottom: 0;
    background: -webkit-linear-gradient(left, rgba(255, 53, 34, .5), rgba(255, 53, 34, 0));
	background: -moz-linear-gradient(left, rgba(255, 53, 34, .5), rgba(255, 53, 34, 0));
	background: -ms-linear-gradient(left, rgba(255, 53, 34, .5), rgba(255, 53, 34, 0));
	background: linear-gradient(left, rgba(255, 53, 34, .5), rgba(255, 53, 34, 0));
}
.party-mode-right .imgsize {
	position: absolute;
	left: 0;
	bottom: 0;
	transform-origin: left bottom;
}

.num-1 { transform: translate(1.5rem, -1rem) scale(.75); z-index: 10; }
.num-2 { transform: translate(0, 0) scale(.5); z-index: 5; }
/* mode-party-end */




/* stu-news-item */
.news-for-undergraduate ul  {gap: calc(var(--gap-space)*2); grid-template-columns: 100%; }
.news-for-undergraduate ul li {
	border-bottom: 1px var(--border_color) solid;
	padding-bottom: calc(var(--gap-space)*2);
}

.news-for-undergraduate ul li a { overflow: visible; }

.stu-news-item {
	display: grid;
	grid-template-columns: 28% auto  ;
	gap: var(--gap-space);
	align-items: center;
}

.stu-news-item dd {
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	/* gap: var(--gap-space) ; */
}

.stu-news-item dd .news-tittle  { font-size: .22rem; }


.stu-news-item:hover .imgsize,
ul li:hover .stu-news-item .imgsize {
	box-shadow: 12px  -14px 0 var(--theme_brandColor);
	transition: all .35s;
}

.stu-news-item:hover .news-tittle,
ul li:hover .stu-news-item .news-tittle {
	color:  var(--theme_brandColor);
	transition: all .35s;
}



/* 2025-10-29修改 */
.labs_info {  padding: 0 .5rem; }
.labs_info img ,
.labs_info video { width: auto; }

.news-grid { display: grid; grid-template-columns: 23% auto; }
#news-time { 
	position: static; 
	padding: 24px 0; 
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.zs_news_type  { margin-bottom: var(--gap-space); }
.zs_news_type ul { display: flex; gap: 10px;} 
.zs_news_type ul li a { padding: 15px;  background-color: #eee; }
.zs_news_type ul li.active a { background-color: var(--theme_brandColor); color: #fff; }

.zs_newslist ul { gap: 0; }
.zs_newslist ul li { border-top: 1px #eee solid; }
.zs_newslist ul li a {
	display: grid;
	grid-template-columns: 66px auto;
	gap: var(--gap-space);
	padding: 20px 0;
}

.zs_newslist ul li a .grid-container { gap: 8px; }
.zs_newslist ul li:hover .news-tittle {color:  var(--theme_brandColor);	transition: all .35s; }