.zerogrid{
    width: 1500px;
    height: 870px;
    background-image: linear-gradient(rgb(165, 239, 250),rgb(227, 250, 158));
    position: relative;
}
.wrap-header{
width: 1200px;
margin-top: 60px;
margin-left: 100px;
background-color: rgb(129, 172, 203);
height: 750px;
position: absolute;

}
.wrap-body{
    background-attachment: fixed;
    width: 1330px;
    height: 870px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-color: yellow
}
.logo{
    width: 1200px;
    height: 200px;
    background-color: #fff;
    margin-top: 10px;
}

.shell{
    display: flex;
    justify-content: center;
}
.button,.portrait{
    background-color: rgb(129, 172, 203);
    width: 170px;
    height: 65px;
    text-align: center;
   line-height: 65px;
   transition: .3s;
   cursor: pointer;
   font-size: 25px;
}

.information{
    width: 220px;
    background-color: #78d1d2;
    transform: translate(-20px,-200px);
    border-radius: 10px;
    padding: 20px 0;
    line-height: 0;
    height: 0;
    transition: .3s;
    opacity: 0;
}
.button:hover{
    background-color: rgb(217,228,138);
}
.button li:hover{
    background-color: rgb(210,220,221);
}
.button ul li{
    height: 0;
    transition: .2s;
    opacity: 0;
    transform: translateY(-65px);
    background-color: rgb(210,220,221);
}
.button:hover li{
    height: 65px;
    opacity: 1;
    transform: translateY(0);
}
.portrait:hover .information{
    opacity: 1;
    line-height: 65px;
    transform: translate(-20px,-10px);
    height: auto;
}
.nav li:hover{
    background-color: rgb(217,228,138);
} 
.atupian{
    width: 1200px;
    background-color: #F4BBBB;
}
.atupian img{
    width: 1200px;
    height: 520px;
}
.zg{
    width: 1519.2;
    height: 1544px;
    background-color: rgb(198,226,178);
    justify-content: space-around;
    padding-left: 100px;
}
.one{
    width: 1400px;
    height: 370px;
    background-color: rgb(212,242,123);
    display: flex;
    flex-direction: row;
    padding-left: 60px;
    margin-top: 20px;
}
.a{
    width: 592px;
    height: 370px;
    background-color:aquamarine;  
}
.b{
    width: 600px;
    height: 370px;
    background-color: #F8A4E2;
    color: black;
    padding-top: 70px;
    font-size: 25px;
    padding-top: 70px;
    padding-left: 30px;
    text-align: center;
}
.c img{
    width: 592px;
    height: 370px;
}
.wbb{
    width: 1519.2px;
    height: 100px;
    background-color: blanchedalmond;
    color: black;
    font-size: 25px;
    padding-top: 40px;
}