body{
margin-top: 16px;
}
.mainCenter{
width: 1280px; margin: 0 auto; border: 1px solid black;
}
.clear{
clear: both;
}
.mainHeader{
width: 1280px; height: 720px; background: url("");
}
.mainHeader img{
position: relative;
}
.mainHeader img:nth-child(1){
top:300px; left: 20px;
} .mainHeader img:nth-child(2){
top:100px; right: -500px;
} .mainHeader img:nth-child(3){
top:200px; right: -120px;
} .mainHeader img:nth-child(4){
top:230px; right: -900px;
} .mainHeader img:nth-child(5){
top:330px; right: -560px;
}
.algorithm{
width: 1280px; height: 720px; background: url("");
}
.algorithmTitle{
position: relative; top:50px; left:50px;
}
.algorithm>img{
position: relative; margin: 0 60px;
}
.algorithmImg{
top:40px;
}
.algorithmText{
top:100px;
}
.visualization{
width: 1280px; height: 720px; background: url("");
}
.visualization img{
position: relative;
}
.visualization img:nth-child(1){
top:100px; left: 50px;
} .visualization img:nth-child(2){
top:200px; left: 400px;
}
.front{
background:#eae9e9; padding-top: 50px;
}
.frontMain{
width: 1150px; margin: 0 auto;
}
.frontMain div{
width: 562px; height: 215px; float: left;
}
.frontMain div:nth-child(1){
background: url("");
}
.frontMain div:nth-child(2){
background: url("");
}
.frontMain div:nth-child(3){
background: url("");
}
.frontMain div:nth-child(4){
background: url("");
}
.frontMain div:nth-child(5){
background: url("");
}
.frontMain div:nth-child(6){
background: url("");
}
.rightImg{
margin-left: -150px;
}
.leftImg{
margin-left: 20px;
}
.back{
background:#eae9e9; padding-top: 50px;
}
.backMain{
width: 1150px; margin: 0 auto;
}
.backMain div{
width: 562px; height: 188px; float: left;
}
.backMain div:nth-child(1){
background: url(";
}
.backMain div:nth-child(2){
background: url("");
}
.backMain div:nth-child(3){
background: url("");
}
.backMain div:nth-child(4){
background: url("");
}
.backMain div:nth-child(5){
background: url("");
}
.backMain div:nth-child(6){
background: url("");
}
.back img{
position: relative; left: 70px;
}