@media screen and (max-width: 768px) {
	.container-fluid {
		padding-left: 20px;
		padding-right: 20px;
	}

	.nav-wrap {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.navbar .logo-w {
		height: 40px !important;
	}

	.nav-wrap {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.swiper-container {
		height: 50vh;
	}

	.banner-swiper .swiper-slide img {
		height: 50vh;
	}

	.swiper-text p {
		font-size: 20px;
	}

	.navbar-light .navbar-toggler-icon {
		background-image: url(../images/menu.png);
		width: 20px;
		height: 20px;
	}

	.navbar-light .navbar-toggler {
		border: none;
		padding: 0;

	}

	.navbar-light .navbar-toggler:focus-within {
		outline: none;
	}

	.navbar-collapse {
		background: #08443b;
		text-align: center;
		margin-top: 0;
		position: fixed;
		left: 0;
		top: 0;
		/* width: 80vw !important; */
		height: 100vh;
	}

	.navbar-nav li:last-child a {
		padding-right: 1.2rem !important;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		font-size: 16px !important;
		font-weight: 400;
		line-height: 3;
		text-align: left;
		border-bottom: 1px solid #0e5348;
	}

	.navbar-nav {}

	.close {
		display: block;
		position: absolute;
		left: 50%;
		bottom: 80px;
		z-index: 999;
		width: 50px;
		height: 50px;
		transform: translateX(-50%);
	}

	.navbar-active .navbar-toggler-icon {
		background-image: url(../images/menu-a.png);
	}

	.navbar-active .navbar-collapse {
		background: #fff;
	}

	.department-wrap {
		padding: 30px 0;
	}

	.department {
		padding: 0;
	}

	.department_mid {
		width: 100%;
	}

	.department_mid_2 {
		font-size: 28px;
	}

	.department_mid_3 {
		font-size: 16px;
		padding: 0 60px;
	}

	.department_mid a {
		font-size: 16px;
	}

	footer .footer-top {
		flex-direction: column;
	}

	.calendar-left,
	.calendar-right {
		padding: 30px 0;
	}

	.calendar-right {
		/* padding-top: 0; */
	}

	.calendar-wrap {
		background-color: #08443b;
	}

	.active-box {
		padding-bottom: 60px;
	}

	.n-team {
		padding: 30px 0 30px;
	}

	#hero-slides {
		height: auto;
	}

	#hero-slides #slides-cont #next-catch,
	#hero-slides #slides-cont #prev-catch {
		height: 25vh;
		display: none;
	}

	#hero-slides #slides {
		--slides-height: 28vh;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		position: relative;
		height: auto;
		margin-right: 0;
	}

	#hero-slides #slides a {
		width: calc(50% - 10px);
		margin: 0;
		margin-bottom: 20px;
		height: 230px;
	}


	#hero-slides #slides .slide {
		width: 100%;
		margin: 0;
		margin-bottom: 20px;
		height: 230px;
	}

	#hero-slides #slides-cont .button {
		top: 12vh;
	}

	#hero-slides #slides-cont #next {
		display: none;

	}

	#hero-slides #slides-cont .button:before,
	#hero-slides #slides-cont .button:after {
		line-height: 4.5vh;
		margin-left: -1vw;
	}

	#hero-slides #slides .slide.hover .headline,
	#hero-slides #slides .slide:hover .headline {
		bottom: 0vw;
	}

	#hero-slides #slides .slide.hover .location,
	#hero-slides #slides .slide:hover .location {
		bottom: 0vw;
	}

	.enter {
		padding: 30px 0;
	}

	.enter_mid {
		margin: 0 15px;
	}

	.enter_mid_2 {
		font-size: 26px;
	}

	.enter_mid_3 ul li {
		padding: 0 10px;
	}

	.enter_mid_3_1 span {
		font-size: 65px;
	}

	.enter_mid_3_2 {
		font-size: 20px;
	}

	.enter_mid_3 {
		margin-bottom: 35px;
	}

	.edu-story {
		padding: 30px 0;
	}

	.recruitul {}

	.recruitli a {
		padding: 0 5px;
	}

	.recruitimg img {
		width: auto;
		height: 20vh;
	}

	footer .footer-top {
		padding-top: 30px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.footer-logo {
		width: auto;
		margin-right: 0;
	}

	footer ul {
		margin-right: 10px;
	}

	footer .left {
		margin-top: 20px;
	}

	.footer-right {
		margin-top: 20px;
	}

	.footer-right img {
		margin-left: 0;
		margin-right: 15px;
	}

	.footer-bottom {
		flex-direction: column;
	}

	.footer-bottom-right {
		margin-top: 10px;
	}

	.jumbotron {
		height: 40vh;
		position: relative;
	}

	.jumbotron-wrap {
		margin-top: 30px;
	}

	.jumbotron-news .jumbotron-wrap::before {
		height: 40vh;
	}

	.banner-bottom {
		padding-left: 15px;
		padding-right: 15px;
	}

	.banner-bottom a {
		padding: 10px 0;
		font-size: 16px;
		font-weight: 400;
	}

	.n-about-left {
		width: 100%;
	}

	.n-about-right {
		width: 100%;
		padding: 20px 15px 30px;
	}

	.n-about {
		flex-direction: column;
	}

	.n-about-right p {
		margin-left: 20px;
	}

	.n-about-right .a-title {
		margin-bottom: 20px;
	}

	#xzjy {
		flex-direction: column-reverse;
	}

	.n-id-list {
		min-height: auto;
		padding: 20px;
	}

	#sticky-element {
		height: 40px;
	}

	.main-dep ul li {
		width: 49%;
		margin-top: 25px;
	}

	.main-dep ul li:nth-child(2n) {
		margin-right: 0;
	}

	.main-dep ul li:nth-child(-n+2) {
		margin-top: 0;
	}

	.main-dep_mid {
		margin-top: -60%;
		background: rgba(255, 255, 255, .8);
	}

	.main-dep_mid_3 {
		margin-top: 10px;
		margin-bottom: 0px;
		line-height: 22px;
	}

	.m-logo-box {
		padding: 30px;
		text-align: left;
	}

	.calendar-list:nth-child(n+4) {
		display: none;
	}

	#hero-slides #slides a:nth-child(n+5) {
		display: none;
	}

	html {
		overflow-x: hidden;
	}

	.m-h {
		display: none;
	}

	.recruitul li {
		width: 33%;
	}

	.main-dep_mid_2 {
		padding: 10px 0;
	}

	.main-dep_mid p {
		font-size: 12px;
		color: #14AA64;
		margin-bottom: 5px;
	}

	.team-more {
		position: relative;
		opacity: 1 !important;
		font-size: 14px;
	}

	.p-h {
		display: block;
	}

	.swiper-container-story {
		position: relative;
		padding-bottom: 50px;
	}

	.swiper-container-story .swiper-button-prev,
	.swiper-container-story .swiper-container-rtl .swiper-button-next {
		bottom: 0;
		top: auto;
		background: url(../images/d-left.png) !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
		width: 30px !important;
		height: 30px !important;
	}

	.swiper-container-story .swiper-button-next,
	.swiper-container-story .swiper-container-rtl .swiper-button-prev {
		bottom: 0;
		top: auto;
		background: url(../images/d-right.png) !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
		left: 50px !important;
		right: auto;
		width: 30px !important;
		height: 30px !important;
	}

	.swiper-container-story .swiper-pagination-progressbar {
		bottom: 14px !important;
		top: auto !important;
		width: 70% !important;
		left: auto !important;
		right: 0;
	}

	.swiper-container-story .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
		background-color: #14AA64;
	}
	

	.n-about-right a {
		font-size: 16px;
		margin-top: 15px;
		line-height: 1;
	}

	.n-news {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.n-qa {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.join-list__full {
		border-bottom: 1px solid #eee;
	}

	.join-list__full li {
		padding: 15px;
	}

	.join-list__full li:nth-child(n+5) {
		display: none;
	}

	.jl-title {
		padding-right: 0;
	}

	.jl-title p {
		font-size: 16px;
	}

	.story-wrap .swiper-button-next,
	.story-wrap .swiper-button-prev,
	.story-wrap .swiper-pagination {
		display: block;
	}

	.news-bar .page-num {
		display: block;
	}

	.n-team-box .item-inner {
		padding: 20px;
	}

	.n-team-box .item-txt {
		-webkit-line-clamp: 3;
	}

	.n-team-box .item-name {
		font-size: 24px;
	}

	.n-team-box .more-link {
		margin-top: 5px;
		padding-top: 5px;
	}

	.team-detail {
		padding: 20px 15px;
	}

	.online-inner {
		padding: 30px 15px;
	}

	.online-inner form {
		border: 0;
		padding: 0;
	}

	.recruit-wrap {
		margin-bottom: 0;
		overflow: hidden;
	}

	.n-news-wrap .swiper-pagination {
		display: block;
	}

	.n-news-wrap .swiper-button-next.swiper-button-disabled,
	.n-news-wrap .swiper-button-prev.swiper-button-disabled {
		display: block;
	}

	.n-news-wrap .swiper-button-next,
	.n-news-wrap .swiper-button-prev {
		top: auto !important;
	}

	.Hint {
		font-size: .8rem !important;
	}

	.course_img1 {
		width: 0.8rem !important;
		height: 1rem !important;
	}

	.swiper_box {
		width: 22rem !important;
		position: relative;
	}

	.swiper_Img,
	.swiper-p1 {
		width: 100%;
		height: 11rem !important;
	}

	.banner_X {
		position: absolute;
		right: -0.5rem !important;
		top: -3.5rem !important;
		width: 1.7rem !important;
		height: 1.5rem !important;
		cursor: pointer;
	}

	.swiper-p2 {
		padding: 0.5rem 0 !important;
		/* color: #69696D; */
		color: #fff;
		font-size: 1.2rem !important;
		text-align: center;
	}

	.swiper_box .swiper-button-next,
	.swiper_box .swiper-button-prev {
		top: 5.5rem !important;
	}

	.swiper_box .swiper-button-next,
	.swiper_box .swiper-container-rtl .swiper-button-prev,
	.swiper_box .swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		width: 2.5rem !important;
		height: 2.5rem !important;
	}

	.swiper_box .swiper-button-next:after,
	.swiper_box .swiper-button-prev:after {
		font-size: 2rem !important;
		transform: translateY(-1.1rem);
	}

	.mySwiperX {
		height: 4rem !important;
	}

	.swiper-container-school .swiper-button-next,
	.swiper-container-school .swiper-button-prev {
		display: block;
	}

	#lxxw {
		margin-top: 20px;
	}

