.binaryCode
{
	width: 9em;
	height: 9em;
	background-color: rgb(255, 255, 255);
	position: fixed;
	top: 200px;
	border-color: #000000;
	
}


.binaryCodeTwo
{
	right: 0;
	width: 9em;
	height: 15em;
	background-color: #FFF;
	/* float: right; */
	position: fixed;;
	
	top: 150px;
	border-color: #000000;
	
}

.main
{
	padding-left: 0;
	padding-right: 0;
}

.col_1_of_3, .span_1_of_3
{
	float: none;
	width: 100%;
	height: 22em;
	margin: 5em 0;
	margin-top: 3em;
	font-family: "微软雅黑";
	box-sizing: border-box;
	padding: 0;
}

.index-program
{
	background-color: white;
	margin-bottom: 1em;
	
}

.col_1_of_3 .title
{
	background-color: transparent;
	float: none;
	width: 100%;
	padding-top: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid rgba(100, 100, 100, 0.1);
}

.col_1_of_3 .title p, .col_1_of_3 .title .title-desc
{
	color: #fa8d03;
	width: 100%;
	text-align: center;
	font-weight: 600;
	font-size: 1.4em;
	font-family: "微软雅黑";
}



.col_1_of_3 .program-item
{
	width: 28%;
	height: 11em;
	border: 1px solid rgba(230,230,231,0.8);
}

.col_1_of_3 .program-content
{
	display: flex;
	justify-content: space-around;
	margin-top: 2em;
}

.col_1_of_3 .program-item .img-container
{
	width: 100%;
	height: 50px;
	background-color:white;
	margin-bottom: 1em;

}
.col_1_of_3 .program-item .img-container:hover
{
	 transform:scale(1.1,1.1)
}

.col_1_of_3 .program-item .program-description
{
	padding: 0 0.5em;
}

.col_1_of_3 .program-item .program-description h2
{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.5em;
	color: #666666;
}

.col_1_of_3 .program-item .program-description p
{
	color: #B29999;
	font-weight: 100;
}

.col_1_of_3 .program-item .img-container
{
	height: min-content;
}


/*teacher*/


.col_1_of_3_EDIT, .span_1_of_3_EDIT
{
	float: none;
	width: 100%;
	height: 40em;
	margin: 5em 0;
	margin-top: 3em;
	font-family: "微软雅黑";
	box-sizing: border-box;
	padding: 0;
}

.col_1_of_3_EDIT .title
{
	background-color: transparent;
	float: none;
	width: 100%;
	padding-top: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid rgba(100, 100, 100, 0.1);
}

.col_1_of_3_EDIT .title p, .col_1_of_3_EDIT .title .title-desc
{
	color: #fa8d03;
	width: 100%;
	text-align: center;
	font-weight: 600;
	font-size: 1.4em;
	font-family: "微软雅黑";
}



.teacher-content
{
	/* background-image: url("../images/index-teacher-bg.jpg"); */
	background-size: 100% 100%;
	position: relative;
	display: flex;
	
}
.teacher-content:after 
{
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   background: inherit;
   filter: blur(5px);
   z-index: 2;
}

.teacher-content .wrap
{
	position: relative;
	width: 100%;
	height: 100%;
	background-color: rgba(50,50,50,0.7);
	background-color: white;
	filter: none;
	z-index: 3;	
	display: block;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 11em;
	grid-auto-rows: 16em;
	justify-items: center;
	
}

.teacher-content .wrap .title, .teacher-content .wrap p
{
	color: #fa8d03;
}

.teacher-content .wrap .title
{
	/* font-size: 1.5em; */
	grid-column: 1/5;
}



.teacher-content .wrap .teacher
{
	width: 79%;
}

.teacher-content .title-desc
{
	padding-bottom: 1em;
	border-bottom: 1px solid rgba(100,100,100,0.1);
	margin: auto;
	
}

.teacher-content .wrap .title .desc1
{
	color: #fa8d03;
	font-size: 0.6em;
	margin: auto;
}








.teacher-content .wrap .teacher_item
{
	width: 100%;
	margin-left: 2em;

	
}

.teacher-content .wrap .img-container{	

	display: inline-block;
	max-width: 26%;
	margin: 0 2.7%;

}

.teacher-content .wrap .img-container:hover
{
	 transform:scale(1.07,1.07);
}







.teacher-content .wrap .teacher .teacher-img
{
	width: 40%;
	height: 12em;
	/*background-color: #fff;*/
	float:left;
}

.teacher-content .wrap .teacher .teacher-img img
{
	height: 12em;
	float: right;
}
.teacher-content .wrap .teacher .teacher-description
{
	width: 60%;
	height: 12em;
	float: right;
	background-color: #d87e0c;
	/*background-color: rgba(100,200,200,0.5);*/
	box-sizing: border-box;
	padding: 1em 1.5em;
	color: #f4dddd;

}


