.school-banner .txt{
	bottom: 4rem;
}
.school-banner .position{
	padding: 0;
	
}
.school-banner .position *{
	color: #fff;
	fill: #fff;
}

footer{
	background: #f1f3f7;
}

/* 概述 */
.shushi-det .lt{
	width: 100%;
	max-width: 35rem;
}
.shushi-det .lt .ar_article{
	font-size: var(--f20);
	max-height: 13rem;
	overflow-y: auto;
	padding-right: 1rem;
}
.shushi-det .rt{
	width: 100%;
	max-width: 42rem;
}
.shushi-det .rt .img-db{
	height: auto;
	aspect-ratio: 820/490;
	border-radius: .6rem;
}


/* 核心价值 */
.shushi-det-jz{
	background-size: 100% auto;
	background-position: center;
}
.shushi-det-jz .item{
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.shushi-det-jz .item > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.shushi-det-jz .item .img{
	position: relative;
	height: auto;
	aspect-ratio: 1/1;
	width: 3rem;
	margin: 0 auto;
	perspective: 1000px;
}
.shushi-det-jz .item .img img{
	object-fit: contain;
	width: 100%;
	height: 100%;
	transition: transform .8s ease;
}
/*图标翻转*/
.shushi-det-jz .item .img:hover img{
	transform: rotateY(360deg);
}
.shushi-det-jz .item .img::after{
	position: absolute;
	content: '';
	width: 60%;
	height: auto;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background: var(--themeColor2);
	opacity: .2;
	right: 0;
	bottom: 0;
	transform: translateX(50%);
}
.shushi-det-jz .item p{
	font-size: var(--f30);	
	margin-top: .6rem;
	text-align: center;
}
.shushi-det-jz .grid{
	gap: 3rem;
}


/* 学术痛点 */
.shushi-det-xs .grid{
	gap: .6rem;
}
.shushi-det-xs .item-tt{
	height: auto;
	aspect-ratio: 795/90;
	font-size: var(--f18);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 2rem;
	border-radius: .6rem;
	background: #fff;
	margin-top: .6rem;
	box-shadow: 0 0 20px 1px rgba(0, 72, 157, .1);
}
.shushi-det-xs .item-tt.tt{
	font-size: var(--f22);
	color: #fff;
	background: var(--themeColor);
}




/* 操作流程 */
.shushi-det-cz .line-ge-p{
	position: absolute;
	border-bottom: 1px solid #d0d1d3;
	bottom: .4rem;
	left: 0;
	
}
.shushi-det-cz .line-ge{
	background-image: url(../images/kedu.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	width: 100%;
	height: auto;
	aspect-ratio: 1591/15;
}

.shushi-det-cz .item{
	padding-bottom: 4rem;
}
.shushi-det-cz .item-cont{
	background: #f1f3f7;
	padding: 2rem;
	border-radius: .8rem;
	position: relative;
	transition: all .5s;
	display: flex;
	flex-direction: column;
}
.shushi-det-cz .item-cont .no{
	font-size: var(--f48);
	color: #b6ccd9;
	line-height: 1;
	transition: all .5s;
}
.shushi-det-cz .item-cont  .ar_article{
	color: #212121;
	margin-top: .8rem;
	margin-bottom: .8rem;
	transition: all .5s;
	display: -webkit-box;
	-webkit-line-clamp: unset;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.shushi-det-cz .item-cont .img-db{
	height: auto;
	aspect-ratio: 230/135;
	border-radius: .6rem;
	margin-top: auto;
	padding-top: 1rem;
}
.shushi-det-cz .item-cont::after{
	content: '';
	position: absolute;
	width: 1.3rem;
	height: auto;
	aspect-ratio: 20/25;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
	background: #f1f3f7;
	bottom: 0;
	left: 13%;
	transform: translateX(-50%) translateY(99%);
	transition: all .5s;
}	
.shushi-det-cz .swiper-slide-active .item-cont{
	background: var(--themeColor);
	color: #fff;
}
.shushi-det-cz .swiper-slide-active .item-cont .no,
.shushi-det-cz .swiper-slide-active .item-cont .ar_article{
	color: #fff;
}
.shushi-det-cz .swiper-slide-active .item-cont::after{
	background: var(--themeColor);
}

/* 鼠标悬停时与 slide 激活(切换)效果一致 */
.shushi-det-cz .swiper-slide:hover .item-cont{
	background: var(--themeColor);
	color: #fff;
}
.shushi-det-cz .swiper-slide:hover .item-cont .no,
.shushi-det-cz .swiper-slide:hover .item-cont .ar_article{
	color: #fff;
}
.shushi-det-cz .swiper-slide:hover .item-cont::after{
	background: var(--themeColor);
}
.shushi-det-cz .swiper-slide:hover .item::after{
	border-color: var(--themeColor);
	background: var(--themeColor);
}
.shushi-det-cz .item::after{
	position: absolute;
	content: '';
	width: .52rem;
	height: auto;
	aspect-ratio: 1/1;
	
	background: #fff;
	bottom: .1rem;
	left: 17%;
	transform: translateX(-50%);
	border-radius: 20rem;
	border: 2px solid var(--themeColor);
}
.shushi-det-cz .swiper-button{
	--swiper-navigation-sides-offset:5rem;
	--swiper-navigation-top-offset:40%;
}
.shushi-det-cz .swiper-button::after{
	display: none;
}
.shushi-det-cz .swiper-button i{
	color: #777;
	font-size: var(--f32);
	transition: all .5s;
}
.shushi-det-cz .swiper-button i:hover{
	color: var(--themeColor);
}



/* 学术 */
.shushi-det-lc .item{
	background: #f1f3f7;
	display: block;
	border-radius: .6rem;
	padding: 3rem;
	transition: all .5s;
}
.shushi-det-lc .item .date{
	font-size: var(--f16);
	color: #686868;
	font-family: 'robr-font';
	transition: all .5s;
}
.shushi-det-lc .item .date i{
	font-size: var(--f16);
}
.shushi-det-lc .item .tt{
	font-size: var(--f24);
	margin-top: .8rem;
	height: calc(2 * 1.5 * 1em);
	color: #000;
	transition: all .5s;
}
.shushi-det-lc .item .subt{
	transition: all .5s;
	color: #5b5d5f;
	margin-top: 1rem;
	height: calc(2 * 1.5 * 1em);
}

.shushi-det-lc .item .icon {
	margin-top: 1.3rem;
	display: inline-block;
	font-size: var(--f24);
	line-height: 1;
	background: var(--themeColor);
	color:#fff;
	border-radius: 10rem;
	padding: 0.05rem .7rem .15rem;
	transition: all .5s;
	
}
.shushi-det-lc .item:hover .icon{
	background: #fff;
	color: var(--themeColor);
}
.shushi-det-lc .item:hover{
	background: var(--themeColor);
}
.shushi-det-lc .item:hover .date,
.shushi-det-lc .item:hover .tt,
.shushi-det-lc .item:hover .subt
{
	color: #fff;
}

.shushi-det-lc .swiper-button{
	--swiper-navigation-sides-offset:-5rem;
}