/* 页首图片 */
#home-page-images {
	position: relative;
	width: 100%;
	height: var(--head-image-height);
}
#home-page-images #lower-layer .el-carousel .el-carousel__container {
	height: var(--head-image-height);
background-image: url(organ-long.jpg);
}
.home-page-image {
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
    background-size: cover;
}
.home-page-image.organ {
	background-image: url(organ-long.jpg);
}
.home-page-image.colloidal {
	background-image: url(colloidal-long.png);
}
.home-page-image.controlled {
	background-image: url(controlled-long.png);
}
#lower-layer {
	position: absolute;
	width: 100%;
	z-index: 0;
}

#lower-layer img {
	width: 100%;
	height: 100%;
}

#upper-layer {
	position: absolute;
	top: calc(var(--head-image-height) - 6rem);
	left: var(--page-margin);
	width: 40%;
	z-index: 1;
	text-align: left;
}
.slick-active .title-on-image {
    z-index: 1;
}
@font-face {
    font-family: BaiJamjuree-Bold;
    src: url(BaiJamjuree-Bold.ttf)
}
.title-on-image {
	position: absolute;
	margin: 0;
	font-family: BaiJamjuree-Bold;
	font-size: 6.125rem;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: left;
	line-height: 6.25rem;
	z-index: -1;
	max-width: 500px;
	margin: 0rem var(--page-margin);
	transform: translateY(-50%);
	top: 50%;
}
.content-in-zh .title-on-image {
	line-height: unset;
}
#btn-on-image {
	background: #1DE9B6;
	width: 14rem;
	height: 1.2%;
	border: none;
	box-shadow: 0rem 1.5rem 2.375rem 0.1875rem rgba(0, 0, 0, .1),
		0rem 0.5625rem 2.875rem 0.5rem rgba(0, 0, 0, .08),
		0rem 0.6875rem 0.9375rem 0rem rgba(0, 0, 0, .16);
	z-index: 9999;
	display: block;
}
#btn-on-image .el-row--flex {
	align-items: center;
}
#btn-on-image span {
	font-family: IBMPlexSans-Medium;
	font-size: 0.875rem;
	color: #000000;
	letter-spacing: -0.03125rem;
}

#btn-on-image i {
	text-align: right;
	padding-left: 50%;
}
.el-carousel__button {
	background-color: #000000;
	opacity: 1; 
}
.el-carousel__indicator.is-active .el-carousel__button {
	background-color: #ffffff;
}
.home-page-content {
	position: relative;
	margin: 0rem var(--page-margin);
}
/* 短句 */
#main-intro {
	margin-top: 2.09375rem;
}

#main-intro h2 {
	margin: 0;
	height: 3.625rem;
	font-size: 2.875rem;
	color: #37474F;
	letter-spacing: 0;
	text-align: left;
	font-family: BaiJamjuree-Bold;
}

#main-intro p {
	margin-top: 0.5rem;
	margin-bottom: 0;
	max-width: 44rem;
	/* 缺字体 */
	font-family: 'BaiJamjuree-Bold';
	font-size: 0.75rem;
	color: #263238;
	letter-spacing: 0.03125rem;
	text-align: left;
}

/* 小导航 + 长横线 + 简介*/
#tab-intro {
	margin-top: 1.5625rem;
}
#tab-intro .el-tabs__content {
	display: flex;
	align-items: center;
	padding: 1rem 0rem 2rem 0rem;
}

#tab-intro .el-tabs__header {
	margin: 0;
	border-bottom: solid 0.0625rem #0000001F;
	display: none;
}

.el-tabs__content .el-tab-pane {
	text-align: left;
	display: none;
}
.el-tabs__content .el-tab-pane.is-active {
    display: block;
}
#line-intro {
	margin: 0;
	border: none;
	border-bottom: solid 0.0625rem #0000001F;
}

#intro-about {
	font-family: IBMPlexSans;
	font-size: 1rem;
	color: #263238;
	text-align: left;
	line-height: 2.5rem;
}
.content-in-zh #intro-about {
	text-indent: 2rem;
}
#intro-awards-list,
#intro-funding-list,
#intro-publications-list{
	padding: 0;
}

#intro-awards-list li,
#intro-funding-list li,
#intro-publications-list li {
	list-style: none;
	margin-bottom: 1.75rem;
}

.intro-profile-photo {
	display: flex;
	align-items: center;
	margin-left: 1rem;
	width: 100%;
	max-width: 300px;
}
.intro-profile-photo img:nth-child(2) {
	display: none;
}
.intro-profile-photo img {
	border-radius: 0.625rem;
	width: 100%;
}

/* 短横线 + 标题 */
#line-research-direction {
	margin: 0;
	width: 100%;
	border: none;
	border-bottom: solid 0.0625rem #0000001F;
}

