170 lines
2.6 KiB
CSS
170 lines
2.6 KiB
CSS
.page {
|
|
position: relative;
|
|
width: 1280px;
|
|
height: 720px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.block_1 {
|
|
height: 720px;
|
|
background: url(./img/997214e1a0a985bf61478bceec7f9889.png)
|
|
100% no-repeat;
|
|
background-size: 100% 100%;
|
|
width: 1280px;
|
|
}
|
|
|
|
.block_2 {
|
|
height: 720px;
|
|
background: url(./img/aa106e7a62423d10446f89d4675ac8e0.png)
|
|
100% no-repeat;
|
|
background-size: 100% 100%;
|
|
width: 1280px;
|
|
position: relative;
|
|
}
|
|
|
|
.box_1 {
|
|
height: 608px;
|
|
background: url(./img/3c6ca594aecab281e1e29ca4726dcd73.png)
|
|
100% no-repeat;
|
|
background-size: 100% 100%;
|
|
width: 1050px;
|
|
position: relative;
|
|
margin: 19px 0 0 136px;
|
|
}
|
|
|
|
.image-wrapper_1 {
|
|
width: 821px;
|
|
height: 74px;
|
|
margin: 62px 0 0 132px;
|
|
}
|
|
|
|
.image_1 {
|
|
width: 65px;
|
|
height: 65px;
|
|
margin-top: 9px;
|
|
}
|
|
|
|
.image_2 {
|
|
width: 65px;
|
|
height: 65px;
|
|
margin: 9px 0 0 20px;
|
|
}
|
|
|
|
.image_3 {
|
|
width: 65px;
|
|
height: 65px;
|
|
margin-left: 606px;
|
|
}
|
|
|
|
.text-wrapper_1 {
|
|
width: 442px;
|
|
height: 28px;
|
|
margin: 5px 0 0 283px;
|
|
}
|
|
|
|
.text_1 {
|
|
width: 442px;
|
|
height: 28px;
|
|
-webkit-text-stroke: 1px rgba(13, 79, 69, 1);
|
|
overflow-wrap: break-word;
|
|
color: rgba(222, 253, 186, 1);
|
|
font-size: 26px;
|
|
font-family: Adobe Heiti Std R;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 26px;
|
|
}
|
|
|
|
.box_2 {
|
|
width: 604px;
|
|
height: 242px;
|
|
margin: 86px 0 111px 128px;
|
|
}
|
|
|
|
.image_4 {
|
|
width: 200px;
|
|
height: 200px;
|
|
}
|
|
|
|
.group_1 {
|
|
position: relative;
|
|
width: 200px;
|
|
height: 200px;
|
|
background: url(./img/51545197e304e8b2d06b8f531c5292a6.png)
|
|
100% no-repeat;
|
|
background-size: 100% 100%;
|
|
margin-top: 42px;
|
|
}
|
|
|
|
.image_5 {
|
|
position: absolute;
|
|
left: 126px;
|
|
top: 77px;
|
|
width: 200px;
|
|
height: 200px;
|
|
}
|
|
|
|
.group_2 {
|
|
position: absolute;
|
|
left: -224px;
|
|
top: 150px;
|
|
width: 390px;
|
|
height: 76px;
|
|
background: url(./img/0fd7c7f98ad2953a9359c2b60e408e3c.png)
|
|
100% no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.image_6 {
|
|
width: 52px;
|
|
height: 54px;
|
|
margin: 11px 0 0 47px;
|
|
}
|
|
|
|
.text_2 {
|
|
width: 196px;
|
|
height: 38px;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 245, 137, 1);
|
|
font-size: 48px;
|
|
font-family: Adobe Heiti Std R;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 48px;
|
|
margin: 19px 59px 0 36px;
|
|
}
|
|
|
|
.image_7 {
|
|
position: absolute;
|
|
left: 295px;
|
|
top: 141px;
|
|
width: 200px;
|
|
height: 200px;
|
|
}
|
|
|
|
.image-wrapper_2 {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 627px;
|
|
width: 1280px;
|
|
height: 94px;
|
|
}
|
|
|
|
.image_8 {
|
|
position: absolute;
|
|
left: 683px;
|
|
top: -52px;
|
|
width: 328px;
|
|
height: 106px;
|
|
}
|
|
|
|
.image_9 {
|
|
position: absolute;
|
|
left: 269px;
|
|
top: -52px;
|
|
width: 328px;
|
|
height: 106px;
|
|
}
|