.news-topic { margin-bottom: 70px; }

.lable-color_bai { 
	display: inherit;
	color: #fff;
	background-color: rgba(255,255,255,.35);
	padding: .15rem .2rem;
	border-radius: 5px;
	line-height: 1;
}

.position_vertical {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}


.inner-bottom { padding-bottom: 280px !important; margin-bottom: 50px; }

.no-topMargin { margin-top: 0 !important; border-top-left-radius:0 !important ; border-top-right-radius: 0 !important ; }

.news-flex-item ,
.lecture-flex-item { display: flex;  }

.news-flex-item dt { width: 31%; }
.news-flex-item dd { width: calc(100% - 31% ); padding:.25rem .4rem; position: relative;  padding-right: 0;}
.news-flex-item dd .unison-date { position: absolute;  bottom: 0; line-height: 1; }
.news-flex-item dd .desc p { -webkit-line-clamp:3; }

.news-flex-item dd .btn-more,
.lecture-flex-item dd .btn-more { position: absolute; right: .4rem; bottom: .4rem; opacity: 0; transition: all .35s; }

ul li:hover .news-flex-item dd .btn-more,
ul li:hover .lecture-flex-item dd .btn-more { opacity: 1; transition: all .35s; } 

.news-flex-item dd .unison-date ,
.news-dl-list ul li .btn-more {  padding: .2rem 0; }

.news-flex-item dd ,
.lecture-flex-item dd ,
dl.leader_item dd {  padding:.1rem .4rem; }



.lecture-flex-item dt { width: 3rem; }
.lecture-flex-item dd { width: calc(100% - 3rem); position: relative;  padding-right: 0;}
.lecture-flex-item .img9_16 {  padding-top: 160.8%; }


