@charset "utf-8";
*{
	margin: 0;
	padding: 0;
}

.list-sh {
  margin-left: auto;
  color: #333;
  font-size: 22px;
}

 @media screen and (min-width:0px){
 	.yy {
    background: url(../image/ZR/YY.jpg);
    width: 100%;
    height: 53px;
    background-size: cover;
}

	.middle {
		margin: 0 auto;
		width: 1899px;
		height: 1094px;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		background-color: rgb(240, 240, 242);
	}
	
 .banner {
    width: 1899px;
    height: 637px;
    margin-top: 6px;
}
	
	.banner img {
    width: 1899px;
    height: 637px;
    background-size: cover;
}

	.mid {
		width: 1579px;
		min-width: 1579px;
		height: 904px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}
	
	.lanmu {
		width: 1579px;
		height: 68px;
		background-color: #064089;
		margin-top: 23px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	
	.i {
		color: white;
		text-decoration: none;
		font-size: 28px;
		font-family: 仿宋体;
		text-align: center;
	}
	
	.item1 {
		padding-left: 50px;
	}
	
	.s-page {
		width: 1577px;
		height: 814px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: rgba(211, 211, 211, 0.51);
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: rgba(211, 211, 211, 0.51);

	}
	
	.pagenav {
		width: 375px;
		height: 814px;
     border-right-style: solid;
    border-right-width: 1px;
    border-right-color: rgba(211, 211, 211, 0.51);
	}
	
	.navlist {
		width: 375px;
		height: 450px;
		/* padding-top: 63px; */
		padding-top: 118px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
    margin-left: 50px;

	}
	
	.nav-1 {
		width: 375px;
		height: 69px;
		list-style: none;
		font-size: 28px;
	}
	.sy{
			text-decoration: none;
			color: #000000;
			font-weight: 550;
			font-size: 33px;
		}
	.navs1 {
		text-decoration: none;
		color: #000000;
		font-weight: 550;
	}
	
	.navs1:active {
		color: #0000bc;
	}
	
	.content {
		width: 1104px;
		height: 814px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
          margin-left: 49px;
	}
	
	.biaoti {
		width: 1104px;
		height: 50px;
		text-align: left;
		padding-left: 19px;
		margin-top: 81px;
	}
	
	.biaoti- {
		font-size: 31px;
		color: black;
		font-weight: 600;
		cursor: pointer;
	}
	
	
	
	.teachers {
		width: 1104px;
		height: 588px;
		margin-top: 13px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	
	.item {
		width: 1104px;
		height: 525px;
		display: none;
	}
	
	.item.active {
		display: block;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.n{
			width: 1104px;
			height: 63px;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			cursor: pointer;
		}
		.n:hover{
			color: #0000bc;
		}
		.n:hover .vline{
			background-color: #0000bc;
		}
		.vline{
			width: 3px;
			height: 25px;
			background-color: black;
		}
		.vtitle{
			width: 894px;
			height: 63px;
			padding-left: 25px;
			padding-top: 19px;
		}
		.vtitle a{
			text-decoration: none;
			font-size: 27px;
		}
	
	
	.yeshu {
		width: 1104px;
		height: 50px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: rgb(240, 240, 242);
	}
	
	.num {
		width: 38px;
		height: 38px;
		color: #064089;
		border: none;
		font-size: 25px;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}
	
	.num.active {
		background-color: #053774;
		color: white;
		border: 0.5px solid #053774;
		border-radius: 50px;
	}
	
	.num:focus {
		outline: none;
	}
	
	.mark {
		width: 100px;
		height: 38px;
		color: #064089;
		font-size: 20px;
		border: 1px solid #064089;
		border-radius: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}
	
	.mark:focus {
		outline: none;
	}
	
	.mark:hover {
		color: white;
		background-color: #053774;
	}
	
	.yema {
		width: 175px;
		height: 38px;
		display: flex;
		justify-content: center;
	}
}