@font-face {
	font-family: 'SourceHanSerifCN-Bold';
	src: url("../fonts/SourceHanSerifCN-Bold.woff") format("woff");
	font-display: swap;
}


@keyframes shine {
	100% {
		left: 115%;
	}
}

@keyframes beat {

	0%,
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	25% {
		-webkit-transform: scale(.9, 1.1);
		transform: scale(.9, 1.1);
	}

	50% {
		-webkit-transform: scale(1.1, .9);
		transform: scale(1.1, .9);
	}

	75% {
		-webkit-transform: scale(.95, 1.05);
		transform: scale(.95, 1.05);
	}
}

@keyframes scale {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(2.56);
		transform: scale(2.56);
	}
}

@keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

* {
	box-sizing: border-box
}

html,
body {
	scroll-behavior: smooth;
	color: #333;
	font-size: 16px;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: left;
	font-family: Arial, sans-serif;
	-webkit-font-smoothing: antialiased
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote,
p,
b,
section,
nav {
	padding: 0;
	margin: 0;
	font-weight: normal;
	box-sizing: border-box
}

i,
em,
b {
	font-style: normal;
}

ol,
ul {
	list-style: none;
}

li {
	list-style-type: none;
}

a {
	text-decoration: none;
	color: inherit;
}

a:focus,
div:focus {
	border: none;
	outline: none;
}

img,
input {
	border: 0;
}

input,
button {
	border: none;
	outline: none;
	color: inherit;
	background-color: transparent;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
select,
button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	cursor: pointer;
}

.f0 {
	font-size: 0;
}

input[type='text']:focus-visible {
	outline: none;
}

.clear:after {
	content: '';
	display: block;
	clear: both;
}

.icon img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	transition: .8s
}

.img_zd {
	position: relative;
	overflow: hidden;
}

.img_zd .img_hezi {
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	transition: .8s
}

.img_zd>img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .8s
}

.pic {
	position: relative;
	overflow: hidden;
}

.pic:before {
	content: '';
	position: absolute;
	top: 0;
	left: -86%;
	z-index: 2;
	display: block;
	width: 50%;
	height: 100%;
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .1));
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .1));
}

.pic .a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	transition: .8s
}

.bg-mask:hover .pic .a {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.pic img:hover,
.bg-mask:hover .cover_img .a {
	transform: scale(1.05);
}

.bg-mask:hover .pic:before {
	-webkit-animation: shine .5s;
	animation: shine .5s;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.noflex {
	display: block !important;
}

.flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.flex-left {
	display: flex;
	flex-wrap: wrap;
}

.flex-center {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.flex-right {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.flex-v-center {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.flex-v {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex-v-bottom {
	display: -webkit-flex;
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	justify-content: left;
}

.eclip {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.l2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.pore {
	position: relative;
}

.aline_r {
	position: relative;
	background-image: linear-gradient(#fff, #fff);
	background-position: 0 100%;
	background-size: 0 1px;
	background-repeat: no-repeat;
	transition: background-size .5s;
}

.alin_r:hover .aline_r {
	background-size: 100% 1px;
	color: #fff;
}

html::-webkit-scrollbar {
	width: 4px;
	height: 8px;
	background-color: #F5F5F5;
}

html::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: #E2E2E2;
}

html::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #333;
}

.zi3 {
	position: relative;
	z-index: 3;
}

@media screen and (max-width:1024px) {
	html {
		/* font-size: 90px !important; */
	}
}

@media screen and (max-width:900px) {
	html {
		font-size: 85px !important;
	}
}

@media screen and (max-width:640px) {
	body {
		font-size: .18rem;
	}

}

@media screen and (max-width:480px) {
	html {
		font-size: 80px !important;
	}
}

@media screen and (max-width:375px) {
	html {
		font-size: 80px !important;
	}
}

@media screen and (max-width:360px) {
	html {
		font-size: 70px !important;
	}
}

.wp {
	margin: 0 auto;
	max-width: 96%;
}

.alumni-section .wp {
	width: 90%;
	margin: 0 auto;
}

main {
	display: none;
}

#videoContainer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: #000;
	z-index: 99999;
	display: flex;
	justify-content: center;
	align-items: center;
}

#introVideo {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#skipBtn {
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 100000;
}

.video-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #000;
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
}

.video-container video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.skip-btn {
	position: absolute;
	top: 20px;
	right: 20px;
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	border: none;
	border-radius: 20px;
	padding: 8px 16px;
	font-size: 14px;
	cursor: pointer;
	transition: background-color 0.3s ease;
	z-index: 1000;
}

.skip-btn:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

header {
	position: relative;
	height: 100%;
	width: 100%;
}

header .logo {
	position: absolute;
}

.logo img {
	position: relative;
	/* width: 24.27vw; */
	top: 2.93vw;
}

nav {
	position: absolute;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 96%;
	height: 100%;
	z-index: 5;
	top: 24vw;
}

.nav {
	width: calc(50% - 17vw);
}

.nav li {
	opacity: 1;
	transition: opacity .8s ease;
	transform: translate(5%, -20.08%);
	float: left;
	width: 25%;
	background: url(../images/leafRight.png) no-repeat center top;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 4vw;
	background-size: 4vw;
}

.nav:last-child li {
	opacity: 1;
	transition: opacity .8s ease;
	transform: translate(5%, -20.08%);
	float: left;
	width: 25%;
	background: url(../images/leafLeft.png) no-repeat center top;
	display: flex;
	background-size: 4vw;
	align-items: center;
	justify-content: center;
	padding-top: 5vw;
}

.nav li a {
	writing-mode: vertical-rl;
	text-orientation: mixed;
	color: #fff;
	font-size: 1.8vw;
	font-weight: 900;
	cursor: pointer;
	transition: .5s ease;
	position: relative;
	font-family: "Source Han Serif SC", serif;
	line-height: 1.23;
	letter-spacing: 0.3vw;
}





.m_header_box {
	transition: .6s;
	display: none;
	height: .75rem;
	position: absolute;
	z-index: 800;
	width: 100%;
}

.m_header_box header {
	padding: 2.93vw 3.78vw 0 1.78vw;
	height: 0.75rem;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.m_header_box header #logo {
	padding: 0;
	width: 100%;
	display: flex;
	align-items: center;
}

.m_header_box header #logo a {
	margin-right: 0.2rem;
	position: relative;
}

.m_header_box header #logo a:before {
	content: '';
	position: absolute;
	right: -0.1rem;
	top: 50%;
	width: 1px;
	height: 0.28rem;
	background-color: #fff;
	margin-top: -0.14rem;
	opacity: .5;
}

.m_header_box header #logo a:last-child {
	margin-right: 0;
}

.m_header_box header #logo a:last-child:before {
	display: none;
}

.m_header_box header #logo a:nth-child(1) img {
	max-height: 50px;
}

.m_header_box header #logo a:nth-child(2) img {
	max-height: .26rem;
}

#m_nav .list_box0 {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

#m_nav .list_box0 .li {
	font-size: 14px;
	color: #fff;
	display: inline-block;
	transition: .6s;
	margin-right: .2rem;
	position: relative;
	line-height: .5rem;
}

#m_nav .list_box0 .li>a {
	display: block;
}

#m_nav .list_box0 .li a>img {
	margin: -2px 0 0 0;
}

#m_nav .list_box0 .li a .ewm_box {
	display: inline-block;
	border: #d3d3d3 1px solid;
	background: #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%) scaleY(1);
	top: 3.5rem;
	opacity: 1;
	visibility: visible;
	transform-origin: top;
	display: none;
}

#m_nav .list_box0 .li a .ewm_box:before {
	content: "";
	position: absolute;
	border-left: transparent 6px solid;
	border-right: transparent 6px solid;
	border-bottom: #fff 6px solid;
	top: -6px;
	left: 50%;
	margin-left: -6px;
}

#m_nav .list_box0 .li:hover {
	opacity: 1;
	color: #fe9800;
}

#m_nav .list_box0 {
	justify-content: center;
	width: 100%;
}

#m_nav .list_box0 .li {
	margin: 0 .05rem;
}

#nav_btn_box.on {
	background: none;
}

#nav_btn .point.on .navbtn::after,
#nav_btn .point.on .navbtn::before {}

#nav_btn_box {
	position: relative;
	width: .85rem;
	height: .75rem;
	display: flex;
	align-items: center;
	justify-content: right;
	z-index: 1;
	min-width: .85rem;
	right: 0;
}

#nav_btn_box:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

#nav_btn_box:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: -6px;
	border-bottom: transparent .75rem solid;
}

#nav_btn {
	cursor: pointer;
	text-align: center;
	z-index: 99999;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	outline: none;
	box-shadow: none;
	width: 5.87vw;
}

#nav_btn .point {
	display: inline-block;
	width: 34px;
	height: 18px;
	position: relative;
	outline: none;
}

#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before {
	width: 100%;
}

#nav_btn .navbtn {
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 2px;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	background: #fff;
	margin-top: -1px;
}

#nav_btn .navbtn::after,
#nav_btn .navbtn::before {
	position: absolute;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 2px;
	content: '';
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	background: #fff;
}

#nav_btn .navbtn::after {
	top: -8px;
}

#nav_btn .navbtn::before {
	top: 8px;
}

#nav_btn .point.on .navbtn {
	background: transparent;
}

#nav_btn .point.on .navbtn::after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0px;
}

#nav_btn .point.on .navbtn::before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0px;
}

.m_nav_list {
	flex-direction: column;
	width: 100%;
	height: 100%;
	overflow: auto;
	align-items: center;
	display: flex;
	background: rgba(255, 255, 255, .1);
}

.m_nav_list::-webkit-scrollbar {
	display: none;
}

#m_nav {
	z-index: 799;
	position: f;
	width: 39.73vw;
	height: 100%;
	/* right: -105vw; */
	top: 0;
	display: none;
	padding: 0px 0;
	pointer-events: none;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	display: flex;
	background: #c9171dd9;
	opacity: 0;
	visibility: hidden;
	/* border-radius: 5.33vw 0 0 5.33vw; */
}

#m_nav .close {
	position: absolute;
	top: 7px;
	right: 15px;
	left: 15px;
	font-size: 30px;
	color: #333;
	z-index: 10000;
	width: auto;
	height: 35px;
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 0;
}

#m_nav.act {
	pointer-events: auto;
	right: 0;
	opacity: 1;
	visibility: visible;
}

#m_nav .search_box input.submit {
	background: #fe9800;
	background-size: 1.75rem;
}

#m_nav .old_rukou {
	margin: .24rem 0 0;
	width: 100%;
}

