@font-face {
	font-family: 'zh';
	src: url(./SourceHanSansCN-Regular.otf);
}
@font-face {
	font-family: 'en';
	src: url('./HarmonyOS_Sans_SC_Regular.ttf');
}
* {
	font-family: 'zh';
}
header {
	
	position: relative;
	z-index: 3;
	padding: 0 160px;
	padding-top: 50px;
	position: fixed;
	top: 0;
	width: 100%;

	/* padding-bottom: 50px; */
	transition: background 0.3s ease;
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.8) 0%,
		rgba(0, 0, 0, 0) 100%
	);
}
header .header{display: flex;
	align-items: center;margin:0 auto;
	justify-content: space-between;max-width:1920px;}
header a {
	display: flex;
	align-items: center;
}
header a img {
	width: 264px;
	display: block;
	margin-right: 15px;
}
header a .right .title {
	font-size: 31px;
	margin-bottom: 5px;
	color: #fff;
	line-height: 1;
}
header a .right .en {
	font-size: 19px;
	color: #fff;
	line-height: 1;
	font-family: 'en';
}
header nav{
	display: flex;
	align-items: center;}
header nav ul {
	display: flex;
	align-items: center;
}
header nav ul.menu > li {
	display: block;
	margin: 0 40px;
}
header nav ul li a {
	display: block;
	font-size: 23px;
	color: #fff;
}
header nav .search {
	width: 65px;
	border: 1px solid #fff;
	border-top: none;
	border-bottom: none;
	position: relative;
}
header nav .search img {
	margin: 0 auto;
	width: 22px;
	height: 22px;
	display: block;
	cursor: pointer;
}
header nav .search .search-box {
	position: absolute;
	top: 100%;
	right: 0;
	width: 300px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 10px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.3s ease;
	z-index: 1000;
}
header nav .search:hover .search-box {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
header nav .search .search-box input {
	width: 200px;
	padding: 8px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	outline: none;
	font-size: 14px;
}
header nav .search .search-box button {
	width: 60px;
	padding: 8px 12px;
	margin-left: 8px;
	background: #00664f;
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
}
header nav .search .search-box button:hover {
	background: #004d3b;
}
/* 二级菜单样式 */
header nav ul .dropdown {
	position: relative;
}
header nav ul .dropdown-menu {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 131px;
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	display: none;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-50%);
	z-index: 1000;
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 2px solid red;
	margin-top: 0;
}

header nav ul .dropdown-menu li {
	border-bottom: 1px solid #ccd0cf;
}
header nav ul .dropdown-menu li:last-child {
	border-bottom: none;
}
header nav ul .dropdown-menu li a {
	display: block;
	padding: 10px 15px;
	color: #000000;
	text-decoration: none;
	font-size: 14px;
	transition: all 0.3s ease;
	text-align: center;
}
header nav ul .dropdown-menu li a:hover {
	background: #f5f5f5;
	color: #ff0000;
}
.banner {
	position: relative;
	width: 100%;
	height: 890px;
	overflow: hidden;
	z-index: 2;
}
.banner > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.banner .swiper {
	width: 100%;
	height: 100%;
}
.banner .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner .swiper-button-next,
.banner .swiper-button-prev {
	opacity: 0;
	transition: opacity 0.3s ease;
}
.banner:hover .swiper-button-next,
.banner:hover .swiper-button-prev {
	opacity: 1;
}
.banner .swiper-pagination-bullet {
	background: rgba(255, 255, 255, 0.5);
}
.banner .swiper-pagination-bullet-active {
	background: #fff;
}
.number {
	width: 100%;
	height: 445px;
	background-color: #fff;
	padding-top: 130px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.number .title {
	font-family: SourceHanSansCN, SourceHanSansCN;
	font-weight: 400;
	font-size: 31px;
	color: #333333;
	text-align: center;
	margin-bottom: 40px;
}
.number .solid {
	width: 1290px;
}
.number .itemBox{
	display: flex;
	justify-content: space-between;
	width: 1440px;
}
.number .itemBox .item {
	position: relative;
}
.number .itemBox .item .n {
	font-size: 76px;
	color: #333333;
	margin-bottom: 20px;
	text-align: center;
}
.number .itemBox .item .name {
	font-size: 19px;
	color: #333333;
	text-align: center;
}

.main .box {
	width: 1440px;
	margin: 0 auto;
	padding: 80px 0;
}
.main .box .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 70px;
}
.main .box .top .title {
	font-weight: 500;
	font-size: 51px;
	color: #333333;
	margin-bottom: 10px;
}
.main .box .top .en {
	font-size: 18px;
	color: #333333;
	padding-left: 15px;
	border-left: 1px solid #0f6f5a;
	font-family: 'en';
}
.main .box .top .more {
	font-weight: 500;
	font-size: 16px;
	color: #333333;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.main .box .top .more img {
	width: 98px;
	margin-bottom: 5px;
}
.main .box .top .more p {
	width: 98px;
	text-align: left;
}
.news {
	height: 884px;
	background-color: #f2f3f8;
}
.news .itemBox  .post {
		display: flex;
	align-items: center;
	justify-content: space-between;
}

