* {
    margin: 0;
    padding: 0;
}
html,body{
    width: 100%;
    height: 100%;
    min-width: 1000px;
    overflow-x: hidden;
   
}

.wrapper {
    width: 100%;
	height: 100%;
    
    background: url(../images/BG3.png) no-repeat;
    background-size: cover;
    background-position: center 0;
    position: relative;
}

.bkg1{
position: absolute;
left:51.5%;
top: 17px;
transform: translateX(-50%);
width: 46%;

}
header {
    width: 100%;
    height: 78px;
    background: url("../images/banner.png") no-repeat;
    background-size: cover;
    position: relative;
}
.title{
    position: absolute;
    height: 55%;
    left: 20px;
    top: 11px;
}

.main{
    position: absolute;
    width: 88%;
    aspect-ratio: 2.25/1;
    right: 0;
    top: 15%;
}
::-webkit-scrollbar { display: none; }



.main .recources{
    display: block;
    position: absolute;
    width: 17%;
    aspect-ratio:1.16/1;
    top: 4%;
    left: 10.5%;
    background: url('../images/jxzyk1.png') no-repeat;
	background-size: cover;
    
}
.main .recources:hover{
    background: url('../images/jxzyk2.png') no-repeat;
	background-size: cover;
}
.main .library{
    display: block;
    position: absolute;
    width: 17%;
    aspect-ratio:1.16/1;
    top: 45.5%;
    left: 17%;
    background: url('../images/sztsg1.png') no-repeat;
	background-size: cover;
}
.main .library:hover{
    background: url('../images/sztsg2.png') no-repeat;
	background-size: cover;
}
.main .platform{
    display: block;
    position: absolute;
    width: 17%;
    aspect-ratio:1.16/1;
    top: 67%;
    left: 37%;
    background: url('../images/sxpt1.png') no-repeat;
	background-size: cover;

}
.main .platform:hover{
    background: url('../images/sxpt2.png') no-repeat;
	background-size: cover;
}
.main .courseware{
    display: block;
    position: absolute;
    width: 17%;
    aspect-ratio:1.16/1;
    top: 45.5%;
    left: 56%;
    background: url('../images/alkjk1.png') no-repeat;
	background-size: cover;

}
.main .courseware:hover{
    background: url('../images/alkjk2.png') no-repeat;
	background-size: cover;
}
.main .lessons{
    display: block;
    position: absolute;
    width: 17%;
    aspect-ratio:1.16/1;
    top: 5%;
    left: 61%;
    background: url('../images/kczx1.png') no-repeat;
	background-size: cover;

}
.main .lessons:hover{
    background: url('../images/kxzx2.png') no-repeat;
	background-size: cover;
}