*{
   margin: 0;
   padding: 0;
   
}
body>div.container {
  padding: 0;
  margin-left: 0;
  width: 100%;
 
}

.a{
   position: relative;
    height: 730px;
    width: 100%;
    margin: 0;
    background-size: flex;
    
}

.main{
   position: relative;
   z-index: 0;
   top: 60px;
   left:0;
   padding: 0;
   display: cover;
   border-radius: 0 0 10px 10px; 
}
.p1{
   position: absolute;
   z-index: 3;
   top:610px;
   left: -70px;
   animation: animation1 5s linear infinite ;
   transition: 0.5s;
}
@keyframes animation1
{
   0%{transform:rotate(-20deg);}
   50%{transform:rotate(20deg);}
   100%{transform:rotate(-20deg);}
}

.card{
  position: relative;
  width: 300px;
  height: 450px;
  margin: 20px;
  background-color: rgb(190, 213, 234);
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #ffffff;
  box-shadow: 0 0 30px #000;
  flex-shrink: 0;
}
.card .photo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card .photo{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0%;
  overflow: hidden;
  transition: 0.5s;
  z-index: 100;
}
.card:hover .photo{
  top: 30px;
  width:120px;
  height: 120px;
  border-radius: 50%;
  box-shadow: 0 0 20px  rgba(2, 2, 2, 0.3);
}
.card .photo::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom,transparent 50% #000);
}
.card h1{
  color: #c2d772;
  position: absolute;
  top: 400px;
  left: 87px;
  transition: 0.5s;
  z-index: 300;
  font-family: lemon;
}
.card:hover h1{
  top:160px;
  
}
.card h2{
  position: absolute;
  margin-top: 210px;
  width: 80%;
  border-bottom: 3px solid rgba(255,255,255,0.3);
  font-size: 20px;
  text-align: center;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-family: libre;
}
.card p{
  color: #274940;
  position: absolute;
  margin-top: 270px;
  width: 80%;
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-family: libre;
}


.biaoti{
 position: relative;
 height: 150px;
 width: 100%;
 top: 150px;
 margin: 0;
 justify-content: center;
 align-items: center;

}
.T{
 position: absolute;
 height: 100px;
 width: 100px;
 left: 600px;
 top: 0;
 border:3px solid #c2d772 ;
 background-color: #c2d772;
 border-radius: 50%;
 justify-content: center;
 align-items: center;
 z-index: 2;
}
.T h1{
 position: absolute;
 margin-top: 15px;
 margin-left: 37px;
 font-family: 'lemon';
}

.E{
 position: absolute;
 height: 100px;
 width: 100px;
 left: 800px;
 top: 0;
 border:3px solid  #c2d772;
 background-color: #c2d772;
 border-radius: 50%;
 justify-content: center;
 align-items: center;
 z-index: 2;
}
.E h1{
 position: absolute;
 margin-top: 18px;
 margin-left: 35px;
 font-family: 'lemon';
}

.A{
 position: absolute;
 height: 100px;
 width: 100px;
 left: 1000px;
 top: 0;
 border:3px solid #c2d772 ;
 background-color: #c2d772;
 border-radius: 50%;
 justify-content: center;
 align-items: center;
 z-index: 2;
}
.A h1{
 position: absolute;
 margin-top: 18px;
 margin-left: 30px;
 font-family: 'lemon';
}

.M{
 position: absolute;
 height: 100px;
 width: 100px;
 left: 1200px;
 top: 0;
 border:3px solid #c2d772 ;
 background-color: #c2d772;
 border-radius: 50%;
 justify-content: center;
 align-items: center;
 z-index: 2;
}
.biaoti .M h1{
 position: absolute;
 margin-top: 18px;
 margin-left: 30px;
 font-family: 'lemon';
}


/*archie 排位置*/
.p2{
  position: absolute;
  z-index: 3;
  top: 550px;
  left: 60px;
  animation: animation2 5s linear infinite ;
  transition: 0.5s;
  
}
@keyframes animation2
{
  0%{transform:rotate(-20deg);}
  50%{transform:rotate(20deg);}
  100%{transform:rotate(-20deg);}
}
.p2:hover{
height: 400px;
z-index: 10000;
}
.p3{
position: absolute;
z-index: 3;
top: 550px;
left: 300px;
animation: animation3 5s linear infinite ;
transition: 0.2s;

}
@keyframes animation3
{
0%{transform:rotate(-20deg);}
50%{transform:rotate(20deg);}
100%{transform:rotate(-20deg);}
}

.p3:hover{
height: 400px;
z-index: 10000;
}
.p4{
position: absolute;
z-index: 3;
top: 440px;
left: 200px;
animation: animation4 5s linear infinite ;
transition: 0.2s;

}
@keyframes animation4
{
0%{transform:rotate(-20deg);}
50%{transform:rotate(20deg);}
100%{transform:rotate(-20deg);}
}
.p4:hover{
height: 400px;
z-index: 10000;
}
.p5{
position: absolute;
z-index: 3;
top: 400px;
left: 400px;
animation: animation5 5s linear infinite ;
transition: 0.2s;

}
@keyframes animation5
{
0%{transform:rotate(-20deg);}
50%{transform:rotate(20deg);}
100%{transform:rotate(-20deg);}
}
.p5:hover{
height: 400px;
z-index: 10000;
}
.p6{
position: absolute;
z-index: 3;
top: 320px;
left: 600px;
animation: animation6 5s linear infinite ;
transition: 0.2s;

}
@keyframes animation6
{
0%{transform:rotate(-20deg);}
50%{transform:rotate(20deg);}
100%{transform:rotate(-20deg);}
}