@media only screen and (max-width: 1024px)
{
	.teacher-content .wrap .teacher 
	{
	    width: 99%;
	}
}

@media only screen and (max-width: 480px)
{
	.binaryCode
	{
		display: none;
	}

	.binaryCodeTwo
	{
		display: none;
	}


	.col_1_of_3, .span_1_of_3
	{
		margin-top: 0;
		padding: 0;
		height: min-content;
	}

	.col_1_of_3 .title
	{
		padding-top: 0em;
	}

	.index-program
	{
		background-color: transparent;
	}
	
	.col_1_of_3 .program-content
	{
		flex-direction: column;
		margin-top: 1em;
	}
	
	.col_1_of_3 .program-item
	{
		box-sizing: border-box;
		padding: 0 1em;
		width: 100%;
	}
	.col_1_of_3 .program-item .img-container
	{
		height: auto;
		margin-bottom: 0.5em;
	}

	/*teacher*/
	.teacher-content .wrap .teacher
	{
		width: 100%;
		box-sizing: border-box;
		padding: 0 1em;
		margin-bottom: 1em;
	}

	.teacher-content
	{
		background: none;
		position: static;
	}

	.teacher-content:after 
	{
		display: none;
	}

	.teacher-content .wrap
	{
		position: static;
		background-color: transparent;
		display: flex;
		flex-direction: column;
	}

	.teacher-content .wrap .title, .teacher-content .wrap p
	{
		color: #fa8d03;
	}
	

	.teacher-content .wrap .teacher .teacher-img
	{
		width: 100%;
		min-height: 10em;
		height: auto;
		background-color: #156987;
		float: none;
		height: auto;
	}




	.teacher-content .wrap .img-container
	{
		width: 100%;
		min-height: 10em;
		height: auto;
		text-align:center;
		
		display: block;
		max-width: 70%;
			

	}



	.teacher-content .wrap .title
	{
		font-size: 1em;
		padding-bottom: 8em;
		text-align: center;
		
	}


	.teacher-content .wrap .teacher .teacher-img img
	{
		float: none;
		height: auto;
	}

	.teacher-content .wrap .teacher .teacher-description
	{
		background-color: transparent;
		color: #555555;
		padding: 1em 0;
		width: 100%;
	}



	.teacher-content .wrap .title .desc1
	{
		color: #666666;
		font-size: 0.58em;
		padding: 0 1em;	
		box-sizing: border-box;
	}

}



.c-banner
{
	position: relative;
	width: 100%;
	height: 32em;
	margin: auto;
	margin-top: 0.5em;
	padding-bottom: 1em;
}

.c-banner .banner  li
{
	display: none;
/*	width: 60em;*/
	height: 30em;
	margin: auto;
}

.c-banner .banner li a
{
	display: block;
/*	width: 60em;*/
	height: 30em;
	margin: 0 auto;
}

.c-banner .banner ul li:first-of-type
{
	display: block;
}

.c-banner .banner li a img
{
	/*width: 60em;*/
	width: 100%;
	height: 33.5em;
}


.c-banner  .nexImg,.c-banner  .preImg
{
	width: 1em;
	height: 35px;
	padding: 25px 10px 25px 10px;
	/*position: absolute;
	top: 32em;*/
	background: #000000;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10;
	margin-top: -19em;
}

.c-banner  .preImg
{
	/*left: 17.2em;*/
	float: left;
}

.c-banner  .nexImg
{
	/*left: 74em;*/
	float: right;
}
.c-banner  .nexImg:hover,.c-banner  .preImg:hover
{
	opacity: 0.8;
}
.c-banner  .nexImg
{
	right: 0px;
}


.c-banner .jumpBtn
{
	width: 10em;
	position: absolute;
	top: 88%;
	/*left: 42em;*/
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}
.c-banner .jumpBtn ul
{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li
{
	width: 15px;
	height: 15px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
	cursor: pointer;
}

.c-banner .jumpBtn ul .jumpActive
{
	background-color: black;
}



.c-banner .nexImg, .c-banner .preImg
{
	padding: 10px;
	height: 32px;
	margin-top: -17em;
	border-radius: 5em;
}

@media screen and (max-width:800px)
{
	.c-banner
	{
		height: 26vh;
	}

	.c-banner .banner li
	{
		height: 30vh;
	}

	.c-banner .banner li a
	{
		height: 30vh;
	}


	.c-banner .banner li a img
	{
		height: 26vh;
	}

	.c-banner  .nexImg,.c-banner  .preImg
	{
		margin-top: -7em;
	}

	.c-banner .jumpBtn
	{
		top: 80%;
	}


}