.header-banner {
  height: 5rem;
  margin-top: 0.7rem;
}
.swiper-wrapper .banner-slide {
  height: 5rem;
  position: relative;
}
.banner1{
  background: url(../image/banner/sanitation_b.png) #000 no-repeat;
  background-position: center;
  background-size: cover;
}
.banner1 .text-box {
  float: right;
  color:#fff;
  width: 5rem;
}
.banner1 .text-box h1{
  font-size: 0.4rem;
  text-align: center;
  margin-bottom: 0.22rem;
  text-align: right;
  margin-top: 1.16rem;
}
.banner1 .text-box p{
  font-size: 0.16rem;
  text-align: left;
  line-height: 0.3rem;
}


.h2_title{
  font-size: 0.36rem;
  text-align: center;
  color:#333;
}
.programme li{
  width: 33.3%;
}

.com_case li:nth-child(5){
  border-right: 1px solid #ddd;
}
/* .scene_box .swiper1{
  float: left;
  width:8rem;
  height: 8.4rem;
}
.swiper1 .swiper-slide{
  overflow: hidden;
  text-align: center;
}
.swiper1 .swiper-slide img{
  width: 95%;
  margin: 0 auto;
  margin-top: 1.5rem;
}
.my-pagination{
  top: 1rem;
  right: 1rem;
  left: inherit !important;
  bottom: inherit !important;
  width:4rem !important;
  position: absolute;
}
.swiper-pagination-bullet{
  width: 100%;
  border-radius: inherit;
  text-align: left;
  border-bottom: 1px solid #ddd;
  height: 2.8rem;
  background: #eff8ff;
  padding: 0 0.1rem;
  opacity: 1 !important;

}
.swiper-pagination-bullet-active{
  background: url(../image/sanitation_tab.png) no-repeat;
  background-size:100% 100%;
}
.swiper-pagination-bullet ul{
  margin-top: 0px;
}
.my-pagination h3{
  font-size:0.22rem;
  margin-bottom: 0.2rem;
  text-align: left;
  margin-left: 0.3rem;
}
.my-pagination ul li{
  font-size: 0.16rem;
  line-height: 0.3rem;
  text-align: left;
}
.my-pagination ul li img{
  margin-right: 0.08rem;
}
.my-pagination .swiper-pagination-bullet:nth-child(1){
  padding-top: 0.75rem;
  text-align: left;
}
.my-pagination .swiper-pagination-bullet:nth-child(2){
  padding-top: 0.5rem;
}
.my-pagination .swiper-pagination-bullet:nth-child(3){
  padding-top: 0.9rem;
}
.scene{
  margin-bottom: 0.6rem;
}
@media (max-width: 1400px){
  .my-pagination{
    right: 0rem;
  }
  .scene_box .swiper1{
    height: 6.6rem;
  }
  .swiper1 .swiper-slide img{
    margin-top: 0.6rem;
  }
  .swiper-pagination-bullet{
    height: 2.2rem;
  }
  .my-pagination h3 {
    margin-bottom: 0.18rem;
  }
  .my-pagination .swiper-pagination-bullet:nth-child(1){
    padding-top: 0.45rem;
    text-align: left;
  }
  .my-pagination .swiper-pagination-bullet:nth-child(2){
    padding-top: 0.18rem;
  }
  .my-pagination .swiper-pagination-bullet:nth-child(3){
    padding-top: 0.55rem;
  }
} */
.scene .container{
  width: 1400px;
  position: relative;
}
.sanitation_bg{
  float: left;
  width: calc(100% - 4rem);
  height: 8.4rem;
  overflow: hidden;
  text-align: center;
  background: url(../image/sanitation_sence1.png) no-repeat;
  background-position: center center;
  background-size: 90%;
}
.my-pagination{
  top: 1rem;
  right: 0rem;
  left: inherit !important;
  bottom: inherit !important;
  width:4rem !important;
  position: absolute;
}
.swiper-pagination-bullet{
  width: 100%;
  border-radius: inherit;
  text-align: left;
  border-bottom: 1px solid #ddd;
  height: 2.8rem;
  background: #eff8ff;
  padding: 0 0.1rem;
  opacity: 1 !important;

}
.swiper-pagination-bullet-active{
  background: url(../image/sanitation_tab.png) no-repeat;
  background-size:100% 100%;
}
.swiper-pagination-bullet ul{
  margin-top: 0px;
}
.my-pagination h3{
  font-size:0.22rem;
  margin-bottom: 0.2rem;
  text-align: left;
  margin-left: 0.3rem;
}
.my-pagination ul li{
  font-size: 0.16rem;
  line-height: 0.3rem;
  text-align: left;
}
.my-pagination ul li img{
  margin-right: 0.08rem;
}
.my-pagination>a:nth-child(1) .swiper-pagination-bullet{
  padding-top: 0.75rem;
  text-align: left;
}
.my-pagination>a:nth-child(2) .swiper-pagination-bullet{
  padding-top: 0.5rem;
}
.my-pagination>a:nth-child(3) .swiper-pagination-bullet{
  padding-top: 0.9rem;
}
.divbox{
  height: 2.3rem;
  position: absolute;
  color:#333;
  text-align: left;
}
.div-test-up {
  height: 2rem;
  display: flex;
  align-items: flex-end;
}
.div-test-down{
  height: 2rem;
}
.div-test-upright{
  width: 2.5rem;
  height:0.8rem;
}
.divbox .span-test {
  box-sizing: border-box;
  overflow: hidden;
  transition: height 1s;
}
.ctxt{
  border:1px solid #333;
  background: #fff;
  line-height: 0.3rem;
  text-align: center;
  padding: 0 0.08rem;
  z-index: 9
}
.roadclear1{
  top: 3rem;
  left: 2.6rem;
}
.roadclear2{
  bottom: 2.1rem;
  left: 1.2rem;
}
.roadclear3{
  bottom: 0.75rem;
  left: 5.2rem;
  text-align: left;
}
.roadclear4{
  left: 3.8rem;
  top: 2.1rem;
  text-align: left;
}
.roadclear5{
  left: 5.55rem;
  top: 2.7rem;
  text-align: left;
}
.roadclear6{
  bottom: 1.84rem;
  left: 5.35rem;
  width: 2.5rem;
  height: 1rem;
  float: right;
}
.roadclear3 .ctxt{
  text-align: left;
  line-height: 0.2rem;
}
.roadclear6 .ctxt{
  text-align: left;
  line-height: 0.2rem;
  padding: 0.02rem 0.08rem;
  width: 1.3rem;
  float: right;
}
.line{
  width: 100%;
  height: calc(100% - 0.32rem);
}
.roadclear1 .line{
  height: calc(100% - 0.32rem);
  border-right: 1px dashed #000;
}
.roadclear2 .line{
  height: calc(100% - 0.32rem);
  border-right: 1px dashed #000;
}
.roadclear3 .line{
  height: calc(100% - 0.85rem);
  border-left: 1px dashed #000;
}
.roadclear4 .line{
  height: calc(100% - 0.32rem);
  border-right: 1px dashed #000;
}
.roadclear5 .line{
  height: calc(100% - 0.32rem);
  border-left: 1px dashed #000;
}
.roadclear6 .line{
  height: 1px;
  width: 100%;
  border-top: 1px dashed #000;
}
.span-test {
    height: 0rem;
 }