.nav_link {
	padding: 0.1rem 0.12rem;
	min-width: 100%;
	font-size: 0.18rem;
	color: rgba(255, 255, 255, .5);
	line-height: 2;
	border-bottom: 1px solid rgba(255, 255, 255, .3);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.nav_link a {
	padding: 0 0.08rem;
	display: block;
	font-size: inherit;
	color: #ffffff;
}

.nav_link img {
	display: inline-block;
	vertical-align: middle;
	max-width: 0.2rem;
	margin: -3px 0.06rem 0 0;
}

.nav_lang {
	padding: 0.1rem 0.22rem;
	min-width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, .3);
	display: flex;
	flex-wrap: wrap;
}

.nav_lang .tit {
	display: block;
	font-size: 0.18rem;
	color: #FFFFFF;
	line-height: 2;
}

.nav_lang .tit .icon-lang {
	margin: -2px 4px 0 0;
	display: inline-block;
	vertical-align: middle;
	width: 0.19rem;
	height: 0.18rem;
	-webkit-background-size: contain;
	background-size: contain;
}

#nav_btn img {
	width: 100%;
}

.list_box_nav_mobile {
	width: 100%;
	height: 100%;
	padding: 40% 0 0 15%;
	overflow: hidden;
	overflow-y: scroll;
	margin: 0;
	flex: 1;
	padding-left: 15%;
}

.list_box_nav_mobile>li {
	width: 100%;
	padding: 0;
	position: relative;
	margin: 0 auto;
	padding-left: 9vw;
	padding-top: 3vw;
	background: url(../images/leafRight.png) no-repeat left center;
	background-size: 6.93vw;
	line-height: .5rem;
}

.list_box_nav_mobile>li .con {
	position: relative;
}

.list_box_nav_mobile>li a {

	color: #fff;
	font-size: 4vw;
	font-weight: 900;
}

.list_box_nav_mobile>li.on .a {
	color: rgba(255, 255, 255, 1);
}


.list_box_nav_mobile>li .list {
	padding: 10px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	display: none;
}

.list_box_nav_mobile>li .list a {
	display: block;
	font-size: 13px;
	color: rgba(255, 255, 255, .6);
	line-height: 2.5;
}

.nav_mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 798;
	background-color: rgba(0, 0, 0, 0.4);
	display: none;
}


.banner {
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
}

.banner:after {
	content: "";
	position: absolute;
	transform: translate(-50%, -53%);
	left: 50%;
	top: 46%;
	width: 15vw;
	height: 15vw;
	background: url(../images/Vector.png) no-repeat;
	background-size: 100%;
}

.banner img {
	width: 100%;
	height: 100%;
}

.countdown {
	position: absolute;
	left: 4%;
	top: 83.5%;
	z-index: 5;
	color: #f0fff4;
	display: flex;
	align-items: center;
}

.djs {}

.countdown-text img,
.countdown-eng img {
	width: 7.7083333vw;
	transform: translateY(20%);
	margin-right: .5vw;
	margin-bottom: 0.5vw;
}

.countdown-num {
	font-size: 5.25vw;
	font-weight: bold;
	color: #f7ddaa;
	font-family: JiangChengYuanTi, sans-serif;
	transform: translateY(-.46vw);
}

.countdown-unit img {
	border-radius: .52083333vw;
	width: 2.23958333vw;
	height: 2.03125vw;
	transform: translateY(.8vw);
}



.countdown2 {
	position: absolute;
	left: .3rem;
	top: 92%;
	z-index: 5;
	color: #f0fff4;
	display: flex;
	align-items: center;
	transform: rotateX(180deg);
	filter: blur(.9px);
	display: none;
}


.home1 {
	position: relative;
	padding: 6vw 0px 8vw;
	top: -5px;
}

.home1 .wp {
	width: 90%;
}

.tit {
	position: relative;
	top: 2vw;
}

.tit img {
	width: 12.5vw;
	margin-right: .625vw;
}

