.banner {
	width: 100%;
	font-size: 0;
}

.banner img {
	width: 100%;
}

.page-w {
	max-width: 1280px;
	width: 68%;
	margin: 0 auto;
}

.trY100 {
	transform: translateY(-100px);
}

.page-nav {
	font-size: 16px;
	border-bottom: 4px solid #ec6b17;
	line-height: 100px;
	background-color: rgba(0, 0, 0, .1);
	backdrop-filter: blur(5px);
}

.page-nav.bg-EC6B17 ul li.on a {
	color: #fff;
}

.page-nav ul {
	display: flex;
	max-width: 1280px;
	width: 68%;
	margin: 0 auto;
}

.page-nav ul li a {
	color: #fff;
}

.page-nav ul li.on a {
	color: #ec6b17;
}

.page-nav ul li.on a:after {
	content: "";
	width: 3.5em;
	height: 2px;
	display: block;
	bottom: 0;
	left: 0;
	background-color: #ec6b17;
	position: absolute;
}

.page-nav ul li {
	flex: 1;
	position: relative;
	max-width: 200px;
}

.about-top {
	padding-top: 6%;
	padding-bottom: 3%;
}

.about-top .title {
	color: #ec6b17;
	font-size: 30px;
	font-weight: bold;
}

.about-top .title h6:after {
	content: "";
	display: block;
	margin-top: 6%;
	transform: translateY(10px);
	width: 50px;
	height: 6px;
	background-color: #ec6b17;
}

.swiper {
	--swiper-theme-color: #ec6b17;

}

.about-top .des {
	margin-top: 4%;
	border-top: 1px solid #eee;
	padding: 5% 0;
	font-size: 14px;
	line-height: 1.8;
	text-align: justify;
}

.about-video video {
	width: 100%;
}

.about-characteristic .swiper {
	padding-bottom: 5%;
}

.about-characteristic-container {
	padding: 6% 0;
}


.about-characteristic .title {
	max-width: 680px;
	text-align: center;
	margin: 0 auto;
	line-height: 1.8;
}


.about-characteristic {
	padding-bottom: 6%;
	font-size: 14px;
	background-color: #fff;
	border-radius: 30px;
}


.about-characteristic .a-list {
	padding: 6% 4% 0 4%;
	margin-top: 6%;
	line-height: 1.8;

}

.about-characteristic .a-list .a-item:nth-child(even) .img-wrap {
	order: 0;
}

.about-characteristic .a-list .a-item:last-child {
	margin: 0;
}

.about-characteristic .a-list .a-item {
	margin-bottom: 10%;
}

.about-characteristic .a-list .a-item>div {
	flex: 1;
	order: 1;
}

.about-characteristic .a-list .a-item .content {
	padding-right: 50px;
	font-size: 14px;
	line-height: 1.8;
}

.about-characteristic .a-list .a-item .line {
	width: 40px;
	height: 4px;
	margin: 30px 0;
	background-color: #ec6b17;
}

.about-characteristic .a-list .a-item .img {
	box-shadow: 20px 20px 0 0 #ec6b17;
	font-size: 0;
	width: 92%;
}

.about-characteristic .a-list .a-item .img img {

	/* width: 100%; */
}

.about-characteristic .a-list .a-item:nth-child(2) .content {
	padding-left: 50px;
}

.about-characteristic .a-list .a-item:nth-child(2) .img {
	box-shadow: -20px 20px 0 0 #2a9074;
}

.about-characteristic .a-list .a-item:nth-child(3) .img {
	box-shadow: 20px 20px 0 0 #5fa8e3;
}


.about-award {
	padding: 6% 0;
	padding-bottom: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../img/bg1.png);
}

.about-award .title {
	color: #fff;
	line-height: 1.5;
	padding-bottom: 6%;
	margin-bottom: 6%;
	border-bottom: 1px solid rgba(250, 250, 250, .5);
}

.award-wrap {
	color: rgba(250, 250, 250, .8);
	line-height: 2.2;
	padding-bottom: 6%;
}

.award-wrap .lf {
	width: 60%;
	padding-right: 30px;
}

.award-wrap .img {
	width: 40%;
	font-size: 0;
	opacity: 0;
}

.about-award .title .line span {
	height: 6px;
	width: 40px;
	margin-bottom: 20px;
	background-color: #fff;
	display: inline-block
}

.about-award .title .line {
	text-align: right;
}


.about-characteristic .banner {
	margin-top: 2%;
	margin-bottom: 6%;
}

.school-motto-wrap .s-list .s-item {
	margin-bottom: 4%;
	width: 48%;
	padding: 40px 70px;
	padding-bottom: 80px;
	box-sizing: border-box;
	overflow: hidden;
	font-size: 14px;
	line-height: 1.8;
	color: rgba(250, 250, 250, .8);
}

.school-motto-wrap .s-list .s-item .icon {}

.school-motto-wrap .s-list .s-item h6 {
	margin-top: 12%;
	margin-bottom: 4%;
	color: rgba(250, 250, 250, 1);
}

.school-motto-wrap .s-list .s-item:first-child {
	background-color: #5fa8e3;
}

.school-motto-wrap .s-list .s-item:nth-child(2) {
	background-color: #fdb927;
}

.school-motto-wrap .s-list .s-item:nth-child(3) {
	background-color: #36558f;
}

.school-motto-wrap .s-list .s-item:nth-child(4) {
	background-color: #2a9074;
}

.school-motto-wrap .s-list .s-item:nth-child(5) {
	background-color: #ec6b17;
}

.school-motto-wrap .s-list .s-item:nth-child(6) {
	background-color: #5fa8e3;
}


.down-icon-container {
	text-align: center;
	padding-bottom: 6%;
}

.down-icon-container img {
	display: inline-block;
	animation: drop 1.25s linear infinite;
	position: relative;
}

@keyframes drop {
	0% {
		top: 0px;
		opacity: 1;
	}

	30% {
		top: 10px;
		opacity: 1;
	}

	100% {
		top: 25px;
		opacity: 1;
	}
}

.about {
	position: relative;
}

.trY100POSTION {
	width: 100%;
	position: absolute;
	top: -100px;
}

.motto-container {
	padding: 6% 0;

	background-color: #fff8f3;
}

.motto-wrap .lf {
	width: 300px;
	padding-top: 40px;
}

.motto-wrap .lf .a-item {
	margin-bottom: 24%;
	cursor: pointer;
}

.motto-wrap .lf .on h6 {
	color: #ec6b17;
}

.motto-wrap .lf .on .avater {
	border: 2px solid #ec6b17;
}

.motto-wrap .lf .avater {
	border: 2px solid #fff;
	width: 140px;
	margin: 0 auto;
	height: 140px;
	overflow: hidden;
	border-radius: 50%;
}

.motto-wrap .rt .title {
	font-size: 16px;
	line-height: 1.8;
	padding-bottom: 30px;
	border-bottom: 1px solid #eee;
}

.motto-wrap .rt {
	box-shadow: 2px 2px 20px 2px rgba(230, 160, 30, .1);
	padding: 70px;
	background-color: #fff;
	overflow: hidden;
	border-radius: 130px 0 130px 0;
}

.motto-wrap .rt .des {
	min-height: 50vh;
	line-height: 1.8;
	padding: 6% 0;
}

.big-case-container {}

.public-title {
	padding-bottom: 3%;
	line-height: 2;
}

.public-title .line span {
	width: 40px;
	display: inline-block;
	height: 6px;
	background-color: #ec6b17;
}

.big-case-wrap .title {
	padding-bottom: 3%;
	line-height: 2;
}


.big-case-wrap .line span {
	width: 40px;
	display: inline-block;
	height: 6px;
	background-color: #ec6b17;
}

.big-case-wrap {
	padding: 6% 0;
}

.big-case-wrap .img,
.big-case-wrap .des {
	width: 50%;
}

.big-case-wrap .up .a-item {
	overflow: hidden;
	background: #fffbf8;
}

.big-case-wrap .des {
	box-sizing: border-box;
	padding: 5%;
}

.big-case-wrap .h {
	margin-top: 14%;
	overflow: auto;
}

.big-case-wrap .h li{
	list-style: inside;
}


.big-case-wrap .year {
	font-size: 58px;
	color: #ec6b17;
}

.swiperY {
	color: #ec6b17;
	padding: 6% 0 0 0;
}

.swiperY .year-small {
	width: 50px;
	margin-bottom: 16px;
	text-align: center;
}

.swiperY .circle {
	width: 12px;
	height: 12px;
	margin: 0 20px;
	border-radius: 50%;
	background-color: #ec6b17;
}

.swiperY .line {
	height: 2px;
	flex: 1;
	background-color: #ffdec8;
}

.calendar-container {
	padding: 6% 0;
	border-top: 4px solid #ec6b17;
	background-color: #fff8f3;
}

.calendar-container .content {
	background-color: #fff;
	padding: 30px;
	border-radius: 10px;
}

.calendar-container .title {
	font-size: 18px;
	margin-bottom: 3%;
}

