*{
    margin:0px;
    padding:0px;
}
body{

}
.content{
    background-image: url('../image/sysBg.png');
    background-repeat: no-repeat;
    background-size: cover;
    width:100%;
    height:100%;
    position: fixed;
    overflow: auto;
}
.sysCon{
    position:absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
}
.sysItem{
    display:flex;
    flex-direction: row;
}
.sysItem a{
    margin-right:60px;
    margin-bottom:30px;

}
.sysItem a:last-child{
    margin-right:0px;
}
.sysItem img{
    float:left;
    cursor:pointer;
    width:auto;
    box-shadow:10px 10px 20px #1f2956 ;
}
.footer{
    text-align: center;
    height:30px;
    line-height: 30px;
    width:100%;
    color:white;
    margin-top:30px;
 /*   position:absolute;
    bottom:10px;*/
}
.footer a{
    color:white;
    text-decoration: none;
}
.footer a:hover{
    text-decoration: underline;
}