.main-one{
  width: 100%;
  background: #23161A;
  display: flex;
  padding: 3.44rem 1.76rem 0;
}
.main-one h4{
  font-family: Poppins-Black;
  font-weight: 900;
  font-size: 0.34rem;
  color: #757575;
  letter-spacing: 1px;
  text-align: left;
  animation: slideLeft 1s ease forwards;
  opacity: 0;
  animation-delay: 1s;
  margin-bottom: 0.3rem;
  margin-top: 2.1rem;
}
.main-one h1{
  font-family: Poppins-Black;
  font-weight: 900;
  font-size: 1.2rem;
  color: #FFFFFF;
  letter-spacing: 4px;
  text-align: left;
  animation: slideLeft 1s ease forwards;
  opacity: 0; 
  animation-delay: 2s;
  margin-bottom: 0.76rem;
}
.main-one p{
  width: 11.72rem;
  font-weight: 400;
  font-size: 0.34rem;
  color: #FFFFFF;
  text-align: left;
  animation: slideLeft 1s ease forwards;
  opacity: 0; 
  animation-delay: 3s;
  margin-bottom: 0.74rem;
}
.main-one a{
  width: 3.96rem;
  height: 1.46rem;
  background: #6400CD;
  display: block;
  text-align: center;
  line-height: 1.46rem;
  font-family: Poppins-SemiBold;
  font-weight: 600;
  font-size: 0.3rem;
  color: #FFFFFF;
  letter-spacing: 1px;
  animation: slideLeft 1s ease forwards;
  opacity: 0; 
  animation-delay: 4s;
}
.main-one a:hover{
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
  /* background: #D85017; */
}
.main-one img{
  width: 11.18rem;
  height: 14.47rem;
   animation: slideRight 1s ease forwards;
  opacity: 0; 
  animation-delay: 1s;
}

.main-two {
  width: 100%;
  padding:2.1rem 2.46rem 0.86rem;
  display: flex;
  justify-content: center;
}
.main-two li{
  margin-right: 1.08rem;
  text-align: center; 
}
.main-two li:last-child{
  margin: 0 !important;
}
.main-two li img{
  width: 1.99rem;
  height: 2rem;
  margin: 0 auto;
  margin-bottom: 0.34rem;
}
.main-two li h3{
  font-family: Poppins-Bold;
  font-weight: bold;
  font-size: 0.4rem;
  color: #000000;
  margin-bottom: 0.08rem;
}
.main-two li p{
  width: 5.28rem;
  font-family: Poppins-Light;
  font-weight: 300;
  font-size: 0.24rem;
  color: #000000;
  text-align: center;
}
.main-three{
 width: 100%;
 padding:0 2.46rem;
 position: relative;
 margin-bottom: 0.98rem;
}
.main-three img{width: 25.71rem;height: 16.24rem;}
.main-three a{
  width: 6.11rem;
  height: 1.78rem;
  position: absolute;
  bottom: 2.13rem;
  left:2.46rem;
  /* background: red; */
}
.main-four{
  display: flex;
  /* align-items: center; */
  justify-content: center;
  padding-bottom:2.5rem ;
}
.main-four img{
  width: 16.98rem;
  height: 12.84rem;
  margin-left: 0.6rem;
  margin-top: 4.38rem;
}

.main-four .four-title{
  width: 5.04rem;
  height: 3.46rem;
  margin: 0;
  margin-bottom:1.3rem ;
}
.main-four h3{
  font-family: Poppins-Bold;
  font-weight: bold;
  font-size: 0.64rem;
  color: #282938;
  line-height: 1.08rem;
  text-align: left;
  margin-bottom: 0.5rem;
}
.main-four h3 span{
  border-bottom: 0.02rem solid #000000;
}
.main-four p{
  width: 8.22rem;
  font-weight: 400;
  font-size: 0.32rem;
  color: #282938;
  line-height: 0.56rem;
  text-align: left;
}
.main-four .four-p{
  margin-bottom:2.66rem ;
}
.main-five{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2.86rem;
}
.main-five .five-left{
  width: 10.88rem;
  height: 13.08rem;
  margin-right:1.1rem ;
}
.main-five h2{
  font-family: Poppins-Bold;
  font-weight: bold;
  font-size: 1.2rem;
  color: #000000;
  text-align: left;
}
.main-five p{
  width: 13.22rem;
  font-weight: 300;
  font-size: 0.32rem;
  color: #000000;
  text-align: left;
  padding-top: 0.4rem;
  padding-bottom: 0.82rem;
}
.main-five .five-right{
  width: 13.42rem;
  height: 7.7rem;
}

.main-six{
  display: flex;
  justify-content: center;
}
.main-six  .six-left{
  margin-right: 1.04rem;
}
.main-six .six-title{
  width: 7.2rem;
  height: 3.46rem;
  margin-bottom: 1.4rem;
}

.main-six  .six-box {
  position: relative;
  margin-bottom: 1.62rem;
}
.main-six  .six-box img{
  width: 5.6rem;
  height: 4.8rem;
  position: absolute;
  right: -0.3rem;
  top: 50%;
  transform: translateY(-50%);

}
.main-six  .six-box .box-left{
  width: 12.68rem;
  height: 5.96rem;
  background: #fff;
  color: #000000;
  border-radius:0.6rem;
  padding-top: 0.74rem;
  padding-left: 0.8rem;
}
.main-six  .six-box:hover .box-left{
  background: #6400CD;
  color: #fff;
  cursor: pointer;
}
.main-six  .six-box h2{
  font-family: Poppins-Bold;
  font-weight: bold;
  font-size: 0.64rem;
  text-align: left;
  margin-bottom: 0.16rem;
}
.main-six  .six-box p{
  width: 6.06rem;
  font-family: Poppins-Light;
  font-weight: 300;
  font-size: 0.32rem;
  text-align: left;
}
.main-six .six-right{
  padding-top: 4.86rem;
}

.main-seven {
  display: flex;
  justify-content: center;
  margin-bottom: 1.62rem;
}
.main-seven img{
  width:8.72rem ;
  height: 7.17rem;
}
.main-seven .seven-title{
  width: 6.26rem;
  height: 3.46rem;
  margin-bottom: 1.22rem;
}
.main-seven h2{
  font-family: Poppins-SemiBold;
  font-weight: normal;
  font-size: 0.6rem;
  color: #282938;
  line-height: 0.6rem;
  text-align: left;
  margin-top: 0.62rem;
  margin-bottom: 0.5rem;
}
.main-seven h2 span{
  border-bottom: 0.02rem solid #000000;

}
.main-seven p{
  width: 6.6rem;
  font-weight: 400;
  font-size: 0.32rem;
  color: #282938;
  line-height: 0.56rem;
  text-align: left;
  margin-bottom: 0.62rem;
}
.main-seven a{
  display: block;
  width: 3.96rem;
  height: 1.46rem;
  background: #6400CD;
  font-weight: 600;
  font-size: 0.3rem;
  color: #FFFFFF;
  letter-spacing: 1px;
  text-align: center;
  line-height:1.46rem;
}
.main-seven a:hover{
  /* box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); */
 background: #6BBB05;
}
.main-seven .seven-middle{
  margin-top:11.84rem;
}
.seven-left h2,.seven-left p,.seven-left a{
  margin-left:0.42rem ;
}
.seven-right h2,.seven-right p,.seven-right a{
  margin-left:0.86rem ;
}
.main-eight img{
  width:26.8rem ;
  height: auto;
  margin: 0 auto;
  margin-bottom: 1.1rem;
}