.gradient-box {
	width: 100%;
	height: 9vw;
	opacity: 1;
	background: linear-gradient(360deg, #fff 1.5%, #74b14f);
	position: absolute;
	z-index: -1;
	margin-bottom: 2vw;
	top: 0;
}

.container {
	width: 90%;
	max-width: 180rem;
	margin: 0 auto;
	padding: 5rem 0;
}


.news-title {
	font-size: 4.8rem;
	font-weight: bold;
	margin-bottom: 6rem;
	letter-spacing: 0.2rem;
}

.black-text {
	color: #000;
}

.red-text {
	color: #c8102e;
	margin-left: 0.5rem;
}


.news-content {
	display: flex;
	align-items: flex-start;
	gap: 4rem;
	position: relative;
}


.news-list-wrapper {
	flex: 1;
	position: relative;
	margin-top: 6vw;
}

.news-list-wrapper:after {
	content: "";
	background: url("../images/image10.png") no-repeat;
	background-size: contain;
	opacity: .25;
	width: 43vw;
	height: 100vw;
	position: absolute;
	top: -8vw;
	left: -4vw;
	background-size: 85%;
	z-index: -1;
}

.news-list {
	width: 100%;
}

.news-item {
	display: flex;
	position: absolute;
	align-items: center;
	font-size: 1.3vw;
	line-height: 1.5;
	letter-spacing: 0.1rem;
	padding: 1.5rem 0;
	border-bottom: 1px solid #eee;
	cursor: pointer;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	width: 39vw;
	height: 6.7vw;
	position: relative;
	z-index: 1;
}

.news-item:after {
	content: "";
	position: absolute;
	top: 0;
	left: -1vw;
	width: 40vw;
	height: 100%;
	background: linear-gradient(90deg, #c50f0f, #e61919);
	clip-path: polygon(0 0, 91.2% 0, 100% 100%, 0 100%);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	z-index: -1;
}


.news-item:hover:after,
.news-item.active:after {
	transform: scaleX(1);
	transform: translateX(10px);

}

.news-item:hover *,
.news-item.active * {
	color: #fff !important;
}

.news-item:hover,
.news-item.active {
	width: 37vw;
}

.news-type {
	font-weight: 520;
	color: #c9171d;

	font-size: 1.7vw;
	letter-spacing: .2vw;
	margin-right: .8vw;
	margin-left: 1vw;
	white-space: nowrap;
	transition: color 0.3s;
}

.news-item .line {
	font-weight: 500;
	color: #000;
	font-size: 1.8vw;
	margin-right: 1.5vw;
	margin-left: -.3vw;
}

.news-text {
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #333;
	transition: color 0.3s;
}

.news-item:hover .news-text,
.news-item.active .news-text {
	white-space: normal;

}

.news-img-wrapper {
	flex: 1.2;
	border-radius: 10px;
	/* overflow: hidden; */
	position: relative;
}

.news-img-wrapper:after {
	content: "";
	position: absolute;
	top: -3vw;
	right: -2vw;
	width: 31.25vw;
	height: 6vw;
	background-color: #f7ddaa;
	z-index: -1;
	border-radius: 5px;
}

.news-img {
	width: 100%;
	transition: opacity 0.4s ease-in-out;
	height: 26vw;
}




@media (max-width: 1200px) {

	.countdown {
		left: 3%;
	}

	.tit {
		top: 4vw;
	}

	.tit img {
		width: 23.16vw;
		height: 16.27vw;
	}

	.news-title {
		font-size: 4rem;
		margin-bottom: 4rem;
	}

	.news-item:hover,
	.news-item.active {
		padding: 0;
		width: 100%;
	}

	.news-item:hover .news-text,
	.news-item.active .news-text {
		white-space: nowrap;
	}

	.news-item {
		font-size: 4vw;
		line-height: 2.2;
		height: 12vw;
		padding: 0;
		width: 100%;
		border-bottom: .13vw solid rgba(148, 148, 148, 1);
	}

	.news-item:after {
		display: none;
	}

	.news-item:hover * {
		color: #333 !important;
	}

	.news-type {
		font-family: Source Han Sans CN, sans-serif;
		font-weight: 500;
		font-size: 4vw;
		margin-right: 2vw;
	}

	.news-content {
		gap: 3rem;
		display: block;
	}

	.news-list-wrapper {
		margin-top: 5vw;
		position: relative;
		width: 100%;
		margin-bottom: 3vw;
	}

	.news-img {
		height: auto;
	}

	.news-img-wrapper:after {
		display: none;
	}

	.project-container {
		width: 100% !important;
	}
}


.history-section {
	background: linear-gradient(to bottom, #fff, #f0c5c5);
	padding: 7vw 0 5.5vw;
	position: relative;
	overflow: hidden;
	/* min-height: 700px; */
	background: url(../images/bg.png) no-repeat top;
	background-size: 100%;
}

.activity-section {
	background: url(../images/image14.png) no-repeat;
	background-size: 45% auto, 30% auto;
	background-position: -10% -4.5vw, right 0vw;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	background-color: #fff;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}

.activity-section:after {
	position: absolute;
	content: '';
	right: 0;
	background: url(../images/image15_1.png) no-repeat;
	width: 30.9375vw;
	height: 26.04vw;
	top: 0;
	z-index: 0;
	background-size: 100% auto;
}

.activity-section .wp {
	margin: 1% 3.75% 4.5% 5.3125vw;
	display: flex;
	padding: 20px;
}

.activity-header {
	width: 200px;
	padding-right: 20px;
	margin-top: 3%;
	margin-right: 5.62%;
	position: relative;
	z-index: 3;
}

.activity-title {
	margin-top: 7.5%;
}

.activity-title img {
	width: 13vw;
}

.more-link {
	margin-left: 9%;
	margin-top: 20%;
	color: #c9171d;
	text-decoration: none;
	font-size: 1.1vw;
	display: flex;
	align-items: center;
}

.more-link.pc {}

.more-link.wap {
	display: none;
}

.activity-right {
	margin-top: 5%;
	width: 100%;
	flex: 1;
	padding-left: 50px;
	position: relative;
	z-index: 2;
}

.activity-cards {
	margin-top: 5%;
	display: flex;
	gap: 2.4848958333vw;
	padding-bottom: 10px;
	scrollbar-color: #C9171D #f5f5f5
}

.activity-card a {
	display: block;
}

.activity-card img {
	width: 100%;
}

.activity-card {
	width: 21.215625vw;
	height: 19.791666vw;
	flex: 1;
	min-width: 0;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 8px #0000001a;
	transition: all 2s cubic-bezier(0.16, 1, 0.3, 1);
	cursor: pointer;
	background-color: #fff;
	position: relative;
}

.history-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	background-size: 100% 100%;
	opacity: 0.2;
	z-index: 0;
}


.history-title {
	text-align: center;
	margin-bottom: 5vw;
	position: relative;
	z-index: 1;
	transition: transform 0.3s;
}



.history-title img {
	width: 15vw;
	height: auto;
}

.history-title .wheat {
	position: relative;
	display: inline-block;
}

.history-title .wheat::before {
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 60px;

	background-size: contain;
}

.history-title .red {
	color: #c8102e;
}


.timeline-container {
	position: relative;
	width: 100%;
	margin: 0 auto;
	/* overflow: hidden; */
	z-index: 3;
	padding: 0 1%;
}

.history-timeline {
	display: flex;
	/* align-items: center; */
	/* gap: 2.5%; */
	position: relative;
	/* z-index: 1; */
	/* transition: transform 0.5s ease; */
	/* width: fit-content; */
	/* margin: 0 auto; */
	padding: 0 3% !important;
	
}


.timeline-line {
	position: absolute;
	top: calc(65% + 0.85vw);
	left: 0;
	right: 0;
	height: 1px;
	z-index: 0;
	border-top: .18vw dotted white;
}


.timeline-item {

	text-align: center;

	position: relative;

	transition: all 2s cubic-bezier(0.16, 1, 0.3, 1);

	flex-shrink: 0;

	width: 18%;

	margin: 1% 0;
}



.timeline-img {
	width: 100%;
	height: 14vw;
	object-fit: cover;
	border: 10px solid #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	/*margin-bottom: 2.5vw;*/
}

.timeline-dot {
	width: 1.7vw;
	height: 1.7vw;
	border-radius: 50%;
	background: url(../images/Point.png) no-repeat;
	margin: 2.5vw auto;
	position: relative;
	z-index: 1;
	background-size: 100%;
}

@media (min-width: 1200px) {
	.timeline-item:hover .timeline-dot {
		background: url(../images/activeCow.png) no-repeat;
		width: 5.3vw;
		height: 2.85vw;
		background-size: cover;
		transform: translateY(-1.25vw);
		margin: 0 auto .1vw;
	}

	.history-title:hover {
		transform: scale(1.05);
	}

	.timeline-item:hover * {
		color: #ffe4af;
		transform: scale(1.05);
		transition: all 0.2s;
	}

	.timeline-item:hover {
		transform: scale(1.05);
		z-index: 10;
		transition: all 0.2s;
	}

	.timeline-item:hover .event-text {
		opacity: 0.95;
		transform: scale(1.05);
		transition: all 0.2s;
	}

	.timeline-item:hover .timeline-img {
		transform: scale(1.05);
		transition: all 0.2s;
		margin-bottom: 2.3vw;
	}

	
}


.timeline-year {
	font-family: Times New Roman;
	font-weight: 700;
	font-size: 2.5vw;
	line-height: 100%;
	letter-spacing: 0;
	text-align: center;
	color: #fff;
}

.timeline-name {
	text-align: center;
	width: 100%;
	font-family: Source Han Sans CN;
	font-weight: 700;
	font-size: 1.2vw;
	color: #fff;
	white-space: nowrap;
	margin-top: 1%;
}

.event-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 14vw;
	background: #c9171dbd;
	color: #ffe4af;
	opacity: 0;
}



.event-text p {
	width: 84%;
	margin: 0 auto 1vw;
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: .75vw;
	line-height: 200%;
	letter-spacing: 0;
	text-indent: 2em;
	position: absolute;
	bottom: 0;
	left: 8%;
}

.timeline-arrow {
	position: absolute;
	top: calc(65% + 0.85vw);
	transform: translateY(-50%);
	width: 2.5vw;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 10;
	transition: opacity 0.3s;
}

.timeline-arrow img {
	width: 100%;
	height: auto;
}

.timeline-arrow.disabled {
	pointer-events: none;
}

.arrow-left {
	transform: translateY(-50%) rotate(180deg);
	left: 2%;
}

.arrow-right {
	right: 2%;
}

@media (max-width: 768px) {
	.history-title {
		/* font-size: 2.5rem; */
		/* margin-bottom: 3rem; */
	}

	.timeline-img {
		height: 120px;
		border-width: 4px;
	}

	.timeline-year {
		font-size: 1.8rem;
	}

	.timeline-name {
		font-size: 1rem;
	}

	.timeline-arrow {
		width: 35px;
		height: 35px;
	}

	.footer-social {
		display: none !important;		
	}


}

@media (max-width: 1199px) {
	body {
		/* padding-top: 0; */
	}

	.inner_header {
		padding-top: 0;
	}

	header {
		display: none
	}

	.ar_wap {
		display: block
	}

	.wp {
		width: 96% !important;
		padding: 0 15px;
		max-width: 100%;
	}

	.activity-section .wp {
		display: block;
		padding: 20px;
		width: auto !important;
		margin: 0;
	}

	.countdown2 {
		display: flex;
	}

	.countdown2 .countdown-eng {
		display: none;
	}

	.countdown-text img,
	.countdown-eng img {
		margin-bottom: 0;
	}

	.timeline-container {
		overflow: auto;
		height: 80%;
		top: 20%;
		width: 100%;
		overflow: hidden;
	}

	.history-timeline2 {
		display: flex;
		width: fit-content;
		margin: 0 auto;
		height: auto;
		overflow-y: visible;
		position: relative;
		left: auto;
		transform: translateX(0);
	}

	.timeline-item2 {
		flex: 0 0 15.5%;
		width: auto;
		height: auto;
		display: block;
	}

	
   .timeline-item2  .timeline-img {
		width: 100%;
		height: 14vw;
		object-fit: cover;
		border: 10px solid #fff;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
		/*margin-bottom: 2.5vw;*/
	}
	
	.timeline-item2  .timeline-dot {
		width: 1.7vw;
		height: 1.7vw;
		border-radius: 50%;
		background: url(../images/Point.png) no-repeat;
		margin: 2.5vw auto;
		position: relative;
		z-index: 1;
		background-size: 100%;
		left: 0.5vw;
	}

	.history-title {
		top: 13%;
		width: 27vw;
		margin: 0 auto;
		/* position: absolute; */
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.history-title img {
		max-width: 100%;
		width: 100%;
	}

	.timeline-line {
		position: absolute;
		left: 8%;
		width: 1%;
		height: 98%;
		border-left: .27vw dashed #f7ddaa;
		top: 2%;
		border-top: 0;
	}

	.timeline-arrow {
		display: none;
	}

	.timeline-dot {
		object-fit: contain;
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		left: 6.5vw;
		top: 0;
	}

	.timeline-year {
		position: absolute;
		top: 0;
		left: 11vw;
		font-family: Times New Roman;
		font-weight: 700;
		font-size: 5vw;
		line-height: 100%;
		letter-spacing: 0;
		text-align: center;
		color: #ffd98f;
	}

	.timeline-item2 .timeline-name {
		margin: 0;
		font-family: Source Han Sans CN;
		font-weight: 700;
		font-size: 3vw;
		color: #ffd98f;
		white-space: nowrap;
		position: absolute;
		left: 43vw;
		text-align: left;
		width: 64vw;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.event-text {
		position: relative;
		top: -5vw;
		left: 43vw;
		width: 54vw;
		transition: all 2s cubic-bezier(0.16, 1, 0.3, 1);
		text-align: left;
		display: block;
		opacity: 1;
		background: none;
		height: auto;
		text-indent: 0 !important;
	}

	.event-text p {
		width: 100%;
		margin: 0;
		font-family: Source Han Sans CN;
		font-weight: 400;
		font-size: 1.7vw;
		letter-spacing: 0;
		color: #fff;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-indent: 0 !important;
		left: 0;
	}

	.timeline-img {
		position: absolute;
		z-index: 2;
		width: 17vw;
		top: 4px;
		left: 24vw;
		transform: translateY(-5%);
		background: transparent;
		height: auto;
	}

	.home1 {
		padding: 0;
	}

	.history-section {
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-touch-callout: none;
		position: relative;
		width: 100%;
		background-image: linear-gradient(179.93deg, #fff .06%, #d64e52 51.44%, #c9171d 99.94%);
		background-size: cover;
		position: relative;
		background-size: cover;
		min-height: auto;
		padding: 0;
		height: 88vw;
	}

	.history-section:before {
		content: "";
		background: url(../images/mobileTimelineBg.png) no-repeat;
		position: absolute;
		width: 100%;
		/* aspect-ratio: 75 / 84; */
		background-size: cover;
		height: 100%;
	}

	.more-link {
		margin-top: 3%;
	}


	.activity-right {
		width: calc(100% - 123px);
		float: right;
		padding-left: 20px;
		padding-top: 20px;
		margin-top: 0;
	}

	.activity-card {
		height: 29.791666vw;
	}

	.card-label {
		height: 100%;
		position: relative;
	}

	.card-label a {
		position: relative;
		height: 100%;
		overflow: hidden;
		display: block;
	}

	.activity-card img {
		background-color: #fff;
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: all .3s;
	}

}

@media (max-width: 768px) {
	.activity-card {
		z-index: 10;
		width: 21.82vw;
		height: 25.6vw;
		/* flex: 0 0 calc(50% - 4px); */
	}
}

@media screen and (orientation: portrait) {
	.banner {
		position: relative;
		top: 0;
		z-index: -1;
		width: 100%;
		height: auto;
	}
}



@media screen and (max-width: 1199px) {


	#m_nav {
		width: 100%;
		/* border-radius: 8vw 0 0 8vw; */

		background: linear-gradient(135deg, #b00e14 0%, #c9171d 50%, #d62229 100%);
		box-shadow: -6px 0 20px rgba(0, 0, 0, 0.2);
		backdrop-filter: blur(8px);
	}


	.list_box_nav_mobile {
		padding: 0;
	}


	.list_box_nav_mobile>li {
		padding-left: 12vw;
		padding-top: 4vw;
		padding-bottom: 4vw;
		background-size: 10vw;

		border-bottom: 1px solid rgba(255, 255, 255, 0.15);
		margin-bottom: 0;
		line-height: 1.4;
		transition: 0.3s ease;
	}


	.list_box_nav_mobile>li:hover {
		background-color: rgba(0, 0, 0, 0.08);
	}


	.list_box_nav_mobile>li a {
		font-size: 4.2vw;
		letter-spacing: 1px;
		color: #ffffff;
		font-weight: 600;
		transition: all 0.25s ease;
	}


	.list_box_nav_mobile>li:hover a,
	.list_box_nav_mobile>li:active a {
		color: #f7ddaa;
		letter-spacing: 2px;
	}


	.m_header_box {}


	.nav_mask {
		background-color: rgba(0, 0, 0, 0.3);
	}


	#nav_btn {
		width: 6.5vw;
	}
}


@media screen and (max-width: 768px) {
	#m_nav {
		width: 100%;
		padding: 9vw 0;
	}

	.list_box_nav_mobile>li a {
		font-size: 4.5vw;
	}
}

.alumni-section {
	position: relative;
	z-index: 9;
	width: 100%;
}

.schoolfellow-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* object-fit: cover; */
	z-index: 0;
}

.alumni-tit {
	position: relative;
	z-index: 99;
	/* margin-bottom: 2vw; */
}

.alumni-tit .tit_img img {
	width: 13.645833333vw;
	object-fit: contain;
}


.tab-nav {
	position: relative;
	z-index: 99;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0;
	flex-wrap: nowrap;
	width: 100%;
	margin: 0 auto 3vw;
}

.tab-item {
	padding: 0.6vw 0.2vw;
	margin: 0 3vw;
	font-size: 1.875vw;
	font-weight: 700;
	color: #c32b2b;
	cursor: pointer;
	transition: all 0.3s ease;
	border-radius: 0.6vw;
	position: relative;
	width: 6vw;
}
.tab-item2 {
	padding: 0.6vw 0.2vw;
	margin: 0 3vw;
	font-size: 1.875vw;
	font-weight: 700;
	color: #c32b2b;
	cursor: pointer;
	transition: all 0.3s ease;
	border-radius: 0.6vw;
	position: relative;
	width: 6vw;
}
.tab-item2 a{
	color: #c32b2b !important;
}
.tab-item:before {
	content: "";
	position: absolute;
	background: url(../images/image67_1.png) no-repeat center top;
	width: calc(82% + 4.6vw);
	background-repeat: no-repeat;
	background-size: contain;
	height: 5vw;
	transform: translate(-4.3vw, 2.5vw);
}

.tab-item.active:after {
	display: none;
}

.tab-item:after {
	content: "";
	position: absolute;
	background: url(../images/image67_1.png) no-repeat center top;
	width: 9vw;
	background-repeat: no-repeat;
	background-size: contain;
	height: 5vw;
	transform: translate(-11vw, -1vw);
}



.tab-item2:before {
	content: "";
	position: absolute;
	background: url(../images/image67_1.png) no-repeat center top;
	    width: calc(82% + 4.6vw);
    background-repeat: no-repeat;
    background-size: contain;
    height: 5vw;
    transform: translate(-4.3vw, 2.5vw);
}

.tab-item2:after {
	content: "";
	position: absolute;
	background: url(../images/image67_1.png) no-repeat center top;
	width: 9vw;
	background-repeat: no-repeat;
	background-size: contain;
	height: 5vw;
	transform: translate(-12vw, -1vw);
}

.tab-item.active {
	color: #c9171d;
	position: relative;
	background-color: #f7ddaa;
	border: 2px solid rgb(247, 221, 170);
	/* box-shadow: 0 .3703703704px .3703703704px #00000040 inset, 0 .3703703704px .8518518519px #6c0b0bf5; */
	border-radius: .78125vw
}

.tab-item.active::before {
	content: "";
	display: block !important;
	position: absolute;
	top: -1.8vw;
	left: 0;
	transform: translateX(-50%);
	width: 3vw;
	height: 3vw;
	background: url(../images/pentagram.png) no-repeat center;
	background-size: contain;
}

.tab-item:hover:not(.active) {
	color: #c9171d;
}


.tab-content-wrap {
	position: relative;
	z-index: 1;
	width: 100%;
}

.tab-content {
	display: none;
	animation: fadeIn 0.4s ease;
}

.tab-content.show {
	display: block;
	width: 100%;
	overflow: hidden;
	padding-bottom: 4vw;
}

#tab2.show:before {
	position: absolute;
	content: "";
	background: rgb(255, 232, 233);
	width: 100%;
	height: 49.73vw;
	top: -12vw;
	left: 0;
}

.alumni-slick-wrapper:before {
	position: absolute;
	content: "";
	background: url(../images/outstandingBg.png) no-repeat top;
	width: 100%;
	height: 50.73vw;
	top: -12vw;
	left: 0;
	background-size: 100% auto;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.content-box {
	min-height: 61vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #333;
}

.content-box h3 {
	font-size: 3vw;
	margin-bottom: 2vw;
	color: #c9171d;
}

#tab1 .xyml {
	float: right;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	right: 15vw;
	width: 17vw;
	top: 1vw;
}

#tab1 .xyml .dot {
	width: 1vw;
	height: 1vw;
	display: block;
	background: #c32b2b;
	border-radius: 50%;
	float: left;
}