.news .itemBox .item {
	background:#fff;border:1px solid #f9f9f9;padding:30px;box-sizing:border-box;
	width: 435px;
}
.news .itemBox .item img {
	width: 100%;
	height: 345px;
	display: block;
	object-fit: cover;
	margin-bottom: 30px;
	overflow: hidden;
}
.news .itemBox .item .img img {
	transition: all 0.5s ease;
	width: 100%;
	height: 100%;
}
.news .itemBox .item .img:hover img {
	transform: scale(1.2);
}
.news .itemBox .item .name {
	font-weight: 400;
	font-size: 24px;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: all 0.5s ease;
}
.news .itemBox .item:hover .name,
.news .itemBox .item:hover .desc {
	color: #00664f;
}
.news .itemBox .item .solid {
	width: 50px;
	height: 1px;
	background-color: #7b7b7d;
	margin: 20px 0;
}
.news .itemBox .item .desc {
	font-weight: 400;
	font-size: 16px;
	color: #7f7f7f;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	transition: all 0.5s ease;

	-webkit-box-orient: vertical;
}
.schedule {
	background-color: #fff;
}
.schedule .more span {
	font-weight: 200;
	font-size: 12px;
	color: #333333;
}
.schedule .itemBox {
	display: flex;
	justify-content: space-between;
}
.schedule .itemBox > .left {
	width: 911px;
	margin-right: 90px;
}
.schedule .itemBox .left a {
	display: flex;
	justify-content: space-between;
	border: 1px solid #e1e1e1;
	border-left: none;
	border-right: none;
	align-items: center;
	padding: 20px 0;
	transition: all 0.5s ease;
}
.schedule .itemBox .left a .solid {
	width: 47px;
	height: 1px;
	background: #9f9f9f;
	display: block;
	transition: all 0.5s ease;
}
.schedule .itemBox .left a .name {
	font-weight: 300;
	font-size: 24px;
	color: #333333;
	margin-bottom: 20px;
	transition: all 0.5s ease;
}
.schedule .itemBox .left a .time {
	height:50px;line-height:50px;
	background: none;
	padding: 0 5px;font-size:18px;
	transition: all 0.5s ease;color:#666;
}
.schedule .itemBox .left a .time .y {
	font-family: HarmonyOS_Sans_SC;
	font-size: 14px;
	color: #f2f3f8;

	border-bottom: 1px solid #f2f3f8;
}
.schedule .itemBox .left a .time .m,
.schedule .itemBox .left a .time .d {
	font-family: HarmonyOS_Sans_SC;
	font-size: 24px;
	color: #f2f3f8;
	border-bottom: 1px solid #f2f3f8;
	line-height: 1;
	margin-bottom: 3px;
}
.schedule .itemBox .left a:hover {
}
.schedule .itemBox .left a:hover .name {
	color: #00664f;
}
.schedule .itemBox .left a:hover .time {
}
.schedule .itemBox .right {
	width: 1%;
	flex-grow: 1;
}
.schedule .itemBox .right .item {
	height: calc(50% - 10px);
	display: block;
	display: flex;
	align-items: center;
	justify-content: center;
}
.schedule .itemBox .right .item:first-child {
	background: #33a372;
	margin-bottom: 9px;
}
.schedule .itemBox .right .item:last-child {
	background: #eb6275;
}
.schedule .itemBox .right .item img {
	width: 84px;
	height: 84px;
}
.schedule .itemBox .right .item .name {
	font-family: SourceHanSansCN, SourceHanSansCN;
	font-weight: 400;
	font-size: 29px;
	color: #ffffff;
	margin-left: 20px;
	max-width: 230px;
}
.card {
	display: flex;margin:0 auto;max-width:1920px;
}
.card .item {
	display: flex;
	flex-wrap: wrap;
	width: 50%;
}
.card .item > * {
	width: 50%;
	height: 420px;
}
.card .item .c1 {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
}
.card .item .c1::after {
	content: '';
	position: absolute;
	right: -32px;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
}
.card .item .c1 .name {
	font-weight: 400;
	font-size: 46px;
}

