*{
	margin: 0;
	padding: 0;
}
ul li{
	list-style-type: none;
}
a{
	text-decoration: none;
	color: black;
}
/*头部*/
header{
	display: flex;
	justify-content: center;
	width: 100%;
	background: #fff;
}
header img{
	margin-left: -18px;
}
#header-nav{
	display: flex;
	margin-left: 16px;
	align-items: center;
}
#header-nav li{
	height: 100%;
}
#header-nav li a{
	display: flex;
	height: 100%;
	align-items: center;
	font-size: 20px;
	padding: 0 12px;
	
}
#header-nav a:hover{
	background: #249fe5;
	color: #ffffff;
}
/*底部*/
footer{
	height: 370px;
	width: 100%;
	background: #202323;
	color: #9a9a9a;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.footer_nav{
	border-bottom: 1px solid #9A9A9A;
	height: 70%;
	width: 1000px;
	position: relative;
	margin:0 auto;
}
.footer_nav li:nth-child(1){
	position: absolute;
	left: 0;
	top: 20%;
	font-size: 30px;
}
.footer_nav li:nth-child(2){
	position: absolute;
	left: 0;
	top: 40%;
	
}
.footer_nav li:nth-child(3){
	position: absolute;
	left: 0;
	top: 50%;
	
}
.footer_nav li:nth-child(4){
	position: absolute;
	left: 0;
	top: 60%;
}
.footer_nav li:nth-child(5){
	position: absolute;
	left: 44.7%;
	top: 32%;
}
.footer_nav li:nth-child(6){
	position: absolute;
	right: 0;
	top: 30%;
}
.footer_nav img{
	width: 100%;
}
#footer-title{
	margin:0 auto;
}
/*制度部分*/
#content{
	background: #f1f0f0;
	height: 1350px;
	display: flex;
	justify-content: center;
}
.content{
	display: flex;
	justify-content: center;
	width: 1000px;
	margin-top: 20px;
}
.content-nav_1{
	height: 337px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #FFFFFF;
	width: 230px;
}
.content-nav_1 li{
	height: 60px;
	width: 205px;
	display: flex;
	align-items: center;
	font-size: 18px;
	background: #FFFFFF;
	margin: 0 12.5px;
	border-bottom: 1px solid #CCCCCC;
}
.content-nav_1 li:nth-child(1){
	height: 50px;
	width: 230px;
	background: #249fe5;
	font-size: 20px;
	color: #FFFFFF;
}
.global_01{
	margin-left: 20px;
}
.teach_01{
	padding-left: 10px;
}
.content-nav_1 li a{
	padding-left: 6px;
}
.content-nav_2{
	height: 205px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #FFFFFF;
	width: 230px;
	margin-top: 22px;
	margin-bottom: 30px;
}
.content-nav_2 li{
	height: 60px;
	width: 205px;
	display: flex;
	align-items: center;
	font-size: 18px;
	background: #FFFFFF;
	margin: 0 12.5px;
	border-bottom: 1px solid #CCCCCC;
}
.content-nav_2 li:nth-child(1){
	height: 50px;
	width: 230px;
	background: #249fe5;
	font-size: 20px;
	color: #FFFFFF;
}
.global_02{
	margin-left: 20px;
}
.teach_02{
	padding-left: 10px;
}
.content-nav_2 li a{
	padding-left: 10px;
}
.global_03{
	width: 96%;
}
.global_04{
	width: 735px;
	height: 140px;
}
.content-content{
	background: #f1f0f0;
	width: 735px;
	margin-left: 20px;
}
.content-content h2{
	background: #FFFFFF;
	margin-top: 25px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	color: red;
}
.enviroment{
	margin-top: 25px;
	background: #FFFFFF;
	height: 1160px;
}
.enviroment p{
	font-size: 16px;
	padding: 5px;
	text-indent: 2em;
	margin:0 30px;
}
.enviroment p:nth-child(5){
	text-align: initial;
	margin-left: 45px;
}
.overlay{  
    	display: none;
        background-color:#000;  
        opacity: 1.0;  
        filter:alpha(opacity=100);  
        position: fixed;  
        top:0;  
        left:0;  
        width:100%;  
        height:100%;  
        z-index: 10;  
         background-image: url(../img/NEWLAB.jpg);
  background-size: auto 100%;
  cursor: pointer;
  animation: panorama 10s linear infinite alternate;
  animation-play-state: paused;
  margin: 0 auto;
    }  
    .overlay:hover,
    .overlay:focus {
  animation-play-state: running;
}

.overlay1{  
    	display: none;
        background-color:#000;  
        opacity: 1.0;  
        filter:alpha(opacity=100);  
        position: fixed;  
        top:0;  
        left:0;  
        width:100%;  
        height:100%;  
        z-index: 10;  
         background-image: url(../img/1.jpg);
  background-size: auto 100%;
  cursor: pointer;
  animation: panorama 10s linear infinite alternate;
  animation-play-state: paused;
  margin: 0 auto;
    }  
    .overlay1:hover,
    .overlay1:focus {
  animation-play-state: running;
}

@keyframes panorama {
  to {
    background-position: 100% 0;
  }
}
    .overlayimg{  
        position: absolute;  
        z-index: 11;  
        left:50px;  
        top:30px;  
        width:50px; 
        height: 30px;
        background: khaki; 
    }  
.min{
				width: 300px;
			}
			.max{
				width: 700px;
				height: 700px;
			}

.open{
	width: 680px;
	height: 200px;
	margin-left: 4%;
}
.textcenter{
	text-align: center !important;
}
.enviroment table{
	 border-collapse: collapse;
	 text-align: center;
	 margin: 50px auto !important;
	 width: 88%;
}
.enviroment table .special{
	 width: 400px;
}