*{
margin: 0px;
padding: 0px;
}
body,html{
margin: 0px;
padding: 0px;
}
.BG_img{
width: 1920px;
height: 1080px;
position: fixed;
top: 0px;
left: 0px;
}
#blueImg{
position: fixed;
bottom: 310px;
right: 650px;
z-index: 2;
animation: shanblueImg 1s infinite ease-in-out;
}
#blueImg2{
position: fixed;
bottom: 310px;
right: 650px;
z-index: 2;
display: none;
}
@keyframes shanblueImg{
0% {
opacity:1;
}
50% {
opacity:0;
}
100% {
opacity:1;
}
}
#zindex-1,#zindex-2{
width: 425px;
height: 1080px;
position: fixed;
top: 0px;
left: 0px;
z-index: 2;
animation: myfirst1 1s;
animation-fill-mode:forwards;
display: none;
}
@keyframes myfirst1{
0% {width: 425px;height: 1080px;top: 0px;left: -425px;}
100% {width: 425px;height: 1080px;top: 0px;left: 0px;}
}
#zindex-1-1{
position: fixed;
top: 120px;
left: 425px;
animation: myfirst2 1s;
animation-fill-mode:forwards;
display: none;
}
@keyframes myfirst2{
0% {left: 0px;}
100% {left:425px;}
}
@keyframes myfirst3{
0% {left:425px;}
100% {left:0px;opacity: 0; }
}
@keyframes myfirst4{
0% {left:0px;}
100% {left:-425px;opacity: 0; }
}
#car1{
position: fixed;
animation: myfirst5 15s;
animation-fill-mode:forwards;
display: none;
}
#car2{
position: fixed;
bottom: 250px;left: 1440px;background-image: url(../image/AGV调度系统图片/AGV1.png)
}
@keyframes myfirst5{
0% {width: 142px;height: 135px;bottom: 50px;left: 0px;background-image: url(../image/AGV调度系统图片/AGV3.png);}
35% {width: 142px;height: 135px;bottom: 765px;left: 1176px;background-image: url(../image/AGV调度系统图片/AGV3.png);}
36% {width: 142px;height: 154px;bottom: 765px;left: 1176px;background-image: url(../image/AGV调度系统图片/AGV.png);}
40% {width: 142px;height: 154px;bottom: 413px;left: 1740px;background-image: url(../image/AGV调度系统图片/AGV.png);}
41% {width: 142px;height: 154px;bottom: 413px;left: 1740px;background-image: url(../image/AGV调度系统图片/AGV1.png);}
70% {width: 142px;height: 154px;bottom: 250px;left: 1440px;background-image: url(../image/AGV调度系统图片/AGV1.png);}
91% {width: 142px;height: 104px;bottom: 240px;left: 1440px;background-image: url(../image/AGV调度系统图片/矢量智能对象.png);}
100% {width: 142px;height: 104px;bottom: -140px;left: 840px;background-image: url(../image/AGV调度系统图片/矢量智能对象.png);}
}
#people{
position: fixed;
animation: myfirst6 3s;
animation-fill-mode:forwards;
display: none;
}
@keyframes myfirst6{
0% {bottom: -167px;left: 1547px;}
100% {bottom: 189px;left: 1547px;}
}
#qrcard{
position: fixed;
bottom: 450px;
left: 1300px;
display: none;
}
#liao{
position: fixed;
bottom: 300px;
left: 1400px;
display: none;
}