.card .item .c1 .en {
	font-family: HarmonyOS_Sans_SC_Thin;
	font-size: 20px;
	color: #ffffff;
	font-family: 'en';
}
.card .item > * {
	overflow: hidden;
}
.card .item > * img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: all 0.5s ease;
}
.card .item > * img:hover {
	transform: scale(1.2);
}
.card .item .c4 {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 35px;
}
.card .item .c4::after {
	content: '';
	position: absolute;
	left: -32px;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
}
.card .item .c4 .list a {
	display: flex;
	margin-bottom: 25px;
}
.card .item .c4 .list a .time {
	margin-right: 20px;
}
.card .item .c4 .list a .name,
.card .item .c4 .list a .time {
	font-weight: 300;
	font-size: 18px;
}
.card .item .c4 .list a .name {
	flex-grow: 1;
	width: 1%;
}
.card .item .c4 .list .more {
	font-weight: 500;
	font-size: 16px;text-align:left;
	color: #333333;
	display: flex;
	flex-direction: column;
}
.card .item .c4 .list .more img {
	width: 99px;
}
.card .item:first-child .c1 {
	background: #00664f;
	color: #f2f3f8;
}
.card .item:first-child .c1::after {
	border-top: 35px solid transparent;
	border-bottom: 35px solid transparent;
	border-left: 35px solid #00664f;
}
.card .item:first-child .c4 {
	background: #f2f3f8;
}
.card .item:first-child .c4::after {
	border-top: 35px solid transparent;
	border-bottom: 35px solid transparent;
	border-right: 35px solid #f2f3f8;
}
.card .item:first-child .c4 .list a .name,
.card .item:first-child .c4 .list a .time {
	color: #00664f;
}

