@charset "utf-8";


 @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: 118px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
    margin-left: 50px;
	}
	
	.nav-1 {
		width: 375px;
		height: 69px;
		background-color: ;
		list-style: none;
		font-size: 28px;
	}
	
	.navs1 {
		text-decoration: none;
		color: #000000;
		font-weight: 550;
	}
	
	.navs1:active {
		color: #0654b3;
	}
	
	.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;
	}
	
	.line {
		width: 1088px;
		height: 25px;
	}
	
	hr {
		width: 1088px;
		height: 3px;
		background-color: #064089;
		margin-top: 21px;
	}
	
	.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;
		justify-content: flex-start;
		align-items: center;
	}
	
	.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: space-between;
	}
	
	.t {
		width: 1104px;
		height: 175px;
		display: flex;
		justify-content: flex-start;
	}
	
	.teach1 {
		margin-bottom: 25px;
	}
	
	.teach2 {
		margin-bottom: 13px;
	}
	
	.jiao {
		width: 275px;
		height: 175px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	
	.vline {
		width: 4px;
		height: 40px;
		background-color: black;
	}
	
	.person {
		width: 188px;
		height: 125px;
		padding-left: 25px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	.mingzi {
		width: 188px;
		height: 31px;
		font-size: 25px;
		font-family: 黑体 加粗;
		letter-spacing: 3px;
		cursor: pointer;
	}
	
	.zhuanye {
		width: 188px;
		height: 31px;
		font-size: 23px;
		font-family: 黑体;
		color: #828282;
		padding-top: 13px;
		cursor: pointer;
	}
}