 html,
 body {
 	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
 }
.pb_sys_common *{
font-size:15px !important;
}
.pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o,.pb_sys_common .p_fun a, .pb_sys_common .p_no a{
    border: 1px solid #ccc;
    padding: 5px 8px;
    margin:0px 0px 0px 5px;
    height: 34px !important;
    -
    height:auto;
    line-height: 24px !important;
    box-sizing:border-box;
    display:inline-block;
    vertical-align:middle;
    min-width: 40px !important;
    font-size: 15px !important;
}

.pb_sys_style1 .p_no_d {
    border: 1px solid #c9171d !important;
    color: #fff;
    background-color: #c9171d !important;
}

 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;
 }

 .header {
 	background: url(../images/nybanner.png) #c9171d no-repeat;
 	color: #fff;
 	/* padding: 0rem 5%; */
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	position: relative;
 	height: 16.3020833333vw;
 	width: 100%;
 	background-size: 100%;
 }

 .header::after {
 	content: "";
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;

 	background-size: contain;
 	opacity: 0.2;
 	z-index: 0;
 }

 .header-left {
 	display: flex;
 	align-items: center;
 	gap: 1rem;
 	position: relative;
 	z-index: 1;
 }

 .logo {
 	position: absolute;
 	z-index: 5;
 	width: 23.33333vw;
 	height: 4.739583333vw;
 	left: 6.979167vw;
 	transform: translateY(-1vw);
 }

 .logo img {
 	width: 100%;
 }

 .school-name {
 	font-size: 2rem;
 	font-weight: bold;
 	letter-spacing: 2px;
 }

 .school-eng {
 	font-size: 0.8rem;
 	opacity: 0.8;
 }

 .header-right {
    position: absolute;
    background-color: #ffffff1a;
    border-radius: 4.06vw;
    border: .1vw solid #fff;
    width: 10.416666vw;
    height: 3.59375vw;
    box-shadow: 0 6px 5.8px #891e1e;
    font-family: Source Han Sans CN;
    color: #fff;
    font-weight: 400;
    font-size: 2.08333vw;
    line-height: 3.59375vw;
    left: 81.40625vw;
    transform: translateY(0vw);
    z-index: 6;
    text-align: center;
}

 .home-btn {
 	
 	font-family: Source Han Sans CN;
 	color: #fff;
 	font-weight: 400;
 	font-size: 2.08333vw;
 	
 	text-align: center;
 }

 .nybanner {
 	width: 100%;
 	height: 16.3020833333vw;
 	opacity: 1;
 	background-color: #c9171d;
 }

 /* ä¸»ä½“å†…å®¹åŒº */
 .main {
 	display: flex;
 	/* width: 80%; */
 	margin: 6.0416666vw auto 6.0416666vw;
 	gap: 2rem;
 	display: flex;
 	justify-content: center;
 	background-color: #fff;
 	gap: 2.1130206185567vw;
 }

 /* å·¦ä¾§ä¾§è¾¹æ  */
 .sidebar {
 	display: flex;
 	flex-direction: column;
 	width: 14.11458333vw;
 	box-shadow: 0 .2083vw .3698vw .0521vw #00000026;
 	height: 25.434vw;
 }

 .sidebar-title {
 	background-color: #c9171d;
 	color: #fff;
 	font-weight: 700;
 	font-size: 1.25vw;
 	line-height: 1.40625vw;
 	letter-spacing: .052083vw;
 	margin: 0;
 	height: 4.53125vw;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 }

 .sidebar-menu {
 	list-style: none;
 	border: 1px solid #eee;
 }

 .sidebar-menu li {
 	flex: 1;
 	cursor: pointer;
 	font-weight: 500;
 	font-size: 1.25vw;
 	line-height: 4.40625vw;
 	letter-spacing: .052083vw;
 	color: #949494;
 	transition: background-color .3s, color .3s;
 	position: relative;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 }

 .sidebar-menu li:after {
 	position: absolute;
 	content: "";
 	width: 13.38541666vw;
 	top: 100%;
 	left: 50%;
 	transform: translate(-50%);
 	height: .052083vw;
 	background-color: #8b8b8b66;
 	z-index: 5
 }

 .sidebar-menu li:last-child {
 	border-bottom: none;
 }

 .sidebar-menu li.active {}

 .sidebar-menu li.active::before {
 	content: "";
 	position: absolute;
 	left: 0;
 	top: 50%;
 	transform: translateY(-50%);
 	bottom: 0;
 	width: .3645833333vw;
 	height: 1.666666666vw;
 	background-color: #c00
 }

 /* å³ä¾§å†…å®¹åŒº */
 .main .content {
 	width: 57.29vw;
 	box-shadow: 0 .1042vw 1.1146vw .0521vw #00000040;
 	position: relative;
 	display: flex;
 	flex-direction: column;
 	overflow: hidden;
 	padding-bottom: 2vw;
 }

 .content-title {
 	font-family: Source Han Sans CN;
 	font-weight: 500;
 	font-size: 1.25vw;
 	line-height: 1.40625vw;
 	letter-spacing: .052083vw;
 	color: #c9171d;
 	margin-top: 2.5vw;
 	margin-left: 2vw;
 	padding-bottom: .5vw;
 	border-bottom: 3px solid rgba(201, 23, 29, 1);
 	display: inline-block;
 	z-index: 5;
 	width: 6.5vw;
 	text-align: center;
 }
