body {
	width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}


.background-img-head {
    position: absolute;
    z-index: -99;
    margin-top: 0;
    background: url(./img/pscnek90wpc4r99efqrv09sky8hzxvfrmdb29838d-dcf8-4431-94d3-3f3913d831ba.png);
    width: 1920px;
    height: 1404px;
}
.nav-line {
    margin-top: 1172px;
    width: 1920px;

}
.background-img-head .logo {
    width: 311px;
    height: 200px;
    margin-left: 44px;
    margin-top: 42px;
}
.wholepage {
    width: 1920;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.wholepage .navs {
    width: 1920px;
    position: absolute;

}
.wholepage .navs .nav1  {
    background: url(./img/psz2wjtrz9f7p4vs33pwgknnz7l8wcz27ci15d404aa-7886-4bac-8c3d-239e7605938d.png);
    width: 211px;
    height: 210px;
    margin-left: 304px;
    position: absolute;
    margin-top: 1244px;

}
.wholepage .nav1:hover  {
    background: url(./img/pso4h3dylidxqgy8wt8qs74eiv5bmvvbawqf605a515-1691-4836-ba35-40290c532228.png);
    width: 324px;
    height: 299px;
    margin-left: 237px;
    position: absolute;
    margin-top: 1199px;

}
.wholepage  .navs .nav2  {
    background: url(./img/pselstiyss63jhx5m7x8j6m9q2lhwf1mo0lc1efd5de-7dd1-47ea-9f18-5b087f820337.png);
    width: 202px;
    height: 201px;
    margin-left: 535px;
    position: absolute;
    margin-top: 1271px;

}
.wholepage .navs .nav2:hover  {
    background: url(./img/pscry5vl5zg9ch0sk9ma8skve4rqsqdrlbf9a278e-691e-4517-9798-de0c5a398fc6.png);
    width: 312px;
    height: 290px;
    margin-left: 467px;
    position: absolute;
    margin-top: 1230px;

}
.wholepage .navs .nav3  {
    background: url(./img/psinfvbdv0tzv0458encdtcykwzv5cf5a1dbbbf3f-c930-4eb7-9ab4-f6398603498d.png);
    width: 193px;
    height: 191px;
    margin-left: 764px;
    position: absolute;
    margin-top: 1288px;

}
.wholepage .navs .nav3:hover  {
    background: url(./img/psrnkrxuqpxujon73kyx75pk1m06fj3vm8043c4f6-1824-4be3-8e4b-b618773eb554.png);
    width: 296px;
    height: 291px;
    margin-left: 701px;
    position: absolute;
    margin-top: 1238px;

}
.wholepage .navs .nav4  {
    background: url(./img/ps7836769go7uz0gri9e9lzvnz2kdkkhm6ee25b49-da74-46b6-8f86-9584b4566e2a.png);
    width: 192px;
    height: 191px;
    margin-left: 988px;
    position: absolute;
    margin-top: 1288px;

}
.wholepage .navs .nav4:hover  {
    background: url(./img/psibe6kzjka6m988oyvebqouzm09r8pwbia0035194-dd2c-4a4d-b9f4-19c4e98f4302.png);
    width: 296px;
    height: 291px;
    margin-left: 923px;
    position: absolute;
    margin-top: 1238px;

}
.wholepage .navs .nav5  {
    background: url(./img/psg6x2yaqbrhlatkjn4ooy08350l0w38w0v1ae801bc-a71f-49b1-88ac-5f596f3f3462.png);
    width: 202px;
    height: 201px;
    margin-left: 1194px;
    position: absolute;
    margin-top: 1272px;

}
.wholepage .navs .nav5:hover  {
    background: url(./img/pskssk3gyx77qt8rpn7lj7te6i644hzzb4016df92-ffec-4644-a6f4-5e44a9290faa.png);
    width: 304px;
    height: 304px;
    margin-left: 1134px;
    position: absolute;
    margin-top: 1223px;

}
.wholepage .navs .nav6  {
    background: url(./img/psa3yqn2javnmw2xg4ud80g9ewqsxkcexgw5007704e-0615-4cfc-9e10-64652577e863.png);
    width: 210px;
    height: 209px;
    margin-left: 1409px;
    position: absolute;
    margin-top: 1246px;

}
.wholepage .navs .nav6:hover  {
    background: url(./img/psonm4lolyxxsumw01z8cj81hdcwsj3pig0d7c0bca-57af-41e3-a480-d4932219680f.png);
    width: 313px;
    height: 314px;
    margin-left: 1350px;
    position: absolute;
    margin-top: 1197px;

}

.wholepage .content-bg1 {
    width: 1306px;
    height: auto;
    background-color: #F3F6FB;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    border-radius: 300px  300px   50px  50px;
    z-index: -2;
    padding-top: 128px;
    padding-bottom: 94px;
    margin-top: 48px;
}
.wholepage .content-bg1 .content-bg2 {
    width: 1242px;
    height: auto;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: -2;
    border-radius: 45px;
    padding-bottom: 45px;
	padding-top: 45px;
    margin-top: 18px;
}
.wholepage .content-title  {
    font-size: 45px;
    position: relative;
    margin-bottom: 31px;
    font-weight: 400;
    font-family: FZCuYuan-M03S;
}
.content-bg1 .content-title .content-title-1 {
    color: #FD9F21;
}
.content-bg1 .content-title .content-title-2 {
    color: #2BB9ED;
    margin-left: 18px;
}

.content-bg1 .content-bg2 .content-bg3-blue {
    width: 1000px;
    height: auto;
    border-radius: 20px;
    background-color: #D0E9FF;
    padding-bottom: 40px;
    display: flex;
    padding-right: 0px;
	line-height:1.8;
}
.content-bg2 .content-bg3-blue .content {
    margin-left: 25px;
    margin-top: 45px;
    max-width: 780px;
    word-wrap: break-word;
    color: #6A89E9;
    font-family: Adobe Heiti Std;
    font-size: 28px;
	min-height: 100;
    display: flex;
    align-items: center;
}

.content-bg2 .content-bg3-blue .year {
    width: 111px;
    border-radius: 50%;
    height: 111px;
    background-color: #2B8FED;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-family: FZDaHei-B02S;
    font-weight: 600;
    color: #FFFFFF;
    font-size: 30px;
    align-items: center;
    margin-left: 25px;
    margin-top: 35px;
}

.content-bg1 .content-bg2 .content-bg3-purple {
    width: 1000px;
    height: auto;
    border-radius: 20px;
    background-color: #DFDBFE;
    padding-bottom: 40px;
    display: flex;
    padding-right: 0px;
    margin-top: 32px
}
.content-bg2 .content-bg3-purple .content {
    margin-left: 25px;
    margin-top: 45px;
    max-width: 780px;
    word-wrap: break-word;
    color: #8672A8;
    font-family: Adobe Heiti Std;
    font-size: 28px;
	min-height: 100;
    display: flex;
    align-items: center;
	line-height:1.8;
}

.content-bg2 .content-bg3-purple .year {
    width: 111px;
    border-radius: 50%;
    height: 111px;
    background-color: #7A63D8;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-family: FZDaHei-B02S;
    font-weight: 600;
    color: #FFFFFF;
    font-size: 30px;
    align-items: center;
    margin-left: 25px;
    margin-top: 35px;
}

.content-bg1 .content-bg2 .content-bg3-green {
    width: 1000px;
    height: auto;
    border-radius: 20px;
    background-color: #CCEFE9;
    padding-bottom: 40px;
    display: flex;
    padding-right: 0px;
    margin-top: 32px
}
.content-bg2 .content-bg3-green .content {
    margin-left: 25px;
    margin-top: 45px;
    max-width: 780px;
    word-wrap: break-word;
    color: #2E916B;
    font-family: Adobe Heiti Std;
    font-size: 28px;
	min-height: 100;
    display: flex;
    align-items: center;
	line-height:1.8;
}
.content-bg3-green .year  {
    width: 111px;
    border-radius: 50%;
    height: 111px;
    background-color: #33A77A;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-family: FZDaHei-B02S;
    font-weight: 600;
    color: #FFFFFF;
    font-size: 30px;
    align-items: center;
    position: relative;
    margin-left: 25px;
    margin-top: 35px;
}

.content-bg1 .content-bg2 .content-bg3-orange {
    width: 1000px;
    height: auto;
    border-radius: 20px;
    background-color: #FFE8C6;
    padding-bottom: 40px;
    display: flex;
    padding-right: 0px;
    margin-top: 32px
}
.content-bg2 .content-bg3-orange .content {
    margin-left: 25px;
    margin-top: 45px;
    max-width: 780px;
    word-wrap: break-word;
    color: #80312C;
    font-family: Adobe Heiti Std;
    font-size: 28px;
    min-height: 100;
    display: flex;
    align-items: center;
	line-height:1.8;
}

.content-bg2 .content-bg3-orange .year {
    width: 111px;
    border-radius: 50%;
    height: 111px;
    background-color: #F76F3D;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-family: FZDaHei-B02S;
    font-weight: 600;
    color: #FFFFFF;
    font-size: 30px;
    align-items: center;
    margin-left: 25px;
    margin-top: 35px;
}


.content-bg3-orange div .content2 {
    color: #80312C;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin-top: 55px;
    font-size: 28px;
	min-height: 100;
    display: flex;
    align-items: center;
}
.background-bottom {
    bottom: 0;
    height: 200px;
    display: flex;
    flex-direction: column;
    background-color: #000000;
    width: 100%;
    position: relative;
    align-items: center;
    justify-content: center;
    color: #F4F1EA;
    font-size: 20px;
	margin-top: 181px;
}
.wholepage .bottom {
    position: relative;
    width: 1920px;
}
.wholepage .bottom-img-1 {
    position: absolute;
    background: url(img/pskbqf8xsng7h4ij8wz2a3odccfv15qrcp370ee8f2-96fe-4019-9139-1905638a72fc.png);
    width: 437px;
    height: 444px;
    z-index: -1;
    left: 48px;
    bottom: 243px;
}
.wholepage .bottom-img-2 {
    position: absolute;
    background: url(img/psh9sd99qpof9t0zebmq72og40wr5enj99z1beada2b-9cf2-4f02-a711-dc31eb4f2c8b.png);
    width: 296px;
    height: 442px;
    z-index: -1;
    left: 1604px;
    bottom: 243px;
}


.wholepage .background-img-color {
    position: absolute;
    background: url(./img/psdbghjo49p1j3hpc3xpewff6rrn7qho4992d8e2a4f-b41b-4a63-8133-bccf1fa2dd4b.png);
    width: 1920px;
    height: 10105px;
    z-index: -2;
    top: 1022px;
}