html,body{
  width: 100%;
  height: 100%;
}
#app{
  width: 100%;
  height: 100%;
}
.swiper {
width: 100%;

height: 100%;

}

p{
  text-align: left !important;
}

.swiper-slide {
text-align: center;
font-size: 18px;

display: flex;
justify-content: center;
align-items: center;
}

.swiper-slide img {
display: block;
width: 100%;

object-fit: cover;
max-width: 700px;
max-height: 70vh;
}
.item-img{
  border-radius: 40px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0.04rem 0.05rem;
  overflow: hidden;

  display: flex;
  justify-content: center;
  align-items: center;
  
}
@media (min-width:750px) and (max-width:1300px) {
.item-img{
  flex: 0.6;

}
}
.item-conter{
  width: 25vw;
  margin-right:4vw;
}
.item-conter-title{
  text-align: left;
  font-size: 0.32rem;
  font-weight: 600;
  margin-bottom: 0.4rem;
}
.item-conter-text{
  font-size: 0.2rem;
 
  text-align: justify;
  line-height: 1.8;
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets{
height: calc(100% - 180px);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  right: 6.6%;
  width: 4vh;
  top: 100px ;
  transform: none;
}

.swiper-pagination span{
width: 3vh;
height: 3vh;
box-shadow: rgba(0, 0, 0, 0.15) 0px 0.09rem 0.18rem 0px;
transform: scale(.6);

}
.swiper-pagination span:hover{
transform: scale(0.8) !important;
}
.swiper-pagination-bullet-active{
background: #ff0000 !important;
transform: scale(0.8) !important;
}

.huadongsvg{
position: absolute;
  bottom: 20px;
  width: 100%;
  height: 40px;
  z-index: 9999999;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: svgtd 2s linear infinite;
  display: none;
}


@keyframes svgtd {
0%{
  bottom: 20px;
}
50%{
  bottom: 40px;
}
100%{
  bottom: 20px;
}
}

@media (max-width:1100px){
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets{
  display: none !important;
}
  .swiper-slide{
    display: block;
  }
  .item-conter{
    width: auto;
    padding-top: calc(0.58rem + 20px);
    margin-right: 0;

  }
  .item-conter-title{
    padding: 0 20px;
    font-size: 0.16rem;
    margin-bottom: 10px;
  }
  .item-conter-text {
    padding: 0 20px;
    font-size: 0.14rem;
    margin-bottom: 10px;
  }
  .item-img{
    box-shadow:none;
    padding: 0 20px;
    margin-top: 10px;
  }
  .item-img img{
      width: 100%;
      max-width: 500px;
      border-radius: 4vw;
  }
  .huadongsvg{
    display: flex !important;
  }
  .footer{
   
  }
  .swiper{
    height: 100%;
  }
}