body{
    margin: 0;
    background: #e0e0f0;
}
#bg
{
    position: absolute;
    background: url("../images/bg.jpg") no-repeat center;
    background-size: 100% 100%;
}
div.button{
    position:absolute;
}
.nljjd{
    background: url("../images/nljjd1.png") no-repeat center;
    background-size: 100% 100%;
    top:23.0%;
    left:10.54%;
    width:19.79%;
    height:58.80%;
}
.nljjd:hover{
    background: url("../images/nljjd.png") no-repeat center;
    background-size: 100% 100%;
}
.kyl{
    background: url("../images/kyl1.png") no-repeat center;
    background-size: 100% 100%;
    top:23.0%;
    left:30.0%;
    width:38.854%;
    height:28.056%;
}
.kyl:hover{
    background: url("../images/kyl.png") no-repeat center;
    background-size: 100% 100%;
}
.zyl{
    background: url("../images/zyl1.png") no-repeat center;
    background-size: 100% 100%;
    top:52.0%;
    left:29.8%;
    width:19.53%;
    height:29.444%;
}
.zyl:hover{
    background: url("../images/zyl.png") no-repeat center;
    background-size: 100% 100%;
}
.gmcc{
     background: url("../images/gmc1.png") no-repeat center;
     background-size: 100% 100%;
     top:52.0%;
     left:48.3%;
     width:21%;
     height:30.8%;
 }
.gmcc:hover{
    background: url("../images/gmc.png") no-repeat center;
    background-size: 100% 100%;
}
.gsls{
    background: url("../images/gsls1.png") no-repeat center;
    background-size: 100% 100%;
    top:23.0%;
    left:68.5%;
    width:20.573%;
    height:60.1852%;
}
.gsls:hover{
    background: url("../images/gsls.png") no-repeat center;
    background-size: 100% 100%;
}
div.bottom{
    background: rgba(0,0,0,0);
    width: 100%;
    height: 50px;
    bottom: 0;
    align:bottom;
}
div.bottom-center{
//    background: rgba(255,0,0,0.3);
    width: 500px;
    height: 100%;
    text-align: center;
    line-height: 50px;
    left: calc(50% - 250px);
    left: -webkit-calc(50% - 250px);
    color:#000;
}