#tab1 .xyml .tit {
	display: block;
	position: relative;
	float: left;
	top: 0;
	font-size: 1.8vw;
	font-family: SourceHanSerifCN-Bold;
}

#tab1 .xyml .more {
	display: block;
	font-size: 1.4vw;
	font-family: SourceHanSerifCN-Bold;
	color: #c32b2b;
}


@media (max-width: 1199px) {

	header {
		display: none
	}

	.ar_wap {
		display: block
	}

	.wp {
		width: 96% !important;
		padding: 0 15px;
		max-width: 100%;
	}

	.activity-section .wp {
		display: block;
		padding: 20px;
		width: auto !important;
		margin: 0;
	}

	.history-section .pc {
		display: none;
	}

	.timeline-container2 {
		overflow: auto;
		height: 100%;
		top: 17%;
		width: 100%;
		overflow: hidden;
		padding-bottom: 0%;
		position: relative;
	}

	.history-timeline2 {
		display: block;
		width: 100%;
		height: 88%;
		overflow-y: auto;
		position: absolute;
		left: 4vw;
		transform: translateX(0) !important;
		padding: 0 2%;
		margin: 0 auto;
	}

	.timeline-item2 {
		flex: 1;
		width: 100%;
		height: 24.5vw;
		/* display: flex; */
		position: relative;
	}

	.history-title {
		top: 10%;
		/* width: 61vw; */
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.history-title img {
		max-width: 100%;
		width: 100% !important;
	}

	.timeline-container2 .timeline-line {
		position: absolute;
		left: 8%;
		width: 1%;
		height: 98%;
		border-left: .27vw dashed #f7ddaa;
		top: 2%;
		border-top: 0;
	}

	.timeline-arrow {
		display: none;
	}

	.timeline-item2 .timeline-dot {
		object-fit: contain;
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		left: 0.5vw;
		top: 0;
		width: 3vw;
		height: 3vw;
	}

	.timeline-item2 .timeline-year {
		position: absolute;
		top: 1.5vw;
		left: 5vw;
		font-family: Times New Roman;
		font-weight: 700;
		font-size: 5vw;
		line-height: 100%;
		text-align: center;
		color: #ffd98f;
	}

	.timeline-item2 .timeline-name {
		margin: 0;
		font-weight: 700;
		font-size: 4vw;
		color: #ffd98f;
		white-space: nowrap;
		position: absolute;
		left: 43vw;
		text-align: left;
		width: 57vw;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.timeline-item2 .event-text {
		position: relative;
		top: -11vw;
		left: 43vw;
		width: 51vw;
		transition: all 2s cubic-bezier(0.16, 1, 0.3, 1);
		text-align: left;
		display: block;
		opacity: 1;
		background: none;
		height: auto;
		text-indent: 0 !important;
	}

	.timeline-item2 .event-text p {
		width: 100%;
		margin: 0;
		font-weight: 400;
		font-size: 2.3vw;
		letter-spacing: 0;
		line-height: 4vw;
		color: #fff;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-indent: 0 !important;
		left: 0;
	}

	.timeline-item2 .timeline-img {
		position: absolute;
		z-index: 2;
		width: 20vw;
		top: 10px;
		left: 20vw;
		transform: translateY(-5%);
		background: transparent;
		height: auto;
	}

	.home1 {
		padding: 0;
	}

	.history-section {
		user-select: none;
		position: relative;
		width: 100%;
		background-image: linear-gradient(179.93deg, #fff .06%, #d64e52 51.44%, #c9171d 99.94%) !important;
		background-size: cover;
		position: relative;
		background-size: cover;
		min-height: auto;
		padding: 0;
		height: 90vw;
	}

	.history-section:before {
		content: "";
		background: url(../images/mobileTimelineBg.png) no-repeat;
		position: absolute;
		width: 100%;
		background-size: cover;
		height: 100%;
	}

	.more-link {
		margin-top: 0;
		display: block;
		float: right;
		font-size: 18px;
	}

	.more-link.pc {
		display: none;
	}

	.more-link.wap {
		display: block;
		float: left;
	}

	.activity-header {
		position: absolute;
		width: 123px;
		margin-right: 15px;
		padding-right: 0;
		display: flex;
		flex-direction: column;
	}

	.activity-title {
		float: left;
		margin-top: 0;
	}

	.activity-title img {
		width: 100%;
	}

	.activity-right {}

	.activity-card {
		height: auto;
		width: 33.3%;
	}

	.card-label {
		height: 100%;
		position: relative;
	}

	.card-label a {
		position: relative;
		height: 100%;
		overflow: hidden;
		display: block;
	}

	.activity-card img {
		background-color: #fff;
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: all .3s;
	}


	.alumni-tit .tit_img img {
		width: 23.4667255707vw;
		object-fit: contain;
	}

	.tab-nav {
		justify-content: space-between;
		margin: 3vw auto 3vw;
	}

	.tab-item {
		font-size: 3.8vw;
		padding: 1.5vw 3vw;
		margin: 0;
		width: auto;
	}

	.tab-item2 {
		font-size: 3.8vw;
		padding: 1.5vw 3vw;
		margin: 0;
		width: auto;
	}

	.content-box h3 {
		font-size: 6vw;
	}
}

@media (max-width: 520px) {
	.activity-cards {}

	.activity-card {
		z-index: 10;
		margin-bottom: .2rem;
	}
}

@media screen and (orientation: portrait) {
	.banner {
		position: relative;
		top: 0;
		z-index: -1;
		width: 100%;
		height: auto;
	}
}


@media screen and (max-width: 1199px) {
	#m_nav {
		width: 100%;
		background: linear-gradient(135deg, #b00e14 0%, #c9171d 50%, #d62229 100%);
		box-shadow: -6px 0 20px rgba(0, 0, 0, 0.2);
		backdrop-filter: blur(8px);
	}

	.list_box_nav_mobile {
		padding: 0px 20px 90px;
		position: relative;
		top: 90px;
	}

	.list_box_nav_mobile>li {
		padding-left: 12vw;
		padding-top: 4vw;
		padding-bottom: 4vw;
		background-size: 10vw;
		border-bottom: 1px solid rgba(255, 255, 255, 0.15);
		margin-bottom: 0;
		line-height: 1.4;
		transition: 0.3s ease;
	}

	.list_box_nav_mobile>li:hover {
		background-color: rgba(0, 0, 0, 0.08);
	}

	.list_box_nav_mobile>li a {
		font-size: 4.2vw;
		letter-spacing: 1px;
		color: #ffffff;
		font-weight: 600;
		transition: all 0.25s ease;
	}

	.list_box_nav_mobile>li:hover a,
	.list_box_nav_mobile>li:active a {
		color: #f7ddaa;
		letter-spacing: 2px;
	}

	#nav_btn {
		width: 6.5vw;
	}
}

@media screen and (max-width: 768px) {
	#m_nav {
		width: 100%;
		padding: 0;
	}

	.list_box_nav_mobile>li a {
		font-size: 4.5vw;
	}
}

.video-container {
	z-index: 999 !important;
}

#m_nav {
	position: absolute !important;
	z-index: 9 !important;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

#m_nav.act {
	opacity: 1;
	visibility: visible;
}