.dropdown-menu {
		/* 初始时不可见 */
		height: 0;
		overflow: hidden;
		transition: height 0.5s ease;
		/* 平滑过渡效果 */
	}

	/* 当二级菜单被展开时的样式 */
	.dropdown-menu.show {
		height: auto;
		/* 或者设定一个固定高度 */
	}

	.recruitli a p {
		font-size: 20px;
	}

	.department .swiper-slide:hover .department_mid {
		background: rgba(0, 0, 0, .4);
	}

	.recruitimg {
		height: 110px;
	}

	.h-650 {
		height: 300px;
	}

	#hero-slides #slides .slide .link {
		display: none;
	}

	#hero-slides #slides .slide:before {
		content: none;
	}

	#hero-slides #slides .slide .headline {
		bottom: 0;
	}

	#hero-slides #slides .slide .location {
		bottom: auto;
	}

	#allmap {
		height: 400px;
	}

	.map-wrap {
		display: none
	}

	.join-wrap {
		padding: 30px 0
	}

	.join-post-list .item-header {
		padding: 15px 0;
	}

	.join-container .item-title {
		font-size: 14px;
	}

	.join-post-list .item-cont {
		padding: 15px;
	}

	.living-text {
		padding: 20px;
		margin: 0px;
	}

	.living-text-title {
		font-size: 26px !important;
		margin-bottom: 10px;
	}

	.living-text p {
		font-size: 14px;
	}

	.m-h-494 {
		height: 494px !important;
	}

	.m-h-438 {
		height: 438px !important;
	}

	.live-wrap .pr {
		margin-bottom: 20px;
	}

	.living-wrap {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.banner-h {
		display: flex !important;
	}

	.banner-video {
		display: none;
	}

	.main-recruit-left {
		padding: 30px 15px;
		margin: 0 -20px;
	}

	.main-recruit .a-title {
		font-size: 28px;
		margin-bottom: 20px;
	}

	.main-recruit-left form {
		margin-left: 0;
		font-size: 16px;
	}

	.main-recruit-left-top input {
		margin-bottom: 15px;
		min-height:36px;
		    border-radius: 0;
	}

	.main-recruit-left .sub {
		margin-left: 0;
		font-size: 16px;
		padding: .5rem 4rem;
		margin: 30px auto 0;
		display: block;
	}

	.main-recruit-right {
		padding: 30px 0;
	}

	.main-recruit-right p {
		margin-left: 0;
	}

	.main-recruit-right .sub {
		font-size: 16px;
		padding: .5rem 0;
		margin: 30px auto 0;
		display: block;
		text-align: center;
		width: 160px;
	}

	.swiper-container-js {
		padding-bottom: 50px;
	}

	.swiper-container-js .swiper-button-next,
	.swiper-container-js .swiper-container-rtl .swiper-button-prev {
		bottom: 0;
		top: auto;
		background: url(../images/d-right.png) !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
		left: 50px !important;
		right: auto;
		width: 30px !important;
		height: 30px !important;
	}

	.swiper-container-js .swiper-button-prev,
	.swiper-container-js .swiper-container-rtl .swiper-button-next {
		bottom: 0;
		top: auto;
		background: url(../images/d-left.png) !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
		width: 30px !important;
		height: 30px !important;
	}
	
	.swiper-container-js .swiper-pagination-progressbar {
	    bottom: 14px !important;
	    top: auto !important;
	    width: 70% !important;
	    left: auto !important;
	    right: 0;
	}
	
	.swiper-container-js .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	    background-color: #14AA64;
	}
	
	.n-facilities{
		padding: 30px 0 10px;
	}
	
	.lodge-wrap{
		padding: 30px 0;
	}
	.video-wrap{
		height: 50vh;
	}
	.video-wrap{
		padding: 0 30px;
		text-align: center;
	}
	.video-wrap p{
		font-size: 18px;
	}
	.video-wrap .video-title{
		font-size: 30px;
	}
	
	.video-wrap img{
		max-width: 100%;
	}
	.main-recruit-left{
		border-radius: 0;
	}
	.main-recruit-right{
		display: none;
	}
	
	.n-hd{
		padding: 30px 0;
	}
	
	.n-news-box{
		padding: 30px 0;
	}
	
	.swiper-container-school {
		position: relative;
		padding-bottom: 50px;
	}
	
	.swiper-container-school .swiper-button-prev,
	.swiper-container-school .swiper-container-rtl .swiper-button-next {
		bottom: 0;
		top: auto;
		background: url(../images/d-left.png) !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
		width: 30px !important;
		height: 30px !important;
	}
	
	.swiper-container-school .swiper-button-next,
	.swiper-container-school .swiper-container-rtl .swiper-button-prev {
		bottom: 0;
		top: auto;
		background: url(../images/d-right.png) !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
		left: 50px !important;
		right: auto;
		width: 30px !important;
		height: 30px !important;
	}
	
	.swiper-container-school .swiper-pagination-progressbar {
		bottom: 14px !important;
		top: auto !important;
		width: 70% !important;
		left: auto !important;
		right: 0;
	}
	
	.swiper-container-school .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
		background-color: #14AA64;
	}
	#bkzx{
		margin-top: 20px;
	}

	.open-nav {
		display: block;
		position: absolute;
		color: #fff;
		font-size: 24px;
		line-height: 64px;
		right: 0;
		padding-right: 20px;
		padding-left: 20px;
	}

	.navbar-active .open-nav {
		color: #111;
	}
	
	.news-inner img{
	    height: auto !important;
	}

	
}