html {
    font-size: 16px;
}

body {
    width: 100vw;

}

.biggest {
    width: 100vw;
    overflow: hidden;
    position: relative;
}

* {
    margin: 0;
    padding: 0;
}

.top {
    height: "(max-width:450px)500px, 24vw";
    border-bottom: 1px white solid;
    background-color: rgb(8,30,87);
}
.biaotoudad{
    height: 15vw;
}
.biaotou {
    height: 15vw;
    display: block;
    margin: 0 auto;
}
.nav {
    display: flex;
    justify-content: space-around;
    align-items: center;
    list-style-type: none;
    height: 5vw;
}

.nav a {
    color: white;
    text-decoration: none;
    font-size: 1.7vw;
}

.title {
    width: 50vw;
    display: block;
    margin: 0 auto;
}
.part0 {
    width: 100%;
    height: 73vw;
    background-color: rgb(8,30,87);
    position: relative;
    overflow: hidden;
}

.part0a {
    height: 23.1481vw;
    display: flex;
    align-items: center;
    z-index: 0;
    position: absolute;
    left: 25vw;
    top: 3vw;
}

.part0b {
    height: 60vw;
    z-index: 1;
    position: absolute;
    left: -15vw;
    top: 1vw;
    overflow: hidden;
}

.part0c {
    position: absolute;
    top: 19vw;
    left: -40vw;
    z-index: 1;
    height: 60vw;
    overflow: hidden;
}

.wave1 {
    width: 130%;
    display: block;
    margin: 0 auto;
    z-index: 0;
}

.library {
    width: 130%;
    display: block;
    margin: 0 auto;
}

.part0d {
    height: 60vw;
    position: absolute;
    top: -6vw;
    overflow: hidden;
}

.statue1 {
    width: 120%;
    display: block;
    margin-left: 23.5vw;
    margin-top: 0.5vw;

}
.part0e {
    height: 27vw;
    position: absolute;
    top: 32vw;
    overflow: hidden;
    display:flex ;
}
.earth{
    position: absolute;
    top: 72vw;
    left: 26vw;
    z-index: 5;
    overflow: hidden;
}
.earth1{
    width: 90%;
    display: block;
    margin-left: 23.5vw;
    margin-top: 0.5vw;
}
.intro {
    z-index: 2;
    display: block;
    margin-left: 55.5vw;
    margin-top: 30.5vw;
    
}
.partaddadd{
    height: 17vw;
    position: absolute;
    top: 18vw;
    overflow: hidden;
    display:flex ;
}
.addadd{
    z-index: 5;
    display: block;
    margin-left: 64.5vw;
    margin-top: 0.5vw;
}
.part0f {
    height: 30vw;
    position: absolute;
    top: 26vw;
    left: 7.5vw;
    overflow: hidden;
    display:flex ;
}
.part0h {
    height: 35vw;
    position: absolute;
    top: 25vw;
    left: -7vw;
    overflow: hidden;
    display:flex ;
}
.detail{
    z-index: 4;
    display: block;
    margin-left: 55.5vw;
    margin-top: 0.5vw;
}
.part0i{
    height: 77vw;
    position: absolute;
    top:38.5vw;
    left: -58.7vw;
    overflow: hidden;
    display:flex ;
}
.part0j{
    height: 65vw;
    position: absolute;
    top:36.5vw;
    left: -8.5vw;
    overflow: hidden;
    display:flex ;
}

.part1 {
    position: relative;
    width: 100vw;
    top: -1vw;
    /* height: 106.4815vw; */
    height: 150vw;
    background-color: rgb(38,81,132);
    z-index: 0;
}
.kaitou{
    z-index: 9;
    height: 13vw;
    position: absolute;
    top: 63.7vw;
    left: 3vw;
    overflow: hidden;
    display:flex ;
}
.wenzi{
    position: absolute;
    width: 80vw;
    height: 20vw;
    color: white;
    top: 1.7vw;
    font-size: 1.4vw;
    left: 10vw;
    line-height: 2vw;
    border-left:  0.1vw white solid;
}
.newnewwenzi{
    width: 93%;
    margin-left: 3vw;
}
.bold{
    font-weight: bold;
}
.tou{
    opacity: 0;
}
.part1a {
    position: absolute;
    left: -4.6296vw;
    top: 64.5vw;
    z-index: 2;
    height: 60vw;
    overflow: hidden;
}