.nav_mask {
	z-index: 9998 !important;
}

@media (min-width: 1200px) {
	.timeline-container {}

	.history-section>.wap {
		display: none;
	}
}


.alumni-slick {
	position: relative;
	padding: 0 7vw;
}

.alumni-slick-wrapper .wap {
	display: none;
}

.alumni-page {
	display: grid !important;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap: 1.5rem;
}



.alumni-card {
	background: #fff;
	/* box-shadow: 0 10px 30px rgba(201, 23, 29, 0.08); */
	overflow: hidden;
	text-align: center;
	padding: 0 0 .26vw;
	margin: 0 0.1rem;
	position: relative;
	float: left;
	transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	/* border: 1px solid rgba(201, 23, 29, 0.05); */
}

.alumni-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 40px rgba(201, 23, 29, 0.15);
}

.alumni-img {
	width: 100%;
	height: 11vw;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f9f9f9;
}

.alumni-card .hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #c9171dbd;
	color: #ffe4af;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: start;
	opacity: 0;
	transition: all 0.4s ease;
	padding: 1vw;
	box-sizing: border-box;
	z-index: 9;
	transform: scale(1.1);
}

.alumni-card:hover .hover {
	opacity: 1;
	transform: scale(1);
}

.alumni-card .hover .name {
	font-weight: bold;
	font-size: 1.6vw;
	margin: 0 0 0.8vw;
	border-bottom: 2px solid #f7ddaa;
	padding-bottom: 0.4vw;
}

.alumni-card .hover .desc {
	font-size: 0.85vw;
	line-height: 1.6;
	margin: 0;
	text-align: center;
	text-indent: 0;
	opacity: 0.9;
}

.alumni-img img {
	width: auto;
	height: 100%;
	object-fit: contain;
	transition: transform .3s ease;
}

.alumni-name {
	font-size: 1.25vw;
	margin: 0 0 0.42vw;
	font-weight: 700;
	text-align: center;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-top: 0.84vw;
}

.alumni-info {
	text-align: center;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0;
	font-size: .82rem;
	opacity: .7;
	line-height: 1.2;
}


.alumni-slick-wrapper .slick-prev,
.alumni-slick-wrapper .slick-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 3.5vw;
	height: 3.55vw;

	border-radius: 50%;
	z-index: 0;
}

.alumni-slick-wrapper .slick-prev:hover,
.alumni-slick-wrapper .slick-prev:focus {
	background: url(../images/Vector1.png) no-repeat;
}

.alumni-slick-wrapper .slick-next:hover,
.alumni-slick-wrapper .slick-next:focus {
	background: url(../images/Vector2.png) no-repeat;
	background-size: cover;
}

.alumni-slick-wrapper .slick-prev {
	left: 3vw;
	background: url(../images/Vector1.png) no-repeat;
	background-size: cover;
}

.alumni-slick-wrapper .slick-prev:before {
	display: none;
}

.alumni-slick-wrapper .slick-next {
	right: 3vw;
	background: url(../images/Vector2.png) no-repeat;
	background-size: cover;
}

.alumni-slick-wrapper .slick-prev:before,
.alumni-slick-wrapper .slick-next:before {
	display: none;
}


.alumni-slick .slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .8rem;
	position: relative;
	z-index: 5;
	bottom: -2vw;
}

.alumni-slick .slick-dots li {
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
	background-color: #ddd;
	cursor: pointer;
	transition: all .2s
}

.alumni-slick .slick-dots li.slick-active {
	width: 1rem;
	height: 1rem;
	background-color: #fff;
	border: 2px solid #C9171D;
	transform: scale(1.2)
}

.alumni-slick .slick-dots li button {
	font-size: 0
}

.alumni-slick .slick-dots li button:before {
	display: none;
}




@media (max-width: 1200px) {
	.alumni-slick-wrapper .wap {
		display: block;
		padding: 0;
	}

	.alumni-slick-wrapper .pc {
		display: none;
	}

	.alumni-section {
		width: 100%;
		/* display: flex; */
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background: linear-gradient(180deg, #ffffff30 45.19%, #c0000630);
		padding-top: 10px;
		position: relative;
		overflow: hidden;
		max-height: 60vw;
		padding-bottom: 0;
	}

	.schoolfellow-container {
		position: absolute;
		width: 100%;
		bottom: 0;
		height: 100%;
		object-fit: inherit;
		padding-top: 12vw;
	}

	#tab1 .xyml {
		align-items: center;
		top: 6vw;
		right: 8vw;
		width: 33vw;
	}

	#tab1 .xyml .dot {
		width: 2vw;
		height: 2vw;
		display: block;
		background: #c32b2b;
		border-radius: 50%;
		float: left;
	}

	#tab1 .xyml .tit {
		display: block;
		position: relative;
		float: left;
		top: 0;
		font-size: 3.8vw;
		font-family: SourceHanSerifCN-Bold;
		font-weight: 700;
	}

	#tab1 .xyml .more {
		display: block;
		font-size: 2.4vw;
		font-family: SourceHanSerifCN-Bold;
		color: #c32b2b;
	}

	#tab2.show:before {
		display: none;
	}

	.tab-item:before {
		content: "";
		position: absolute;
		background: url(../images/image67_1.png) no-repeat center top;
		width: 100%;
		height: 3vw;
		background-size: contain;
		transform: translate(-9.5vw,-.5vw);
	}

	.tab-item:after {
		content: "";
		position: absolute;
		background: url(../images/image67_1.png) no-repeat center top;
		height: 5vw;
		background-repeat: no-repeat;
		background-size: contain;
		top: 59%;
	}



	.tab-item.active::before {
		content: "";
		display: block !important;
		position: absolute;
		top: -1.8vw;
		left: 0;
		transform: translateX(-50%);
		width: 3vw;
		height: 3vw;
		background: url(../images/pentagram.png) no-repeat center;
		background-size: contain;
	}

	.tab-item:hover:not(.active) {
		color: #c9171d;
	}

	.alumni-slick-wrapper:before {
		position: absolute;
		content: "";
		background: url(../images/outstandingBg.png) no-repeat bottom #ffe8e9;
		width: 100vw;
		/* height: 106vh; */
		top: 0;
		left: 0;
		background-size: 100%;
	}

	.alumni-slick-wrapper {
		padding: 0 30px;
	}

	.alumni-img {
		height: 100px;
	}

	.slick-prev,
	.slick-next {
		width: 30px;
		height: 30px;
	}

	.alumni-page {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: 1fr;
		gap: 1.5vw;
		padding: 1.26vw 0.84vw 0.84vw;
		max-width: 95vw;
		transition: opacity .3s ease
	}


	.alumni-card {
		width: 28vw;
		position: relative;
		background: #fff;
		box-shadow: 0 2px 8px #0003;
		overflow: hidden;
		transition: all 2s cubic-bezier(0.16, 1, 0.3, 1);
		cursor: pointer;
		display: flex;
		flex-direction: column;
		align-items: center;
		touch-action: manipulation;
	}

	.alumni-img {
		width: 100%;
		height: 25vw;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.alumni-card .hover {
		position: absolute;
		inset: 0;
		background: #c9171dbd;
		color: #ffe4af;
		padding: 3vw;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		text-align: center;
		opacity: 0;
		animation: fadeIn-4dc467b7 .3s ease forwards;
		overflow-y: auto;
		z-index: 5;
		overflow-x: hidden
	}

	.alumni-card:hover .hover {
		opacity: 1;
	}

	.alumni-card .hover .name {
		font-size: 4vw;
		margin: 2vw 0 1vw
	}

	.alumni-card .hover .desc {
		font-size: 2.2vw;
		line-height: 1.5;
		margin: 1vw 0;
		text-align: justify;
	}

	.alumni-img img {
		height: 100%;
		object-fit: contain;
		transition: transform .3s ease;
		align-self: flex-start;
	}

	.alumni-name {
		font-size: 3.2vw;
		margin: 0 0 0.42vw;
		font-weight: 700;
	}

	.alumni-info {
		margin: 0;
		font-size: 2.2vw;
		opacity: .7;
		line-height: 1.3;
		width: 100%;
		padding: 0 3px;
	}
}