.content-title:after {
    position: absolute;
    content: "";
    width: calc(100% - 4vw);
    background-color: #8b8b8b33;
    height: .05vw;
    top: 4.5vw;
    left: 2vw;
    z-index: 2
}
 .news-list {
 	margin-top: 1vw;
 	list-style: none;
 	padding-right: 1vw;
 	padding-left: 2vw;
 	padding-right: 2vw;
 }

 .news-item {
 	cursor: pointer;
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	padding: .78125vw 3.28125vw .78125vw .5vw;
 	border-bottom: 1px solid rgba(139, 139, 139, .3)
 }

 .news-dot {
 	display: inline-block;
 	width: .3125vw;
 	height: .3125vw;
 	background-color: #c00;
 	margin-right: .5vw;
 	flex-shrink: 0
 }

 .news-item .news-title-link {
 	flex-grow: 1;
 	text-align: left;
 	color: #333;
 	text-decoration: none;
 	font-family: Source Han Sans CN;
 	font-weight: 400;
 	font-size: 1.04167vw;
 	line-height: 1.40625vw;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	margin-right: 20px;
 }

 .news-item::before {
 	display: inline-block;
 	width: .3125vw;
 	height: .3125vw;
 	background-color: #c00;
 	margin-right: .5vw;
 	flex-shrink: 0
 }

 .news-date {
 	color: #999;
 	font-size: 0.9rem;
 }

 /* åˆ†é¡µ */
 .pagination {
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	gap: 0.5rem;
 	margin-top: 3rem;
 	font-size: 0.9rem;
 	color: #666;
 }

 .page-btn {
 	border: 1px solid #eee;
 	padding: 0.3rem 0.6rem;
 	cursor: pointer;
 }

 .page-btn.active {
 	background: #c8102e;
 	color: #fff;
 	border-color: #c8102e;
 }

 .detail-container {
 	position: relative;
 	padding: 2vw 4vw;
 	background-color: #fff;
 	box-shadow: 0 2px 21.4px 1px #00000040;
 	width: 73.5416666vw;
 	margin: 3vw auto;
 }
.position{width: 100%;overflow: hidden;}
 .detail-container .content-title {
 	font-family: Source Han Sans CN;
 	font-weight: 500;
 	font-size: 1.25vw;
 	line-height: 1.40625vw;
 	letter-spacing: .052083vw;
 	color: #c9171d;
 	margin-left: .5vw;
 	padding-left: .5vw;
 	padding-right: .5vw;
 	padding-bottom: .5vw;
 	border-bottom: 3px solid rgba(201, 23, 29, 1);
 	display: inline-block;
 	margin-top: 1.5vw;
 	margin-bottom: 2vw;
 }

 .article-footer-nav {
 	font-size: .729vw;
 	color: #999;
 	float: right;
 }

 .article-footer-nav a {
 	color: #666;
 	text-decoration: none;
 	cursor: pointer;
 }

 .content-title {
 	/* display: none; */
 }

 .article{
    width: 100%;
    padding: 2vw;
    background-color: #fff;
}
.article-title-bar{
     width: 100%;
     height: 8.96vw;
     background-color: #f5f5f5;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
}
.article-title{
 font-size: 1.5625vw;
 font-weight: 700;
 color: #333;
 line-height: 1.3;
 text-align: center;
 margin: 0;
}
.article-meta{
 margin-top: 0.5vw;
 text-align: center;
 font-size: .781vw;
 color: #999;
}


