@charset "utf-8";

/* CSS Document */
@media (max-width:1024px) {
	.team_list ul li .desc{
		font-size: 14px;
	}
	.team_list ul li .icon img{
		width: 120px;
	}
	.team_list ul{
		gap: 30px;
	}
   .team_list ul li{
	    flex: 0 0 calc(50% - 17px);
   }
}

@media (max-width:768px) {
	.menubtn {
		display: block;
	}

	header .menu {
		position: absolute;
		width: 100%;
		top: 99%;
		height: 100vh;
		background: #fff;
		left: 0px;
		opacity: 0;
		transition: all .5s;
		-webkit-transition: all .5s;
		transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
		overflow-y: auto;
		padding-top: 10px;
		z-index: -1;
		border-top: 1px #eee solid;
	}

	header.active .menu {
		opacity: 1;
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}

	header .menu ul {
		flex-direction: column;
		gap: 0px;
		padding: 0px 20px;
	}

	header .menu ul li {
		width: 100%;
	}

	header .menu ul li .tit {
		height: 50px;
		justify-content: space-between;
	}

	header .container:before {
		position: absolute;
		content: "";
		background-color: #f7f5f1;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
	}
    header .container{
		height: 70px;
		width: 100%;
	padding:0px 2%;
	position: relative;
	z-index: 10;
	}
	header .online{
		width: 100px;
		height: 35px;
	}
	header .logo{
		position: relative;
		z-index: 10;
	}
	header .tpright{
		position: relative;
		z-index: 10;
	}
	header .menu ul li a{
		font-size: 16px;
		line-height: 50px;
		display: block;
	}
	header .menu ul li {
		border-bottom: 1px #eee solid;
	}
	.part_1{
		padding: 50px 0px;
	}
	.index_bt{
		margin-bottom: 30px;
	}
	.index_bt .tit{
		font-size: 26px;
	}
	.ques_1{
		flex-direction: column;
		gap: 40px;
	}
	.ques_1 .midd{
		display: none;
	}
	.ques_1 .box .title{
		font-size: 20px;
	}
	.ques_1 .list li .content .txt{
		font-size: 20px;
		margin-bottom: 0px;
	}
	.ques_1 .list li .num{
		width: 80px;
		height: 80px;
		font-size: 38px;
	}
	.ques_1 .list li{
		margin-left: 0px !important;
	}
	.ques_1 .list li .content{
		margin-left: -20px;
	}
	.ques_1 .box.right_1 .list li .content{
		margin-right: -20px;
	}
	.ques_1 .box .title{
		margin-bottom: 20px;
	}
	.ques_1 .box.right_1 .list li{
		margin-right: 0px !important;
	}
	.part_2{
		padding: 50px 0px;
	}
	.m_process{
	display: block;
}
   .process{
	display: none;
   }
   .index_service ul{
	    grid-template-columns: repeat(1, 1fr);
    gap:15px;
   }
   .index_service ul li .head .more{
	display: none;
   }
   .index_service ul li .icon{
	width: 55px;
	height: 55px;
   }
   .index_service ul li .icon img{
	width: 25px;
   }
   .index_service ul li .box{
	display: block;
   }
   .index_service ul li:hover .icon{
	display: flex;
   }
   .index_service ul li:hover {
	transform: unset;
	-webkit-transform:unset;
}
.book ul li.no1{
	width: 100%;
}
.book{
	padding:30px 20px;
}
.index_service{
	margin-bottom: 50px;
}
footer .foot_1{
	flex-direction: column;
	gap: 25px;
}
footer .tpright .contact_1{
	font-size: 14px;
}
footer .logo img{
	width: 50px;
}
footer .logo .infor .tit{
	font-size: 30px;
}
footer .logo .infor .lab{
	font-size: 9px;
}
.team_top .desc{
	font-size: 14px;
}
.team_top .txt{
	font-size: 17px;
}
.team_top .tit img{
	height: 38px;
}
.team_top .desc{
	    margin-top: 12px;
    margin-bottom: 30px;
}
.team_top{
	padding-bottom: 80px;
}
.team_list ul li{
	flex: none;
	width: 100%;
}
.team_list ul li .title{
	font-size: 20px;
}
.team_top .line img{
	height: 6px;
}
.team_list{
	padding-bottom: 60px;
}
.about_midd{
	flex-direction: column;
	 gap: 35px;
}
.about_midd .about_left{
	width: 100%;
}
.main .dance{
   width: 100%;
}
.about_right{
	padding: 20px 0px 30px;
}
.right_bt .title{
	font-size: 28px;
}
.right_bt .desc{
	font-size: 14px;
}
.about_pic{
	margin-bottom: 30px;
}
.concept_1 ul li .title{
	font-size: 16px;
}
.concept_1 ul li .desc{
	font-size: 14px;
}
.concept_1{
	margin-bottom: 60px;
}
.about_list ul li{
  padding: 24px;
}
.about_list{
	margin-bottom: 60px;
}
.bott_tip .tpleft .line{
	width: 30px;
}
.culture_list{
	padding: 24px 18px;
}
.culture_2 .item{
	padding: 24px 18px;
}
.culture_2 {
	margin-bottom: 60px;
}
.culture_list .values{
	gap: 10px;
	margin-top: 20px;
}
.culture_list .values .item{
font-size: 18px;
height: 88px;
}
}


@media (max-width:640px){
	.lecture-registration{
		padding: 42px 12px 72px;
	}
	.lecture-registration__inner{
		width: 100%;
		padding: 30px 22px 22px;
		border-radius: 24px;
	}
	.lecture-registration__heading{
		gap: 10px;
		margin-bottom: 24px;
	}
	.lecture-registration__heading h1{
		font-size: 23px;
		white-space: nowrap;
	}
	.lecture-registration__line{
		width: 24px;
	}
	.lecture-form{
		grid-template-columns: 1fr;
		gap: 18px;
	}
	.lecture-form__field label{
		font-size: 14px;
	}
	.lecture-form__field input{
		height: 52px;
		font-size: 15px;
	}
	.lecture-form__submit{
		height: 56px;
		font-size: 17px;
	}
	.lecture-registration__limit{
		margin-top: 18px;
		font-size: 13px;
	}
	.lecture-registration__limit strong{
		font-size: 21px;
	}
	.team_top .tit img{
		height:25px;
	}
	.about_tit .line{
		margin-bottom: 15px;
	}
	.about_left ul li{
		margin-bottom: 5px;
	}
	.about_left ul li a{
		padding: 8px 17px;
	}
	.about_left ul li.active a:before{
		display: none;
	}
}