.securityManagement{
	height: 100vh;
	overflow:hidden;
	background: url(../images/bj@2x.png) no-repeat center center;
	background-size: cover;
	position: relative;
}
.loginPage{
	position: absolute;
	z-index: 5;
	left:0;
	right:0;
	width:100%;
	margin:0 auto;
	top:50%;
	margin-top:-30rem;
}
.loginPage h1{
	color:#13789B;
	font-size:2.8rem;
	font-weight: normal;
	text-align: center;
	position: relative;
	
}
.loginPage h1::after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left:2.5rem;
	width: .7rem;
	height: .7rem;
	border-radius:50PX;
	background: #138B9B;
}
.loginPage h1::before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right:2.5rem;
	width: .7rem;
	height: .7rem;
	border-radius:50PX;
	background: #138B9B;
}
.loginPage .entrance{
	display: flex;
	justify-content: center;
	
	margin:8rem 0 0; 
}
.loginPage .entrance .government{
	display: block;
	background: #fff;
	box-shadow: 0px 6px 24px 0px rgba(98, 203, 217, 0.12);
	border-radius: 1.6rem;
	margin:0 3rem;
	width:20rem;
	text-align: center;
	padding:2rem 0;
}
.loginPage .entrance .enterprise{
	display: block;
	background: #fff;
	box-shadow: 0px 6px 24px 0px rgba(98, 203, 217, 0.12);
	border-radius: 1.6rem;
	margin:0 3rem;
	width:20rem;
	text-align: center;
	padding:2rem 0;
}
.loginPage .entrance .government .icon{
	display: block;
	margin:0 auto 1rem;
	width:7rem;
	height:7rem;
	background: url(../images/government@2x.png) no-repeat center center;
	background-size: 100% 100%;
}
.loginPage .entrance .enterprise .icon{
	display: block;
	margin:0 auto 1rem;
	width:7rem;
	height:7rem;
	background: url(../images/real-estate@2x.png) no-repeat center center;
	background-size: 100% 100%;
}
.loginPage .entrance .government span{
	font-size:1.6rem;
	color:#000;
}
.loginPage .entrance .enterprise span{
	font-size:1.6rem;
	color:#000;
}
.loginPage .entrance .space{
	display: block;
	background: #fff;
	box-shadow: 0px 6px 24px 0px rgba(98, 203, 217, 0.12);
	border-radius: 1.6rem;
	margin:0 3rem;
	width:20rem;
	text-align: center;
	padding:2rem 0;
}

.loginPage .entrance .space .icon{
	display: block;
	margin:0 auto 1rem;
	width:7rem;
	height:7rem;
	background: url(../images/space.png) no-repeat center center;
	background-size: 100% 100%;
}
.loginPage .entrance .space span{
	font-size:1.6rem;
	color:#000;
}


.copyRight{
	position: fixed;
	z-index: 2;
	left:0;
	right:0;
	text-align: center;
	bottom:5rem;
	color:#fff;
	font-size:1.6rem;
}


/* 媒体查询 */

@media only screen and (min-width: 320px) {
    body,html {
         font-size:6px;
     }
}
@media only screen and (min-width: 576px) {
    body,html {
         font-size:8px;
     }
}
@media only screen and (min-width: 768px) {
    body,html {
         font-size:8px;
     }
}
@media only screen and (min-width: 992px) {
    body,html {
         font-size:10px;
     }
}
@media only screen and (min-width: 1200px) {
    body,html {
         font-size:10px;
     }
}