.top-video-container {
	padding: 6% 0;
	background-image: url(../img/abc.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 30%;
	border-top: 2px solid #ec6b17;
	background-color: #fff8f3;
}

.top-video-wrap {
	overflow: hidden;
	background-color: #fff;
}

.top-video-wrap .content,
.top-video-wrap .img {
	width: 50%;
}

.top-video-wrap .content {
	padding: 50px;
}

.top-video-wrap .content .time {
	line-height: 1;
	margin-bottom: 22px;
	padding-bottom: 22px;
	border-bottom: 1px solid #eee;
}

.top-video-wrap .content .details {
	margin: 20px 0 40px 0;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;

}

.top-video-wrap .content .day {
	font-size: 50px;
	color: #ec6b17;
}


.know-more-a:hover {
	background-color: #ec6b17;
	color: #fff;
}

.know-more-a {
	background-color: #fff;
	transition: all .3s;
	font-size: 14px;
	color: #ec6b17;
	border-radius: 20px;
	padding: 0 50px;
	line-height: 40px;
	display: inline-block;
	border: 1px solid #ec6b17;

}

.bottom-video-container {
	padding: 6% 0;
	background-color: #fff;
}

.v-nav li {
	margin-left: 20px;
	background-color: #f4f8fb;
	line-height: 40px;
	cursor: pointer;
	font-size: 16px;
	padding: 0 20px;
	border-radius: 20px;
	font-weight: bold;
	min-width: 5em;
	text-align: center;
	white-space: nowrap;
}

.v-nav li:hover{
	color: #fff;
	background-color: #ec6b17 !important;
}
.v-nav li.on {
	color: #fff;
	background-color: #ec6b17;
}

.v-nav .layui-form-select .layui-input {
	border-radius: 30px;
}

.v-nav.white-theme li {
	background-color: #fff;
}



.bottom-video-container .v-item {
	width: 31%;
	margin-bottom: 3.5%;
	margin-right: 3.5%;
}

.bottom-video-container .item-white-bg .v-item .img {
	border-radius: 0;
}

.bottom-video-container .item-white-bg .v-item {
	overflow: hidden;
}

.bottom-video-container .item-white-bg .v-item .content {
	padding: 20px;
}

.bottom-video-container .item-white-bg .v-item .content  .color-EC6B17{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bottom-video-container .item-white-bg .v-item {
	background-color: #fff;
}

.bottom-video-container .two-grid {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.bottom-video-container .two-grid .v-item {
	width: 48%;
	margin: 0;
}

.bottom-video-container .v-item:nth-child(3n) {
	margin-right: 0;
}

.bottom-video-container .v-item .img img {
	position: absolute;
	top: 0;
	left: 0;
}

.bottom-video-container .v-list {
	margin-top: 4%;
}

.bottom-video-container .item-white-bg .v-item .content .title {
	height: 6em;
}

.bottom-video-container .v-item .content .title {
	font-size: 14px;
	line-height: 1.5;
	height: 3em;
	overflow: hidden;
}

.bottom-video-container .v-item .content {
	padding: 20px 0;

}

.bottom-video-container .v-item .img {
	padding-top: 66%;
}

.news-details-container {
	padding-top: calc(100px + 3%);

}

.descrition {
	text-align: left;
}

.news-details-container .bg {
	background-color: #fff;
	padding-bottom: 5%;
}


.news-details-warp .date {
	margin: 6% 0;
}

.news-details-warp .content {
	padding: 50px;
	background-color: #fff;
	line-height: 1.8;
	

}



.news-details-container .nav li {
	margin-right: 10px;
}

.news-details-container .nav {
	padding: 2% 0;
	padding-bottom: 9%;
	transform: translateX(-50px);
}

.page-preview {
	border-top: 1px solid #eee;
	padding-top: 6%;
	margin-top: 6%;
}

.page-preview a:hover {
	color: #ec6b17;
}

.page-preview .return-button:hover {
	color: #fff;
	opacity: .9;
}

.page-preview .return-button {
	line-height: 48px;
	padding: 0 50px;
	color: #fff;
	display: inline-block;
	background-color: #ec6b17;
	border-radius: 30px;
}

.video-list-container {
	padding: 6% 0;
}

.video-list-wrap .v-item>div {
	width: 50%;
}

.video-list-wrap .v-item .img img {
	position: absolute;
	left: 0;
	top: 0;
}

.video-list-wrap .v-item .img {
	width: 34%;
	padding-top: 20%;
	position: relative;
}

.video-list-wrap {
	padding: 6% 0;
	padding-top: 4%;
}

.video-list-wrap .v-item {
	padding: 20px 0;
}


.video-list-wrap .v-item .play-button {
	cursor: pointer;
}

.video-list-wrap .v-item .content {
	padding: 40px;
	padding-bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.public-page {
	padding-top: 6%;
}

.public-page ul li a:hover i {
	border-color: #fff;
}

.public-page ul li a:hover {
	background-color: #ec6b17;
	color: #fff;
}

.public-page ul li.on a {
	color: #fff;
	background-color: #ec6b17;
}

.public-page ul li a {
	display: block;
}

.public-page ul li {
	border: 1px solid #efefef;
	margin: 0 10px;
	overflow: hidden;
	display: inline-block;
	width: 40px;
	line-height: 40px;
	height: 40px;
	border-radius: 50%;

}

.video-list-container .v-nav li:first-child {
	margin-left: 0;
}

.academic-container {
	padding: 6% 0;
}




.international-wrap .swiperY .year-small {
	width: 68px;
	height: 30px;
	text-align: left;
	margin-bottom: 10px;
}

.mySwiper2 {
	overflow: hidden;
}

.international-wrap .swiperY {
	color: #999;
}

.international-wrap .swiperY .circle {
	margin: 0;
	background-color: #fff;
	border: 5px solid #ec6b17;
}

/* .international-wrap .swiperY .swiper-slide-thumb-active {
	color: #ec6b17;
	font-size: 20px;
	font-weight: bold;
} */
.international-wrap .swiperY {
	padding-top: 10px;
}

.international-wrap .swiperY .swiper-slide-thumb-active .year-small {
	color: #ec6b17;
	font-size: 20px;
	font-weight: bold;
	transform: translateY(-10px);
}




.international-wrap .content-wrap {
	padding: 6% 0;
	padding-bottom: 10%;

}

.international-wrap .international-swiper {
	background-color: #2c4b4f;
}

.international-wrap .content {
	padding: 5%;
	padding-bottom: 2%;

}

.international-wrap .top {
	border-bottom: 2px solid #ec6b17;
}

.international-wrap .des {
    width: 60%;
    min-height: 20em;
    max-height: 27em;
    padding-bottom: 2%;
    overflow: auto;
    line-height: 1.8;
}

.international-wrap .bottom {
	padding-top: 3%;
}

.international-wrap .bottom h5 {
	margin-bottom: 15px;
}

.international-wrap .bottom .a-item {
	width: 20%;
}

.aca-table-wrap {
	margin-top: 3%;
	display: none;
}

.aca-table-wrap .v-nav li {
	line-height: 50px;
	border-radius: 30px;
}


.aca-table-wrap .v-nav li {
	margin-bottom: 20px;
}

.aca-table-wrap .v-nav li:first-child {
	margin-left: 0;
}

.aca-table-list {
	padding: 3% 0;
}

.aca-table-list table {
	width: 100%;
	display: table;
	vertical-align: middle;
	overflow: hidden;
	border-radius: 10px 10px 0 0;
	font-size: 16px;
}

.aca-table-list table th {
	padding: 20px;
	color: #fff;
	white-space: nowrap;
	border: 1px solid #ec6b17;
	background-color: #ec6b17;
}

.aca-table-list table td:nth-child(1) {
	text-align: center;
}

.aca-table-list table td:nth-child(5) {
	text-align: center;
}

.aca-table-list table td:nth-child(4) {
	text-align: center;
}

.aca-table-list table td:nth-child(3) {
	text-align: center;
}

.aca-table-list table tr:nth-child(odd) {
	background-color: #fffaf7;
}

.aca-table-list table td {
	padding: 20px;
	vertical-align: middle;
	color: #333;
	border: 1px solid #ec6b17;
}


.mg1 {
	background-image: url(../img/sc.jpg);
	background-position: 0 0;
	/* background-attachment: fixed; */
	background-size: cover;
	padding-top: 45%;
	width: 100%;
}

.overview-container .overview-wrap {
	padding: 6% 0;
}

.overview-container .top-content {

	max-width: 850px;
	margin: 0 auto;
}

.overview-container .top-content .line {
	margin: 20px 0;
}

.overview-container .top-content .line span {
	width: 40px;
	display: inline-block;
	height: 6px;
	background-color: #ec6b17;
}

.overview-container .top-content{
	line-height: 1.8;
}

.img-wall {
	padding-top: 6%;
}

.img-wall .box {
	margin-bottom: 40px;
	width: 90px;
	display: inline-block;
	height: 90px;
	background-color: #99d7ff;
}

.img-wall .banner {
	margin-bottom: 40px;
}

.img-wall>div:first-child .banner {
	margin-top: 45%;
}

.img-wall>div:first-child {
	width: 21%;
}

.img-wall>div:nth-child(2) {
	width: 42%;
}

.img-wall>div:last-child {
	width: 28%;
	padding-top: 3.2%;
}



.graduation-photo-swiper .a-item {
	padding: 20px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url(../img/bg.png);
}

.graduation-photo-container {
	padding: 6% 0;
}


.graduation-photo-swiper {
	overflow: hidden;
	margin: 0 5%;
}

.graduation-photo-swiper .a-item .img {
	padding-top: 60%;
}

.school-encounter .banner {
	position: relative;
}

.school-encounter .banner:hover:after {
	background-color: rgba(0, 0, 0, 0);
}

.school-encounter .banner:after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
	transition: all .3s;
	position: absolute;
	z-index: 1;
	background-color: rgba(0, 0, 0, .2);
}

.school-encounter .text i {
	border-color: #fff;
}

.school-encounter .text {
	z-index: 2;
	position: absolute;
	bottom: 30px;
	left: 30px;
	color: #fff;
}

.overview-contact-container {
	padding: 6% 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../img/bg4.jpg);
}

.overview-contact-container a {
	margin-top: 3%;
	display: inline-block;
	background-color: #fff;
	border-radius: 4px;
	line-height: 50px;
	width: 180px;
}

.guide-top {
	position: relative;
	margin-bottom: 9%;
}

.guide-top .banner {
	width: 68%;
}

.guide-container {
	padding: 6% 0;
}

.guide-top .content .img{
	width: 34px;
	margin-bottom: 2em;
}
.guide-mid .c-item .content .icon{
	margin-bottom: 2em;
}
.guide-top .content {
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	max-width: 500px;
	background-color: #f7f8f8;
	position: absolute;
	box-sizing: border-box;
	padding: 30px 50px 60px;
}

.guide-mid .swiper-container {
	margin-top: 2%;
}

.guide-mid .c-item .content {
	width: 50%;
	line-height: 1.8;
	box-sizing: border-box;
	padding: 6%;
}

.position-img img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
}

.position-img {
	position: relative;
}

.guide-mid {
	margin-bottom: 10%;
}

.guide-mid .c-item .img img {
	width: 100%;
}

.guide-mid .c-item .img {
	width: 50%;
	padding-top: 34%;
}

.guide-mid .bSwiper .long-line span {
	width: calc(100%/6);
	display: inline-block;
	height: 100%;
	background-color: #ec6b17;
	left: 0;
	top: 0;
	transition: all .3s;
	position: absolute;
}

.guide-mid .bSwiper .long-line {
	height: 4px;
	position: relative;
	background-color: #f7f8f8;
}

.guide-mid .bSwiper {
	margin-top: 4%;
	text-align: center;
	color: #c1c1c1;
}

.guide-mid .bSwiper .content {
	margin-top: 32px;
	cursor: pointer;
	color:#666;
}

.guide-flow-wrap {
	position: relative;
}

.guide-flow-wrap .right-line {
	width: 1px;
	background-color: #ffece0;
	height: 100%;
	left: 190px;
	top: 0;
	position: absolute;
}

.guide-flow-wrap .year {
	font-size: 24px;
	width: 176px;
	padding-left: 70px;
	box-sizing: border-box;
}

.guide-flow-wrap .circle {
	width: 28px;
	height: 28px;
	position: relative;
	z-index: 1;
	margin-right: 80px;
	border-radius: 50%;
	background-color: #ffede1;
}

.guide-flow-wrap .circle:before {
	content: "";
	width: 20px;
	height: 20px;
	top: 50%;
	position: absolute;
	z-index: 1;
	left: 50%;
	border: 4px solid #ec6b17;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	display: block;
	box-sizing: border-box;
	background-color: #ffede1;
}

.guide-flow-wrap .circle:after {
	content: "";
	width: 28px;
	height: 28px;
	top: 50%;
	position: absolute;
	z-index: 0;
	left: 50%;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	display: block;
	background-color: #ffede1;
}

.guide-flow-wrap .content {
	flex: 1;
	font-size: 14px;
}

.guide-flow-wrap .content .c-item {
	width: 31%;
	box-sizing: border-box;
	margin-right: 2%;
	padding: 35px;
	font-weight: bold;
	border-radius: 10px;
	background-color: #f0f3fb;
	margin-bottom: 2%;
}

.guide-flow-wrap .content .c-item .month {
	color: #6f71ee;
	font-size: 18px;
	margin-bottom: .5em;
	font-weight: bold;
}

.guide-flow-wrap .c-item .details {
	min-height: 4em;
}

.guide-flow-wrap .item {
	margin-bottom: 8%;
}

.guide-flow-wrap .item:nth-child(odd) .content .c-item .month {
	color: #ec6b17;
}

.guide-flow-wrap .item:nth-child(odd) .content .c-item {
	background-color: #fef8f1;
}

.guide-teacher-wrap {
	padding: 4% 0;
}

.hide-content {
	display: none;
	padding: 100px;
	line-height: 1.8;
}

.hide-content .right-c {
	padding-top: 0;
}

.hide-content .img {
	width: 30%;
	overflow: hidden;
	border-radius: 50px 0 50px 0;
}

.hide-content .line {
	width: 100%;
	margin: 20px 0;
	height: 1px;
	background-color: #efefef;
}
.hide-content .img{
	padding-top: initial !important;
}
.guide-teacher-wrap .t-item:nth-child(4n) {
	margin-right: 0;
}

.guide-teacher-wrap .t-item {
	width: 24%;
	margin-right: 1%;
}

.guide-teacher-wrap .t-item .img img{
	position:absolute;
	height: 100%;
	width: 100%;
	left: 0;
	object-fit: cover;
	top: 0;
}
.guide-teacher-wrap .t-item .img{
	position: relative;
	padding-top: 120%;
	border-radius: 40px 0 40px 0;
}

.guide-teacher-wrap .t-item .box {
	margin: 10% 0;
	margin-bottom: 20%;
}

.guide-wikipedia-wrap .t-item:hover {
	background-color: #ec6b17;
}

.guide-wikipedia-wrap .t-item:hover h6 {
	color: #fff;
}

.guide-wikipedia-wrap .t-item:hover i {
	border-color: #fff;
}

.guide-wikipedia-wrap .t-item:hover div {
	color: #fff;
}

.guide-wikipedia-wrap .t-item {
	background-color: #fff;
	padding: 30px;
	margin-bottom: 20px;
}

.bg-F8F8F8 .v-nav li:not(.on) {
	background-color: #fff;
}

.school-list {
	margin-top: 3%;
}

.school-list .s-item:nth-child(3n) {
	margin-right: 0;
}

.school-list .s-item {
	padding: 20px;
	width: 31%;
	margin-right: 3.5%;
	margin-bottom: 3.5%;
	box-sizing: border-box;
	background-color: #fff;
}

.school-list .s-item .box {
	padding-bottom: 20px;
}

.school-list .s-item .img {
	padding-top: 68%;
}

.school-details-warp {
	margin-top: 4%;
	background-color: #fff;
}

.school-details-warp .title {
	padding: 30px 50px;

}

.school-details-warp .content {
	padding: 50px;
	min-height: 80vh;
}

.school-info-wrap {
	padding: 6% 0;
	background: #fff
}

.s-details-container {
	padding-bottom: 6%;
}

.school-info>div {
	box-sizing: border-box;
	width: 50%;
}

.school-info .img {
	padding-top: 64%;
}

.shetuan-logo {
	height: 100px;
	width: 100px;
	border-radius: 50%;
}

.school-info .img img {
	width: 100%;
}

.school-info-wrap .content {
	padding: 3% 3% 3% 5%;
	line-height: 1.6;
}

.school-info-wrap {
	padding: 6% 0;
}

.school-info-wrap .link {
	margin-top: 50px;
	border-radius: 30px;
	line-height: 50px;
	min-width: 200px;
	color: #fff;
	display: inline-block;
	text-align: center;
	background-color: #ec6b17;
}


.about-recruit-container {
	padding: 6% 0;
	padding-top: 12%;
}

.about-recruit-container .top {
	padding: 6% 0;
	padding-bottom: 8%;
	color: #fff;
	background-image: linear-gradient(to right, #ec6b17, #ffe8d9);
}

.about-recruit-container .top-wrap {
	display: flex;
	justify-content: space-between;
}

.about-recruit-container .top-wrap .content {
	width: 66%;
}

.about-recruit-container .top-wrap .content>h6 {
	padding-bottom: 40px;
	color: #fff;
	border-bottom: 2px solid #fff;
}

.about-recruit-container .top-wrap .img {
	width: 30%;
	margin-top: -19%;
}

.about-recruit-container .top-wrap .text {
	padding: 4% 0;
	line-height: 1.6;
}

.about-recruit-container .bottom-wrap {
	padding: 6% 0;
}

.about-recruit-container .link a {
	color: #fff;
	padding: 0 250px;
	line-height: 80px;
	display: inline-block;
	background-color: #ec6b17;
}

.about-recruit-container .bottom-wrap .content {
	padding-top: 10%;
}

.about-recruit-container .bottom-wrap .i-item:hover .descrition{
            opacity: 1;
            top: 80px;
}
.about-recruit-container .descrition{
    opacity: 0;
    color: #fff;
    position: absolute;
    left: 30px;
    transition: all .3s;
}

.about-recruit-container .bottom-wrap .list {
	justify-content: space-between;
	margin-top: 4%;
}

.about-recruit-container .bottom-wrap .i-item:nth-child(1) .img {
	padding-top: 40%;
}

.about-recruit-container .bottom-wrap .i-item:nth-child(2) .img {
	padding-top: 82.5%;
}

.about-recruit-container .bottom-wrap .i-item:nth-child(1) {
	width: 66%;
}

.about-recruit-container .bottom-wrap .i-item {
	width: 32%;
	overflow: hidden;
	position: relative;
	margin-bottom: 2%;
}

.about-recruit-container .bottom-wrap .i-item:hover .text {
	background-color: #ec6b17;
	align-items: flex-start;
}

.about-recruit-container .bottom-wrap .i-item .img {
	padding-top: 72%;
}

.about-recruit-container .bottom-wrap .text {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	transition: all .3s;
}

.about-recruit-container .bottom-wrap .i-item:hover .text .tt2 {
	top: 30px;
	transform: translateY(00%);
}

.about-recruit-container .bottom-wrap .text .tt2 {
	color: #fff;
	position: absolute;
	top: calc(100% - 30px);
	left: 30px;
	font-size: 24px;
	transform: translateY(-100%);
	font-weight: bold;
	transition: all .3s;
}

.job-list {
	min-height: 100vh;
}

.job-list .j-item {
	border-radius: 60px;
	overflow: hidden;
	margin-bottom: 10px;
}

.job-list .j-item.on .content {
	box-sizing: border-box;
	padding: 50px 90px;
	max-height: 1000px;
	overflow: auto;
	border-top: 1px solid #dcdddd;
}

.job-list .j-item .content {
	padding: 0px 90px;
	transition: all .3s;
	line-height: 1.8;
	max-height: 0;
	overflow: hidden;

	background-color: #fff;
}

.job-list .title .dian {
	width: 10px;
	height: 10px;
	margin-right: 10px;
	border-radius: 50%;
	display: inline-block;
	background-color: #ec6b17;
}

.job-list .title {
	font-size: 18px;
	cursor: pointer;
	height: 120px;
	padding: 0 90px;
	background-color: #fff;

}

.evaluation-container {
	padding: 6% 0;
}

.evaluation-container .content {

	width: 700px;
	line-height: 2;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 6%;
}

.evaluation-container .bottom-img {
	margin-top: 12%;
}

.evaluation-container .bottom-img img {
	width: 50%;
}

.language-wrap {
	padding: 6% 0;
	padding-bottom: 7%;
}

.language-wrap .nav li {
	width: 18%;
	line-height: 80px;
	border-radius: 60px;
	border: 3px solid #fff;
	text-align: center;
	cursor: pointer;
}

.language-wrap .nav li:nth-child(1) {
	border-color: #5fa8e3;
}

.language-wrap .nav li:nth-child(1):hover,
.language-wrap .nav li:nth-child(1).on {
	background-color: #5fa8e3;
	color: #fff;
}

.language-wrap .nav li:nth-child(2) {
	border-color: #fdb927;
}

.language-wrap .nav li:nth-child(2):hover,
.language-wrap .nav li:nth-child(2).on {
	background-color: #fdb927;
	color: #fff;
}

.language-wrap .nav li:nth-child(3) {
	border-color: #36558f;
}

.language-wrap .nav li:nth-child(3):hover,
.language-wrap .nav li:nth-child(3).on {
	background-color: #36558f;
	color: #fff;
}

.language-wrap .nav li:nth-child(4) {
	border-color: #2a9074;
}

.language-wrap .nav li:nth-child(4):hover,
.language-wrap .nav li:nth-child(4).on {
	background-color: #2a9074;
	color: #fff;
}

.language-wrap .nav li:nth-child(5) {
	border-color: #ec6b17;
}

.language-wrap .nav li:nth-child(5):hover,
.language-wrap .nav li:nth-child(5).on {
	background-color: #ec6b17;
	color: #fff;
}

.language-wrap .content-wrap {
	margin-top: 3%;
}

.language-wrap .content-item {
	position: relative;
	display: none;
	background-color: #eff6fc;
	color: #5fa8e3;
	padding: 90px;
	line-height: 2;
	font-size: 14px;
	max-height: 330px;
	border-radius: 30px;
}

.language-wrap .content-item:nth-child(2) {
	background-color: #fdb927;
	color: #fff;
}

.language-wrap .content-item:nth-child(3) {
	background-color: #36558f;
	color: #fff;
}

.language-wrap .content-item:nth-child(4) {
	background-color: #2a9074;
	color: #fff;
}

.language-wrap .content-item:nth-child(5) {
	background-color: #ec6b17;
	color: #fff;
}

.course-list {
	padding-bottom: 6%;
}

.course-list .item a {
	color: #fff;
}

.course-list .item {
	line-height: 2.5;
	text-align: center;
	padding: 50px 0;
	font-size: 22px;
	width: 48%;
	transition: all .3s;
}

.course-list .item:hover {
	box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
}


.language-center-wrap {
	padding: 6% 0;
}

.language-center-wrap .list .item .img {
	margin-bottom: 14%;
}

.language-center-wrap .list .item .img img {
	width: 50%;
}


.language-center-wrap .list .item:last-child:after {
	display: none;
}

.language-center-wrap .list .item:after {
	content: "";
	height: 80%;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	right: 0;
	width: 1px;
	display: block;
	background-color: #eee;
}

.language-center-wrap .list .item {
	width: 25%;
	line-height: 2;
	border-radius: 10px;
	padding: 4%;
	box-sizing: border-box;
	position: relative;
	text-align: center;
}


/* .language-wrap .content-item:after {
	margin-top: -20px;
	position: absolute;
	top: 0;
	left: 90px;
	display: block;
	content:"";
	width: 0px;
	height: 0px;
	border-top: 10px solid transparent;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 10px solid orangered;
} */

.course-content-container {
	padding: 6% 0;
}

.course-content-container .c-item {
	padding: 6% 0;
	font-size: 16px;
	line-height: 1.8;
	border-bottom: 1px solid #eee;
}

.course-content-container .c-item .line-x {
	line-height: 1;
	margin: 2% 0;
	font-size: 0;
}

.course-content-container .c-item .line-x span {
	width: 40px;
	height: 4px;
	display: inline-block;
	background-color: #ec6b17;
}

.course-content-container .c-item span {}

.course-content-container .c-item .title {
	width: 35%;
	color: #333;
}



.long-list .g-item:hover .grade {
	color: #fff;
}

.course-content-container .g-item:hover {
	background-color: #ec6b17;
	color: #fff;
}

.course-content-container .g-item {
	color: #333;
	padding: 3%;
	box-sizing: border-box;
	background-color: #f9fafa;
	margin-bottom: 10px;
	flex-shrink: 0;
	width: 32%;
	margin-right: 2%;
}

.long-list {
	margin-top: 6%;
	display: flex;
	overflow-x: auto;
}

.long-list::-webkit-scrollbar {
	width: 3px;
	height: 10px;
	/* 设置滚动条宽度 */
}

.long-list::-webkit-scrollbar-track {
	background-color: #f5f5f5;
	border-radius: 10px;
	/* 设置滚动条背景色 */
}

.long-list::-webkit-scrollbar-thumb {
	background-color: #ec6b17;
	border-radius: 10px;

}

.long-list .grade {
	margin-bottom: 4%;
	font-size: 28px;
	color: #ec6b17;
}

.long-list .g-content ul {
	overflow: hidden;
	font-weight: bold;
}

.long-list .g-content ul li:nth-child(even) {
	padding-right: 0px;
}

.long-list .g-content ul li {
	box-sizing: border-box;

}

.long-list .g-content {
	line-height: 2;
	font-size: 14px;
	box-sizing: border-box;
	position: relative;
}



.course-content-container .tips {
	font-size: 14px;
	padding-top: 4%;
	color: #f79b60;
}

.welcome-container {
	padding: 6% 0;
}

.welcome-container .w-item .content {
	width: 48%;
}

.welcome-container .w-item .img {
	width: 48%;
	overflow: hidden;
}

.welcome-container .w-item .img img {
	width: 100%;
}

.welcome-container .w-item {
	display: flex;
	padding: 6% 0;
	border-bottom: 1px solid #eee;
	line-height: 1.8;
	justify-content: space-between;
}

.welcome-container .w-item:last-of-type {
	border: none;
}

.welcome-container .line span {
	width: 40px;
	height: 4px;
	background-color: #ec6b17;
	display: inline-block
}

.welcome-container .w-item .link-more a {
	color: #fff;
	margin-top: 6%;
	padding: 0 60px;
	display: inline-block;
	line-height: 46px;
	border-radius: 30px;
	background-color: #ec6b17;
}


.welcome-step-top-wrap {
	padding: 6% 0 6% 0;
	text-align: center;

}

.welcome-step-top-wrap .limit-w {
	max-width: 1450px;
	margin: 0 auto;
	position: relative;
}

.welcome-step-top-wrap .step-swiper {

	position: relative;
	overflow: hidden;

}

.welcome-step-top-wrap .box {
	color: #333333;
	opacity: .3;
}

.welcome-step-top-wrap .swiper-slide-active .box {
	color: #ec6b17;
	opacity: 1;

}

.welcome-step-bottom-wrap {
	padding: 6% 0;
}

.welcome-step-bottom-wrap .a-item .p {
	margin-top: 20px;
}

.welcome-step-bottom-wrap .a-item {
	margin: 0 50px;
	color: #fff;
	line-height: 2;
	background-color: #2c4b4f;
	padding: 80px;
}

.welcome-notice-container {
	padding: 6% 0;
}

.welcome-step-bottom-wrap .tips {

	max-width: 700px;
	margin: 0 auto;
	margin-top: 6%;
	color: #ec6b17;
}

.welcome-notice-list {
	margin-top: 6%;
}

.welcome-notice-list .img {
	width: 100%;
}

.welcome-notice-list .tag-tips {
	position: absolute;
	padding: 4px 20px;
	line-height: 2;
	left: 0px;
	z-index: 2;
	top: 0;
	background-color: rgba(0, 0, 0, .8);
}

.welcome-notice-list .s-item {
	overflow: hidden;
	position: relative;
}

.welcome-notice-list .s-item .img {
	padding-top: 80%;

}

.welcome-notice-list .s-item .box h6 {
	min-height: 3em;
	line-height: 1.5;
}

.welcome-notice-list .s-item .box {
	position: absolute;
	box-sizing: border-box;
	padding: 20px;
	bottom: 0;
	width: 100%;
	z-index: 2;
	background-color: #fff;
}

.welcome-notice-list .s-item:hover .eng img {
	filter: grayscale(100%) brightness(200%);
}

.welcome-notice-list .s-item:hover .eng {
	color: #fff;
}

.welcome-notice-list .s-item:hover .box h6 {
	color: #fff;
}

.welcome-notice-list .s-item:hover .box {
	background-color: #ec6b17;
	color: #fff;
}

.welcome-notice-list .s-item {
	width: 48%;
	overflow: hidden;
	position: relative;
	margin-bottom: 4%;
}


.sign-flow-container {
	padding: 6% 0;
}

.sign-flow-wrap .step .item.on:after {
	content: "";
	height: 2px;
	display: block;
	width: 100%;
	bottom: 0;
	left: 0;
	position: absolute;
	background-color: #ec6b17;
}

.sign-flow-wrap .step .item.on {
	color: #ec6b17;
}

.sign-flow-wrap .step .item {
	flex: 1;
	padding-bottom: 30px;
	position: relative;
	text-align: center;
}

.sign-flow-wrap .step {
	border-bottom: 1px solid #eee;
}

.sign-flow-wrap .sign-content-wrap {
	padding: 6% 0;
}

.sign-flow-wrap .sign-content-wrap .item>div {
	width: 50%;
}

.sign-flow-wrap .sign-content-wrap .img {
	padding-top: 68%;
}

.sign-flow-wrap .sign-content-wrap .item {
	display: flex;
	font-size: 16px;
	overflow: hidden;
	background-color: #ec6b17;
	margin-bottom: 4%;
}

.sign-flow-wrap .sign-content-wrap .item .a-box a {
	color: #fff;
	line-height: 1.8;
	text-decoration: underline;
	margin: 10px;
}

.sign-flow-wrap .sign-content-wrap .item .content {
	padding: 5%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-sizing: border-box;
	justify-content: space-between;
}

.sign-flow-wrap .sign-content-wrap .item .content h6 {
	color: #fff;
}

.opacity6 {
	opacity: .6;
}

.sign-flow-wrap .sign-content-wrap .item .a-box {
	padding: 6% 0;

}

.sign-flow-wrap .sign-content-wrap .item .sign-button {
	width: 100%;
}

.sign-flow-wrap .sign-content-wrap .item:nth-child(2) {
	background-color: #2a9074;
}

.sign-flow-wrap .sign-content-wrap .item .sign-button a {
	margin: 0 auto;
	text-align: center;
	line-height: 45px;
	border-radius: 4px;
	border: 1px solid #fff;
	display: block;
	max-width: 60%;
	font-size: 14px;
}

.login-container {
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url('../img/bg10.jpg');
}

.login-container .form {
	width: 560px;
	float: right;
	box-sizing: border-box;
	padding: 90px 70px 120px 70px;
	border-radius: 10px;
	background-color: #fff;
}

.login-container .input-block input {
	flex: 1;
	height: 100%;
	border: none;
	font-size: 16px;
}

.login-container .input-block label {
	color: #999999;
}

.login-container .input-block span {
	border: none;
	height: 40px;
	width: 100px;
	background-color: transparent;
}

.login-container .input-block {
	border-radius: 30px;
	margin-top: 20px;
	line-height: 60px;
	height: 60px;
	padding: 0 20px;
	display: flex;
	align-items: center;
	border: 1px solid #dcdddd;
}

.login-container .submit-button {
	border: none;
	margin-top: 20px;
	width: 100%;
	display: block;
	line-height: 60px;
	height: 60px;
	color: #fff;
	border-radius: 30px;
	background-color: #ec6b17;
	cursor: pointer;
}

.question-wrap {
	padding: 6% 0;
	display: none;
}

.question-wrap .q-item {
	border-top: 1px solid #dcdddd;
	transition: all .2s;
	/* border-bottom: 1px solid #dcdddd; */
}

.question-wrap .q-item.on {
	border-color: #ec6b17;
	border-width: 3px;
}

.question-wrap .q-item .title i {
	font-size: 0;
	line-height: 1;
}

.question-wrap .q-item.on .title i::after {
	content: "-";
}

.question-wrap .q-item .title i::after {
	width: 20px;
	text-align: center;
	font-style: normal;
	margin-right: 20px;
	content: "+";
	vertical-align: baseline;
	font-weight: bold;
	display: inline-block;
	font-size: 30px;
	color: #ec6b17;
}

.question-wrap .q-item .title {
	padding: 30px 0;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;

}

.question-container {
	padding: 6% 0;
}

.question-wrap .q-item.on .content {
	display: block;
}

.question-wrap .q-item .content {
	padding-left: 45px;
	/* color: #999; */
	font-size: 14px;
	line-height: 1.6;
	padding-bottom: 6%;
	display: none;
}

.question-container .v-nav ul li:first-of-type {
	margin-left: 0;
}

.welcome-form-container {
	padding: 6% 0;
	line-height: 1.8;
}


.welcome-form-container .ch-label {
	font-size: 14px;
}

.welcome-form-container .ch-label {
	font-size: 14px;
}

.welcome-form-container .eg-label {
	color: #999;
	font-size: 14px;
	margin-bottom: 10px;
}

.welcome-form .f-title .minus {
	width: 28px;
	height: 4px;
	background-color: #ec6b17;
}

.welcome-form .f-title h6 {
	padding-left: 16px;
	border-left: 4px solid #ec6b17;
}

.welcome-form .box {
	padding: 50px;
}

.welcome-form .f-title {
	padding: 40px;
	line-height: 1;
	border-radius: 30px 30px 0 0;
	background-color: #fff;
}

.welcome-submit-wrap {
	display: flex;
	margin-top: 5%;
	justify-content: center;
	font-size: 16px;
	color: #fff;
}

.welcome-submit-wrap .btn-1 {
	margin: 0 15px;
	width: 160px;
	height: 56px;
	color: #fff;
	line-height: 56px;
	border: 1px solid #ec6b17;
	background-color: #ec6b17;
	text-align: center;
	border-radius: 4px;
	cursor: pointer;
}

.welcome-submit-wrap .btn-2 {
	cursor: pointer;
	border-radius: 4px;
	color: #ec6b17;
	text-align: center;
	width: 160px;
	margin: 0 15px;
	width: 160px;
	height: 56px;
	line-height: 56px;
	border: 1px solid #ec6b17;
	background-color: #fff;
	height: 56px;
}

.society-list {
	margin: 3% 0;
	overflow: auto;

}

.society-list .item:nth-child(5n) {
	margin-right: 0;
}
.society-list.show-more .item.aaa{
	display: block;
}
.society-list .item.aaa{
	display: none;
}
.society-list .item {
	width: 16%;
	text-align: center;
	margin-right: 5%;
	margin-bottom: 5%;
}

.society-list .img-box {
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #ec6b17;
	background-color: #fffbf9;
}

.society-list .img-box .img a {
	padding-top: 100%;
	border-radius: 50%;
	display: block;
	font-size: 12px;
	overflow: hidden;
}

.evaluation-container .show-more a {
	display: inline-block;
	background-color: #f7f8f8;
	line-height: 50px;
	padding: 0 50px;
	border-radius: 30px;
}

.society-list-wrap {
	padding: 6% 0;
}

.society-activity-wrap {
	padding: 6% 0;
}

.society-img-list {
	display: flex;
	justify-content: space-between;
}

.society-img-list .banner {
	margin-bottom: 5%;
	position: relative;

}

.society-img-list .item:first-child {
	width: 24%;
}

.society-img-list .item:nth-child(3) {
	width: 24%;
}

.society-img-list .item:nth-child(2) .banner {
	transform: translateY(30%);
}

.society-img-list .item:nth-child(2) {
	width: 50%;
}

.society-img-list .t-mask {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
	padding: 30px;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	z-index: 2;
}

.society-img-list .t-mask h6 {
	color: #fff;
}

.nationnal-vioce-container {
	margin-top: 6%;
	overflow: hidden;
}

.nationnal-vioce-container.bottom-video-container .swiper-slide-prev .v-item {
	display: none;
}

.nationnal-vioce-container.bottom-video-container .v-item {
	width: 100%;
	overflow: hidden;
}

.nationnal-vioce-container.bottom-video-container .v-item .content {
	padding: 10px;
}

.internation-button {
	width: 320px;
	cursor: pointer;
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 55px;
	background-image: linear-gradient(to right, rgba(236, 107, 23, .1), rgba(236, 107, 23, .9), rgba(236, 107, 23, .1));
}

.history-life-swiper .internation-button {
	bottom: 20px;
	left: 50%;
	transform: translate(-50%, 0);
	position: absolute;
}

.history-container- {
	margin-top: 4%;
}

.history-life-swiper-out {
	background-image: url(../img/bg.png);
}

.history-life-swiper {
	--swiper-pagination-color: #ec6b17;
	position: relative;
	padding-bottom: 4%;
	overflow: hidden;
	max-width: 90%;
	margin: 0 auto;

}

.history-container {
	padding: 3% 0;
}

.history-container .hg-item {
	font-size: 0;
	padding: 2%;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../img/bg.png);
}

.history-container .hg-item img {
	width: 100%;
}

/* .history-life-swiper */
/* .history-container .swiper-slide-next .hg-item{
	padding:20px;
	transform: rotate(3deg) !important;
}
.history-container .swiper-slide-prev .hg-item{
	padding:20px;
	transform: rotate(-3deg) !important;
} */
/* .history-life-swiper .hg-item{
	padding:2px;
} */


.wonderful-life-swiper {
	overflow: hidden;
	position: relative;
	padding-bottom: 6%;
	--swiper-pagination-color: #ec6b17;
	/* 两种都可以 */
}

.wonderful-life-swiper .w-item .img {
	position: relative;
	overflow: hidden;
}

.wonderful-life-swiper .w-item .img:first-child {
	width: 66%;
	padding-top: 40%;
}

.wonderful-life-swiper .w-item .img:nth-child(2) {
	width: 32%;
	padding-top: 19%;
	position: absolute;
	right: 0;
	top: 0;
}

.wonderful-life-swiper .w-item .img:nth-child(3) {
	width: 32%;
	padding-top: 19%;
	position: absolute;
	right: 0;
	bottom: 0;
}

.wonderful-life-swiper .w-item a.internation-button {
	position: absolute;
	z-index: 1;
	bottom: 8px;
	left: 50%;
	transform: translate(-50%, 0);
}

.wonderful-life-swiper .w-item .img:first-child a.internation-button {
	left: 30px;
	transform: translate(0%, 0);
}

.organizer-wrap {
	padding-top: 3%;

}

.organizer-wrap .o-item:hover {
	transform: translate(-2px, -2px);
}

.organizer-wrap .o-item {
	transition: all .3s;
	padding: 6%;
	width: 48%;
	box-sizing: border-box;
	transition: all .3s;
	box-shadow: 0 0 20px 2px rgba(0, 0, 0, .1);
	border-left: 10px solid #75bee9;
}

.organizer-wrap .o-item:nth-child(2) {
	border-color: #a4cf64;
}


.school-wind-container .list {}



.school-wind-container .list {
	justify-content: space-between;
	margin-top: 4%;
}

.school-wind-container .i-item:nth-child(1) .img {
	padding-top: 52%;
}



.school-wind-container .i-item:nth-child(1) {
	width: 55%;
}

.school-wind-container .i-item:nth-child(2) {
	width: 43%;
}

.school-wind-container .i-item:nth-child(2) .img {
	padding-top: 66%;
}


.school-wind-container .i-item {
	width: 32%;
	overflow: hidden;
	position: relative;
	margin-bottom: 2%;
}

/* .school-wind-container .i-item:hover .text {
	background-color: #ec6b17;
	align-items: flex-start;
} */

.school-wind-container .i-item .img {
	padding-top: 72%;
}

.school-wind-container .text {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	transition: all .3s;
}

.school-wind-container .i-item:hover .text a {
	top: 30px;
	transform: translateY(00%);
}

.school-wind-container .text a {
	color: #fff;
	position: absolute;
	top: calc(100% - 30px);
	left: 30px;
	font-size: 20px;
	transform: translateY(-100%);
	font-weight: bold;
	transition: all .3s;
}

.garden-container {
	padding: 6% 0;
}

.garden-container .content {
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}

.garden-container .content {
	margin-top: 3%;
}

.garden-container .banner {
	padding: 6% 0;
}

.garden-container .h-list .h-item {
	width: 24%;
	padding: 4% 2%;
	padding-bottom: 5%;
	text-align: center;
	border-radius: 80px 100px 0 80px;
	box-sizing: border-box;
	line-height: 1.5;
}

.garden-container .h-list .h-item h5 {
	color: #333;
}

.garden-container .h-list .h-item h6 {
	margin: 2% 0 6% 0;
}

.garden-container .h-list .h-item .p {
	text-align: right;
}

.garden-container .h-list .h-item h6 {
	color: inherit;
}




.garden-container .h-list .h-item:first-child {
	background-color: #dcecfe;
	color: #598fcb;
}

.garden-container .h-list .h-item:nth-child(2) {
	background-color: #ffd9d9;
	color: #cd7272;
}

.garden-container .h-list .h-item:nth-child(3) {
	background-color: #ffebcf;
	color: #b88f54;
}

.garden-container .h-list .h-item:nth-child(4) {
	background-color: #ffe7fa;
	color: #c95fb3;
}


.health-wrap {
	padding: 6% 0;
}

.health-wrap .list .i-item {
	width: 48%;
	line-height: 2;
	padding: 50px;
	box-sizing: border-box;
	color: #fff;
	background-color: #ec6b17;
}

.health-wrap .list .i-item:nth-child(2) {
	background-color: #93a4fe;
}

.health-wrap .list .i-item ul {
	padding-top: 4%;
}

.health-wrap .list .i-item h6 {
	color: #fff;
	padding-bottom: 20px;
	border-bottom: 1px solid #fff;
}

.z-flow-wrap {
	line-height: 2;
	font-size: 16px;
}

.z-flow-wrap .i-item:nth-child(2) {
	width: 50%;
}

.z-flow-wrap .i-item:first-child {
	width: 35%;
}

.y-flow-wrap {
	padding-top: 6%;
}

.y-flow-wrap .list {
	padding: 8%;
	line-height: 1.8;
	border-radius: 30px;
	box-shadow: 0 0 10px 2px rgba(241, 244, 255, 1);
}

.y-flow-wrap .i-item:nth-child(1) {
	margin-right: 10%;
}

.y-flow-wrap .list .avater {
	width: 300px;
	overflow: hidden;
	height: 360px;
	background-color: #ffb1b1;
}

.x-flow-wrap {
	line-height: 2;
	padding-top: 6%;
}

.x-flow-wrap .list .i-item:first-child {
	width: 35%;
}

.top-electron-wrap {
	padding: 6% 0;
}

.top-electron-wrap .lf {
	width: 30%;
	margin-right: 5%;
}

.top-electron-wrap .img {
	padding: 10%;
	box-sizing: border-box;
	background-color: #fff;
}

.top-electron-wrap .electron-a {
	margin-top: 20%;
}

.top-electron-wrap .content {
	padding: 10%;
}

.top-electron-wrap .electron-a a {
	font-size: 14px;
	color: #fff;
	display: inline-block;
	width: 100px;
	text-align: center;
	padding: 0 20px;
	line-height: 34px;
}

.top-electron-wrap .electron-a .btn1 {
	background-color: #ec6b17;
	border: 1px solid #ec6b17;
}

.top-electron-wrap .electron-a .btn2 {
	border: 1px solid #ec6b17;
	color: #ec6b17;
}

.bottom-electron-wrap {
	padding: 6% 0;
}

.bottom-electron-wrap .i-item {
	width: 46%;
	position: relative;
	margin-bottom: calc(30px + 4%);
}

.bottom-electron-wrap .i-item .electron-a a {
	font-size: 14px;
	color: #fff;
	display: inline-block;
	width: 100px;
	box-sizing: border-box;
	text-align: center;
	padding: 0 20px;
	line-height: 34px;
}

.bottom-electron-wrap .i-item .electron-a .btn1 {
	background-color: #ec6b17;
	border: 1px solid #ec6b17;
}

.bottom-electron-wrap .i-item .electron-a .btn2 {
	border: 1px solid #ec6b17;
	color: #ec6b17;
}

.bottom-electron-wrap .i-item .electron-a {
	position: absolute;
	width: calc(100% + 30px);
	bottom: 7%;
	left: -30px;
	box-sizing: border-box;
	padding: 7% 8%;
	text-align: right;
	z-index: 0;
	transform: translateY(50%);
	background-color: #f0f9fb;
}

.bottom-electron-wrap .i-item .img-box {
	width: 40%;
}

.bottom-electron-wrap .i-item .img {
	padding-top: 125%;
	width: 100%;
	z-index: 1;
}

.bottom-electron-wrap .i-item .text {
	width: 60%;
	box-sizing: border-box;
	padding-top: 4%;
	padding-left: 10%;
}

.contact-container {
	padding: 6% 0;
}

.contact-title {
	margin: 2% 0;
	line-height: 1;
	padding-left: 30px;
	border-left: 4px solid #ec6b17;
}

.contact-video-wrap {
	background-color: #224145;
	margin: 3% 0 6% 0;
	overflow: hidden;
	border-radius: 30px;
}

.contact-video-wrap .img svg{
	
	position: absolute;
	width: 50px;
	height: 50px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.contact-video-wrap .img img{
	height: 100%;
	object-fit: cover;
}
.contact-video-wrap .img {
	width: 50%;
	cursor: pointer;
	position: relative;
}

.contact-video-wrap .content {
	padding: 5%;
	width: 50%;
	color: #fff;
	box-sizing: border-box;
}

.contact-video-wrap .content h6 {
	color: #fff;
}

.contact-video-wrap .internation-button {
	position: absolute;
	bottom: 20px;
	left: 20px;
	font-size: 18px;
	color: #fff;
	
}

.contact-video-wrap .content ul li {
	padding: 20px 0;
	display: flex;
	align-items: center;
	border-bottom: 1px solid rgba(250, 250, 250, .5);
}

.contact-video-wrap .content ul li .icon{
	flex-shrink: 0;
}

.contact-video-wrap .content ul {
	margin-top: 4%;
}

.contact-ways-wrap {
	padding: 1% 0;
}

.contact-ways-wrap .item {
	min-width: 25%;
	padding-top: 2%;
	border-top: 1px solid #efefef;
}

.contact-ways-wrap dt {
	margin-bottom: 20px;
}

.maps-box {
	margin: 6% 0;
	margin-bottom: 10%;
	background-color: #eee;
	height: 440px;
}

.contact-useful-infomation .u-item h6 {
	margin-top: 20px;
}

.contact-useful-infomation .u-item {
	text-align: center;
	border: 1px solid #efefef;
	width: 23%;
	padding: 3% 0;
	padding-bottom: 2%;
	border-radius: 2px;
	box-sizing: border-box;
}

.contact-useful-infomation .u-item img {
	max-width: 20%;
}

.contact-useful-infomation .u-item:hover h6 {
	color: #fff;
}

.contact-useful-infomation .u-item:hover {
	background-color: #ec6b17;
	color: #fff;
}

.contact-useful-infomation {
	padding-top: 2%;
}

.contact-useful-infomation .u-item:hover img {
	filter: grayscale(100%) brightness(200%);
}

.about-course-wrap .content {
	line-height: 2;
	max-width: 70%;
	margin: 0 auto;
	margin-top: -1%;
	margin-bottom: 6%;
}

.about-course-wrap {
	padding: 6% 0;
}

.text-left {
	text-align: left;
}

.about-course-wrap .table-wrap {
	padding-top: 7%;
}

.about-course-wrap .tttips {
	line-height: 2;
	color: #666666;
}

.sign-notice-wrap {
	border-bottom: 1px solid #ec6b17;
	border-top: 4px solid #ec6b17;
	background-color: #fffefd;
}

.sign-notice-wrap .item .c {
	margin-top: 6%;
	width: 80%;
	line-height: 2;
}

.sign-notice-wrap .item .number {
	font-size: 72px;
	font-weight: bold;
	width: 15%;
	text-align: center;
	color: #ec6b17;
}

.sign-notice-wrap .item {
	width: 50%;
	padding-top: 4%;
	padding-bottom: 4%;
	border-bottom: 1px solid #ec6b17;
}

.room-contact-wrap {
	margin-top: 3%;
}

.room-contact-wrap .item .img {
	margin-bottom: 10px;
}

.room-contact-wrap .item {
	border-right: 1px solid #eee;
}

.room-contact-wrap .item {
	line-height: 2;
	flex: 1;
}


.room-contact-wrap .item:last-child {
	border: none;
}

.contact-more-wrap>div {
	width: 50%;
}

.contact-more-wrap {
	margin-top: 14%;
	padding: 8% 8%;
	font-size: 14px;
	line-height: 2;
	color: rgba(250, 250, 250, 0.8);
	background-image: url(../img/orbg.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.lh15 {
	line-height: 1.5;
}

.contact-more-wrap .img {
	padding: 10px;
	width: 200px;
	font-size: 0;
	display: inline-block;
	background-color: #fff;

}

.learn-epa-wrap {
	padding-top: 5%;
}

.learn-epa-wrap .item .text {
	margin-top: 16%;

}

.learn-epa-wrap .item h6 {
	position: relative;
}

.learn-epa-wrap .item h6:after {
	content: "";
	position: absolute;
	width: 2em;
	background-color: #EC6B17;
	display: block;
	height: 2px;
	margin-top: 10px;
}

.learn-epa-wrap .item {
	width: 32%;
	font-size: 14px;
	padding: 3%;
	padding-top: 5%;
	padding-bottom: 40px;
	box-sizing: border-box;
	background-color: #ffefe6;
}

.jxdg-wrap {
	padding-top: 5%;
}

.jxdg-wrap .content-box {
	margin-top: 4%;
}

.jxdg-wrap .content-item {
	padding: 10% 8%;
	display: none;
	padding-bottom: 6%;
	background-color: #ec6b17;
}

.jxdg-wrap .content-item:nth-child(1) {
	display: flex;
}

.jxdg-wrap .nav li.on {
	color: #fff;
	background-color: #ec6b17;

}

.jxdg-wrap .lf {
	width: 56%;
	line-height: 1.6;
	color: #fff;
}
.jxdg-wrap .lf h6{
	
	margin-bottom: 10px;
	color: inherit;
}

.jxdg-wrap .nav li {
	width: 23%;
	color: #333;
	height: 76px;
	line-height: 76px;
	text-align: center;
	background-color: #ffefe6;
	border-radius: 40px;
	cursor: pointer;
}

.bmrx-wrap li a:hover {
	border-bottom: 1px solid #ec6b17;
}

.bmrx-wrap li span {
	width: 28px;
	vertical-align: top;
	margin-right: 20px;
	line-height: 28px;
	text-align: center;
	background-color: #ffdec8;
	color: #ec6b17;
	display: inline-block;
	height: 28px;
	border-radius: 50%;
}

.bmrx-wrap li {
	margin-bottom: 20px;
}


.kcsz-wrap {
	padding-bottom: 6%;
}

.kcsz-wrap .table {
	margin-top: 3%;
	border-radius: 20px;
	overflow: hidden;
}

.kcsz-wrap .tr .td {
	padding: 20px 0;
	flex: 1;
	padding-left: 50px;
}

.kcsz-wrap td {
	padding: 20px;
	border: 1px solid #efefef;
}

.kcsz-wrap th {
	padding: 20px;
	background-color: #f7f8f8;
}

.kcsz-wrap .table table {
	width: 100%;
	text-align: center;
}

.bg-fffaf7 {
	background-color: #fffaf7;
}

.worry-wrap {
	margin-top: 6%;
}

.font-nomarl,
.font-normal{
	font-weight: 500;
}

.worry-wrap .item {
	width: 30%;
	padding: 40px;
	text-align: center;
	color: #333;
	position: relative;
	-webkit-box-sizing: border-box;
}

.worry-wrap .item:last-child:after {
	display: none;
}

.worry-wrap .item:after {
	width: 1px;
	height: 40%;
	content: "";
	right: 0;
	position: absolute;
	display: block;
	top: 30%;
	background-color: #eee;
}

/* .worry-wrap .item:first-child {
	background-image: linear-gradient(to right, #2d5cf1, #96b1ff);
}

.worry-wrap .item:nth-child(2) {
	background-image: linear-gradient(to right, #3dc59f, #97f3d8);
}

.worry-wrap .item:nth-child(3) {
	background-image: linear-gradient(to right, #7361be, #aa9ce6);
} */


.ys-tofu-wrap {
	padding-top: 6%;
}

.ys-tofu-wrap .item {
	display: flex;
	justify-content: flex-end;
	position: relative;
}

.ys-tofu-wrap .item .img {
	position: absolute;
	left: 0;
	width: 50%;
	top: 0px;
}

.ys-tofu-wrap .item.purple .con .box-wrap {
	background-color: #f0f3fb;
}

.ys-tofu-wrap .item .banner {
	padding-top: 62%;
}

.ys-tofu-wrap .item .con {
	width: 70%;
	box-sizing: border-box;
	border-radius: 10px;
	display: flex;
	overflow: hidden;
	align-items: flex-end;
	justify-content: flex-end;
	flex-direction: column;
}

.ys-tofu-wrap .item .con .box-wrap .box-item {
	display: none;
}

.ys-tofu-wrap .item .con .box-wrap {
	padding-left: 36%;
	padding-top: 6%;
	padding-bottom: 6%;
	padding-right: 5%;
	min-height: 270px;
	background-color: #fff4ed;
}

.ys-tofu-wrap .n-box li {
	flex-shrink: 0;
	min-width: 128px;
	margin-right: 20px;
	border-radius: 24px;
	background-color: #fff4ed;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}


.ys-tofu-wrap .n-box .on {
	color: #fff;
	background-color: #ec6b17;
}

.ys-tofu-wrap .purple .n-box li {
	background-color: #f0f3fb;
}

.ys-tofu-wrap .purple .n-box .on {
	color: #fff;
	background-color: #6f71ee;
}

.ys-tofu-wrap .n-box {
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
}

.welcome-notice-list .s-item .box .eng {
	margin-top: 20px;
}


.swiper-border {
	overflow: hidden;
	border-radius: 50px;
	border: 10px solid #fff;
}

.school-light-img {
	padding-top: 58%;
}


.thumbshoolSlider {
	margin-top: 2%;
}

.tran.layui-layer {
	box-shadow: none;
	background-color: transparent
}

.thumbshoolSlider .thumb-item {
	padding-top: 56%;
	overflow: hidden;
	border-radius: 10px;
	border: 4px solid #fff;
}

.thumbshoolSlider .swiper-slide-thumb-active .thumb-item {
	border: 4px solid #ec6b17;
}

.aca-news-list .box {
	line-height: 2;
	min-height: 11em;
	margin-top: 2%;
}

.aca-news-list {
	margin: 5% 0;
	font-size: 16px;
}

.aca-news-list .item {
	width: 29%;
	line-height: 2.2;
	padding: 4% 3%;
	padding-bottom: 2%;
	margin-right: 3%;
	transition: all .3s;
	border-radius: 10px;
	box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, .1);
}

.aca-news-list .item:hover {
	color: #fff;
	background-color: #ec6b17;
}

.aca-news-list .item:hover ul li {
	color: #fff;
}

.aca-news-list .item:hover ul li:first-child,
.aca-news-list .item:hover ul li:last-child {
	color: #fff;
}

.aca-news-list ul li:first-child,
.aca-news-list ul li:last-child {
	color: #ec6b17;
}

.aca-news-list ul li:nth-child(3) {
	min-height: 6em;
}

.aca-news-list ul li:nth-child(2) {
	font-size: 22px;
	margin-top: 3%;
	color: #333;
	font-weight: bold;
}

.aca-news-list .item:nth-child(3n) {
	margin-right: 0%;
}

.aca-news-list {
	display: flex;
}


.setting-list {
	display: flex;
	margin-top: 6%;
}

.setting-list .item:nth-child(5n) {
	margin-right: 0;
}

.setting-list .item .title {
	font-size: 22px;
	color: #ec6b17;
}

.setting-list .item {
	width: 20%;
	text-align: center;
	box-sizing: border-box;
	padding: 5% 2%;
	margin-right: 2%;
	background-color: #ffefe6;
}


.setting-list .item:hover .year-limit span {
	background-color: #f19051;
}

.setting-list .item:hover .title {
	color: #fff;
}

.setting-list .item:hover {
	color: #fff;
	background-color: #ec6b17;
}

.setting-list .item .year-limit {
	margin-top: 6%;
	margin-bottom: 8%;
}

.setting-list .item .year-limit span {
	background-color: #faceb2;
	border-radius: 16px;
	line-height: 30px;
	font-size: 14px;
	padding: 0 12px;
	color: #fff;
	text-align: center;
	display: inline-block;
}

@media screen and (max-width:1440px) {
	.trY100POSTION {
		top: -60px;
	}

	.page-nav {
		line-height: 60px;
		font-size: 14px;
	}

	.page-nav ul {
		width: 86%;
	}

	.page-w {
		width: 86%;
	}
}

/* web */
/*  */
/*  */


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

	.question-wrap .q-item .title{
		padding: 14px 0;
		font-size: 16px;
	}
	.aca-table-wrap .v-nav li{
		line-height: 40px;
	}
	.international-wrap .swiperY .swiper-slide-thumb-active .year-small{
		transform: translateY(-4px);
	}
	.web-evaluation-list li{
		padding: 20px 0;
		display: block;
		border-bottom: 1px solid #eee;
	}
	.web-evaluation-list li .label{
		width: 6em;
		margin-right: 10px;
	}
	.history-life-swiper{
		padding-bottom: 10%;
	}
	.picon img{
		width: 50px;
	}
	.public-page ul li {
		border: 1px solid #efefef;
		margin: 0 4px;
		overflow: hidden;
		display: inline-block;
		width: 30px;
		line-height: 30px;
		height: 30px;
		border-radius: 50%;
	}

.img-wall .banner{
	margin-bottom: 20px;
}
	.page-nav {
		display: none;
	}

	.about-characteristic {
		
		padding-bottom: 50px;
	}

	.about-award .title .line span {
		height: 2px;
		margin-bottom: 6px;
	}

	.big-case-wrap .abox {
		display: none;
	}

	.about .big-case-wrap .swiper {
		width: 90%;
	}

	.about .big-case-wrap .swiper .avater {
		width: 100%;
	}

	.about {
		font-size: 16px;
		min-height: 50vh;
	}

	.web-logo-about {
		width: 60px;
	}

	.about-characteristic .a-list .a-item .img {
		width: 100%;
		box-shadow: -6px -6px 0 0 #ec6b17;
	}

	.about-characteristic .a-list .a-item:nth-child(2) .img {
		box-shadow: 6px -6px 0 0 #2a9074;
	}

	.about-characteristic .a-list .a-item:nth-child(3) .img {
		box-shadow: -6px -6px 0 0 #5fa8e3;
	}

	.about-video {
		width: 92%;
		margin: 0 auto;
	}

	.about-video video {
		width: 100%;
		height: 260px;
		object-fit: cover;
	}


	/* .banner img {
		height: 320px;
		object-fit: cover;
		width: 100%;
	} */

	.about-top .des {
		margin-top: 12%;
	}

	.about-characteristic .title img {
		transform: scale(0.5);
	}

	.about-characteristic .a-list {
		padding-left: 0;
		padding-right: 0;
	}

	.about-characteristic .a-list .a-item h6 {
		text-align: center;
	}

	.about-characteristic .a-list .a-item .line {
		margin: 15px auto;
		margin-top: 10px;
		margin-bottom: 30px;
	}

	.page-w {
		width: 92%;
	}

	.about-top .title {
		font-size: 22px;
	}

	.about-top .title h6:after {
		width: 42px;
		height: 4px;
	}

	.top-video-wrap {
		display: block;
	}

	.top-video-wrap .content .time {
		align-items: center;
		font-size: 12px;
		margin-bottom: 20px;
		padding-bottom: 10px;
	}

	.top-video-wrap .content .day {
		font-size: 30px;
	}

	.top-video-wrap .content {
		padding: 20px;
	}

	.top-video-wrap .content,
	.top-video-wrap .img {
		width: auto;
	}

	.about-characteristic .a-list .a-item:nth-child(2) .content {
		padding-left: 0;
	}

	.about-characteristic .a-list .a-item .content {
		padding-right: 0;
		width: 100%;
		font-size: 14px;
	}

	.about-characteristic .a-list .a-item {
		flex-wrap: wrap;

	}

	.trY100 {
		transform: translateY(0px);
	}

	.about-characteristic .a-list .a-item .img-wrap {
		margin-top: 30px;
		margin-bottom: 36px;
		flex: 100%;
		order: 0;
	}

	.award-wrap .lf {
		width: auto;
		padding: 0;
	}

	.award-wrap .img {
		display: none;
	}

	.about-award {
		margin-top: 20px;
		padding-bottom: 6%;
	}

	.down-icon-container {
		transform: scale(0.5);
	}

	.school-motto-wrap .s-list .s-item {
		padding: 20px;
		width: 100%;
		font-size: 12px;
	}

	.school-motto-wrap .s-list .s-item h6 {
		margin: 3% 0;
	}

	.school-motto-wrap .s-list .s-item .icon {
		width: 40px;
	}

	.motto-wrap .lf .avater {
		width: 60px;
		height: 60px;
	}

	.motto-wrap .button-next {
		display: none;
	}

	.motto-wrap .lf .a-item {
		margin-bottom: 0;
		width: 48%;
		display: inline-block;
	}

	.motto-wrap {
		display: block;
	}

	.motto-wrap .lf {
		width: auto;
		padding-top: 0;
	}

	.motto-wrap .rt .title {
		font-size: 14px;
		padding-bottom: 15px;
	}

	.motto-wrap .rt .title img {
		transform: scale(0.5);
	}

	.motto-wrap .rt {
		margin-top: 30px;
		border-radius: 30px;
		padding: 20px;
	}

	.motto-wrap .rt .des {
		font-size: 14px;
	}

	.bottom-video-container .v-list {
		justify-content: space-between;
	}

	.bottom-video-container .v-item {
		width: 48%;
		margin-right: 0;
	}

	.bottom-video-container .v-item .content {
		padding: 14px 0;
	}

	.v-nav {
		display: block;
	}

	.v-nav ul {
		margin: 10px 0;
		flex-wrap: wrap;
		overflow: auto;
	}

	.v-nav li {
		flex-shrink: 0;
		font-size: 14px;
		padding: 0 14px;
		margin-top: 2%;
		margin-right: 10px;
		margin-left: 0;
	}
	
	

	.bottom-video-container .item-white-bg .v-item .content .title {
		height: auto;
	}

	.bottom-video-container .v-item .content .title {
		font-size: 14px;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.know-more-a {
		font-size: 12px;
		padding: 0 26px;
		line-height: 32px;
	}

	.video-list-wrap .v-item .content {
		padding: 20px;
		font-size: 14px;
		padding-bottom: 0;
	}
	.video-list-wrap .v-item .content .des{
		margin: 10px 0;
	}

	.video-list-wrap .v-item .play-button img {
		width: 20px;
	}

	.video-list-wrap .v-item .img {
		width: 48%;
		padding-top: 30%;
	}

	.about-recruit-container .top-wrap .img {
		display: none;
	}

	.about-recruit-container .top-wrap .content {
		width: auto;
	}

	.about-recruit-container .top-wrap .content>h6 {
		padding-bottom: 20px;
	}

	.about-recruit-container {
		padding: 0;
	}

	.about-recruit-container .bottom-wrap .text div,
	.about-recruit-container .bottom-wrap .text .tt2
	 {
		font-size: 16px;
		top: calc(100% - 20px);
		left: 20px;
	}

	.about-recruit-container .bottom-wrap .i-item:hover .descrition{
		top: 60px;
	}

	.about-recruit-container .link a {
		padding: 0 50px;
		line-height: 40px;
	}

	.about-recruit-container .bottom-wrap .i-item:nth-child(1) {
		width: 100%;
	}

	.about-recruit-container .bottom-wrap .i-item:nth-child(2) .img {
		padding-top: 72%;
	}

	.about-recruit-container .bottom-wrap .i-item {
		width: 48%;
		margin-bottom: 4%;
	}

	.about-recruit-container .bottom-wrap .text a {
		font-size: 16px;
		left: 15px;
		top: calc(100% - 15px);
	}

	.welcome-container .w-item .link-more a {
		padding: 0 26px;
		line-height: 32px;
	}

	.welcome-container .w-item .content {
		width: 100%;
		order: 2;
		margin-top: 10%;
	}

	.welcome-container .w-item .img {
		width: 100%;
		order: 1;
	}

	.welcome-container .w-item {
		display: flex;
		flex-wrap: wrap;
	}

	.welcome-notice-list .s-item .box .eng {
		margin-top: 10px;
	}

	.welcome-notice-list .s-item .box .eng img {
		width: 12px;
	}

	.welcome-notice-list .s-item .box {
		position: static;
		padding: 10px;
		margin-top: 0;
	}

	.sign-flow-wrap .step .item {
		padding-bottom: 10px;
	}

	.sign-flow-wrap .step img {
		width: 10px;
	}

	.sign-flow-wrap .sign-content-wrap .item {
		font-size: 12px;
	}

	.sign-flow-wrap .sign-content-wrap .item .sign-button a {
		line-height: 30px;
		font-size: 12px;

	}

	.sign-flow-wrap .sign-content-wrap .img {
		padding-top: 0;
		height: 100%;
	}

	.sign-flow-wrap .sign-content-wrap .item .a-box {
		min-height: 4em;
	}

	.sign-flow-wrap .sign-content-wrap .item .a-box a {
		margin: 4px;
	}

	.course-content-container .c-item {
		display: block;
	}

	.course-content-container .c-item .title {
		width: 100%;
		text-align: center;
	}

	.course-content-container .c-item {
		font-size: 14px;
	}

	.course-content-container .c-item .rt {
		margin-top: 20px;
	}

	.long-list {
		display: block;
	}

	.long-list .g-content {
		width: 100%;
	}

	.long-list .g-content ul li {
		float: none;
		width: 100%;
	}

	.course-content-container .c-item .line-x {
		text-align: center;
		margin-bottom: 10px;
	}

	.course-content-container .g-item {
		display: block;
		width: 100%;
		padding: 6%;
		margin-right: 0;
	}

	.long-list .grade {
		font-size: 18px;
	}

	.course-content-container .tips {
		font-size: 12px;
	}

	.guide-teacher-wrap {
		display: block;
	}

	.guide-teacher-wrap .t-item {
		margin-right: 0;
		width: auto;
		display: flex;
		margin-bottom: 4%;
	}

	.hide-content .line {
		margin: 10px 0;
	}

	.guide-teacher-wrap .t-item .hide-content .img,
	.guide-teacher-wrap .t-item .hide-content h5,
	.guide-teacher-wrap .t-item .hide-content .right-c h6 {
		display: none;
	}

	.guide-teacher-wrap .t-item .hide-content .right-c {
		padding: 0;
	}

	.guide-teacher-wrap .t-item .hide-content {
		display: block;
		padding: 0;
	}

	.guide-teacher-wrap .t-item .box {
		margin: 0px;
		width: 70%;
		padding: 10px;
		text-align: left;
		box-sizing: border-box;
	}

	.guide-teacher-wrap .t-item .img {
		padding: 0;
		width: 30%;
	}
	
	.guide-teacher-wrap .t-item .img img{
		height: auto;
	}

	.language-center-wrap .list {
		flex-wrap: wrap;
	}



	.course-list .item {

		font-size: 16px;
	}

	.language-center-wrap .list .item:nth-child(even):after {
		display: none;
	}

	.language-center-wrap .list .item {
		width: 48%;
		padding-top: 8%;
		margin-bottom: 4%;
	}

	.language-wrap ul {
		flex-wrap: wrap;
		justify-content: flex-start
	}

	.language-wrap .nav li {
		width: 32%;
		margin-right: 1%;
		margin-bottom: 2%;
		box-sizing: border-box;
		font-size: 12px;
		line-height: 40px;
		border-radius: 30px;
	}

	.language-wrap .content-item {
		padding: 20px;
		font-size: 14px;
	}

	.swiperY .circle {
		margin: 0 10px;
	}

	.international-wrap .top {
		display: block;
	}

	.international-wrap .des {
		width: auto;
		padding: 6% 0;
	}


	.international-wrap .bottom {
		flex-wrap: wrap;
	}

	.international-wrap .bottom .a-item {
		width: 50%;
		padding: 10px 0;
		border-bottom: 1px solid rgba(250, 250, 250, .2);
	}

	

	.international-wrap .content {
		margin-right: 5%;
	}

	.aca-table-list table {
		font-size: 14px;
	}

	.aca-table-list table th {
		padding: 14px 10px;
	
	}

	.aca-table-list table td {
		padding: 10px;
	}

	.aca-table-list .a-item {
		overflow: auto;
	}

	.bottom-video-container .item-white-bg .v-item .content {
		padding: 10px;
	}

	.guide-top {
		display: block;
	}

	.guide-top .banner {
		width: 100%;
	}


	.guide-top .content {
		width: auto;
		position: static;
		transform: translate(0);
		padding: 20px;
		line-height: 1.8;
	}
	
	.guide-top .content .img{
		width: 30px;
	}

	.guide-mid .c-item {
		flex-wrap: wrap;
	}

	.guide-mid .c-item .img {
		width: 100%;
		padding-top: 68%;
	}

	.guide-mid .c-item .content {
		width: 100%;
		order: 1;
		padding: 20px;
	}
	.guide-mid .bSwiper .content{
		margin-top: 20px;
	}
	.guide-mid .c-item .content .icon{
		width:30px;
	}


	.guide-flow-wrap .year {
		font-size: 18px;
		padding-left: 0;
	}

	.guide-flow-wrap .right-line {
		display: none;
	}

	.guide-flow-wrap .content .c-item {
		font-size: 12px;
	}

	.guide-flow-wrap .content .c-item .month {
		font-size: 14px;
	}

	.guide-flow-wrap .content {
		margin-top: 4%;
	}

	.guide-flow-wrap .circle {
		display: none;
	}

	.guide-flow-wrap .item {
		display: block;
	}

	.guide-flow-wrap .content .c-item {
		padding: 10px;
	}

	.guide-wikipedia-wrap .t-item {
		padding: 15px;
	}

	.school-list {
		justify-content: space-between;
	}

	.school-list .s-item .box {
		padding-bottom: 10px;
	}

	.school-list .s-item {
		width: 48%;
		padding: 10px;
		margin-right: 0;
	}

	.school-list .s-item .box img {
		width: 12px;
	}

	.school-details-warp .title {
		padding: 20px;
	}

	.school-details-warp .content {
		padding: 20px;
	}

	.school-info>div {
		width: 100%;
	}

	.school-info {
		display: block;
	}

	.society-list {
		justify-content: space-between;
	}

	.society-list .item {
		width: 48%;
		margin-right: 0;
		margin-bottom: 4%;
	}

	.society-list .img-box {
		margin-bottom: 10px;
	}

	.school-info-wrap .link {
		font-size: 12px;
		margin-top: 24px;
		line-height: 30px;
		border-radius: 15px;
		min-width: 120px;
	}

	.society-img-list .banner {
		border-radius: 10px;
	}

	.society-img-list {
		display: block;
	}

	.society-img-list .item img {
		height: 250px;
		object-fit: cover;
	}

	.society-img-list .item:first-child,
	.society-img-list .item:nth-child(3) {
		width: 100%;
	}

	.society-img-list .item:nth-child(2) {
		width: 100%;
	}

	.society-img-list .item:nth-child(2) .banner {
		transform: translate(0);
	}

	.organizer-wrap {
		display: block;
	}

	.organizer-wrap .o-item {
		width: 100%;
		margin-bottom: 4%;
	}

	.internation-button {
		line-height: 30px;
		width: 160px;
		font-size: 12px;
	}

	.wonderful-life-swiper .w-item .img:first-child a.internation-button {
		left: 50%;
		transform: translateX(-50%);
	}

	.wonderful-life-swiper .w-item .img:first-child {
		width: 100%;
	}

	.wonderful-life-swiper .w-item .img:nth-child(2) {
		position: sticky;
		width: 100%;
	}

	.wonderful-life-swiper .w-item .img:nth-child(3) {
		position: sticky;
		width: 100%;
	}

	.wonderful-life-swiper .w-item .img:nth-child(2),
	.wonderful-life-swiper .w-item .img:nth-child(3),
	.wonderful-life-swiper .w-item .img:nth-child(1) {
		padding-top: 50%;
		margin-bottom: 10px;
	}

	.garden-container .h-list {
		flex-wrap: wrap;
	}

	.garden-container .h-list .h-item {
		width: 48%;
		padding-top: 6%;
		margin-bottom: 4%;
		border-radius: 10px;
	}

	.garden-container .h-list .h-item .p {
		text-align: center;
	}

	.health-wrap .list .i-item h6 {
		padding-bottom: 10px;

	}

	.health-wrap .list .i-item {
		padding: 20px;
	}

	.z-flow-wrap .list {
		flex-wrap: wrap;
	}

	.z-flow-wrap .i-item:first-child img {
		width: 30px;
	}

	.z-flow-wrap .i-item:first-child {
		width: 100%;
	}

	.z-flow-wrap .i-item:last-child {
		width: 100%;
	}

	.y-flow-wrap .list {
		display: block;
	}

	.y-flow-wrap .i-item:nth-child(1) {
		margin: 0;
	}

	.y-flow-wrap .list .avater {
		font-size: 0;
		border-radius: 10px;
		height: auto;
		margin: 0 auto;
		margin-bottom: 20px;
		width: 80%;
	}

	.x-flow-wrap .list .i-item:first-child img {
		width: 100px;
	}

	.x-flow-wrap .list .i-item:first-child {
		width: 100%;
	}

	.x-flow-wrap .list {
		display: block;
	}

	.school-wind-container .page-w>.banner {
		padding: 0;
	}

	.school-wind-container .text a {
		font-size: 14px;
		top: calc(100% - 10px);
		left: 10px;
	}

	.school-wind-container iframe {
		height: 260px;
	}
	.swiper-border{
		border-radius: 0px;
		border: 3px solid #fff;
	}
	
	.login-container .form{
		width: 100%;
		padding:30px;
	}
	.login-container .input-block span{
		height: auto;
	}
	
	.login-container .input-block label{
		white-space: nowrap;
	}


	.graduation-photo-container .swiper-button-prev,
	.graduation-photo-container .swiper-button-next {
		display: none;
	}

	.overview-contact-container a {
		line-height: 40px;
		width: 90px;
	}

	.img-wall .box {
		width: 40px;
		height: 40px;
		margin-bottom: 20px;
	}

	.contact-video-wrap {
		display: block;
	}

	.contact-video-wrap .internation-button {
		width: auto;
		padding: 0 20px;
		white-space: nowrap;
	}

	.contact-video-wrap .content {
		width: 100%;
	}

	.contact-video-wrap .img {
		width: 100%;
	}

	.contact-useful-infomation {
		flex-wrap: wrap;
	}

	.contact-ways-wrap {
		display: block;
	}

	.contact-ways-wrap dt {
		margin-bottom: 10px;
	}

	.contact-ways-wrap .item {
		padding: 4% 0;
	}

	.maps-box {
		height: 220px;
	}

	.contact-useful-infomation .u-item {
		width: 48%;
		margin-bottom: 4%;
	}

	.big-case-wrap {
		padding: 6% 4%;
	}

	.big-case-wrap .des {
		width: 100%;
		padding: 20px;
	}

	.big-case-wrap .year {
		font-size: 26px;
	}

	.big-case-wrap .h {
		margin-top: 20px;
	}

	.big-case-wrap .a-item {
		display: block;
	}

	.big-case-wrap .swiper {
		overflow: hidden;
	}

	.calendar-container .content {
		padding: 15px;
	}

	.job-list .j-item.on .content {
		padding: 30px;
	}

	.job-list .j-item {
		border-radius: 30px;
	}

	.job-list .title {
		height: 60px;
		font-size: 14px;
		padding: 0 30px;
	}

	.room-contact-wrap .item {
		font-size: 14px;
		border: none;
	}

	.room-contact-wrap .item .img {
		height: 40px;
		width: 30px;
		margin: 0 auto;
		margin-bottom: 10px;
	}

	.sign-notice-wrap .item .number {
		font-size: 36px;
	}


	.sign-notice-wrap .item .c {
		margin-top: 14px;
	}

	.sign-notice-wrap .item {
		width: 100%;
	}

	.contact-more-wrap {
		display: block;
	}

	.contact-more-wrap>div {
		width: 100%;
		text-align: left;
	}

	.contact-more-wrap>div .img {
		width: 50%;
		margin-top: 20px;
	}

	.learn-epa-wrap .item img {
		width: 12px;
	}

	.learn-epa-wrap {
		display: block;
	}

	.learn-epa-wrap .item {
		width: 100%;
		margin-bottom: 4%;
	}

	.learn-epa-wrap .item .text {
		margin-top: 30px;
	}

	.about-course-wrap .content {
		max-width: 90%;
	}

	.jxdg-wrap .nav li {
		font-size: 12px;
		height: 40px;
		line-height: 40px;
	}

	.jxdg-wrap .lf {
		width: 100%;
	}

	.jxdg-wrap .img {
		display: none;
	}

	.bmrx-wrap li span {
		margin-right: 10px;
		vertical-align: middle;
	}

	.news-details-container .nav {
		transform: translateX(0px);
	}

	.news-details-warp .content {
		padding: 20px;
	}

	.page-preview .return-button {
		padding: 0 20px;
		line-height: 30px;
		float: right;
	}

	.page-preview>div>div {
		width: 50%;
	}

	.page-preview li {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.contact-title {
		margin: 6% 0;
		padding-left: 15px;
	}

	.top-electron-wrap {
		display: none;
	}

	.bottom-electron-wrap .i-item {
		width: 100%;
	}

	.bottom-electron-wrap .i-item .electron-a a {
		font-size: 12px;
		line-height: 24px;
		padding: 0 12px;
		width: auto;
	}

	.worry-wrap {
		display: block;
	}

	.worry-wrap .item {
		width: 100%;
		margin-bottom: 4%;
	}

	.ys-tofu-wrap .item .con .box-wrap .box-item img {
		width: 20px;
	}

	.ys-tofu-wrap .item {
		display: block;
	}

	.ys-tofu-wrap .n-box {
		overflow: auto;
	}

	.ys-tofu-wrap .item .con {
		width: 100%;
		display: block;
	}

	.ys-tofu-wrap .item .img {
		position: absolute;
		left: 6%;
		width: 90%;
		top: 60px;
	}

	.ys-tofu-wrap .n-box li {
		min-width: 80px;
		font-size: 12px;
		line-height: 30px;
	}

	.ys-tofu-wrap .item .con .box-wrap {
		padding-left: 4%;
		background-color: transparent;
	}


.ys-tofu-wrap .item.purple .con .box-wrap{
	background-color: transparent;
}
	.ys-tofu-wrap .item .con .box-wrap .box-item {
		padding-top: 200px;
	}

	.welcome-form .f-title {
		padding: 20px;
	}

	.welcome-form .box {
		padding: 30px 10px;
	}

	.welcome-form .f-title .minus {
		width: 14px;
	}

	.aca-news-list {
		font-size: 14px;
		display: block;
	}

	.aca-news-list ul li:nth-child(2) {
		font-size: 18px;
	}

	.aca-news-list .item {
		margin-right: 0;
		padding: 5%;
		width: auto;
		margin-bottom: 4%;
	}

	.setting-list {
		flex-wrap: wrap;
		font-size: 14px;
		justify-content: space-between
	}

	.setting-list .item .year-limit span {
		font-size: 10px;
		padding: 0 10px;
		white-space: nowrap;
	}

	.setting-list .item {
		width: 49%;
		margin-bottom: 2%;
	}

	.setting-list .item:nth-child(2n) {
		margin-right: 0;
	}

	.setting-list .item .title {
		font-size: 18px;
	}
}

.query-container {
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: linear-gradient(#fff6ee, #fff3e8);
}


.query-container .form {
	background: #fff;
	border-radius: 17px 17px;
}

.query-container .form .title {
	background: #ec7517;
	font-weight: bold;
	color: #fff;
	padding: 20px 40px;
	border-radius: 17px 17px 0 0;
}

.hr {
	background: #fafafa;
	height: 4px;
	width: 100%;
}

.query-container .form .input-block {
	padding: 40px;
}

.result-wrap {
	position: relative;
	border-radius: 10px;
	margin: 0 50px;
	line-height: 80px;
	background: #fff7ed;
}
.result-wrap .btn-1 img{
	width: 20px;
	margin-right: 10px;
}
.result-wrap .btn-box{
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.result-wrap .btn-box {
	display: flex;
	align-items: center;
}

.result-wrap .btn-1{
	display: inline-flex;
	align-items: center;
	background-color: #ec6b17;
	transition: all .3s;
	font-size: 14px;
	color: #fff;
	border-radius: 4px;
	padding: 0 14px;
	line-height: 30px;
	border: 1px solid #ec6b17;
	margin-left: 10px
}
    

.result-wrap span {
	color: #ec6b17;
}

.bz-wrap {
	margin: 0 50px;
	margin-top: 40px;
	padding-bottom: 50px;
}

.bz-wrap a{
	color: #0000FF;
	display: inline-block;
	padding: 0 10px
}

@media screen and (max-width: 768px) {
	.result-wrap .btn-box{
		position: static;
		transform: translate(0);
		text-align: center;
		align-items: center;
		justify-content: center;
		margin-top: 20px;
	}
	.query-container .form .input-block {
		padding: 20px;
	}

	.result-wrap {
		line-height: 30px;
	}

	.result-wrap,
	.bz-wrap {
		margin: 0 25px;
		padding: 25px 0;
	}

	.query-container .form .title {
		padding: 20px;
	}

	.query-container .form .title img {
		width: 30px;
	}

	.query-container .form .input-block label {
		display: block;
	}
	.query-container .form .row{
		flex-wrap: wrap;
	}
	.query-container .form .input-block{
		flex: 0 0 50%;
		box-sizing: border-box;
	}
    .query-container .form .row:nth-child(2){
    	flex-wrap: nowrap;
    	flex: 1;
    }
    .query-container .form .row:nth-child(2) .input-block span{
    	font-size: 12px;
    }
    .query-container .form .row:nth-child(2) .input-block{
    	flex: 1;
    }
	
}