.wave2 {
    width: 130%;
    display: block;
    margin: 0 auto;
}

.part1b {
    height:60vw;
    position: absolute;
    top: 100vw;
    left: -4vw;
    overflow: hidden;
}

.background1 {
    width: 107vw;
}

.part1c {
    position: absolute;
    left: -19vw;
    top: -163vw;
    z-index: 3;
    height: 33vw;
    /* overflow: hidden; */
}

.wave3 {
    width: 135%;
    display: block;
    margin: 0 auto;
    z-index: 3;
}

.part1d {
    position: absolute;
    top: 103vw;
    left: 13.5vw;
    z-index: 1;
    width: 100vw;
    overflow: hidden;
}

.people1 {
    width: 88%;
    display: block;
    margin-left: 25.9259vw;
    margin-top: 3.1019vw;
}

.part2 {
    height: 275vw;
    top: 130vw;
    width: 100vw;
    background-color: white;
    position: relative;
    z-index: 0;
}

.part2a {
    position: absolute;
    top: -135vw;
    height: 55vw;
    overflow: hidden;
    left: -25vw;
}

.background2 {
    width: 120%;
    display: block;
    margin-top: -10vw;
}

.part2b {
    position: absolute;
    top: -133vw;
    width: 120vw;
    overflow: hidden;
    left: -37vw;
    display: flex;
    z-index: 4;
}

.people2 {
    width: 100%;
    display: block;
    margin: 0 auto;
    z-index: 1;
}


.part2c {
    position: absolute;
    top: -99vw;
    left: -6.9444vw;
    z-index: 5;
    height: 46.2963vw;
    /* overflow: hidden; */
}

.wave4 {
    width: 130%;
    display: block;
    margin: 0 auto;
}

.part2d {
    position: absolute;
    top: -77vw;
    height: 50vw;
    /* height: 46.2963vw; */
    overflow: hidden;
    left: -18vw;
}

.background3 {
    width: 120%;
    display: block;
    margin: 0 auto;
    z-index: 0;
}
.part2add{
    position: absolute;
    top: -62vw;
    width: 120vw;
    overflow: hidden;
    left: -7vw;
    display: flex;
    z-index: 1;
}
.sucai{
    width: 80%;
}
.part2e {
    position: absolute;
    top: -60.5vw;
    left: -50vw;
    z-index: 2;
    width: 150vw;
    overflow: hidden;
}

.wave5 {
    width: 130%;
    display: block;
    margin: 0 auto;
}

.part2f {
    position: absolute;
    top: -11.7vw;
    left: 34vw;
    height: 45vw;
    /* height: 46.2963vw; */
    overflow: hidden;
    display: flex;
    z-index: 2;
}
.people3 {
    display: block;
    margin-left: 12.963vw;
    width: 135%;
}

.part2g {
    position: absolute;
    top: -30vw;
    overflow: hidden;
    left: -20vw;
    z-index: 1;
    width: 125vw;
}

.background4 {
    width: 120%;
    display: block;
    margin: 0 auto;
    z-index: 2;
}

.part2h {
    position: absolute;
    top: -11.8vw;
    left: -27.7778vw;
    z-index: 2;
    height: 65.5556vw;
    overflow: hidden;
}

.wave6 {
    width: 130%;
    display: block;
    margin: 0 auto;
}