.article-content{
    margin: 2vw;
}
.article-content p{
    width: 100%;
    font-family: Source Han Sans CN;
    font-weight: 350;
    font-style: Normal;
    font-size: 1.458333vw !important;
    line-height: 3.125vw !important;
    text-indent: 2em;
    letter-spacing: 0vw;
    margin: 0;
}
.article-content p *{
    font-family: Source Han Sans CN;

    font-size: 1.458333vw !important;
    line-height: 3.125vw !important;
   
}

.article-content  img{
	border:0 !important;
	max-width: 100%;
}
.article-img-wrap{
  margin: 2vw auto;
  width: 100%;
}

.article-img-wrap img {
    width: 100%
}

.article-img-caption{
     width: 59.47916666vw;
     font-family: Source Han Sans CN;
     font-weight: 350;
     font-style: Normal;
     font-size: 1.458333vw;
     line-height: 3.125vw;
     letter-spacing: 0vw;
     margin: 0;
     text-indent: 2em;
}

 .footer img {
 	width: 100%;
 }

 .footer img.pc {
 	display: block;
 }

 .footer img.mobile {
 	display: none;
 }

 @media(max-width: 1200px) {
 	.header {
 		position: relative;
 		top: 0;
 		z-index: 100;
 		width: 100%;
 		height: 16.3020833333vw;
 		background: url(../images/nybanner.png) #c9171d no-repeat bottom;
 		background-size: 100%;
 	}

 	.logo {
 		z-index: 5;
 		width: 23.33333vw;
 		height: 6.667vw;
 		opacity: 1;
 		/* left: 0; */
 		transform: translateY(0vw);
 	}

 	.home-btn {
 		 color: #fff;
 		 font-weight: 400;
 		 font-size: 2.08333vw;
 		 position: unset;
 		 left: auto;
 		 border: none;
 		 background: none;
 		 border-radius: unset;
 		 box-shadow: none;
 	}

 	.main {
 		width: 100%;
 		display: flex;
 		flex-direction: column;
 		justify-content: center;
 		background-color: #fff;
 		gap: 2.1130206185567vw;
 		margin: 0;
 	}

 	.sidebar-title {
 		display: none;
 	}

 	.sidebar-menu {
 		list-style: none;
 		padding: 0;
 		margin: 0;
 		display: flex;
 		flex: 1;
 		border: 0;
 	}

 	.sidebar-menu li {
 		flex: 1;
 		cursor: pointer;
 		font-family: Source Han Sans CN, sans-serif;
 		font-weight: 500;
 		font-size: 3.7333vw;
 		line-height: 10vw;
 		letter-spacing: .2667vw;
 		color: #464646;
 		transition: background-color .3s, color .3s;
 		position: relative;
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		white-space: nowrap;
 	}

 	.sidebar {
 		display: flex;
 		width: 100%;
 		min-height: 10vw;
 		box-shadow: none;
 	}

 	.sidebar-menu li:after {
 		display: none;
 	}

 	.sidebar-menu li.active:before {
 		content: "";
 		position: absolute;
 		height: .8vw;
 		top: calc(100% + .5vw);
 		transform: translateY(-50%);
 		background-color: #c00;
 		width: 100%;
 		margin-left: .2vw;
 		margin-right: .2vw
 	}

 	.main .content {
 		width: 100%;
 		min-height: 70vh;
 		position: relative;
 		padding-bottom: 10vw;
 		box-shadow: none;
 		overflow: hidden;
 		height: auto;
 	}

 	.content-title {
 		display: none;
 	}

 	.news-item {
 		cursor: pointer;
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
 		padding: 5vw 3.28125vw 3vw .5vw;
 		border-bottom: 1px solid rgba(139, 139, 139, .3)
 	}

 	.news-dot {
 		display: inline-block;
 		width: 1.6vw;
 		height: 1.6vw;
 		background-color: #c00;
 		margin-right: 0;
 		flex-shrink: 0
 	}

 	.news-item .news-title-link {
 		flex-grow: 1;
 		text-align: left;
 		color: #333;
 		font-family: Source Han Sans CN, sans-serif;
 		font-weight: 400;
 		font-size: 3.4667vw;
 		line-height: 5.3333vw;
 		max-width: 64vw;
 		white-space: normal;
 		word-break: break-all;
 		margin-right: 20px;
 		overflow: hidden;
 		text-overflow: ellipsis;
 		white-space: nowrap;
 		float: left;
 	}
  .detail-container  {
   width: 90%;
   margin: 3vw auto;
   padding: 0 0 50px;
   box-shadow: none;
  }
  .article-title-bar  {height: 14vw;background-color: #f5f5f5;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.position .content-title {
    position: relative;
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 3.733vw;
    line-height: 6vw;
    letter-spacing: .052083vw;
    color: #c9171d;
    margin-left: 2vw;
    padding-left: .5vw;
    padding-right: .5vw;
    padding-bottom: .5vw;
    border-bottom: 3px solid rgba(201, 23, 29, 1);
    display: inline-block;
    z-index: 5;
    width: auto;
    margin-top: 0;
}
  .content-title:after{
   position: absolute;
   content: "";
   width: 88vw;
   background-color: #8b8b8b33;
   height: .05vw;
   top: 100%;
   left: 0;
   z-index: 2;
  }
  .article-footer-nav{
   font-size: 2.133vw;
   color: #999;
   right: 0;
   z-index: 10;
   top: 2vw;
   position: relative;
  }

.article-title{
 font-weight: 700;
 color: #333;
 font-size: 3vw;
 text-align: center;
 margin: 0;
}
.article-meta{text-align: center;font-size: 2vw;color: #999;}


.article-content{
    margin-top: 2vw;
    margin-bottom: 1vw;
}
.article-content p{
    width: 100%;
    font-family: Source Han Sans CN;
    font-weight: 350;
    font-style: Normal;
    font-size: 3.2vw !important;
    line-height: 5.333vw !important;
    text-indent: 2.916667vw;
    letter-spacing: 0vw;
    margin: 0 auto;
}
	 .article-content p *{
    width: 100%;
    font-family: Source Han Sans CN;
    font-weight: 350;
    font-style: Normal;
    font-size: 3.2vw !important;
    line-height: 5.333vw !important;
   
}
 .article-img {
    margin: 3vw auto;
    width: 90vw;
    display: flex;
    justify-content: center;
    align-items: center
}

 .article-img img {
    width: 80%
}
 	.footer img.pc {
 		display: none;
 	}

 	.footer img.mobile {
 		display: block;
 	}
 }

 /* é¡µè„š */
.footer{}
footer{
    background: #c9171d url("../images/footer.png") no-repeat center bottom;
    background-size: 80% auto;
    color: #fff;
    padding: 4vw 0 3vw;
    position: relative;
    overflow: hidden;
    }
.footer .wp {
   width: 85%;
   margin: 0 auto;
   max-width: 100%;
}

.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 {
    opacity: 0.8;
}

.footer-nav span {
    opacity: 0.5;
    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-top: 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: 1200px) {
	footer{
    background: #d4221e url(../images/mobileBg.png) no-repeat center bottom;
    background-size: 100% auto;
}
    .footer-content {
        flex-direction: column;
        align-items: center;
        /* text-align: center; */
        display: block;
    }
	.footer .wp{
    width: calc(100% - 6vw);
}
	.footer-logo{
    margin: 4vw 0;
}
	.footer-logo img{
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
	.qrcode-box img{
    width: 150px;
    margin: 0 auto;
}
    .footer-nav {
        gap: 10px;
        padding: 1vw 0;
        text-align: left;
        display: block;
        margin: 0;
        overflow: hidden;
    }
	.footer-nav a{
		font-size: 3.4vw;
		text-align: left;
		display: block;
		float: left;
		font-weight: normal;
		width: 25%;
		line-height: 6.4vw;
	}
    .footer-nav span {
        display: none;
    }
    .footer-social {
        gap: 15px;
        display: none;
    }
    .social-item {
        width: 35px;
        height: 35px;
    }
    .social-item img {
        width: 22px;
    }
    .qr-popup {
        display: none; /* ç§»åŠ¨ç«¯éšè—å¼¹å‡ºå±‚ */
    }
}

@media (min-width: 1200px) {
.point {
    position: fixed;
    width: 12.76vw;
    height: 13.33vh;
    right: 0;
    top: 28vw
}

.point img{
    max-width: 100%;
}

}