.roadclear6 .span-test {
  height: 1rem;
  width: 0rem;
}
@media (max-width: 1400px){
  .programme li p{
    width: initial;
  }
  .programme li img{
    width: 0.65rem;
  }
  .my-pagination{
    right: 0rem;
  }
  .scene .container{
    width:fit-content;
  }
  .scene_box .sanitation_bg{
    height: 6.6rem;
  }
  .swiper1 .swiper-slide img{
    margin-top: 0.6rem;
  }
  .swiper-pagination-bullet{
    height: 2.2rem;
  }
  .my-pagination h3 {
    margin-bottom: 0.18rem;
  }
  .my-pagination>a:nth-child(1) .swiper-pagination-bullet{
    padding-top: 0.45rem;
    text-align: left;
  }
  .my-pagination>a:nth-child(2) .swiper-pagination-bullet{
    padding-top: 0.18rem;
  }
  .my-pagination>a:nth-child(3) .swiper-pagination-bullet{
    padding-top: 0.55rem;
  }
  .divbox{
    height: 1.5rem;
  }
  .roadclear1{
    top: 2.6rem;
    left: 1.9rem;
  }
  .roadclear2{
    bottom: 1.8rem;
    left: 0.5rem;
  }
  .roadclear3{
    bottom: 0.65rem;
    left: 4.2rem;
  }
  .roadclear4{
    left: 2.88rem;
    top: 1.9rem;
  }
  .roadclear5{
    left: 4.45rem;
    top: 2.3rem;
  }
  .roadclear6{
    bottom: 0.65rem;
    left: 4.25rem;
  }
  .my-pagination ul li{
    font-size: 0.14rem;
  }
}
@media (max-width: 1280px){
  .programme .container,.scene .container,.collocation .container,.Hardware .container{
    width: 1100px;
  }
  .roadclear1 {
      top: 2.6rem;
      left: 1.55rem;
  }
  .roadclear2{
    bottom: 1.8rem;
    left: 0.1rem;
  }
  .roadclear3 {
    bottom: 0.75rem;
    left: 3.7rem;
  }
  .roadclear4 {
    left: 2.43rem;
    top: 2rem;
  }
  .roadclear5 {
    left: 3.88rem;
    top: 2.3rem;
  }
  .roadclear6 {
    bottom: 0.85rem;
    left: 3.7rem;
  }
  .my-pagination ul li{
    font-size: 0.14rem;
  }
}
@media (max-width: 1240px){
  .com_case li img {
    width: 80%;
  }
}
@media (max-width: 1120px) {
  .programme .container, .scene .container, .collocation .container, .Hardware .container {
    width: 900px;
  }
  .scene_box{
    width: 100%;
  }
  .Hardware{
    display: none;
  }
  .scene{
    display: none;
  }
  .scene-moble{
    display: block;
  }
  .serverTeam_txt_p_min p {
    color: #999;
    font-size: 0.24rem;
    text-align: left;
  }
  .serverTeam_txt_p_min p img{
    margin-right: 0.1rem;
  }
  .serverTeam_txt_p_min{
    margin-bottom: 0px;
  }
  .scene-moble-title{
    font-size: 0.32rem;
    color:#333;
    padding-top: 0.4rem;
    text-align: center;
    padding-bottom: 0.6rem;
    border-bottom: #e5e5e5 1px solid;
  }
  .scene-moble-title-tuijian{
    font-size: 0.32rem;
    color:#333;
    padding-top: 0.6rem;
    text-align: center;
    padding-bottom: 0.4rem;
  }
  .serverTeam_txt_p_min_tuijian{
    padding: 0.2rem 20px;
    text-align: center;
  }
  .serverTeam_txt_p_min_tuijian h3{
    font-size: 0.24rem;
  }
  .serverTeam_txt_p_min .Hardware_img{
    width: 95%;
    margin: 0.2rem auto;
  }
  .serverTeam_txt_p_min .Hardware_img_min{
    width: initial;
    max-width: 100%;
  }
  .serverTeam_txt_p_min .Hardware_img_car{
    width: 70%;
  }
  .serverTeam_txt_p_min_tuijian .Hardware_img{
    width: 95%;
    margin: 0.2rem auto;
  }
  .serverTeam_txt_p_min_tuijian .Hardware_img_min{
    width: initial;
    max-width: 100%;
  }
  .serverTeam_txt_p_min_tuijian .Hardware_img_car{
    width: 70%;
  }
}
@media (max-width: 990px) {
  .programme .container, .scene .container, .collocation .container, .Hardware .container {
    width: 100%;
  }
  .programme li{
    width: 65%;
  }
  .programme li img{
    width: 0.8rem;
  }
  .programme li p{
    width: 100%;
  }
  .banner1 .text-box{
    margin-right: 0.4rem;
  }
}