.part2j{
    position: absolute;
    top: 28vw;
    height: 100vw;
    overflow: hidden;
    left: -6vw;
}
.background5{
    width:120%;
    display: block;
    margin: 0 auto;
    z-index: 2;
}
.part2k{
    position: absolute;
    top: 37vw;
    left: -30vw;
    z-index: 3;
    height:193vw;
    overflow: hidden;
}
.wave7{
    width: 130%;
    display: block;
    margin: 0 auto;
}
.part2l{
    position: absolute;
    top: 40vw;
    z-index: 2;
    height: 85vw;
    overflow: hidden;
}
.statue2{
    width: 100%;
    display: block;
    margin-left: 62.5vw;
}
.part2m{
    position: absolute;
    top: 81vw;
    overflow: hidden;
    left:-30vw;
}
.background6{
    width:120%;
    display: block;
    margin: 0 auto;
    z-index: 2;
}
.part2n {
    position: absolute;
    top: 130vw;
    left: -27.7778vw;
    z-index: 2;
    height: 50vw;
    overflow: hidden;
}

.bottom{
    width: 130%;
    display: block;
    margin: 0 auto;
}
.part3{
    height: 12vw;
    top: 1vw;
    position: relative;
    width: 100vw;
    z-index: 6;
}
.down1{
    display: flex;
    justify-content: space-around;
    align-items: center;
    list-style-type: none;
    height: 3vw;
    font-size: 1vw;
    color: white;
}
.weizhi{
    margin-top: -2vw;
}
.down2{
    display: flex;
    justify-content: space-around;
    align-items: center;
    list-style-type: none;
    height: 3vw;
    font-size: 1vw;
    color: white;
}
.down3{
  display: flex;
  justify-content: space-around;
  align-items: center;
  list-style-type: none;
  position: relative;
  top: 0.5vw;
  height: 3vw;
  font-size: 1vw;
  color: white;
}
.downword{
  color: white;
  text-decoration: none;
}
.iconaddress{
    height: 2vw;
    width: 2vw;
}
.iconmail{
    height: 2vw;
    width: 2vw;
}
.icontel{
    height: 2vw;
    width: 2vw;
}
.addre{
    display: block;
}
.shu{
    margin-left: 0vw;
    display: block;
}
.tele{
    margin-left: 0vw;
    display: block;
}
.bottom0{
    z-index: 5;
    display: block;
    height: 12vw;
}
.a1{
    height: 35vw;
    width: 100vw;
    position: absolute;
    top: 202vw;
    z-index: 99;
}
.aa1{
    display: block;
    height: 35vw;
    width: 100vw;
    z-index: 999;
}
.a2{
    height: 35vw;
    width: 100vw;
    position: absolute;
    top: 255vw;
    z-index: 99;
}
.aa2{
    display: block;
    height: 35vw;
    width: 100vw;
    z-index: 999;
}
.a3{
    height: 37vw;
    width: 100vw;
    position: absolute;
    top: 308vw;
    z-index: 99;
}
.aa3{
    display: block;
    width: 100vw;
    height: 37vw;
    z-index: 999;
}
.a4{
    height: 37vw;
    width: 100vw;
    position: absolute;
    top: 361vw;
    z-index: 99;
}
.aa4{
    display: block;
    width: 100vw;
    height: 37vw;
    z-index: 999;
}
.a5{
    height: 37vw;
    width: 100vw;
    position: absolute;
    top: 417vw;
    z-index: 99;
}
.aa5{
    display: block;
    width: 100vw;
    height: 37vw;
    z-index: 999;
}
.a6{
    height: 43vw;
    width: 100vw;
    position: absolute;
    top: 472vw;
    z-index: 99;
}
.aa6{
    display: block;
    width: 100vw;
    height: 43vw;
    z-index: 999;
}
.back {
    position: fixed;
    left: 93vw;
    top: 46vw;
    /* height: 20vw; */
    z-index: 1000;
  }
.back img {
    width: 3.6vw;
    /* height: 8vw; */
  }