@media (max-width: 1024px) {
	.alumni-slick-wrapper .wap {
		display: block;
		padding: 0;
	}

	.alumni-slick-wrapper .pc {
		display: none;
	}

	.alumni-section {
		width: 100%;
		/* display: flex; */
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background: linear-gradient(180deg, #ffffff30 45.19%, #c0000630) !important;
		padding-top: 10px;
		position: relative;
		overflow: hidden;
		max-height: 72vw;
		padding-bottom: 0;
	}

	.schoolfellow-container {
		position: absolute;
		width: 100%;
		bottom: 0;
		height: auto;
		object-fit: inherit;
		padding-top: 0;
		top: 24vw;
	}

	#tab1 .xyml {
		align-items: center;
		top: 6vw;
		right: 8vw;
		width: 33vw;
	}

	#tab1 .xyml .dot {
		width: 2vw;
		height: 2vw;
		display: block;
		background: #c32b2b;
		border-radius: 50%;
		float: left;
	}

	#tab1 .xyml .tit {
		display: block;
		position: relative;
		float: left;
		top: 0;
		font-size: 3.8vw;
		font-family: SourceHanSerifCN-Bold;
		font-weight: 700;
	}

	#tab1 .xyml .more {
		display: block;
		font-size: 2.4vw;
		font-family: SourceHanSerifCN-Bold;
		color: #c32b2b;
	}

	#tab2.show:before {
		display: none;
	}

	.tab-item:before {
		content: "";
		position: absolute;
		background: url(../images/image67_1.png) no-repeat center top;
		width: 100%;
		height: 3vw;
		background-size: contain;
		transform: none;
		left: 0;
		top: 0;
	}

	.tab-item:after {
		content: "";
		position: absolute;
		background: url(../images/image67_1.png) no-repeat center top;
		width: 100%;
		height: 3vw;
		background-size: contain;
		transform: none;
		left: 0;
		top: auto;
		bottom: -10px;
	}

	.tab-item2:before {
		content: "";
		position: absolute;
		background: url(../images/image67_1.png) no-repeat center top;
		width: 100%;
		height: 3vw;
		background-size: contain;
		transform: none;
		left: 0;
		top: 0;
	}

	.tab-item2:after {
		content: "";
		position: absolute;
		background: url(../images/image67_1.png) no-repeat center top;
		width: 100%;
		height: 3vw;
		background-size: contain;
		transform: none;
		left: 0;
		top: auto;
		bottom: -10px;
	}

	.tab-item.active {
		color: #c9171d;
		position: relative;
		background-color: #f7ddaa;
		border: 2px solid rgb(247, 221, 170);
		/* box-shadow: 0 .3703703704px .3703703704px #00000040 inset, 0 .3703703704px .8518518519px #6c0b0bf5; */
		border-radius: .78125vw
	}

	.tab-item.active::before {
		content: "";
		display: block !important;
		position: absolute;
		top: -1.8vw;
		left: 0;
		transform: translateX(-50%);
		width: 3vw;
		height: 3vw;
		background: url(../images/pentagram.png) no-repeat center;
		background-size: contain;
	}

	.tab-item:hover:not(.active) {
		color: #c9171d;
	}

	.alumni-slick-wrapper:before {
		position: absolute;
		content: "";
		background: linear-gradient(to top, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 1) 100%);
		width: 100vw;
		height: 105%;
		top: 0;
		left: 0;
		background-size: 100% auto;
		transform: translateY(-5%);
	}

	.alumni-slick-wrapper {
		padding: 0 2vw;
	}

	.alumni-img {
		height: 100px;
	}

	.slick-prev,
	.slick-next {
		width: 30px;
		height: 30px;
	}

	.alumni-page {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: 1fr;
		gap: 1.5vw;
		padding: 1.26vw 0.84vw 0.84vw;
		max-width: 100vw;
		transition: opacity .3s ease
	}


	.alumni-card {
		width: 28vw;
		position: relative;
		background: #fff;
		box-shadow: 0 2px 8px #0003;
		overflow: hidden;
		transition: all 2s cubic-bezier(0.16, 1, 0.3, 1);
		cursor: pointer;
		display: flex;
		flex-direction: column;
		align-items: center;
		touch-action: manipulation;
	}

	.alumni-card:hover {
		transform: translateY(0px);
	}

	.alumni-img {
		width: 100%;
		height: 25vw;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.alumni-card .hover {
		position: absolute;
		inset: 0;
		background: #c9171dbd;
		color: #ffe4af;
		padding: 3vw;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		text-align: center;
		opacity: 0;
		animation: fadeIn-4dc467b7 .3s ease forwards;
		overflow-y: auto;
		z-index: 5;
		overflow-x: hidden
	}

	.alumni-card:hover .hover {
		opacity: 1;
	}

	.alumni-card .hover .name {
		font-size: 4vw;
		margin: 2vw 0 1vw
	}

	.alumni-card .hover .desc {
		font-size: 2.2vw;
		line-height: 1.5;
		margin: 1vw 0;
		text-align: justify;
	}

	.alumni-img img {
		height: 100%;
		object-fit: contain;
		transition: transform .3s ease;
		align-self: flex-start;
	}

	.alumni-name {
		font-size: 3.2vw;
		margin: 0 0 0.42vw;
		font-weight: 700;
	}

	.alumni-info {
		margin: 0;
		font-size: 2.2vw;
		opacity: .7;
		line-height: 1.3;
	}
}


.donation-section {
	box-sizing: border-box;
	padding-top: 11vw;
	width: 100%;
	height: 100%;
	align-items: center;
	position: relative;
	display: flex;
	background: url(../images/crop.png) no-repeat center top;
	padding-bottom: 2vw;
	z-index: 2;
}

.donation-section:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 170vh;
	background: linear-gradient(0deg, #c9171d, #fff0 30.44%);
	z-index: -1;
	bottom: 0;
}


.donation-header {
	position: absolute;
	width: 13vw;
	top: 2.5vw;
	left: 4vw;
	object-fit: contain;
	opacity: 1
}

.donation-header img {
	max-width: 100%;
}

.donation-title {
	font-size: clamp(2rem, 5vw, 3.5rem);
	font-weight: bold;
}

.donation-title span {
	color: #c9171d;
}

.ginkgo-icon {
	margin-right: 1.5vw;
	width: clamp(40px, 6vw, 70px);
	height: auto;
}


.top-buttons {
	margin-top: 2.3438vw;
	width: 100%;
	gap: 3.3854vw;
	/* height: 5.0521vw; */
	justify-content: center;
	align-items: center;
	display: flex;
}

.top-btn {
	flex: 1;
	min-width: 180px;
	padding: 1.5vw 2.5vw;
	color: #fff;
	border: none;
	font-size: clamp(1rem, 2vw, 1.4rem);
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.2vw;
	cursor: pointer;
	position: relative;
	z-index: 2;
}

.top-btn span {
	font-size: 1.6vw;
	letter-spacing: 0.2vw;
	/* text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); */
	color: #fff;
}

.top-btn img {
	height: 1.7995vw;
	transition: transform 0.4s;
}


.btnItem {
	width: 27.9vw;
	height: 100%;
	border-radius: 12px;
	background-color: #c9171d;
	position: relative;
	cursor: pointer;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	box-shadow: 0 8px 20px rgba(201, 23, 29, 0.2);
	overflow: hidden;
}


.btnItem:before {
	content: "";
	position: absolute;
	inset: 0;
	background: url(../images/btn_bg.png) no-repeat bottom;
	background-size: cover;
	background-position: center;
	opacity: .3;
	border-radius: 12px;
	pointer-events: none;
	height: 100%;
	z-index: 1;
	transition: opacity 0.4s;
}

.btnItem:hover {
	opacity: .85;
}

.top-btn i {
	font-size: 1.2em;
}


.divider {
	width: 90%;
	margin: 4vw auto;
	height: 1px;
	background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.1), transparent);
	border: none;
}

.project-title {
	text-align: center;
	margin: 4vw 0;
	position: relative;
}

.project-title img {
	width: 18vw;
	height: auto;
}



.project-title::after {
	right: calc(50% - 80px);
}

.project-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 3vw;
	width: 90%;
	margin: 0 auto;
}

.donationWrapper {
	position: relative;
	width: 100%;
	height: 242vw;
	background: linear-gradient(0deg, #c9171dfc, #fff0 32.21%)
}

.project-card {
	/* background: #fff; */
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	cursor: pointer;
	border: 1px solid rgba(0, 0, 0, 0.03);
}



.card-img {
	width: 100%;
	height: 18vw;
	background: #fdfdfd;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s;
}



.card-footer {
	background: #c9171d;
	color: #fff;
	padding: 1.2vw 2vw;
	text-align: center;
	font-size: 1.666667vw;
	font-weight: bold;
	letter-spacing: 0.1vw;
}

.project-card:hover .card-footer {
	background: #b41419;

}

.bg-decoration {
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translateX(-50%);
	width: 40%;
	height: 80%;
	background: url('') no-repeat center;
	background-size: contain;
	opacity: 0.1;
	z-index: -1;
	pointer-events: none;
}

@media (max-width: 1200px) {
	.donation-header {
		width: 23.47vw;
		height: 15.68vw;
		left: 5vw;
		top: 5vw;
	}

	.donation-section {
		padding-bottom: 7vw;
		background: url(../images/crop.png) no-repeat center 72%;
		background-size: 100%;
	}

	.donation-section:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 81vh;
		background: linear-gradient(0deg, #c9171d, #fff0 51.44%);
		z-index: -1;
		bottom: 0;
	}

	.btnItem {
		width: 100%;
	}

	.project-title img {
		width: 30vw;
		top: 73vw;
		left: 35.5vw;
	}

	.divider {
		display: none;
	}

	.top-btn span {
		position: relative;
		z-index: 1;
		font-family: Source Han Sans CN, PingFang SC, Microsoft YaHei, sans-serif;
		font-weight: 700;
		font-size: 3.5vw;
		color: #fff;
		letter-spacing: .5vw;
	}

	.top-buttons {
		flex-direction: column;
		box-sizing: border-box;
		padding-top: 13vw;
		width: 100%;
		height: 100%;
		align-items: center;
	}

	.top-btn {
		padding: 4vw;
	}

	.project-title::before,
	.project-title::after {
		display: none;
	}

	.card-img {
		width: 79.15vw;
		/* height: 40vw; */
		overflow: hidden;
	}
}


.visual-section {
	padding: 0vw 0 0;
	position: relative;
}

.visual-section:before {
	position: absolute;
	content: "";
	background: url("../images/yxcnbg.png") no-repeat left center;
	background-color: #fff;
	left: 0;
	top: 0;
	width: 42.7408vw;
	height: 41.8964vw;
	top: -4vw;
	left: 0vw;
	opacity: .6;
	background-size: 100% auto;
	z-index: 0;
}

.visual-header {
	/* text-align: center; */
	/* margin-bottom: 5vw; */
}

.visual-title {
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 4.5vh 0 6.5vh;
	background: #fff;
}

.visual-title img {
	width: 13.229166666vw;
	height: auto;
}




.visual-container {
	display: flex;
	height: 32vw;
	position: relative;
	/* border-radius: 15px; */
	overflow: hidden;
	/* box-shadow: 0 20px 50px rgba(201, 23, 29, 0.15); */
}


.visual-main {
	flex: 1.8;
	height: 100%;
	position: relative;
	/* background: #fff; */
	/* overflow: hidden; */
	order: 1;

}

.visual-slider-img {
	height: 100%;
	width: 50vw;
	float: right;
}
/* 轨道反向抵消rtl镜像 */
.visual-slider-img .slick-track {
  transform: scaleX(-1);
}
/* 每张slide再反向恢复原图 */
.visual-slider-img .slick-slide {
  transform: scaleX(-1);
}
.visual-slider-video {
	width: 60vw;
	margin-right: 2vw;
	top: 50%;
	transform: translateY(-50%);
	right: 10%;
}

.visual-main .item {
	height: 32vw;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;

}

.visual-main img,
.visual-main video {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	/* box-shadow: 0 10px 30px rgba(0,0,0,0.2); */
}

.visual-main video {
	object-fit: cover;
	background: none !important;
}

.visual-main .caption {
	position: absolute;
	bottom: 3.5vw;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	font-size: 1.4vw;
	font-weight: bold;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
	z-index: 10;
	pointer-events: none;
	display: none;

}


.visual-side {
	flex: 1;
	background: URL(../images/zpbg.png) no-repeat bottom #ffe6b7;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	order: 2;
	width: 56vw;
	height: 60vh;
	top: 50%;
	transform: translateY(-50%);
	overflow: hidden;
	transition: right .5s ease;
}


.visual-side::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background: url("../images/bg.png") no-repeat center bottom; */
	background-size: 100% auto;
	opacity: 0.15;
	pointer-events: none;
}

