@media screen and (max-width: 1270px) {
	body{
		width:100%!important;
	}
}
@media screen and (max-width: 1200px) {
	.infos{
		width:90%;
	}
	.infos-content-l{
		width:34%;
	}
	.decl{
		height:auto;
		overflow:hidden;
	}
	.decls{
		width:90%;
	}
	.decls{
		width:90%;
	}
	.decls-content img{
		width:100%;
		height:auto;
		margin-bottom:50px;
	}
	.online{
		width:90%;
	}
	.onteachs{
		width:90%;
	}
	.three{
		width:90%;
	}
	.infos-czx li,.infos-ct li{
		width: 31%;
	    margin-right: 1%;
	    margin-left: 1%;
	}
	.onteach2{
		margin-bottom:80px;
	}
	.online-logo{
		overflow:hidden;
		margin-bottom:40px;
	}
	.online{
		height:auto;
	}
}
@media screen and (max-width: 750px) {
	.infos-content-l{
		display:none;
	}
	.infos-content-r{
		width:100%;
		height:auto;
		margin-bottom:50px;
	}
	.info{
		height:auto;
	}
	.infos-czx li,.infos-ct li{
		width: 100%;
		height:50px;
		line-height:50px;
		font-size:18px;
	}
	.onteach{
		height:400px;
	}
	.onteach2{
		margin-bottom:200px;
	}
	.infos-title{
		font-size:24px;
	}
	.infos-c li{
		margin-bottom:0px;
	}
}
@media screen and (max-width: 450px) {
	.online-logo img{
		width: 40%;
	    margin-right: 5%;
	    margin-left: 5%;
	}
}