@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1200px){
	.header-icon{
		 width:107px;
		  height:100px;
		 padding:12px 0;
	}
	
	.Student .header-icon{
		padding:12px 0;
	}
	.Teaching .header-icon{
		 padding:12px 0;
	}
	
	.header-icon img{
		 height:39px;
	}
	.header-icon h3{
		font-size:20px;
		margin:10px 0 3px;
	}
	
	.body-icon ul li a p{
		 font-size:13px;
		  height:38px;
		 overflow:hidden;
	}
	
	
	
	
}


@media screen and (max-width: 992px){
	.index-logo{
		margin:7% 0 12%;
	}
	
	.index-logo img{
		 width:345px;
	}
	.header-icon{
		 width:95px;
		 height:90px;
	}
	.header-icon img{
		 height:35px;
	}
	.header-icon h3{
		 font-size:18px;
		 margin:8px 0 0px;
	}
	
	.body-icon ul li{
		 width:26%;
		margin:0 3% 12px;
	}
	
	.body-icon ul li a img{
		 height:32px;
	}
	
	.index-more{
		 font-size:13px;
		  width:65%;
		  padding:7px 0;
	}
}




@media screen and (max-width: 767px){
	.index-logo{
		margin:6% 0 5%;
	}
	
	.body-icon{
		 width:70%;
		 margin:0 auto;
		 padding:45px 2%;
	}

	
}


@media screen and (max-width: 540px){
	
	.body-icon{
		 width:80%;
	}
}


@media screen and (max-width: 460px){
	.index-logo a{
		 display:block;
		  width:90%;
		  margin:0 auto;
		  
	}
	
	.index-logo a img{
		max-width:100%;
	}
	.body-icon{
		 width:90%;
		 padding:35px 2%;
	}
	
}


@media screen and (max-width: 360px){
	.body-icon{
		 width:94%;
		padding:25px 2%;
	}

}