.side-content {
	position: relative;
	z-index: 5;
	text-align: center;
}


.visual-nav {
	display: flex;
	gap: 2vw;
	justify-content: center;
	margin-bottom: 0;

}

.prev-btn,
.next-btn {
	width: 3.5vw;
	height: 3.5vw;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border-radius: 8px;
	transition: all 0.3s;
}



.prev-btn img {
	max-width: 4vw;
	/* transform: rotate(180deg); */
}

.next-btn img {
	max-width: 4vw;
}


.visual-pagination {
	display: none;

	flex-direction: column;
	align-items: center;
}

.visual-pagination .num {
	font-family: Source Han Sans CN;
	font-weight: 700;
	font-size: 32px;
	color: #d8b680;
	white-space: nowrap;
	display: inline-flex;
	align-items: flex-end;
}

.visual-pagination .num span {
	margin: 0 0.6vw;
}

.visual-pagination .progress-bar {
	width: 100%;
	height: .1563vw;
	background-color: #d8b68052;
	border-radius: .25vw;
	overflow: hidden;
	position: relative;
	margin-top: .5vw;
}

.visual-pagination .progress-line {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: #d8b680;
	width: 0;
	transition: width 0.5s ease;
}


.video-tab-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: auto;
	width: 9.375vw;
	z-index: 30;
	cursor: pointer;
	right: 0;
}

.video-tab-btn img {
	width: 100%;
	height: auto;
	display: block;
}

.video-tab-btn img.wap {
	/* display:none; */
	width: 0;
}

.video-tab-btn .zpbtn {
	display: none;
}


.visual-container.is-video-mode .visual-main {
	order: 2;

	flex: 1.8;
}

.visual-container.is-video-mode .visual-side {
	order: 1;

}

.visual-container.is-video-mode .video-tab-btn {
	right: auto;
	left: 0;
}

.visual-container.is-video-mode .video-tab-btn .spbtn {
	display: none;
}

.visual-container.is-video-mode .video-tab-btn .zpbtn {
	display: block;
}

.visual-container.is-video-mode .visual-main .item {

	border-radius: 1vh;
}

.visual-container.is-video-mode .visual-main .caption {
	display: block;

}

.visual-container.is-video-mode .visual-nav {
	/* margin-bottom: 2.5vw; */
	left: 17vw;
	width: 12vw;
	justify-content: space-between;
	align-items: center;
}

.visual-container.is-video-mode .visual-pagination {
	display: flex;

}
.visual-container.is-video-mode .prev-btn{
    position: relative;
    left: 11.5vw;
    transform: rotate(180deg);
}
.visual-container.is-video-mode .prev-btn img{}
.visual-container.is-video-mode .next-btn{
    position: relative;
    left: -11.5vw;
    transform: rotate(180deg);
}
.visual-container.is-video-mode .next-btn img{}

@media (max-width: 768px) {
	.project-card {
		flex-direction: column;
	}

	.visual-section {
		padding: 5vw 0;
		background: url("../images/cnwapbg.png") no-repeat top center;
		background-size: cover;
		position: relative;
		min-height: 79vw;
	}

	.visual-title {
		display: none;
	}

	.visual-header {
		/* margin-bottom: 30px; */
	}

	.visual-title img {
		width: 140px;
		height: auto;
	}

	.visual-container {
		display: block;
		height: auto;
		overflow: visible;
		/* padding-bottom: 60px; */

		position: static;
	}

	.visual-main {
		width: 100%;
		height: auto;
		padding: 0 5%;
		box-sizing: border-box;
		position: absolute;
		bottom: 14vw;
	}

	.visual-slider-img,
	.visual-slider-video {
		width: 100% !important;
		height: auto !important;
		float: none;
		right: 0 !important;
		transform: none !important;
		top: 0 !important;
	}

	.visual-main .item {
		height: 50vw;
		padding: 0;
	}

	.visual-main img,
	.visual-main video {
		width: 100%;
		height: 100%;
		border-radius: 12px;
		box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
		object-fit: cover;
	}

	.visual-side {
		width: 100%;
		height: auto !important;
		background: none;
		background-size: 100% auto;
		bottom: 0;
		transform: none;
		overflow: visible;
		bottom: 0;
		top: auto;
		position: absolute;
	}

	.visual-side::before {
		display: none;
	}

	.visual-nav {
		position: absolute;
		bottom: 0;
		right: 20vw;
		/* transform: translatey(100%); */
		width: 30vw;
		display: flex;
		/* justify-content: space-between; */
		z-index: 25;
		margin-bottom: 0;
	}

	.prev-btn,
	.next-btn {
		width: 6vw;
		height: 6vw;
		border-radius: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.3s;
	}

	.visual-container.is-video-mode .prev-btn{
    left: 15.5vw;
}
	.visual-container.is-video-mode .next-btn{
    left: -15.5vw;
}

	.visual-container.is-video-mode .prev-btn img,
	.visual-container.is-video-mode .next-btn img {}

	.visual-pagination {
		/* bottom: 4vw; */
		/* left: 24vw; */
		/* transform: translateX(-50%); */
		/* margin-top: 0; */
		z-index: 24;
	}

	.visual-pagination .num {
		font-size: 3.2vw;
		font-weight: bold;
		margin-bottom: 5px;
	}

	.visual-pagination .progress-bar {
		width: 60px;
	}

	.video-tab-btn {
		position: absolute;
		bottom: 0;
		right: 0;
		left: auto;
		top: auto;
		transform: none;
		width: 150px;
		height: auto;
		z-index: 30;
	}

	.video-tab-btn img.wap {
		width: 100%;
		height: auto;
		position: relative;
		bottom: auto;
		left: auto;
	}

	.video-tab-btn img.pc {
		width: 0;
	}

	.visual-container.is-video-mode .video-tab-btn {
		left: 0;
		right: auto;
	}

	.visual-container.is-video-mode .visual-main {
		width: 100%;
		padding: 0 5%;
	}

	.card-img {
		width: 100%;
		height: 40vw;
	}

	.card-img img {
		display: block;

		/* object-fit: cover; */
	}

	.project-title {
		width: 40vw;
		/* top: 73vw; */
		/* left: 35.5vw; */
		margin: 5vw auto;
		font-size: inherit;
	}

	.project-title img {
		max-width: 100%;
	}

	.project-container {
		/* padding-top: 15vw; */
		width: 100%;
		gap: 3.8vw;
		/* height: 184vw; */
		justify-content: center;
		align-items: center;
		display: flex;
		flex-direction: column;
	}

	.project-card {
		width: 79.15vw;
		display: flex;
		flex-direction: column;
		height: 100%;
		cursor: pointer;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
		border-radius: 0;
	}

	.card-footer {
		display: flex;
		flex: 1;
		height: 100%;
		background: #c9171d;
		font-family: Source Han Sans CN, PingFang SC, Microsoft YaHei, sans-serif;
		justify-content: center;
		align-items: center;
		font-weight: 700;
		font-size: 3.5vw;
		line-height: 1;
		letter-spacing: .09em;
		text-align: center;
		color: #fff;
		transition: background .3s;
		padding: 3vw;
	}
}


.footer {}

footer {
	background: #c9171d url("../images/footer.png") no-repeat center bottom;
	background-size: 80% auto;
	color: #fff;
	padding: 60px 0 40px;
	position: relative;
	overflow: hidden;
	height: 38vw;
}

.footer .wp {
	width: 85vw;
}

.footer-nav {
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	gap: 1.3021vw;
	margin: 0 5vw;
	margin-bottom: 2.833vw;
}

.footer-nav a {
	color: #fff;
	text-decoration: none;
	font-size: 1.25vw;
	display: flex;
	/* width: 100%; */
	height: 100%;
	line-height: 2.6042vw;
	font-weight: 700;
	cursor: pointer;
	float: left;
}

.footer-nav a:hover {
	color: #fff;
}

.footer-nav span {
	font-size: 1.25vw;
}

.footer-social {
	display: flex;
	justify-content: center;
	gap: 3.3021vw;
	margin-bottom: 2.833vw;
	align-items: center;
}

.social-item {
	width: 3.6458vw;
	height: 3.6458vw;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s;
	position: relative;

	/* margin-right: 2vw; */
}

.social-item:hover {
	transform: translateY(-5px);
}


.qr-popup {
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%) translateY(-10px);
	width: 6.25vw;
	height: 6.25vw;
	/* padding: 10px; */
	border-radius: 8px;
	/* box-shadow: 0 10px 30px rgba(0,0,0,0.2); */
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	z-index: 100;
}


.qr-popup::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 8px solid transparent;
	border-top-color: #fff;
}

.qr-popup img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain;
}

.social-item:hover .qr-popup {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(-15px);
}

.social-item img {
	width: 100%;
	height: auto;
}

.footer-divider {
	height: 2px;
	background: rgba(255, 255, 255, .5);
	margin-bottom: 2.833vw;
}