.card .item:last-child .c1 {
	background: #f2f3f8;
}
.card .item:last-child .c1 .name,
.card .item:last-child .c1 .en {
	color: #00664f;
	font-family: 'en';
}
.card .item:last-child .c1::after {
	border-top: 35px solid transparent;
	border-bottom: 35px solid transparent;
	border-left: 35px solid #f2f3f8;
}
.card .item:last-child .c4 {
	background: #00664f;
}
.card .item:last-child .c4::after {
	border-top: 35px solid transparent;
	border-bottom: 35px solid transparent;
	border-right: 35px solid #00664f;
}
.card .item:last-child .c4 .list a .name,
.card .item:last-child .c4 .list a .time {
	color: #f2f3f8;
}
.card .item:last-child .c4 .more {
	color: #ffffff;
}
.route {
	height: 220px;
}
.route .box {
	width: 1440px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.route .box .title {
	margin-right: 140px;
}
.route .box .title .name {
	font-weight: 500;
	font-size: 51px;
	color: #333333;
	margin-bottom: 5px;
}
.route .box .title .en {
	font-size: 18px;
	color: #333333;
	padding-left: 5px;
	border-left: 1px solid #3a8977;
	font-family: 'en';
}
.route .box .right {
	display: flex;
	justify-content: space-between;
	flex-grow: 1;
	width: 1%;
}
.route .box .right a {
	display: flex;
	width: 195px;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #7b7b7b;
	padding-bottom: 50px;
	font-weight: 400;
	font-size: 26px;
	color: #000000;
}

.route .box .right a img {
	width: 42px;
	display: block;
	height: 8px;
}
.route .box .right a:hover {
	color: #00664f;
	border-color: #00664f;
}
footer {
	height: 332px;
	background: #00664f;
	padding-top: 60px;
}
footer .box {
	width: 1440px;
	margin: 0 auto;
}
footer .logo {
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}
footer .logo img {
	width: 264px;
	display: block;
	margin-right: 15px;
}
footer .logo .right .name {
	font-size: 31px;
	margin-bottom: 5px;
	color: #fff;
	line-height: 1;
}
footer .logo .right .en {
	font-size: 19px;
	color: #fff;
	line-height: 1;
	font-family: 'en';
}
footer .contact span {
	font-weight: 300;
	font-size: 16px;
	color: #ffffff;
	margin-right: 50px;
}
footer .address {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
}
footer .address .left {
	font-weight: 300;
	font-size: 16px;
	color: #ffffff;line-height:40px;
}
footer .address .social {
	display: flex;
}
footer .address .social .ewm1,footer .address .social .ewm2{color:#fff;text-align:center;}
footer .address .social .ewm1{margin-right:70px;}
footer .address .social .ewm1 p,footer .address .social .ewm2 p{margin-top:15px;margin-bottom:15px;}
footer .address .social img {
	width: 120px;
	height: 120px;
	display: block;margin:0 auto;
}
footer .bottom {
	font-weight: 300;
	font-size: 16px;
	color: #ffffff;
	text-align: right;
	padding-top: 10px;
}
.admissionsInfo {
	padding: 100px 0;
}
.admissionsInfo .title {
	font-weight: 400;
	font-size: 36px;
	color: #000000;
	text-align: center;
	margin-bottom: 50px;
}
.admissionsInfo .box {
	width: 1440px;
	margin: 0 auto;
}
.admissionsInfo .box .tabs {
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}
.admissionsInfo .box .tabs .item {
	flex: 1;
	height: 60px;
	font-weight: 400;
	font-size: 19px;
	color: #000000;
	transition: all 0.5s ease;
	border: 1px solid #b9b9b9;
	cursor: pointer;
	text-align: center;
	line-height: 60px;
}
.admissionsInfo .box .tabs .item.selected{
	background-color: #00664f;
	color: #fff;
	border-color: #00664f;
}.admissionsInfo .box .tabs .item.selected a{color:#fff;}
.admissionsInfo .box .list .header {
	background-color: #f2f8f6;
	border: 1px solid #bec1c1;
	border-left: none;
	border-right: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
	height: 60px;
}
.admissionsInfo .box .list .header > * {
	font-weight: 400;
	font-size: 19px;
	color: #000000;
}
.admissionsInfo .box .list .index {
	width: 150px;
	text-align: center;
}
.admissionsInfo .box .list .name {
	width: 1%;
	flex-grow: 1;
	margin: 0 20px;
}
.admissionsInfo .box .list .time {
	width: 140px;
	text-align: center;
}
.admissionsInfo .box .list .item {
	display: flex;
	align-items: center;
	height: 60px;
	padding: 0 20px;
	border: 1px solid #bec1c1;
	border-left: none;
	border-right: none;
	font-weight: 400;
	font-size: 19px;
	color: #000000;
	transition: all 0.5s ease;
}
.admissionsInfo .box .list .item:hover {
	border-color: #00664f;
	color: #00664f;
}
.page {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 30px 0;
}
.page a {
	width: 34px;
	height: 34px;
	border: 1px solid #c5c5c5;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #707070;
	margin: 0 5px;
}
.page a.active {
	background-color: #707070;
	color: #fff;
}
.admissionsInfoDetail {
	width: 1440px;
	margin: 0 auto;
	padding: 80px 0;
}
.admissionsInfoDetail > .title {
	font-weight: 400;
	font-size: 36px;
	color: #000000;
	text-align: center;
	margin-bottom: 50px;
}
.admissionsInfoDetail .box .title {
	background-color: #f2f8f6;
	border-top: 1px solid #5e6160;
	border-bottom: 1px solid #5e6160;
	min-height: 60px;
	line-height: 60px;
	padding-left: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}
.admissionsInfoDetail .box .info {
	display: flex;
	align-items: center;
	padding-left: 10px;
	font-weight: 400;
	font-size: 15px;
	color: #787878;
	margin-bottom: 40px;
}
.admissionsInfoDetail .box .info div {
	margin: 0 10px;
}
.admissionsInfoDetail .detailPage {
	margin: 50px 0;
}
.admissionsInfoDetail .detailPage a {
	display: flex;
	align-items: center;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	height: 50px;
	font-weight: 400;
	font-size: 18px;
	color: #919191;
}
.admissionsInfoDetail .detailPage a img {
	width: 15px;
	display: block;
	margin-right: 15px;
}
.admissionsInfoDetail .detailPage a span {
	font-weight: 400;
	font-size: 18px;
	color: #00664f;
	margin-right: 20px;
}
.admissionsInfoDetail .detailPage a p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 1%;
	flex-grow: 1;
}
.admissionsInfoDetail .detailPage .more {
	border: unset;
	width: 110px;
	height: 36px;
	border: 1px solid #d4d4d4;
	border-radius: 3px;
	text-align: center;
	line-height: 36px;
	float: right;
	display: block;
	margin-top: 20px;
	font-weight: 400;
	font-size: 16px;
	color: #919191;
}
.contactBox {
	width: 1400px;
	margin: 0 auto;
	padding: 80px 0;
}
.contactBox > .title {
	font-weight: 400;
	font-size: 36px;
	color: #000000;
	text-align: center;
	margin-bottom: 50px;
}
.contactBox .box .title {
	background-color: #f2f8f6;
	border-top: 1px solid #5e6160;
	border-bottom: 1px solid #dadcdb;
	height: 60px;
	line-height: 60px;
	padding-left: 10px;
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 23px;
	color: #000000;
	margin-bottom: 65px;
}
.contactBox .box .contactInfo {
	display: flex;
	justify-content: space-between;
}
.contactBox .box .contactInfo img {
	width: 583px;
	height: 546px;
	display: block;
	border-radius: 8px;
	margin-right: 80px;
}
.contactBox .box .contactInfo .right {
	flex-grow: 1;
	width: 1%;
}
.contactBox .box .contactInfo .right .item {
	font-weight: 400;
	font-size: 25px;
	color: #1a1a1a;
	margin-bottom: 50px;
}
.newsList {
	width: 1440px;
	margin: 0 auto;
	padding: 80px 0;
}
.newsList > .title {
	font-weight: 400;
	font-size: 36px;
	color: #000000;
	text-align: center;
	margin-bottom: 50px;
}
.newsList .box .list>a {
	display: flex;
	align-items: center;
	height: 220px;
	padding: 0 35px;
	border-top: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
}
.newsList .box .list>a img {
	width: 277px;
	height: 184px;
	object-fit: cover;
	display: block;
	margin-right: 40px;
}
.newsList .box .list>a .right {
	flex-grow: 1;
	width: 1%;
}
.newsList .box .list>a .right .name {
	font-weight: 500;
	font-size: 22px;
	color: #000000;
	margin-bottom: 20px;
}
.newsList .box .list>a .right .desc {
	font-weight: 400;
	font-size: 16px;
	color: #000000;
	line-height: 29px;
	margin-bottom: 15px;
}
.newsList .box .list>a .right .info {
	font-weight: 400;
	font-size: 15px;
	color: #787878;
}

/* 汉堡菜单样式 */
.hamburger {
	display: none;
	flex-direction: column;
	cursor: pointer;
	padding: 10px;
	z-index: 1001;
}

.hamburger span {
	width: 25px;
	height: 3px;
	display: block;
	background-color: #fff;
	margin: 2px 0;
	transition: 0.3s;
	transform-origin: center;
}

/* 汉堡菜单变X的动画 */
.hamburger.active span:nth-child(1) {
	transform: rotate(45deg) translate(5px, 5px);
}

.hamburger.active span:nth-child(2) {
	opacity: 0;
}

.hamburger.active span:nth-child(3) {
	transform: rotate(-45deg) translate(5px, -5px);
}

/* 移动端导航菜单 */
.mobile-nav {
	display: none;
	position: fixed;
	top: 0;
	left: -100%;
	width: 80%;
	height: 100vh;
	background: rgba(0, 102, 79, 0.95);
	backdrop-filter: blur(10px);
	z-index: 1000;
	transition: left 0.3s ease;
	padding-top: 100px;
}

.mobile-nav.active {
	left: 0;
}

.mobile-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mobile-nav ul li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.mobile-nav ul li a {
	display: block;
	padding: 20px 30px;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	transition: background 0.3s ease;
}

.mobile-nav ul li a:hover {
	background: rgba(255, 255, 255, 0.1);
}

/* 移动端下拉菜单 */
.mobile-nav .dropdown-menu {
	display: none;
	background: rgba(0, 0, 0, 0.2);
	padding-left: 20px;
}

.mobile-nav .dropdown-menu.active {
	display: block;
}

.mobile-nav .dropdown-menu a {
	padding: 15px 30px;
	font-size: 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* 移动端搜索框 */
.mobile-nav .search-item {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding: 20px 30px;
}

.mobile-search {
	position: relative;
	display: flex;
	align-items: center;
}

.mobile-search .search-input {
	width: 100%;
	padding: 12px 40px 12px 15px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 25px;
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
	font-size: 16px;
	outline: none;
	transition: all 0.3s ease;
}

.mobile-search .search-input::placeholder {
	color: rgba(255, 255, 255, 0.7);
}

.mobile-search .search-input:focus {
	background: rgba(255, 255, 255, 0.2);
	border-color: rgba(255, 255, 255, 0.5);
}

.mobile-search .search-icon {
	position: absolute;
	right: 15px;
	font-size: 18px;
	color: rgba(255, 255, 255, 0.7);
	pointer-events: none;
}

/* 移动端遮罩层 */
.mobile-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	z-index: 999;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.mobile-overlay.active {
	display: block;
	opacity: 1;
}

/* 防止页面滚动 */
body.no-scroll {
	overflow: hidden;
}

/* 响应式设计 */
/* 1440px到1200px适配 */
@media (max-width: 1440px) {
	header {
		padding: 30px 5%;
	}
	header a .right .title {
		font-size: 26px;
	}
	header a .right .en {
		font-size: 14px;
	}
	header a img {
		width: 200px;
	}
	header nav ul li a {
		font-size: 18px;
	}
	.news .itemBox .item {
		width: 30%;
	}
	.banner {
		height: 700px;
	}
	.news .itemBox .item .img {
		width: 100%;
		height: calc(100vw / 3 - 100px);
	}
	.schedule .itemBox > .left {
		width: 60%;
	}
	.card .item .c4 {
		padding: 0 10px;
	}
	.card .item > * {
		height: calc(100vw / 4);
	}
	.card .item .c4 .list a .name,
	.card .item .c4 .list a .time {
		font-size: 14px;
	}
	.card .item .c4 .list .more {
		font-size: 12px;
	}
	.card .item .c4 .list .more img {
		width: 60px;
	}
	.number .solid {
		width: 90%;
		max-width: 1290px;
	}

	.number .itemBox {
		width: 95%;
		max-width: 1440px;
		margin: 0 auto;
	}

	.main .box {
		width: 95%;
		max-width: 1440px;
	}

	.route .box {
		width: 95%;
		max-width: 1440px;
	}

	footer .box {
		width: 95%;
		max-width: 1440px;
	}

	.admissionsInfo .box {
		width: 95%;
		max-width: 1440px;
	}

	.admissionsInfoDetail {
		width: 95%;
		max-width: 1440px;
	}

	.contactBox {
		width: 95%;
		max-width: 1400px;
	}

	.newsList {
		width: 95%;
		max-width: 1440px;
	}
}

/* 1200px到1024px适配 */
@media (max-width: 1300px) {
	header {
		padding: 25px 4%;
	}

	.number {
		height: auto;
		min-height: 400px;
		padding: 100px 4% 80px;
	}

	.number .itemBox .item .n {
		font-size: 60px;
	}

	.number .itemBox .item .name {
		font-size: 16px;
	}

	.main .box .top .title {
		font-size: 42px;
	}

	.news {
		height: auto;
		min-height: 700px;
	}

	.schedule .itemBox > .left {
		/* width: 70%; */
		margin-right: 5%;
	}

	.route .box .title .name {
		font-size: 42px;
	}

	.route .box .right a {
		width: 160px;
		font-size: 22px;
	}

	footer {
		height: auto;
		min-height: 280px;
	}

	footer .logo img {
		width: 220px;
	}

	footer .logo .right .name {
		font-size: 26px;
	}

	.card .item > * {
		height: auto;
		min-height: 350px;
	}
	header nav > ul > li {
		margin: 0 20px;
	}
	header nav ul .dropdown-menu {
		width: 110px;
	}
}

/* 1024px到768px适配 */
@media (max-width: 1024px) {
	.contactBox .box .contactInfo .right {
		width: 100%;
		flex-grow: unset;
	}
	header {
		padding: 20px 3%;
	}

	header nav ul {
		flex-wrap: wrap;
		gap: 15px;
	}

	header nav ul li a {
		font-size: 14px;
		padding: 8px 12px;
	}

	header .search {
		width: 200px;
	}

	.number {
		height: auto;
		padding: 80px 3%;
	}

	.number .itemBox {
		flex-wrap: wrap;
		justify-content: center;
		gap: 40px;
	}

	.number .itemBox .item {
		width: 45%;
		min-width: 200px;
	}

	.main .box {
		padding: 60px 3%;
	}

	.news {
		height: auto;
	}

	.news .itemBox .post {
		flex-wrap: wrap;
		gap: 30px;
		justify-content: center;
	}

	.news .itemBox .item {
		width: 45%;
		min-width: 300px;
	}

	.schedule .itemBox {
		flex-direction: column;
		gap: 30px;
	}

	.schedule .itemBox > .left {
		width: 100%;
		margin-right: 0;
	}

	.schedule .itemBox .right {
		width: 100%;
		flex-direction: row;
		gap: 20px;
		display: flex;
	}

	.schedule .itemBox .right .item {
		height: auto;
		height: 150px;
		width: 48%;
		margin-bottom: 0;
	}

	.card .item {
		width: 100%;
		margin-bottom: 20px;
	}

	.card .item > * {
		height: auto;
		min-height: 300px;
	}

	.route {
		padding: 40px 3%;
		height: auto;
	}

	.route .box {
		gap: 30px;
		text-align: center;
	}

	.route .box .title {
		margin-right: 0;
	}

	.route .box .right {
		flex-wrap: wrap;
		gap: 20px;
		justify-content: center;
	}

	.route .box .right a {
		width: 45%;
		min-width: 150px;
		padding-bottom: 30px;
	}

	footer {
		height: auto;
		padding: 40px 3%;
	}

	footer .logo {
		flex-direction: column;
		text-align: center;
		gap: 15px;
	}

	footer .address {
		flex-direction: column;
		gap: 20px;
		text-align: center;
	}
	.admissionsInfo {
		padding: 60px 3%;
	}

	.admissionsInfo .box .tabs {
		flex-wrap: wrap;
		gap: 10px;
	}

	.admissionsInfo .box .tabs .item {
		width: 48%;
		margin-bottom: 0;
	}

	.admissionsInfo .box .list .header {
		height: auto;
		min-height: 50px;
		padding: 15px 20px;
	}

	.admissionsInfo .box .list .item {
		height: auto;
		min-height: 50px;
		padding: 15px 20px;
	}

	.admissionsInfoDetail {
		padding: 60px 3%;
	}

	.contactBox {
		padding: 60px 3%;
	}

	.contactBox .box .contactInfo {
		flex-direction: column;
	}

	.contactBox .box .contactInfo img {
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-bottom: 30px;
	}

	.newsList {
		padding: 60px 3% 0;
	}

	.newsList .box .list a {
		flex-direction: column;
		height: auto;
		padding: 30px;
	}
	.newsList .box .list a .right {
		width: 100%;
		flex-grow: unset;
	}
	.newsList .box .list a img {
		width: 100%;
		height: 200px;
		margin-right: 0;
		margin-bottom: 20px;
	}
	header a img {
		width: 160px;
	}
	header a .right .title {
		font-size: 18px;
	}
	header a .right .en {
		font-size: 12px;
	}
	header nav ul li a {
		padding: 8px 0px;
	}
	.card {
		flex-wrap: wrap;
	}
	.card .item {
		margin-bottom: 0;
	}
	.card .item .c4 {
		padding: 0 20px;
	}
	.card .item .c4 .list a .name,
	.card .item .c4 .list a .time {
		font-size: 16px;
	}
	footer .contact {
		text-align: center;
		margin-bottom: 5px;
	}
	footer .bottom {
		text-align: center;
	}
}

@media (max-width: 768px) {
	.contactBox .box .title {
		font-size: 14px;
	}
	.contactBox .box .contactInfo .right .item {
		font-size: 14px;
		margin-bottom: 20px;
	}
	.newsList .box .list a .right .desc {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	header {
		padding: 15px 4%;
		z-index: 1001;
	}

	header a img {
		width: 150px;
	}

	header a .right .title {
		font-size: 18px;
	}

	header a .right .en {
		font-size: 11px;
	}

	header nav {
		display: none;
	}

	.hamburger {
		display: flex;
	}

	.mobile-nav {
		display: block;
	}

	.banner {
		height: 250px;
	}

	.swiper-button-next,
	.swiper-button-prev {
		display: none !important;
	}

	.swiper-pagination {
		bottom: 15px !important;
	}

	.number {
		padding: 60px 4%;
	}

	.number .solid {
		display: none;
	}

	.number .itemBox {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
	}

	.number .itemBox .item {
		min-width: unset;
		width: 45%;
		max-width: 200px;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 20px 10px;
	}

	.number .itemBox .item::before {
		content: '';
		position: absolute;
		top: 10px;
		left: 50%;
		transform: translateX(-50%);
		width: 15px;
		height: 15px;
		border: 2px solid #00664f;
		border-radius: 50%;
		background: transparent;
	}

	.number .itemBox .item::after {
		content: '';
		position: absolute;
		top: 15px;
		left: 50%;
		transform: translateX(-50%);
		width: 8px;
		height: 8px;
		background: #00664f;
		border-radius: 50%;
	}
	.number .title {
		font-size: 24px;
	}
	.number .itemBox .item .n {
		font-size: 32px;
		margin-top: 30px;
		margin-bottom: 10px;
		z-index: 1;
	}

	.number .itemBox .item .name {
		font-size: 14px;
		z-index: 1;
	}

	.main .box {
		padding: 50px 4%;
	}

	.main .box .top {
		gap: 20px;
		margin-bottom: 40px;
	}

	.main .box .top .title {
		font-size: 20px;
	}
	.schedule .more span {
		display: none;
	}
	.schedule .itemBox .left a .name {
		font-size: 18px;
	}
	.schedule .itemBox .right .item .name {
		font-size: 20px;
	}
	.card .item .c4 {
		padding: 20px;
	}
	.main .box .top .en {
		font-size: 12px;
	}
	.news .itemBox  .post{
		flex-direction: column;
		align-items: center;
	}

	.news .itemBox .item {
		width: 100%;
	}

	.schedule .itemBox .right {
		flex-direction: column;
		gap: 15px;
	}

	.schedule .itemBox .right .item {
		width: 100%;
		height: auto;
		min-height: 120px;
		padding: 20px;
	}

	.card .item > * {
		width: 100%;
		height: auto;
		min-height: 250px;
	}

	.route {
		padding: 30px 4%;
	}

	.route .box .right {
		flex-direction: column;
		gap: 15px;
	}
	.route .box .title .name {
		font-size: 30px;
	}
	.route .box .title .en {
		font-size: 14px;
	}
	.route .box .right a {
		width: 100%;
		padding-bottom: 20px;
		font-size: 14px;
	}

	footer {
		padding: 30px 4%;
	}

	footer .contact {
		flex-direction: column;
		gap: 10px;
	}

	footer .contact span {
		margin-right: 0;
	}

	.admissionsInfo {
		padding: 50px 4%;
	}

	.admissionsInfo .box .tabs {
		flex-direction: column;
		gap: 5px;
	}

	.admissionsInfo .box .tabs .item {
		width: 100%;
	}

	.admissionsInfoDetail {
		padding: 50px 4%;
	}

	.contactBox {
		padding: 50px 4%;
	}

	.newsList {
		padding: 50px 4% 0;
	}

	.newsList .box .list a {
		padding: 20px 0;
	}

	.newsList .box .list a img {
		height: 150px;
	}
	.news .itemBox .item img {
		height: 250px;
	}
	.schedule .itemBox .right .item {
		height: 200px;
	}
	.card .item:first-child .c1::after,
	.card .item .c1::after {
		display: none;
	}
	.admissionsInfo .box .list .name {
		flex-grow: unset;
		width: 100%;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		text-overflow: ellipsis;
	}
}
/*----------------------分页--------------------------------*/
.black-inline {
	margin: 0 auto;
	text-align: center;
	font-family: '微软雅黑';
	padding-top: 50px;
	padding-bottom: 10px;
	inheritclear: both;
	width: 100%;
	overflow: hidden;
	line-height: 22px;
	font-size: 20px;
	display: flex;
	justify-content: center;
}
.black-inline a,
.black-inline span {
	text-align: center;
	padding: 3px 9px;
	margin-center: 4px;
	border: 1px solid #c5c5c5;
	margin-left: 5px;
	margin-right: 5px;
	color: #666;
	cursor: pointer;
	display: block;
}
.black-inline a:hover,
.black-inline span:hover {
	color: #fff !important;
	background-color: #00664f;
	text-decoration: none;
	border: 1px solid #c5c5c5;
}
.black-inline span.current {
	padding: 3px 9px;
	background-color: #707070;
	color: #fff;
	border: 1px solid #c5c5c5;
	font-size: 20px;
	margin-left: 5px;
	margin-right: 5px;
}
.black-inline span.disabled {
	padding: 3px 9px;
	font-family: '微软雅黑';
	font-size: 20px;
	color: #666;
	border: 1px solid #c5c5c5;
	margin-right: 5px;
}

#wp_paging_w11{clear:both;margin-top:20px;}
.wp_paging{display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0;}
.wp_paging li{font-size:20px;}
.wp_paging li input{width:50px;height:30px;margin-top:0;line-height:30px;}
.mobile-search .search-icon img{width:50%;height:50%;}
@media (max-width: 768px) {
.pages_count,.page_jump{display:none!important;}
.wp_paging li{font-size:15px;}
.admissionsInfo .box .list .index{display:none;}
.admissionsInfo .box .list .item{padding:15px 0;}
}