#main-research-direction h2 {
	margin: 0;
	margin-top: 2.6875rem;
	margin-bottom: 2.75rem;
	font-family: BaiJamjuree-SemiBold;
	font-size: 2.875rem;
	color: #37474F;
	letter-spacing: -0.0625rem;
	text-align: left;
}

/* 研究方向轮播 */
.main-research-direction-row {
	height: 28rem;
	margin-bottom: 2rem;
}
.main-research-direction-row-inner {
	height: 100%;
	width: 100%;
	/* Firefox 4 */
	-moz-transition: transform .5s ease-out;
	/* Safari and Chrome */
	-webkit-transition: transform .5s ease-out;
	/* Opera */
	-o-transition: transform .5s ease-out;
}
.main-research-direction-row-inner > .el-col {
	height: 100%;
	width: auto;
	margin-right: 2rem;
}
.main-research-direction-row-inner > .el-col > .el-card {
	height: 100%;
	border: none;
	position: relative;
}
.main-research-direction-row .el-card.is-always-shadow, .el-card.is-hover-shadow:focus, .el-card.is-hover-shadow:hover {
  box-shadow: none;
}

.main-research-direction-row .el-carousel__arrow {
	width: 3.5rem;
	height: 3.5rem;
	background: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 1.125rem 1.125rem;
	background-size: 1.25rem 1.25rem;
	box-shadow: 0 1rem 1.5rem 0.125rem rgba(0, 0, 0, 0.1),
		0 0.375rem 1.875rem 0.3125rem rgba(0, 0, 0, 0.08),
		0 0.5rem 0.625rem 0 rgba(0, 0, 0, 0.16);
	display: none;
}

.main-research-direction-row .el-carousel__arrow i::before {
	content: "";
}

.main-research-direction-row .el-carousel__arrow--left {
	left: 0;
	transform: translateX(-50%);
	opacity: 0;
	background-image: url(arrow-left.svg);
}
.main-research-direction-row .el-carousel__arrow--left.enter {
	transform: translateX(0);
	opacity: 1;
}
.main-research-direction-row .el-carousel__arrow--right {
	right: 0;
	transform: translateX(50%);
	opacity: 0;
	background-image: url(arrow-right.svg);
}
.main-research-direction-row .el-carousel__arrow--right.enter {
	transform: translateX(0);
	opacity: 1;
}

.imbtn-title {
	position: absolute;
	top: 1.5625rem;
	left: 1rem;
	margin: 0;
	width: 17.5rem;
	font-family: BaiJamjuree-SemiBold;
	font-size: 1.5rem;
	color: #FFFFFF;
	letter-spacing: -0.0625rem;
	text-align: left;
	z-index: 1;
}

.imbtn-image {
	position: absolute;
	top: 0;
	width: 18.875rem;
	height: 25rem;
	border-radius: 0.3125rem 0.3125rem;
}
#carcon .el-col-8 {
    position: relative;
    height: 25rem;
    margin-right: 1rem;
    box-sizing: border-box;
    overflow: hidden;
}

#carcon .el-card.is-always-shadow {
    height: 100%;
}
.imbtn-button {
	position: relative;
	top: 25rem;
	width: 18.875rem;
	height: 3rem;
	border: none;
	border-radius: 0 0 0.3125rem 0.3125rem;
	background: #263238;
	color: #1DE9B6;
	transform: translateY(-100%);
}

.imbtn-button:hover,
.imbtn-button:focus {
	background: #263238;
	color: #1DE9B6;
}
/* #main-research-direction .el-carousel__item--card {
	width: auto;
} */
/* 短横线 + 论文列表 + 按钮  */
#main-publications {
	margin: 2.1875rem 0 ;
}

#line-research-direction {
	margin: 0;
	width: 100%;
	border: none;
	border-bottom: solid 0.0625rem #0000001F;
}

#main-publications h2 {
	margin: 0;
	margin-top: 2.6875rem;
	margin-bottom: 3.25rem;
	font-family: BaiJamjuree-SemiBold;
	font-size: 2.875rem;
	color: #37474F;
	letter-spacing: -0.0625rem;
	text-align: left;
}

#main-publications ul {
	padding: 0;
	max-height: 34.4375rem;
	overflow: hidden;
	/* overflow-y: auto; */
}

#main-publications li {
	list-style: none;
	margin-bottom: 1.5rem;
	font-family: IBMPlexSans;
	font-size: 1rem;
	color: #263238;
	letter-spacing: 0;
	text-align: left;
	line-height: 1.5rem;
}

#btn-publications {
	left: 15.5rem;
}

.slick-active #upper-layer {
    z-index: 1;
}
div#tab-aboutMeTab2, #tab-aboutMeTab4 {
    display: none;
}
#home-page-images{display:none;}