.p6:hover{
height: 400px;
z-index: 10000;
}
.p7{
position: absolute;
z-index: 3;
top: 530px;
left: 450px;
animation: animation7 5s linear infinite ;
transition: 0.2s;

}
@keyframes animation7
{
0%{transform:rotate(-20deg);}
50%{transform:rotate(20deg);}
100%{transform:rotate(-20deg);}
}

.p7:hover{
height: 400px;
z-index: 10000;
}

.p8{
position: absolute;
z-index: 3;
top: 530px;
left: 800px;
animation: animation8 5s linear infinite ;
transition: 0.2s;

}
@keyframes animation8
{
0%{transform:rotate(-20deg);}
50%{transform:rotate(20deg);}
100%{transform:rotate(-20deg);}
}

.p8:hover{
height: 400px;
z-index: 10000;
}

.p9{
position: absolute;
z-index: 3;
top: 200px;
left: 800px;
animation: animation9 5s linear infinite ;
transition: 0.2s;

}
@keyframes animation9
{
0%{transform:rotate(-20deg);}
50%{transform:rotate(20deg);}
100%{transform:rotate(-20deg);}
}

.p9:hover{
height: 400px;
z-index: 10000;
}

.p10{
position: absolute;
z-index: 3;
top: 300px;
left: 1000px;
animation: animation10 5s linear infinite ;
transition: 0.2s;

}
@keyframes animation10
{
0%{transform:rotate(-20deg);}
50%{transform:rotate(20deg);}
100%{transform:rotate(-20deg);}
}

.p10:hover{
height: 400px;
z-index: 10000;
}

.p11{
position: absolute;
z-index: 3;
top: 530px;
left: 600px;
animation: animation11 5s linear infinite ;
transition: 0.2s;

}
@keyframes animation11
{
0%{transform:rotate(-20deg);}
50%{transform:rotate(20deg);}
100%{transform:rotate(-20deg);}
}

.p11:hover{
height: 400px;
z-index: 10000;
}

.p12{
position: absolute;
z-index: 3;
top: 500px;
left: 1100px;
animation: animation12 5s linear infinite ;
transition: 0.2s;

}
@keyframes animation12
{
0%{transform:rotate(-20deg);}
50%{transform:rotate(20deg);}
100%{transform:rotate(-20deg);}
}

.p12:hover{
height: 400px;
z-index: 10000;
}

.p13{
position: absolute;
z-index: 3;
top: 500px;
left: 1300px;
animation: animation13 5s linear infinite ;
transition: 0.2s;

}
@keyframes animation13
{
0%{transform:rotate(-20deg);}
50%{transform:rotate(20deg);}
100%{transform:rotate(-20deg);}
}

.p13:hover{
height: 400px;
z-index: 10000;
}
.p14{
position: absolute;
z-index: 3;
top: 300px;
left: 1200px;
animation: animation14 5s linear infinite ;
transition: 0.2s;

}
@keyframes animation14
{
0%{transform:rotate(-20deg);}
50%{transform:rotate(20deg);}
100%{transform:rotate(-20deg);}
}

.p14:hover{
height: 400px;
z-index: 10000;
}

.p15{
position: absolute;
z-index: 3;
top: 550px;
left: 1400px;
animation: animation15 5s linear infinite ;
transition: 0.2s;

}
@keyframes animation15
{
0%{transform:rotate(-20deg);}
50%{transform:rotate(20deg);}
100%{transform:rotate(-20deg);}
}

.p15:hover{
height: 330px;
z-index: 10000;
}
.p16{
position: absolute;
z-index: 3;
top: 400px;
left: 1400px;
animation: animation16 5s linear infinite ;
transition: 0.5s;

}
@keyframes animation16
{
0%{transform:rotate(-20deg);}
50%{transform:rotate(20deg);}
100%{transform:rotate(-20deg);}
}

.p16:hover{
height: 400px;
z-index: 10000;
}

.p17{
position: absolute;
z-index: 3;
top: 400px;
left: -100px;
animation: animation17 5s linear infinite ;
transition: 0.2s;

}
@keyframes animation17
{
0%{transform:rotate(-20deg);}
50%{transform:rotate(20deg);}
100%{transform:rotate(-20deg);}
}

.p17:hover{
height: 400px;
z-index: 10000;
}

.p18{
position: absolute;
z-index: 3;
top: 300px;
left: 100px;
animation: animation18 5s linear infinite ;
transition: 0.2s;

}
@keyframes animation18
{
0%{transform:rotate(-20deg);}
50%{transform:rotate(20deg);}
100%{transform:rotate(-20deg);}
}

.p18:hover{
height: 400px;
z-index: 10000;
}

.p19{
position: absolute;
z-index: 3;
top: 400px;
left: 700px;
animation: animation19 5s linear infinite ;
transition: 0.5s;

}
@keyframes animation19
{
0%{transform:rotate(-20deg);}
50%{transform:rotate(20deg);}
100%{transform:rotate(-20deg);}
}

.p19:hover{
height: 400px;
z-index: 10000;
}

.p20{
position: absolute;
z-index: 3;
top: 400px;
left: 900px;
animation: animation20 5s linear infinite ;
transition: 0.5s;

}
@keyframes animation20
{
0%{transform:rotate(-20deg);}
50%{transform:rotate(20deg);}
100%{transform:rotate(-20deg);}
}

.p20:hover{
height: 400px;
z-index: 10000;
}

.p21{
position: absolute;
z-index: 3;
top: 550px;
left: 1000px;
animation: animation21 5s linear infinite ;
transition: 0.5s;

}
@keyframes animation21
{
0%{transform:rotate(-20deg);}
50%{transform:rotate(20deg);}
100%{transform:rotate(-20deg);}
}

.p21:hover{
height: 400px;
z-index: 10000;
}

.p22{
position: absolute;
z-index: 3;
top: 250px;
left: -70px;
animation: animation22 5s linear infinite ;
transition: 0.5s;

}
@keyframes animation22
{
0%{transform:rotate(-20deg);}
50%{transform:rotate(20deg);}
100%{transform:rotate(-20deg);}
}