.footer-content {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.footer-logo {
	margin-bottom: 25px;
}

.footer-logo img {
	height: 60px;
	width: auto;
}

.footer-info p {
	margin: 8px 0;
	line-height: 1.5;
	font-weight: 400;
	font-size: 20px;
	color: #fffc;
}

.footer-right {
	text-align: center;
}

.qrcode-box {
	padding: 10px;
	border-radius: 5px;
	display: inline-block;
}

.qrcode-box img {
	width: 200px;
	display: block;
	margin-bottom: 8px;
}

.qrcode-box p {
	color: #fff;
	margin-top: 10px;
	font-size: 16px;
}
@media (max-width: 1600px) {
	.visual-pagination .num{
		font-size: 26px;
	}
}
@media (max-width: 1400px) {
	.visual-pagination .num{
		font-size: 24px;
	}
}
@media (max-width: 1200px) {
	.visual-pagination .num{
		font-size: 21px;
	}
	footer {
		background: #d2201b url(../images/mobileBg.png) no-repeat center bottom;
		background-size: 100% auto;
		height: auto;
		padding: 30px 0 40px;
	}

	.footer-content {
		flex-direction: column;
		align-items: center;
		/* text-align: center; */
		gap: 40px;
	}

	.footer-nav {
		gap: 10px;
		padding: 10px 0;
		text-align: left;
		display: grid;
		margin: 10px 0;
		overflow: hidden;
		grid-template-columns: repeat(4,1fr);
	}
	.footer-info p{
		font-size: 2.9vw;
		font-weight: 100;
	}

	.footer-nav a {
		font-size: 2.4vw;
		text-align: left;
		display: block;
		float: left;
		font-weight: normal;
		/* width: 25%; */
		line-height: 4.4vw;
	}
	.footer-nav a:last-child{
		display:none;
	}

	.footer-nav span {
		display: none;
	}

	.footer-social {
		gap: 6vw;
		/* display: none; */
		min-height: 70px;
	}

	.social-item {
		width: 35px;
		height: 35px;
	}

	.social-item img {
		width: 70px;
	}

	.qr-popup {
		/* display: none; */
		width: 120px;
		height: 120px;
		bottom: 57px;
	}

	.qr-popup img {
		width: 100%;
	}
}
@media (max-width: 1024px) {
	.visual-container.is-video-mode .visual-nav{
		width: 16vw;
	}
	.visual-pagination .num{
		font-size: 20px;
	}
}
.blessing-section {
	padding: 3.1667vw 0;
	background: url(../images/building.png) no-repeat right;
	position: relative;
}

.blessing-header {
	/* margin-bottom: 2.0833vw; */
	text-align: center;
}

.blessing-title {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-left: 3rem;
}

.blessing-title img {
	width: 13.6458333vw;
	object-fit: contain;
}

.blessing-container {
	display: flex;
	gap: 2.0833vw;
	align-items: flex-start;
	/* padding-top: 2.0833vw; */
}

.blessing-left {
	flex: 1;
	position: relative;
	top: 3vw;
}

.spirit-card {
	background: url(../images/redBg.png) no-repeat;
	position: absolute;
	top: 2.3vw;
	width: 28.0208333vw;
	z-index: 2;
	left: 1vw;
	height: 22vw;
}

.spirit-card img {
	position: relative;
	top: 4vw;
	left: 2.8vw;
	width: 23.375vw;
	height: auto;
	z-index: 2;
}

.blessing-left::after {
	content: "";
	background: url("../images/cow.png") no-repeat center;
	background-size: contain;
	pointer-events: none;
	position: absolute;
	top: -5vw;
	left: 47%;
	width: 15.296354116666vw;
	height: 9.9479vw;
	z-index: 0;
	/* transform: rotate(5deg); */
}

.spirit-cow {
	width: 120px;
	margin-bottom: 30px;
}

.spirit-cow img {
	width: 100%;
	height: auto;
}

.spirit-content h3 {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 30px;
	letter-spacing: 2px;
}

.spirit-text p {
	font-size: 24px;
	line-height: 1.8;
	letter-spacing: 4px;
	margin-bottom: 10px;
}

.blessing-right {
	flex: 2;
}
.sec-workshop__list.wap{
	display:none;
}
ul.blessing-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-bottom: 40px;
}

.blessing-item {
	background: url(../images/blessingBg.png) no-repeat left center;
	border-radius: 10px;
	padding: .75rem 1rem .75rem 100px;
	border: 2px solid gold;
	opacity: 0;
	transform: translateY(30px);
	box-shadow: 0 2px 10px #0000001a;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	cursor: pointer;
	height: 5.614583vw;
	position: relative;
	margin: .5rem;
	box-sizing: border-box;
	display: flex;
	align-items: center
}

.blessing-item.animate-show {
	opacity: 1;
	transform: translateY(0);
}

.blessing-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(255, 222, 102, 0.3);
}

.item-icon {
	width: 40px;
	flex-shrink: 0;
}

.item-icon img {
	width: 100%;
}

.item-name {
	width: 80px;
	font-weight: bold;
	font-size: .9vw;
	color: #333;
	flex-shrink: 0;
}

.item-content {
	color: #000;
	font-size: .84vw;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;

}

.blessing-form {
	display: flex;
	/* flex-direction: column; */
	gap: 1vw;
}

.blessing-form .form-row input {
	padding: 0 2vw;
	border: 1px solid #ccc;
	border-radius: 8px;
	background: #fff;
	font-size: 1rem;
	color: #333;
	font-family: Microsoft YaHei, PingFang SC, sans-serif;
	resize: none;
	height: 3.64583333vw;
	box-sizing: border-box;
	overflow: hidden;
	width: 29.195118772038996vw;
	margin-right: 0;
	margin-left: 10px;
	box-shadow: 0 2px 4px #00000040
}

.form-row-flex {
	display: flex;
	gap: 3vw;
	align-items: center;
}

.layui-form {
	gap: 2vw;
}

.form-row-flex input {
	padding: 0 2vw;
	border: 1px solid #ccc;
	border-radius: 8px;
	background: #fff;
	font-size: 1rem;
	line-height: 1.5;
	color: #333;
	font-family: Microsoft YaHei, PingFang SC, sans-serif;
	box-sizing: border-box;
	height: 3.64583333vw;
	width: 14.947916666vw;
	margin-left: -5px;
	box-shadow: 0 2px 4px #00000040
}

.blessing-form input:focus {
	border-color: #c9171d;
	outline: none;
	background: #fff;
}

.submit-btn {
	background-color: #c9171d;
	padding: 0 2vw;
	border-radius: 8px;
	font-size: 1rem;
	line-height: 3.64583333vw;
	color: #ffffff;
	font-family: Microsoft YaHei, PingFang SC, sans-serif;
	box-sizing: border-box;
	height: 3.64583333vw;
	width: 14.947916666vw;
	box-shadow: 0 2px 4px #00000040
}

.submit-btn:hover {
	background: #a01217;
}

.custom-search .form-item:first-child input {
	width: 29.195118772038996vw !important;
}

.custom-search .form-item:nth-child(2) input {
	width: 14.947916666vw !important;
}

@media (max-width: 1200px) {
	.blessing-section {
		padding: 40px 0;
	}

	.blessing-header {
		display: none;
	}

	.visual-slider-video {
		right: 3%;
	}

	.visual-side {
		height: 28vw;
	}

	.blessing-title {
		justify-content: left;
		padding: 0;
	}

	.blessing-title img {
		width: 150px;
	}

	.blessing-container {
		flex-direction: column;
		align-items: center;
		gap: 30px;
	}

	.blessing-left {
		width: 100%;
		display: block;
		justify-content: center;
		padding-top: 0;

		top: 0;
	}

	.spirit-card {
		width: 100%;
		background: url(../images/zfbjwap.png) no-repeat center;
		border-radius: 0;
		padding: 0;
		position: relative;
		overflow: visible;

		height: 49vw;
		background-size: 100%;
	}

	.spirit-card img {
		display: none;
	}

	.blessing-left::after {
		display: none;
	}

	.spirit-cow {
		position: absolute;
		width: 160px;
		top: -45px;
		right: -10px;
		margin-bottom: 0;
		z-index: 10;
	}

	.spirit-content {
		text-align: right;
	}

	.spirit-content h3 {
		font-size: 20px;
		margin-bottom: 15px;
		margin-right: 10px;
	}

	.spirit-text {
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.spirit-text p {
		font-size: 18px;
		letter-spacing: 2px;
		margin-bottom: 5px;
	}

	.blessing-right {
		width: 100%;
	}

	.sec-workshop__list.pc{
		display:none;
	}
	.sec-workshop__list.wap{
		display:block;
		height: 24vw;
	}
	.sec-workshop__list .swiper-wrapper{
    transition-timing-function: cubic‑bezier(0.165, 0.84, 0.44, 1);
}
	ul.blessing-list {
		grid-template-columns: 1fr;
		gap: 2.5vw;
		margin-bottom: 2.5vw;
		/* padding: 0 5%; */
		overflow: hidden;
	}
	.sec-workshop__list .swiper-wrapper{
		height: 34vw !important;
	}
.sec-workshop__list .swiper-slide{
	height:auto !important;
}
	.blessing-item {
		background:none;
		border: none !important;
		border-radius: 1vw;
		padding: 0;
		line-height: 1.5;
		height: auto;
		/* height: 10.1667vw; */
		justify-content: center;
		text-align: center;
		margin: 0;
		overflow: hidden;
		opacity: 1;
		box-shadow: none;
	}
		.blessing-item  .bg{
			background: #c9171d !important;
			box-shadow: none;
			width: 100%;
			line-height: 3vw;
			padding: 0.18rem 0.2rem;
			border-radius: 1vw;
		}

	.blessing-item .item-icon,
	.blessing-item .item-name {
		display: none;
	}

	.blessing-item .item-content {
		color: #fff;
		font-size: 16px;
		-webkit-line-clamp: unset;
		display: block;
	}

	.blessing-form {
		padding: 0 5vw;
		display: block !important;
	}

	.blessing-form .form-row {
		width: 100%;
		margin-bottom: 2vw;
	}

	.custom-search .form-item:first-child input,
	.custom-search .form-item:nth-child(2) input {
		width: 100% !important;
		height: 9.5833vw !important;
		border-radius: 0.8vw;
		margin: 0;
		font-size: 2vw;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
		padding: 0 2vw !important;
		font-size: 16px !important;
	}

	.form-row-flex {
		flex-direction: column;
		gap: 1vw;
		width: 100%;
		justify-content: space-around;
		margin-bottom: 3vw !important;
	}

	.layui-form {
		display: block !important;
	}

	.submit-btn {
		width: 100% !important;
		height: 9.5833vw;
		border-radius: 0.8vw;
		margin: 0;
		font-size: 16px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
		line-height: 7.645833vw;
	}
}

@media (max-width: 460px) {
	.activity-header{
		width: 80px;
	}
	.activity-right{
		width: calc(100% - 80px);
	}
}