@charset"utf-8";



/* 分辨率高于1920px - 页面内容居中显示*/

@media screen and (min-width: 1920px){



	html,body{

		max-width: 1920px;

		margin: auto;

	}



}



/* 分辨率为1680px、1600px的样式控制 */

@media screen and (max-width: 1680px){

	.container{

		width: 1100px;

	}

	.schJg-div{

		height: 385px;

	}

}

@media screen and (max-height: 1600px){

	.loginDiv .logo img{

		width: 190px;

	}

	.loginDiv{

		padding-top: 85px;

	}

	.sch-loginDiv .logo{

		width: 85px;

		margin-bottom: 50px;

	}

	.schJg{

		padding-left: 80px;

	}

	.schJg .title{

		font-size: 42px;

		margin-bottom: 30px;

	}

	.footer{

		bottom: 40px;

	}

	.lagList{

		margin-bottom: 15px;

	}
	.schJg .title{
		font-size: 34px;
	}

}

/* 分辨率为1440px、1366px的样式控制 / 分辨率为1920px被放大到125%的样式控制 */

@media screen and (max-width: 1560px){

	.container{

		width: 900px;

	}

	.login-inp{

		height: 52px;

	}

	.schJg .title{

		font-size: 34px;

		margin-bottom: 20px;

	}

	.jgList li{

		padding: 0 30px;

		font-size: 16px;

		/*line-height: 28px;*/

		height: 48px;

	}

	.jgList li:not(:last-child){

		margin-bottom: 15px;

	}

	.schJg{

		padding-left: 50px;

	}

	.schJg-div{

		height: 313px;

	}

	.x-but img{

		width: 15px;

	}

	.schJg-img .stunner{

		font-size: 18px;

		left: 10px;

	}

	.sch-loginDiv .logo{

		margin-bottom: 70px;

	}

	.no-img img{

		width: 260px;

	}

	.schJg-noDiv .txt{

		font-size: 14px;

		margin-top: 30px;

	}

	.lagList li a{

		width: 35px;

		height: 35px;

		font-size: 12px;

		line-height: 35px;

	}

	.footTxt{

		font-size: 12px;

	}
	.schJg{
		padding-left: 20px;
	}
	.jgList{
		padding-right: 50px;
	}
	.jgList li{
		font-size: 15px;
	}
	.schJg .title{
		font-size: 26px;
	}
	.jgList li:not(:last-child){
		margin-bottom: 10px;
	}

}



/* 分辨率为1366px的样式控制(此处可视情况省略，与max-width: 1500px用同一样式) */

@media screen and (max-width: 1400px){

	.loginDiv .logo img{

		width: 140px;

	}

	.login-box{

		width: 440px;

	}

	.login-inp{

		padding-left: 25px;

		padding-right: 70px;

	}

	.login-btn{

		width: 70px;

	}

	.login-btn img{

		width: 16px;

	}

	.loginDiv{

		padding-top: 65px;

	}

	.login-inp{

		height: 48px;

	}

	.sch-loginDiv .logo{

		width: 70px;

		margin-bottom: 50px;

	}

	/*.container{

		width: 750px;

	}*/

	/*.schJg-div{

		height: 260px;

	}*/

	.schJg .title{

		font-size: 24px;

		margin-bottom: 10px;

	}

	.jgList li{

		/*width: 230px;*/

		height: 42px;

		padding: 0 20px;

		font-size: 14px;

	}

	.schJg{

		padding-left: 35px;

	}

	.no-img img{

		width: 170px;

	}

	.schJg-noDiv .txt{

		font-size: 12px;

	}

}



/* 分辨率为1280px的样式控制 / 分辨率为1920px被放大到150%的样式控制 / 分辨率为1440px、1366px被放大到125%/150%的样式控制 */

@media screen and (max-width: 1280px){

	

}



/* iPad横板显屏 - landscape指定输出设备中的页面可见区域高度小于宽度*/

@media screen and (max-width: 1200px) and (orientation: landscape){              

	.sch-loginDiv{

		padding-top: 85px;

	}

	.loginDiv{

		padding-top: 125px;

	}

}



/* iPad竖板显屏 - portrait指定输出设备中的页面可见区域高度大于或等于宽度 */

@media screen and (max-width: 992px) and (orientation: portrait){         

	.box{

		display: flex;

		display: -webkit-flex;

		align-items: center;

		justify-content: center;

	}

	.loginDiv{

		padding-top: 0;

		margin-top: -200px;

	}

	.sch-loginDiv .logo{

		position: fixed;

		top: 100px;

		left: 50%;

		-webkit-transform: translateX(-50%);

		transform: translateX(-50%);

	}
	.container{
		width: 720px;
	}
	.jgList{
		padding-right: 10px;
	}
	.jgList li{
		padding: 0 10px;
	}

}  



/* 手机端 - portrait指定输出设备中的页面可见区域高度大于或等于宽度*/

@media screen and (max-width: 680px) and (orientation: portrait){    

	.login-box{

		width: 100%;

	}

	.container{

		width: 100%;

	}

	.sch-loginDiv .logo{

		top: 10px;

		margin-bottom: 0;

		width: 52px;

	}

	.schJg-img{

		width: 40%;

		margin: auto;

		margin-bottom: 20px;

	}

	.schJg{

		width: 100%;

		padding-left: 0;

	}

	.schJg-div{

		flex-wrap: wrap;

		background: none;

		height: auto;

		background-color: #fff;

		padding: 25px 25px;

	}

	.footer{

		bottom: 10px;

	}

	.lagList{

		margin-bottom: 10px;

	}

	.sch-loginDiv{

		padding-top: 0;

		margin-top: -15px;

	}

	.schJg .title{

		font-size: 20px;

	}

	.jgList li:not(:last-child){

		margin-bottom: 10px;

	}

	.jgList li{

		width: 100%;

		font-size: 12px;

	}

	.schJg-img .stunner{

		font-size: 12px;

		left: 5px;

	}

	.schJg-div .x-but{

		right: 15px;

		top: 15px;

	}

	.schJg-noDiv{

		margin-bottom: 35px;

	}
	.box{
		height: 100%;
		position: absolute;
		padding-top: 115px;
		padding-bottom: 130px;
		top: 0;
		overflow-x: hidden;
	}
	.footer, .sch-loginDiv .logo{
		position: absolute;
	}

}