.p22:hover{
height: 400px;
z-index: 10000;
}



 /*archie排位结束*/


      /*人物介绍结束*/
      .card1{
        position: relative;
        width: 300px;
        height: 450px;
        margin: 20px;
        background-color: rgb(190, 213, 234);
        border-radius: 20px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #ffffff;
        box-shadow: 0 0 30px #000;
        flex-shrink: 0;
      }
      .card1 .photo img{
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .card1 .photo{
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 0%;
        overflow: hidden;
        transition: 0.5s;
        z-index: 2;
      }
      .card1:hover .photo{
        top: 30px;
        width:120px;
        height: 120px;
        border-radius: 50%;
        box-shadow: 0 0 20px  rgba(2, 2, 2, 0.3);
      }
      .card1 .photo::before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom,transparent 50% #000);
      }
      .card1 h1{
        color: #c2d772;
        position: absolute;
        top: 400px;
        left: 70px;
        transition: 0.5s;
        z-index: 3;
        font-family: lemon;
      }
      .card1:hover h1{
        top:160px;
        
      }
      .card1 h2{
        position: absolute;
        margin-top: 210px;
        width: 80%;
        border-bottom: 3px solid rgba(255,255,255,0.3);
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
        padding-bottom: 10px;
        font-family: libre;
      }
      .card1 p{
        color: #274940;
         position: absolute;
         margin-top: 295px;
        width: 80%;
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px;
        padding-bottom: 20px;
        font-family: libre;
      }

      

      
      /*人物介绍结束*/
      .card3{
        position: relative;
        width: 300px;
        height: 450px;
        margin: 20px;
        background-color: rgb(190, 213, 234);
        border-radius: 20px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #ffffff;
        box-shadow: 0 0 30px #000;
        flex-shrink: 0;
      }
      .card3 .photo img{
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .card3 .photo{
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 0%;
        overflow: hidden;
        transition: 0.5s;
        z-index: 2;
      }
      .card3:hover .photo{
        top: 30px;
        width:120px;
        height: 120px;
        border-radius: 50%;
        box-shadow: 0 0 20px  rgba(2, 2, 2, 0.3);
      }
      .card3 .photo::before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom,transparent 50% #000);
      }
      .card3 h1{
        color: #FEC9C3;
        position: absolute;
        top: 400px;
        left: 20px;
        transition: 0.5s;
        z-index: 3;
        width: 100%;
        font-size: 35px;
        font-family: lemon;
      }
      .card3:hover h1{
        top:160px;
        
      }
      .card3 h2{
        position: absolute;
        margin-top: 210px;
        width: 80%;
        border-bottom: 3px solid rgba(255,255,255,0.3);
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
        padding-bottom: 10px;
        font-family: libre;
      }
      .card3 p{
        color: #274940;
         position: absolute;
         margin-top: 260px;
        width: 80%;
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px;
        padding-bottom: 20px;
        font-family: libre;
      }

      
      /*人物介绍结束*/
      .card4{
        position: relative;
        width: 300px;
        height: 450px;
        margin: 20px;
        background-color: rgb(190, 213, 234);
        border-radius: 20px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #ffffff;
        box-shadow: 0 0 30px #000;
        flex-shrink: 0;
      }
      .card4 .photo img{
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .card4 .photo{
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 0%;
        overflow: hidden;
        transition: 0.5s;
        z-index: 2;
      }
      .card4:hover .photo{
        top: 30px;
        width:120px;
        height: 120px;
        border-radius: 50%;
        box-shadow: 0 0 20px  rgba(2, 2, 2, 0.3);
      }
      .card4 .photo::before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom,transparent 50% #000);
      }
      .card4 h1{
        color: #FEC9C3;
        position: absolute;
        top: 400px;
        left: 80px;
        transition: 0.5s;
        z-index: 3;
        font-size: 35px;
        font-family: lemon;
      }
      .card4:hover h1{
        top:160px;
        
      }
      .card4 h2{
        position: absolute;
        margin-top: 210px;
        width: 80%;
        border-bottom: 3px solid rgba(255,255,255,0.3);
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
        padding-bottom: 10px;
        font-family: libre;
      }
      .card4 p{
        color: #274940;
        position: absolute;
        margin-top: 260px;
        width: 80%;
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px;
        padding-bottom: 20px;
        font-family: libre;
      }

      
      /*人物介绍结束*/
      .card5{
        position: relative;
        width: 300px;
        height: 450px;
        margin: 20px;
        background-color: rgb(190, 213, 234);
        border-radius: 20px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #ffffff;
        box-shadow: 0 0 30px #000;
        flex-shrink: 0;
      }
      .card5 .photo img{
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .card5 .photo{
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 0%;
        overflow: hidden;
        transition: 0.5s;
        z-index: 2;
      }
      .card5:hover .photo{
        top: 30px;
        width:120px;
        height: 120px;
        border-radius: 50%;
        box-shadow: 0 0 20px  rgba(2, 2, 2, 0.3);
      }
      .card5 .photo::before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom,transparent 50% #000);
      }
      .card5 h1{
        color: #FEC9C3;
        position: absolute;
        top: 400px;
        left: 63px;
        transition: 0.5s;
        z-index: 3;
        font-size: 35px;
        font-family: lemon;
      }
      .card5:hover h1{
        top:160px;
        
      }
      .card5 h2{
        position: absolute;
        margin-top: 210px;
        width: 80%;
        border-bottom: 3px solid rgba(255,255,255,0.3);
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
        padding-bottom: 10px;
        font-family: libre;
      }
      .card5 p{
        color: #274940;
        position: absolute;
        margin-top: 260px;
        width: 80%;
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px;
        padding-bottom: 20px;
        font-family: libre;
      }


      
      /*人物介绍结束*/
      .card6{
        position: relative;
        width: 300px;
        height: 450px;
        margin: 20px;
        background-color: rgb(190, 213, 234);
        border-radius: 20px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #ffffff;
        box-shadow: 0 0 30px #000;
        flex-shrink: 0;
      }
      .card6 .photo img{
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .card6 .photo{
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 0%;
        overflow: hidden;
        transition: 0.5s;
        z-index: 2;
      }
      .card6:hover .photo{
        top: 30px;
        width:120px;
        height: 120px;
        border-radius: 50%;
        box-shadow: 0 0 20px  rgba(2, 2, 2, 0.3);
      }
      .card6 .photo::before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom,transparent 50% #000);
      }
      .card6 h1{
        color: #FEC9C3;
        position: absolute;
        top: 400px;
        left: 60px;
        transition: 0.5s;
        z-index: 3;
        font-size: 35px;
        font-family: lemon;
      }
      .card6:hover h1{
        top:160px;
        
      }
      .card6 h2{
        position: absolute;
        margin-top: 210px;
        width: 80%;
        border-bottom: 3px solid rgba(255,255,255,0.3);
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
        padding-bottom: 10px;
        font-family: libre;
      }
      .card6 p{
        color: #274940;
         position: absolute;
         margin-top: 260px;
        width: 80%;
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px;
        padding-bottom: 20px;
        font-family: libre;
      }

      
      /*人物介绍结束*/
      .card7{
        position: relative;
        width: 300px;
        height: 450px;
        margin: 20px;
        background-color: rgb(190, 213, 234);
        border-radius: 20px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #ffffff;
        box-shadow: 0 0 30px #000;
        flex-shrink: 0;
      }
      .card7 .photo img{
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .card7 .photo{
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 0%;
        overflow: hidden;
        transition: 0.5s;
        z-index: 2;
      }
      .card7:hover .photo{
        top: 30px;
        width:120px;
        height: 120px;
        border-radius: 50%;
        box-shadow: 0 0 20px  rgba(2, 2, 2, 0.3);
      }
      .card7 .photo::before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom,transparent 50% #000);
      }
      .card7 h1{
        color: #FEC9C3;
        position: absolute;
        top: 400px;
        left: 65px;
        transition: 0.5s;
        z-index: 3;
        font-size: 35px;
        font-family: lemon;
      }
      .card7:hover h1{
        top:160px;
        
      }
      .card7 h2{
        position: absolute;
        margin-top: 210px;
        width: 80%;
        border-bottom: 3px solid rgba(255,255,255,0.3);
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
        padding-bottom: 10px;
        font-family: libre;
      }
      .card7 p{
        color: #274940;
         position: absolute;
         margin-top: 260px;
        width: 80%;
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px;
        padding-bottom: 20px;
        font-family: libre;
      }

      
      /*人物介绍结束*/
      .card8{
        position: relative;
        width: 300px;
        height: 450px;
        margin: 20px;
        background-color: rgb(190, 213, 234);
        border-radius: 20px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #ffffff;
        box-shadow: 0 0 30px #000;
        flex-shrink: 0;
      }
      .card8 .photo img{
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .card8 .photo{
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 0%;
        overflow: hidden;
        transition: 0.5s;
        z-index: 2;
      }
      .card8:hover .photo{
        top: 30px;
        width:120px;
        height: 120px;
        border-radius: 50%;
        box-shadow: 0 0 20px  rgba(2, 2, 2, 0.3);
      }
      .card8 .photo::before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom,transparent 50% #000);
      }
      .card8 h1{
        color: #FEC9C3;
        position: absolute;
        top: 400px;
        left: 50px;
        transition: 0.5s;
        z-index: 3;
        font-size: 35px;
        font-family: lemon;
      }
      .card8:hover h1{
        top:160px;
        
      }
      .card8 h2{
        position: absolute;
        margin-top: 210px;
        width: 80%;
        border-bottom: 3px solid rgba(255,255,255,0.3);
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
        padding-bottom: 10px;
        font-family: libre;
      }
      .card8 p{
        color: #274940;
         position: absolute;
         margin-top: 260px;
        width: 80%;
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px;
        padding-bottom: 20px;
        font-family: libre;
      }

      
      /*人物介绍结束*/
      .card9{
        position: relative;
        width: 300px;
        height: 450px;
        margin: 20px;
        background-color: rgb(190, 213, 234);
        border-radius: 20px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #ffffff;
        box-shadow: 0 0 30px #000;
        flex-shrink: 0;
      }
      .card9 .photo img{
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .card9 .photo{
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 0%;
        overflow: hidden;
        transition: 0.5s;
        z-index: 2;
      }
      .card9:hover .photo{
        top: 30px;
        width:120px;
        height: 120px;
        border-radius: 50%;
        box-shadow: 0 0 20px  rgba(2, 2, 2, 0.3);
      }
      .card9 .photo::before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom,transparent 50% #000);
      }
      .card9 h1{
        color: #FEC9C3;
        position: absolute;
        top: 400px;
        left: 50px;
        transition: 0.5s;
        z-index: 3;
        font-size: 35px;
        font-family: lemon;
      }
      .card9:hover h1{
        top:160px;
        
      }
      .card9 h2{
        position: absolute;
        margin-top: 210px;
        width: 80%;
        border-bottom: 3px solid rgba(255,255,255,0.3);
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
        padding-bottom: 10px;
        font-family: libre;
      }
      .card9 p{
        color: #274940;
         position: absolute;
         margin-top: 260px;
        width: 80%;
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px;
        padding-bottom: 20px;
        font-family: libre;
      }

      
      /*人物介绍结束*/
      .card10{
        position: relative;
        width: 300px;
        height: 450px;
        margin: 20px;
        background-color: rgb(190, 213, 234);
        border-radius: 20px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #ffffff;
        box-shadow: 0 0 30px #000;
        flex-shrink: 0;
      }
      .card10 .photo img{
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .card10 .photo{
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 0%;
        overflow: hidden;
        transition: 0.5s;
        z-index: 2;
      }
      .card10:hover .photo{
        top: 30px;
        width:120px;
        height: 120px;
        border-radius: 50%;
        box-shadow: 0 0 20px  rgba(2, 2, 2, 0.3);
      }
      .card10 .photo::before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom,transparent 50% #000);
      }
      .card10 h1{
        color: #FEC9C3;
        position: absolute;
        top: 400px;
        left: 10px;
        transition: 0.5s;
        z-index: 3;
        font-size: 35px;
        font-family: lemon;
      }
      .card10:hover h1{
        top:160px;
        
      }
      .card10 h2{
        position: absolute;
        margin-top: 210px;
        width: 80%;
        border-bottom: 3px solid rgba(255,255,255,0.3);
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
        padding-bottom: 10px;
        font-family: libre;
      }
      .card10 p{
        color: #274940;
         position: absolute;
         margin-top: 260px;
        width: 80%;
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px;
        padding-bottom: 20px;
        font-family: libre;
      }

            /*人物介绍结束*/
            .card11{
              position: relative;
              width: 300px;
              height: 450px;
              margin: 20px;
              background-color: rgb(190, 213, 234);
              border-radius: 20px;
              overflow: hidden;
              display: flex;
              flex-direction: column;
              align-items: center;
              color: #ffffff;
              box-shadow: 0 0 30px #000;
              flex-shrink: 0;
            }
            .card11 .photo img{
              width: 100%;
              height: 100%;
              object-fit: cover;
            }
            .card11 .photo{
              position: absolute;
              top: 0;
              width: 100%;
              height: 100%;
              border-radius: 0%;
              overflow: hidden;
              transition: 0.5s;
              z-index: 2;
            }
            .card11:hover .photo{
              top: 30px;
              width:120px;
              height: 120px;
              border-radius: 50%;
              box-shadow: 0 0 20px  rgba(2, 2, 2, 0.3);
            }
            .card11 .photo::before{
              content: "";
              position: absolute;
              width: 100%;
              height: 100%;
              background: linear-gradient(to bottom,transparent 50% #000);
            }
            .card11 h1{
              color: #FEC9C3;
              position: absolute;
              top: 400px;
              left: 45px;
              transition: 0.5s;
              z-index: 3;
              font-size: 35px;
              font-family: lemon;
            }
            .card11:hover h1{
              top:160px;
              
            }
            .card11 h2{
              position: absolute;
              margin-top: 210px;
              width: 80%;
              border-bottom: 3px solid rgba(255,255,255,0.3);
              font-size: 20px;
              text-align: center;
              margin-bottom: 10px;
              padding-bottom: 10px;
              font-family: libre;
            }
            .card11 p{
              color: #274940;
               position: absolute;
               margin-top: 260px;
              width: 80%;
              font-size: 20px;
              text-align: center;
              margin-bottom: 20px;
              padding-bottom: 20px;
              font-family: libre;
            }

                  /*人物介绍结束*/
      .card12{
        position: relative;
        width: 300px;
        height: 450px;
        margin: 20px;
        background-color: rgb(190, 213, 234);
        border-radius: 20px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #ffffff;
        box-shadow: 0 0 30px #000;
        flex-shrink: 0;
      }
      .card12 .photo img{
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .card12 .photo{
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 0%;
        overflow: hidden;
        transition: 0.5s;
        z-index: 2;
      }
      .card12:hover .photo{
        top: 30px;
        width:120px;
        height: 120px;
        border-radius: 50%;
        box-shadow: 0 0 20px  rgba(2, 2, 2, 0.3);
      }
      .card12 .photo::before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom,transparent 50% #000);
      }
      .card12 h1{
        color: #FEC9C3;
        position: absolute;
        top: 400px;
        left: -5px;
        transition: 0.5s;
        z-index: 3;
        font-size: 35px;
        font-family: lemon;
      }
      .card12:hover h1{
        top:160px;
        
      }
      .card12 h2{
        position: absolute;
        margin-top: 210px;
        width: 80%;
        border-bottom: 3px solid rgba(255,255,255,0.3);
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
        padding-bottom: 10px;
        font-family: libre;
      }
      .card12 p{
        color: #274940;
         position: absolute;
         margin-top: 260px;
        width: 80%;
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px;
        padding-bottom: 20px;
        font-family: libre;
      }

            /*人物介绍结束*/
            .card13{
              position: relative;
              width: 300px;
              height: 450px;
              margin: 20px;
              background-color: rgb(190, 213, 234);
              border-radius: 20px;
              overflow: hidden;
              display: flex;
              flex-direction: column;
              align-items: center;
              color: #ffffff;
              box-shadow: 0 0 30px #000;
              flex-shrink: 0;
            }
            .card13 .photo img{
              width: 100%;
              height: 100%;
              object-fit: cover;
            }
            .card13 .photo{
              position: absolute;
              top: 0;
              width: 100%;
              height: 100%;
              border-radius: 0%;
              overflow: hidden;
              transition: 0.5s;
              z-index: 2;
            }
            .card13:hover .photo{
              top: 30px;
              width:120px;
              height: 120px;
              border-radius: 50%;
              box-shadow: 0 0 20px  rgba(2, 2, 2, 0.3);
            }
            .card13 .photo::before{
              content: "";
              position: absolute;
              width: 100%;
              height: 100%;
              background: linear-gradient(to bottom,transparent 50% #000);
            }
            .card13 h1{
              color: #FEC9C3;
              position: absolute;
              top: 400px;
              left: 50px;
              transition: 0.5s;
              z-index: 3;
              font-size: 35px;
              font-family: lemon;
            }
            .card13:hover h1{
              top:160px;
              
            }
            .card13 h2{
              position: absolute;
              margin-top: 210px;
              width: 80%;
              border-bottom: 3px solid rgba(255,255,255,0.3);
              font-size: 20px;
              text-align: center;
              margin-bottom: 10px;
              padding-bottom: 10px;
              font-family: libre;
            }
            .card13 p{
              color: #274940;
               position: absolute;
               margin-top: 260px;
              width: 80%;
              font-size: 20px;
              text-align: center;
              margin-bottom: 20px;
              padding-bottom: 20px;
              font-family: libre;
            }

        /*人物介绍结束*/
        .card14{
          position: relative;
          width: 300px;
          height: 450px;
          margin: 20px;
          background-color: rgb(190, 213, 234);
          border-radius: 20px;
          overflow: hidden;
          display: flex;
          flex-direction: column;
          align-items: center;
          color: #ffffff;
          box-shadow: 0 0 30px #000;
          flex-shrink: 0;
        }
        .card14 .photo img{
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
        .card14 .photo{
          position: absolute;
          top: 0;
          width: 100%;
          height: 100%;
          border-radius: 0%;
          overflow: hidden;
          transition: 0.5s;
          z-index: 2;
        }
        .card14:hover .photo{
          top: 30px;
          width:120px;
          height: 120px;
          border-radius: 50%;
          box-shadow: 0 0 20px  rgba(2, 2, 2, 0.3);
        }
        .card14 .photo::before{
          content: "";
          position: absolute;
          width: 100%;
          height: 100%;
          background: linear-gradient(to bottom,transparent 50% #000);
        }
        .card14 h1{
          color: #FEC9C3;
          position: absolute;
          top: 400px;
          left: 60px;
          transition: 0.5s;
          z-index: 3;
          font-size: 35px;
          font-family: lemon;
        }
        .card14:hover h1{
          top:160px;
          
        }
        .card14 h2{
          position: absolute;
          margin-top: 210px;
          width: 80%;
          border-bottom: 3px solid rgba(255,255,255,0.3);
          font-size: 20px;
          text-align: center;
          margin-bottom: 10px;
          padding-bottom: 10px;
          font-family: libre;
        }
        .card14 p{
          color: #274940;
           position: absolute;
           margin-top: 260px;
          width: 80%;
          font-size: 20px;
          text-align: center;
          margin-bottom: 20px;
          padding-bottom: 20px;
          font-family: libre;
        }

              /*人物介绍结束*/
      .card15{
        position: relative;
        width: 300px;
        height: 450px;
        margin: 20px;
        background-color: rgb(190, 213, 234);
        border-radius: 20px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #ffffff;
        box-shadow: 0 0 30px #000;
        flex-shrink: 0;
      }
      .card15 .photo img{
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .card15 .photo{
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 0%;
        overflow: hidden;
        transition: 0.5s;
        z-index: 2;
      }
      .card15:hover .photo{
        top: 30px;
        width:120px;
        height: 120px;
        border-radius: 50%;
        box-shadow: 0 0 20px  rgba(2, 2, 2, 0.3);
      }
      .card15 .photo::before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom,transparent 50% #000);
      }
      .card15 h1{
        color: #FEC9C3;
        position: absolute;
        top: 400px;
        left: 0px;
        transition: 0.5s;
        z-index: 3;
        font-size: 35px;
        font-family: lemon;
      }
      .card15:hover h1{
        top:160px;
        
      }
      .card15 h2{
        position: absolute;
        margin-top: 210px;
        width: 80%;
        border-bottom: 3px solid rgba(255,255,255,0.3);
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
        padding-bottom: 10px;
        font-family: libre;
      }
      .card15 p{
        color: #274940;
         position: absolute;
         margin-top: 260px;
        width: 80%;
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px;
        padding-bottom: 20px;
        font-family: libre;
      }

            /*人物介绍结束*/
            .card16{
              position: relative;
              width: 300px;
              height: 450px;
              margin: 20px;
              background-color: rgb(190, 213, 234);
              border-radius: 20px;
              overflow: hidden;
              display: flex;
              flex-direction: column;
              align-items: center;
              color: #ffffff;
              box-shadow: 0 0 30px #000;
              flex-shrink: 0;
            }
            .card16 .photo img{
              width: 100%;
              height: 100%;
              object-fit: cover;
            }
            .card16 .photo{
              position: absolute;
              top: 0;
              width: 100%;
              height: 100%;
              border-radius: 0%;
              overflow: hidden;
              transition: 0.5s;
              z-index: 2;
            }
            .card16:hover .photo{
              top: 30px;
              width:120px;
              height: 120px;
              border-radius: 50%;
              box-shadow: 0 0 20px  rgba(2, 2, 2, 0.3);
            }
            .card16 .photo::before{
              content: "";
              position: absolute;
              width: 100%;
              height: 100%;
              background: linear-gradient(to bottom,transparent 50% #000);
            }
            .card16 h1{
              color: #FEC9C3;
              position: absolute;
              top: 400px;
              left: 60px;
              transition: 0.5s;
              z-index: 3;
              font-size: 35px;
              font-family: lemon;
            }
            .card16:hover h1{
              top:160px;
              
            }
            .card16 h2{
              position: absolute;
              margin-top: 210px;
              width: 80%;
              border-bottom: 3px solid rgba(255,255,255,0.3);
              font-size: 20px;
              text-align: center;
              margin-bottom: 10px;
              padding-bottom: 10px;
              font-family: libre;
            }
            .card16 p{
              color: #274940;
               position: absolute;
               margin-top: 260px;
              width: 80%;
              font-size: 20px;
              text-align: center;
              margin-bottom: 20px;
              padding-bottom: 20px;
              font-family: libre;
            }

                  /*人物介绍结束*/
      .card17{
        position: relative;
        width: 300px;
        height: 450px;
        margin: 20px;
        background-color: rgb(190, 213, 234);
        border-radius: 20px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #ffffff;
        box-shadow: 0 0 30px #000;
        flex-shrink: 0;
      }
      .card17 .photo img{
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .card17 .photo{
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 0%;
        overflow: hidden;
        transition: 0.5s;
        z-index: 2;
      }
      .card17:hover .photo{
        top: 30px;
        width:120px;
        height: 120px;
        border-radius: 50%;
        box-shadow: 0 0 20px  rgba(2, 2, 2, 0.3);
      }
      .card17 .photo::before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom,transparent 50% #000);
      }
      .card17 h1{
        color: #FEC9C3;
        position: absolute;
        top: 400px;
        left: -15px;
        transition: 0.5s;
        z-index: 3;
        font-size: 30px;
        font-family: lemon;
      }
      .card17:hover h1{
        top:160px;
        
      }
      .card17 h2{
        position: absolute;
        margin-top: 210px;
        width: 80%;
        border-bottom: 3px solid rgba(255,255,255,0.3);
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
        padding-bottom: 10px;
        font-family: libre;
      }
      .card17 p{
        color: #274940;
         position: absolute;
         margin-top: 260px;
        width: 80%;
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px;
        padding-bottom: 20px;
        font-family: libre;
      }

            /*人物介绍结束*/
            .card18{
              position: relative;
              width: 300px;
              height: 450px;
              margin: 20px;
              background-color: rgb(190, 213, 234);
              border-radius: 20px;
              overflow: hidden;
              display: flex;
              flex-direction: column;
              align-items: center;
              color: #ffffff;
              box-shadow: 0 0 30px #000;
              flex-shrink: 0;
            }
            .card18 .photo img{
              width: 100%;
              height: 100%;
              object-fit: cover;
            }
            .card18 .photo{
              position: absolute;
              top: 0;
              width: 100%;
              height: 100%;
              border-radius: 0%;
              overflow: hidden;
              transition: 0.5s;
              z-index: 2;
            }
            .card18:hover .photo{
              top: 30px;
              width:120px;
              height: 120px;
              border-radius: 50%;
              box-shadow: 0 0 20px  rgba(2, 2, 2, 0.3);
            }
            .card18 .photo::before{
              content: "";
              position: absolute;
              width: 100%;
              height: 100%;
              background: linear-gradient(to bottom,transparent 50% #000);
            }
            .card18 h1{
              color: #FEC9C3;
              position: absolute;
              top: 400px;
              left: 0px;
              transition: 0.5s;
              z-index: 3;
              font-size: 35px;
              font-family: lemon;
            }
            .card18:hover h1{
              top:160px;
              
            }
            .card18 h2{
              position: absolute;
              margin-top: 210px;
              width: 80%;
              border-bottom: 3px solid rgba(255,255,255,0.3);
              font-size: 20px;
              text-align: center;
              margin-bottom: 10px;
              padding-bottom: 10px;
              font-family: libre;
            }
            .card18 p{
              color: #274940;
               position: absolute;
               margin-top: 260px;
              width: 80%;
              font-size: 20px;
              text-align: center;
              margin-bottom: 20px;
              padding-bottom: 20px;
              font-family: libre;
            }

                  /*人物介绍结束*/
      .card19{
        position: relative;
        width: 300px;
        height: 450px;
        margin: 20px;
        background-color: rgb(190, 213, 234);
        border-radius: 20px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #ffffff;
        box-shadow: 0 0 30px #000;
        flex-shrink: 0;
      }
      .card19 .photo img{
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .card19 .photo{
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 0%;
        overflow: hidden;
        transition: 0.5s;
        z-index: 2;
      }
      .card19:hover .photo{
        top: 30px;
        width:120px;
        height: 120px;
        border-radius: 50%;
        box-shadow: 0 0 20px  rgba(2, 2, 2, 0.3);
      }
      .card19 .photo::before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom,transparent 50% #000);
      }
      .card19 h1{
        color: #FEC9C3;
        position: absolute;
        top: 400px;
        left: 30px;
        transition: 0.5s;
        z-index: 3;
        font-size: 35px;
        font-family: lemon;
      }
      .card19:hover h1{
        top:160px;
        
      }
      .card19 h2{
        position: absolute;
        margin-top: 210px;
        width: 80%;
        border-bottom: 3px solid rgba(255,255,255,0.3);
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
        padding-bottom: 10px;
        font-family: libre;
      }
      .card19 p{
        color: #274940;
         position: absolute;
         margin-top: 260px;
        width: 80%;
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px;
        padding-bottom: 20px;
        font-family: libre;
      }

            /*人物介绍结束*/
            .card20{
              position: relative;
              width: 300px;
              height: 450px;
              margin: 20px;
              background-color: rgb(190, 213, 234);
              border-radius: 20px;
              overflow: hidden;
              display: flex;
              flex-direction: column;
              align-items: center;
              color: #ffffff;
              box-shadow: 0 0 30px #000;
              flex-shrink: 0;
            }
            .card20 .photo img{
              width: 100%;
              height: 100%;
              object-fit: cover;
            }
            .card20 .photo{
              position: absolute;
              top: 0;
              width: 100%;
              height: 100%;
              border-radius: 0%;
              overflow: hidden;
              transition: 0.5s;
              z-index: 2;
            }
            .card20:hover .photo{
              top: 30px;
              width:120px;
              height: 120px;
              border-radius: 50%;
              box-shadow: 0 0 20px  rgba(2, 2, 2, 0.3);
            }
            .card20 .photo::before{
              content: "";
              position: absolute;
              width: 100%;
              height: 100%;
              background: linear-gradient(to bottom,transparent 50% #000);
            }
            .card20 h1{
              color: #FEC9C3;
              position: absolute;
              top: 400px;
              left: 60px;
              transition: 0.5s;
              z-index: 3;
              font-size: 35px;
              font-family: lemon;
            }
            .card20:hover h1{
              top:160px;
              
            }
            .card20 h2{
              position: absolute;
              margin-top: 210px;
              width: 80%;
              border-bottom: 3px solid rgba(255,255,255,0.3);
              font-size: 20px;
              text-align: center;
              margin-bottom: 10px;
              padding-bottom: 10px;
              font-family: libre;
            }
            .card20 p{
              color: #274940;
               position: absolute;
               margin-top: 260px;
              width: 80%;
              font-size: 20px;
              text-align: center;
              margin-bottom: 20px;
              padding-bottom: 20px;
              font-family: libre;
            }

      .member{
        justify-content: center;
        align-items: center;
        display:flex;
        flex-wrap: wrap;
        position: absolute;
        top: 1700px;
        left: 150px;
        
      }
      .teacher{
        justify-content: center;
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        position: absolute;
        top: 1090px;
        left: 210px;
      }     
      @keyframes animation111
     {
        0%{transform:scale(1);}
        50%{transform:scale(1.2);}
        100%{transform:scale(1);}
     }
      .p23{
        position: absolute;
        top: 1000px;
        left: 25px;
        animation: animation111 5s linear infinite ;
        transition: 0.5s; 
      }
      .p24{
        position: absolute;
        top: 1600px;
        left: 25px;
        animation: animation112 5s linear infinite ;
        transition: 0.5s; 
      }
      .p25{
        position: absolute;
        top: 950px;
        left: 900px;
        z-index: 1000000;
      }
      @keyframes animation112
     {
        0%{transform:scale(1);}
        50%{transform:scale(1.2);}
        100%{transform:scale(1);}
     }
     .line1 {
      position: absolute;
      margin: 0;
      width: 1400px;
      top: 900px;
      border-top: 10px solid #C4E9E6; /* 创建一条黑色的水平直线 */
      height: 0; /* 设置高度为0，使得直线不会被内容撑开 */
      z-index: 1;
      filter: blur(1px);
    }
    .line2 {
      position: absolute;
      margin: 0;
      width: 1470px;
      top: 910px;
      border-top: 10px solid #FEC9C3; /* 创建一条黑色的水平直线 */
      height: 0; /* 设置高度为0，使得直线不会被内容撑开 */
      z-index: 1;
      filter: blur(1px);
    }
    .line3 {
      position: absolute;
      margin: 0;
      width: 1540px;
      top: 920px;
      border-top: 10px solid #FEDADF; /* 创建一条黑色的水平直线 */
      height: 0; /* 设置高度为0，使得直线不会被内容撑开 */
      z-index: 1;
      filter: blur(1px);
    }
    .line4 {
      position: absolute;
      margin: 0;
      width: 1610px;
      top: 930px;
      border-top: 10px solid #C9EAD8; /* 创建一条黑色的水平直线 */
      height: 0; /* 设置高度为0，使得直线不会被内容撑开 */
      z-index: 1;
      filter: blur(1px);
    }
    .line5 {
      position: absolute;
      margin: 0;
      width: 1680px;
      top: 940px;
      border-top: 10px solid #F9F3AA; /* 创建一条黑色的水平直线 */
      height: 0; /* 设置高度为0，使得直线不会被内容撑开 */
      z-index: 1;
      filter: blur(1px);
    }
    .line6 {
      position: absolute;
      margin: 0;
      width: 1750px;
      top: 950px;
      border-top: 10px solid #DCC2E0; /* 创建一条黑色的水平直线 */
      height: 0; /* 设置高度为0，使得直线不会被内容撑开 */
      z-index: 1;
      filter: blur(1px);
    }
    .line1:hover{
      animation: K1 1.5s linear infinite;
      transition: 0.5s;
    }
    @keyframes K1{
      0%{width: 1400px;}
      60%{width:800px ;}
      100%{width: 1400px;;}
    }
    .line2:hover{
      animation: K2 2s linear infinite;
      transition: 0.5s;
    }
    @keyframes K2{
      0%{width: 1470px;}
      60%{width:800px ;}
      100%{width: 1470px;;}
    }
    .line3:hover{
      animation: K3 2s linear infinite;
      transition: 0.5s;
    }
    @keyframes K3{
      0%{width: 1540px;}
      60%{width:800px ;}
      100%{width: 1540px;;}
    }
    .line4:hover{
      animation: K4 2s linear infinite;
      transition: 0.5s;
    }
    @keyframes K4{
      0%{width: 1610px;}
      60%{width:800px ;}
      100%{width: 1610px;;}
    }
    .line5:hover{
      animation: K5 2.2s linear infinite;
      transition: 0.5s;
    }
    @keyframes K5{
      0%{width: 1680px;}
      60%{width:800px ;}
      100%{width: 1680px;;}
    }
    .line6:hover{
      animation: K6 2.5s linear infinite;
      transition: 0.5s;
    }
    @keyframes K6{
      0%{width: 1750px;}
      60%{width:800px ;}
      100%{width: 1750px;}
    }
    .background{
      position: absolute;
     
      width: 100%;
      top: -840px;
      left: 0px;
      justify-content: center;
      align-items: center;
      z-index: -30;
    }
    .bbackground{
      
      height: 3630px;
      position: absolute;
      top: -100px;
      left: -200px;
      margin: 0;
      
     

    }
    .subbfoot{
      color: transparent;
      background: #fffef8;
      background-clip: text;
      -webkit-background-clip: text;
      /* filter: drop-shadow(0px 0px 2px #ebf0f280); */
    }
    a:hover{
        color:#a9d1ca;
    }