body {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: 0;  /* Firefox */
}
body::-webkit-scrollbar {
  display: none;
}

.controls {
  position: fixed;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  list-style: none;
  z-index: 1000;
}

.controls li {
  width: 30px;
  height: 30px;
  font: bold 16px/30px '宋体';
  text-align: center;
  background-color: #8db49a;
  color: white;
  cursor: pointer;
  border-radius: 50%;
}

.controls li+li {
  margin-top: 5px;
}

.controls li.active {
  background-color: #227764;
  color: #fff;
}

.my-bullet {
  width: 10px;
  height: 10px;
  display: block;
  background-color: #8db49a;
  border-radius: 50%;
  margin: auto;
}
.my-bullet ~ .my-bullet {
  margin-top: 10px;
}
.my-bullet-active{
  
  width: 15px;
  height: 15px;
  background: #227764 !important;
  opacity: 1 !important;
}

.my-bullet1 {
  width: 10px;
  height: 10px;
  display: block;
  background-color: #8db49a;
  border-radius: 50%;
  margin: auto;
}

.my-bullet1-active{
  
  width: 15px;
  height: 15px;
  background: #227764 !important;
  opacity: 1 !important;
}
/* .swiper .screen {
  padding: 0;
}
.swiper .container {
  padding-top: 110px ;
  height: 100vh;
}
.swiper .slideFooter {
  height: 300px;
} */
@media (min-width: 993px) { 
  .swiper .container {
    padding-top: 90px;
    height: 100vh;
  }
  .swiper .slideFooter {
    height: 340px;
    padding-top: 60px;
    box-sizing: border-box;
  }
  .footer-section {
    padding: 0 20px;
  }
  .textDuiqi {
    display: inline-block;
    font-weight: bold;
    letter-spacing: 2px;
  }
  .swiper .anli {
    padding-top: 100px;
  }
  .nav.tab-style-one {
    margin-top: 20px;
  }
}
@media (max-width: 768px) { 
  .meta-blog-3 {
    text-align: left;
  }
  .news-right {
    padding: 0 12px !important;
  }
  .blog-content-4 {
    padding: 20px 22px 25px;
  }
  #pcaboutus-title{
    display: none;
  }
  .about-us .content-right .single-list {
  position: relative;
  padding-left: 0px;
  margin-bottom: 50px;
}
}
.owl-dots {
  position: absolute;
  bottom: 20px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 50px;
}
.owl-dot.active {
  margin-top: 0;
}
.owl-dots div {
  margin-top: 0;
}
.swiper-pagination1 {
  position: absolute;
  bottom: 20px !important;
  left: 50% !important;
  transform: translateX(-50%);
  width: 200px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  color: #fff;
}