* {
    margin: 0;
    padding: 0;
}
html,body{
    width: 100%;
    height: 100%;
    min-width: 1000px;
    overflow-x: hidden;
   
}
header .back {
    position: absolute;
    background: url(../images/back-22.png) no-repeat;
    background-size: cover;
    height: 60%;
    aspect-ratio: 2.77/1;
    right: 25px;
    top: 14px;
}

.wrapper {
    width: 100%;
	height: 100%;
    
    background: url(../images/BG-19.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: relative;

}

.courceCtr img{
    position: absolute;
    width: 22%;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);

}
::-webkit-scrollbar { display: none; }


.flexbox {
    position: absolute;
    /* margin-top: 2%; */
    top: 420px;
    width: 70%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: row;
    /*  声明列的宽度  */
    grid-template-columns: repeat(3, auto);
}
#forward1 {
    display: block;
    background: url('../images/电气控制1.png') no-repeat;
    background-size: contain;
    width: 95%;
    position: absolute;
    left: 50%;
    aspect-ratio: 2/1;
    transform: translateX(-50%);
}
#forward2 {
    display: block;
    background: url('../images/工业机器人1.png') no-repeat;
    background-size: contain;
    width: 95%;
    position: absolute;
    left: 50%;
    aspect-ratio: 2/1;
    transform: translateX(-50%);
}
#forward3 {
    display: block;
    background: url('../images/数控加工1.png') no-repeat;
    background-size: contain;
    width: 95%;
    position: absolute;
    left: 50%;
    aspect-ratio: 2/1;
    transform: translateX(-50%);
}
#forward4 {
    display: block;
    background: url('../images/现代电气1.png') no-repeat;
    background-size: contain;
    width: 95%;
    position: absolute;
    left: 50%;
    aspect-ratio: 2/1;
    transform: translateX(-50%);
}

#forward1:hover{
    background: url('../images/电气控制2.png') no-repeat;
	background-size: cover;
    cursor: pointer;
}
#forward2:hover{
    background: url('../images/工业机器人2.png') no-repeat;
	background-size: cover;
    cursor: pointer;
}
#forward3:hover{
    background: url('../images/数控加工2.png') no-repeat;
	background-size: cover;
    cursor: pointer;
}
#forward4:hover{
    background: url('../images/现代电气2.png') no-repeat;
	background-size: cover;
    cursor: pointer;
}
.back:hover{
    background: url('../images/back-23.png') no-repeat;
	background-size: cover;
    cursor: pointer;
}
.box-item {
    width: 100%;
    height: 100%;
    position: relative;
}