.unison-date { color: #828a95; }
.desc p { color: #2e3b4c; opacity: .6; }

/* 锚点结构 */
.dom-scroll { 
    position: fixed;
	left: 15px;
    top: 37%;
    transform: translateY(-50%);
	display: none;
}
.dom-scroll ul li { 
	cursor: pointer; 
	border-left: 3px #d2dbe6 solid;  
	padding: 3px 8px;
	color: #8b9199;
	position: relative; 
	transition: all .35s;
	font-size: .16rem;
}
 
.dom-scroll ul li:hover  { color: #2e3b4c; font-weight: 600; transition: all .35s;  }
.dom-scroll ul li.active { color: #2e3b4c; border-color: #2e3b4c; font-weight: 600; transition: all .35s;  }

.dom-scroll-body { width: 100%; }
.dom-scroll-body .dom-scroll-item { width: 100%; background-repeat: no-repeat; overflow: hidden; }
.dom-scroll-body .dom-scroll-item:last-child { padding-bottom: 250px; } 

.dom-scroll-body .dom-scroll-item h3 {   }
#course-dom-scroll { float: left; position:fixed; top: 5rem; left: 15px; margin-bottom: 20px; z-index: 55; width: 125px; display: none !important; }
 
/* 锚点结构-end */


/* about */
.mode-content-about { background-repeat: no-repeat; background-position: left 0%; background-size: auto 115vh; }
.tags { display: inherit; }

.imgsize .lable-color_bai {	position: absolute;	left: .4rem; bottom: .4rem; }

.history_list { width: 100%; }
.history_list ul { padding-left: .8rem; position: relative; border-left: 1px #d2dbe6 solid; }
.history_list ul li { position: relative; z-index: 1; text-align: left; }
.history_list ul li .unison-date { color: #2e3a4c; font-size: .48rem !important; } 
.history_list ul li .unison-date span { color: #8a9099; }

.history-item { flex-direction: row-reverse; align-items: center; margin-bottom: .8rem; }
.history-item dt { width: 5rem;  }
.history-item dd { width: calc(100% - 5rem - 20%); margin-right: 20%;  position: relative; }
.history-item dd::before {
	content: "";
	display: block;
	position: absolute;
	left: -.86rem;
	top: 30px;
	width: 10px;
	height: 10px;
	background-color: #2e3b4c;
	border-radius: 50%;
	z-index: 5;
}

.history-item dd::after {
	content: "";
	width: .36rem;
	border-top:1px #d2dbe6 solid;
	position: absolute;
	left: -.8rem ;
	top: 35px;
	z-index: -1;
}

.history-item dd .info p { font-size: .18rem; }


.leader_item { flex-direction: row-reverse; align-items: flex-end;   }
.leader_item dd { width: calc(100% - 4.6rem - .4rem); margin-right:.4rem; }
.leader_item dt { width: 4.6rem; display: flex; overflow: hidden; }
.leader_item dt img { width: 100%; }

.leader_item dd h3 sub { font-size: .18rem; margin-left: 10px; font-weight: bold; }

.leader_list ul li { background-color: #dae2eb; margin-bottom: 20px; }
.leader_list ul li .btn-more {
	padding: .2rem .4rem;
	background-color: #2e3a4c;
	color: #d2dbe6;
}
.leader_list ul li dl.leader_item { 
	background-image: url(../img/icon/leader_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: auto 100%;
}

.imgWaterfall_list ul li .black_wamp,
.picture_inerlist ul li .black_wamp { opacity: 0; z-index: -1; transition: all .35s; }

.imgWaterfall_list ul li:hover .black_wamp,
.picture_inerlist ul li:hover .black_wamp { opacity: 1; z-index: 1; transition: all .35s; }


.imgWaterfall_list ul li .btn-search,
.picture_inerlist ul li .btn-search {  width: 25px; height: 25px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.imgWaterfall_list ul li .btn-search::after,
.picture_inerlist ul li .btn-search::after { width: 12px; }  

.imgWaterfall_list ul li .btn-search,
.imgWaterfall_list ul li .btn-search::after ,
.picture_inerlist ul li .btn-search ,
.picture_inerlist ul li .btn-search::after { border-width: 3px; }


.about-root { margin-top: -58px;}
.about-all-path {
	position: absolute;
	z-index: 50;
	top: 4.5rem;
	left: 53%;
	transform-origin: center top;
	transform: translateX(-50%) scale(.99);
	pointer-events: none;
}

.mode-about-longrange ,
.mode-about-goal .w_70,  
.about-mission { padding: .6rem 2rem;  }

.about-mission .desc-unlimit {     width: 35%; }

.mode-about-longrange {
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% ;
	background-color: #fff; 
	padding-top: 1rem;
}

.long-range .ver-alight { width: auto; top: 27%; }
.long-range * ,
.long-range .desc-unlimit p.stand-title-24 { text-align: center; }
.long-range .imgsize { background-color: transparent; }
.long-range .ver-alight img { margin: auto; position: static; height: auto; width: auto; transform: translate(0,0);}



.about-mission {   min-height: 4.5rem;}

.mode-about-goal {
 	background-repeat: no-repeat;
 	background-size: cover; 
 	padding-bottom: 150px;  
}

.mode-about-goal .w_70 { width: 60%; margin-right: 0; padding-right: 1rem;}
.mode-about-goal .w_30 { width: 40%; }
.about-mission .desc-unlimit p,
.mode-about-goal .desc-unlimit p { font-size: .18rem; line-height: 1.8; text-align: justify; }


.mode-about-address .w_70 { padding-right: 0; }


.title-ver {
	position: relative;
	display: flex;
	flex-flow: row;
	justify-content: flex-start;
}

.title-ver h3 { writing-mode: vertical-lr;	margin-right: 70px;	position: relative; }
.title-ver h3::after {
	content: "";
	width: 20px;
	border-top: 5px #3c4b5e solid;
	position: absolute;
	left: calc(100% + 25px);
	top: 10px;
}
.title-ver h3 span { display: block; writing-mode: tb; }

.mode-about-address { padding-top: 1rem; padding-bottom: 2.5rem; }

.mode-about-gally { background-size: cover; }
.margin_top40 { margin-top: 55px; transform: translateY(20px); opacity: 0; }
div#gallry-campus { margin-top: 42px; }
#gallry-campus .swiper-slide {	border-bottom-right-radius: 40px;	overflow: hidden; }
#gallry-campus .swiper-pagination {
	position: relative;
	height: 4px;
	border-radius: 5px;
	overflow: hidden;
	bottom: 0;
	margin-top: 40px;
	background-color: #d2dbe6;
}

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

#gallry-campus .swiper-button-next, 
#gallry-campus .swiper-button-prev {
	width: .6rem;
	height: .6rem;
	background-color: #fff;
	border-radius: 50%;
}

#gallry-campus .swiper-button-next { right: -.8rem; } 
#gallry-campus .swiper-button-prev { left: -.8rem; }

#gallry-campus .swiper-button-next .btn-more, 
#gallry-campus .swiper-button-prev .btn-more  { width: 65%; }


/* about-end */


/* research */
.dom-scroll-body .dom-scroll-item:nth-child(2n) { background-color: #fff;}
.dom-scroll-body .dom-scroll-item { padding: 1rem 0 1.5rem; }
.dom-scroll-body .dom-scroll-item .black_wamp {	padding: .6rem .4rem; display: flex; align-items: flex-end; }
.dom-scroll-body .dom-scroll-item .black_wamp p { font-size: .24rem; }
.dom-scroll-body .dom-scroll-item .research-desc p { margin-bottom: 0; font-size: .22rem;}

.dom-scroll-body .dom-scroll-item:nth-child(1) {
	background-position: left bottom;
	background-size: auto 45vh;
}


.majoy_list ul li { background-color: #ebeff4; padding: .4rem; }
.majoy_list ul li h3 { margin-bottom: 0; margin-top: 20px; font-size: .24rem; }
.materials_list ul li {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	padding: .6rem;
	background-color: #ebeff4;
	margin-bottom: 0;
}

.materials_list ul li .materials_icons { width: 1.35rem; margin-right: .4rem; }

#research_direction { width: calc(100vw - ( 100vw - 75.55vw - 20px) / 2); }
#research_direction .black_wamp { display: block; padding: .4rem; text-align: left; }
#research_direction .black_wamp h3 { position: absolute; bottom: .4rem; }
#research_direction .swiper-pagination-progressbar { width: calc(75.55vw - 15px); position: relative; margin-top: 40px; }

/* research-end */


/* news */
.news-dl-list ul li ,
.lecture-dl-list ul li { padding: .4rem; border-bottom: 1px #d2dbe6 solid; position: relative; }
.news-dl-list ul li .news-tittle,
.lecture-dl-list ul li .news-tittle { font-size: .24rem; margin-bottom: .2rem; }

.news-dl-list ul li .btn-more { position: absolute; right: 0; bottom:0; opacity: 0; transition: all .35s; }
.news-dl-list ul li:hover .btn-more { opacity: 1; transition: all .35s; }

.lecture-flex-item dd .inside-bottom { width:100%; padding: .4rem 0; display: flex; flex-flow: row wrap; align-items: end;}
.lecture-flex-item dd .inside-bottom .act-holding-time  { width: 84%; display: flex; flex-flow: row wrap; align-items: end; }
.lecture-flex-item dd .inside-bottom p  {  color: #2e3b4c;   margin-right: 8%;  line-height: 1.35;  font-size: 0.22rem; }
.lecture-flex-item dd .inside-bottom p span { font-size: .16rem; color: #2e3b4c; opacity: 0.5; display: block; margin-bottom: 20px; }
 

/* news-detail */
.news-hot ul li a {	padding: 20px 0; border-bottom: 1px #d2dbe6 solid; transition: all .35s;}
.news-hot ul li .unison-date { transform: translateY(100%); opacity: 0; position: absolute; bottom:15px; transition: all .35s;  }
.news-hot ul li:hover a { padding-bottom: 48px; transition: all .35s; }
.news-hot ul li:hover .unison-date { transform: translateY(0); opacity: 1;  transition: all .35s;  }
.news-hot ul li .news-tittle {display: block; font-size: .18rem; transition: all .35s;}
.news-hot ul li:hover .news-tittle { font-weight: bold; transition: all .35s;}

/* news-end */


/* ocean */
.ocean-introl { width: 100%; justify-content: flex-start; }
.ocean-introl .w_30 { width: 31%; }
.ocean-introl .w_70 { width: calc(100% - 31% - 40px ); }

.imgWaterfall_list ul li {	background-color: #d2dbe6; overflow: hidden; }
.imgWaterfall_list ul li .imgsize { border-radius: 0; }
.imgWaterfall_list ul li h3 { padding: .25rem .3rem;	margin-bottom: 0; }

ul.hidden { display: none; }
ul.hidden,
ul.list { overflow: hidden;  }

.photos-title { margin-top: 20px; }
#photos .swiper-pagination { position: relative; margin-top: 20px; }

.loading_more {
	display: block;
	width: 100%;
	text-align: center ;  
	margin: auto;
	/* margin-top: 30px; */
	padding: 20px;
}

.loading_more * {text-align: center ; }

/* ocean-end */





/* mode-zhaopin */
.adv_slogan { width: 45%; padding: .4rem; }
.zp-adv .unison-date { display: block; width: 100%; padding:.3rem; }

.ocean-introl .adv_slogan {  width: 60%; }

#ocean-news { height: 100%; }
#ocean-news .btn-more { position: absolute; right: .3rem; bottom: .3rem;}
#ocean-news .swiper-pagination { width: auto; text-align: left; padding: 0 .3rem; bottom: .3rem; }
#ocean-news .swiper-slide { background-color: #d2dbe6; }
#ocean-news .swiper-slide dl dd { padding: .3rem .4rem;	 text-align: left; }

#ocean-news .swiper-slide dl .news-tittle { margin-bottom: 10px; }
#ocean-news .swiper-slide dl .desc p { -webkit-line-clamp: 3; }


/* mode-zhaopin-end */



/* party */
.partyNews ul li:hover .news-tittle { color: #dd001a; }
/* party-end */



/* contact */
.mode-contact {
	background-repeat: no-repeat;
	background-position: -7% 165%;
	background-size: auto 80vh;
}
.imgsize iframe { width: 100%; height: 100%; border: none ; position: absolute; top: 0;left: 0; }
.contact-us p { margin-bottom: 40px; color: #3c4b5e; font-size: .32rem; font-weight: bold; }
.contact-us p span { display: block; color: #8a9099; font-size: .18rem; font-weight: normal; }

.mode-contact .col-lg-5 .imgsize { height: 100%; padding-top: 0; }




/* Teaching staff 2025-04-25 */
.mode-faculty { padding-bottom: 250px; }

.fix-map {
	background-repeat: no-repeat;
	background-position: 116% center;
	background-size: 45%;
	background-attachment: fixed;
	transition: all .35s;
}


.s-letters h3,
.faculty_type h3 { font-size: 18px;  text-align: left;  }

.s-letters,
.faculty_type { position: relative; display: grid; grid-template-columns: 8% 92%; align-items: center; }

.faculty_type { margin-bottom: 20px; display: none; }
.faculty_type ul { display: flex; }
.faculty_type ul li {	
	margin-right: 15px;
	overflow: hidden;
	transition: all .35s;
}

.faculty_type ul li a {	
	padding: 8px 25px;  
	border-radius: 50px; 
	font-size: 14px;
	background-color: var(--theme_Lightgrey);
	text-decoration: none; 
	transition: all .35s;
}

.faculty_type ul li.active a,
.faculty_type ul li:hover a {
	background-color: var(--theme_blue);
	color: #fff;
	transition: all .35s;
}

p.t-mail {  line-height: 1.8; font-size: 16px !important;/* transform: translateY(-15px); */ }

.facultylist { 	width: 100%; }
.facultylist ul li { 
	background-color: #fff;
	width: calc((100% - 32px * 3) / 4);
	margin-bottom: 32px;
	margin-right: 32px;
}

.facultylist ul li .desc-unlimit p {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.facultylist ul li:hover { background-color:#025372 ;transition: all .35s; }
.facultylist ul li:hover h3  { color: #fff; transition: all .35s; }
.facultylist ul li:hover h3 small,
.facultylist ul li:hover p.t-mail ,
.facultylist ul li:hover .desc-unlimit p { color: #fff; opacity: .8; transition: all .35s; }

.faculty-name { font-size: .24rem; }
.facultylist ul li .desc-unlimit p { font-size: 14px; }
.faculty-item .imgsize,
.facultylist ul li .imgsize {  border-top-left-radius: 0px; border-top-right-radius: 0px;  }

.faculty-item dd {
    padding: 20px;
	height: 160px;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	/* gap: 40px; */
}

#faculty-detail { width: 3.5rem; position: relative; z-index: 1; transition: all .35s; } 
#faculty-detail .loading_more {
	position: absolute;
	width: 100%;
	height: auto;
	top: -76px;
	left: 0;
	padding: 0; 
	border-radius: 0;
	text-align: left;
	font-size: 15px;
}

.dixtop {
	/* background: -webkit-linear-gradient(top,#01bfca ,#01e0c0); */
	/* background: #0085db;var(--theme_blue) !important */
	background-color: #025372 !important;
	padding: 24px;
	border-radius: 5px;
	top: 1rem;
	transition: all .35s;
}

.dixtop h3,
.dixtop h3 small ,
.dixtop .desc-unlimit p { color: #fff !important; transition: all .35s; }

.detail-sticky-left-content {
    width: calc(100% - 3.5rem - 80px);
    float: left;
}



.faculty-item dd h3 { color:#182637;  font-weight: bold;}

.faculty-item .imgsize { background-color: #fff; }
.detail-sticky-left .faculty-item dd {	padding: 20px 0;gap: 20px;	height: auto;}

.faculty-info p { margin-bottom: 5px; }
.faculty-info strong  { color: #182637; font-size: 18px; }
.linktoweb { font-size: 16px; text-align: center; padding: 10px 0; border-radius: 5px;  }

.form-table {	width: 100%; display: none; }
.form-table .form {
	display: block;
	width: 100%;
	height: 48px;
	border: 1px #ddd solid;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 15px;
}

.form-table .form input {
	width: calc(100% - 48px - 15px);
	height: 48px;
	line-height: 48px;
	font-size: 16px;
}
button.btn-angle {
    display: block;
    width: 48px;
    height: 48px;
	cursor: pointer;
	position: relative;
}

button.btn-angle::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 8px transparent solid;
	border-top: 12px var(--theme_blue) solid;
	border-bottom: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}




.faculty_lists ul { display: flex; flex-flow: row wrap; }
.faculty_lists ul li {
    background-color: #fff;
    width: calc((100% - 32px * 3) / 4);
    margin-bottom: 32px;
    margin-right: 32px;
}
.faculty_lists ul li:nth-child(4n) { margin-right: 0; }

.faculty_lists ul li dl.leader_item {
    background-image: none;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: auto 100%;
    flex-direction: column;
    align-items: flex-start;
}

.faculty_lists ul li dt { width: 100%; }
.faculty_lists ul li dt .leader_img {
    width: 100%;
    height: 0;
    padding-top: 120.8%;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    border-bottom-right-radius: 40px;
    background: #fff;
}

.faculty_lists ul li dt .leader_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.faculty_lists ul li dd {  
	width: 100%;  
	margin-right: 0; 
	padding: 20px;
    height: 160px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.faculty_lists ul li dd h3.leader-name.stand-title-48.color_title.margin_bottom40 { 
	margin-bottom: 0; 
	padding-top: 0;
	color: #182637;
    font-weight: bold;
	font-size: .24rem;
}

.faculty_lists ul li .desc-unlimit p {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.faculty_lists ul li dd h3 sub { 
    margin-left: 10px;
    font-weight: bold;
    bottom: 0;
    font-size: 65%;
    font-weight: 400;
    line-height: 1;
    color: #777;
}

.faculty_lists ul li:hover { background-color: #025372; transition: all .35s; }
.faculty_lists ul li:hover { background-color:#025372 ;transition: all .35s; }
.faculty_lists ul li:hover h3.leader-name.stand-title-48.color_title.margin_bottom40  { color:#fff !important; transition: all .35s; }
.faculty_lists ul li:hover h3 sub,
.faculty_lists ul li:hover p.t-mail ,
.faculty_lists ul li:hover .desc-unlimit p { color: #fff; opacity: .8; transition: all .35s; }


.mode.mode-content-about.inner-bottom { overflow: visible; }
#detail-faculty .box-sticky-left {
	display: block;
    width: 3.5rem;
    margin-right: 80px;
    float: left;
    position: sticky;
    top: 0;
    left: 0;
}

#detail-faculty .box-sticky-right {
	display: block;
    width: calc(100% - 3.5rem - 80px);
    float: left;
}

#detail-faculty .mode-teacher-dl .img1_1 { 
	background: transparent; 
	padding-top: 120.8%; 
	border-radius: 5px;
    border-bottom-right-radius: 40px;
    overflow: hidden;
}


.mode-teacher-dl dd {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    padding: 20px 0;
    gap: 20px;
    height: auto;
}

.dixtop {
	/* background: -webkit-linear-gradient(top,#01bfca ,#01e0c0); */
	/* background: #0085db;var(--theme_blue) !important */
	background-color: #025372 !important;
	padding: 24px;
	border-radius: 5px;
	top: 1rem !important;
	transition: all .35s;
}

.dixtop .t-name,
.dixtop .t-zhiwei,
.dixtop .desc-unlimit p { color: #fff !important; transition: all .35s; }