.banner{
  width:100%;
  height:auto;
  overflow: hidden;
  margin:0 auto;
}
.banner .swiper-container1 {
  width: 100%;
  height: 100%;
}
.banner .swiper-container1 .swiper-wrapper{
  width:100%;
  height: 100%;
}
.banner .swiper-container1 .swiper-slide{
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  overflow: hidden;
}
.banner .swiper-container1 .swiper-slide .bot_pic{
  width:100%;
  height: 100%;
}
.banner .swiper-container1 .swiper-slide a{
  display:block;
  width:100%;
  height: 100%;
}
.banner .swiper-container1 .swiper-slide img{
  display:block;
  width:100%;
  height:100%;
  object-fit: cover;
  position: relative;
  z-index:1;
}
.banner .swiper-container1 .swiper-slide .box{
  position: absolute;
  left:0;
  top:0;
  z-index:10;
  width:100%;
  height: 100%;
  background:url("../picture/cp_pos.jpg") no-repeat center center;
  background-size:cover;
}
.banner .swiper-container1 .swiper-slide .box1{
  position: absolute;
  left:28%;
  top:50%;
  z-index:10;
  width:7.3%;
  height: 18%;
}
.banner .swiper-container1 .swiper-slide .box1 em{
  display:block;
  width:100%;
  height: 100%;
  background:url("../picture/cp_pic1-1.png") no-repeat left top;
  background-size:100% 100%;
}
.banner .swiper-container1 .swiper-slide .box1:hover em{
  background:url("../picture/cp_pic1.png") no-repeat left top;
  background-size:100% 100%;
}
.banner .swiper-container1 .swiper-slide .box2{
  position: absolute;
  left:37%;
  top:55.4%;
  z-index:10;
  width:8.1%;
  height: 19%;
}
.banner .swiper-container1 .swiper-slide .box2 em{
  display:block;
  width:100%;
  height: 100%;
  background:url("../picture/cp_pic2-2.png") no-repeat left top;
  background-size:100% 100%;
}
.banner .swiper-container1 .swiper-slide .box2:hover em{
  background:url("../picture/cp_pic2.png") no-repeat left top;
  background-size:100% 100%;
}
.banner .swiper-container1 .swiper-slide .box3{
  position: absolute;
  left:43.4%;
  top:50%;
  z-index:10;
  width:10%;
  height: 14.5%;
}
.banner .swiper-container1 .swiper-slide .box3 em{
  display:block;
  width:100%;
  height: 100%;
  background:url("../picture/cp_pic3-2.png") no-repeat left top;
  background-size:100% 100%;
}
.banner .swiper-container1 .swiper-slide .box3:hover em{
  background:url("../picture/cp_pic3.png") no-repeat left top;
  background-size:100% 100%;
}
.banner .swiper-container1 .swiper-slide .box4{
  position: absolute;
  left:53.8%;
  top:45.7%;
  z-index:10;
  width:8.1%;
  height: 24%;
}
.banner .swiper-container1 .swiper-slide .box4 em{
  display:block;
  width:100%;
  height: 100%;
  background:url("../picture/cp_pic4-2.png") no-repeat left top;
  background-size:100% 100%;
}
.banner .swiper-container1 .swiper-slide .box4:hover em{
  background:url("../picture/cp_pic4.png") no-repeat left top;
  background-size:100% 100%;
}
.banner .swiper-container1 .swiper-slide .box5{
  position: absolute;
  left:64%;
  top:47%;
  z-index:10;
  width:7.8%;
  height: 20.2%;
}
.banner .swiper-container1 .swiper-slide .box5 em{
  display:block;
  width:100%;
  height: 100%;
  background:url("../picture/cp_pic5-2.png") no-repeat left top;
  background-size:100% 100%;
}
.banner .swiper-container1 .swiper-slide .box5:hover em{
  background:url("../picture/cp_pic5.png") no-repeat left top;
  background-size:100% 100%;
}
.banner .swiper-container1 .swiper-slide .box6{
  position: absolute;
  left:72.2%;
  top:52.6%;
  z-index:10;
  width:8.6%;
  height: 11%;
}
.banner .swiper-container1 .swiper-slide .box6 em{
  display:block;
  width:100%;
  height: 100%;
  background:url("../picture/cp_pic6-2.png") no-repeat left top;
  background-size:100% 100%;
}
.banner .swiper-container1 .swiper-slide .box6:hover em{
  background:url("../picture/cp_pic6.png") no-repeat left top;
  background-size:100% 100%;
}
.banner .swiper-container1 .swiper-slide .box p{
  display:none;
  width:200px;
  position: absolute;
  left:50%;
  margin-left: -100px;
  top:-40px;
  font-size:14px;
  color:#00dde8;
}
.banner .swiper-container1 .swiper-slide .box1:hover p{
  display: block;
}
.banner .swiper-container1 .swiper-slide .box2:hover p{
  display: block;
}
.banner .swiper-container1 .swiper-slide .box3:hover p{
  display: block;
}
.banner .swiper-container1 .swiper-slide .box4:hover p{
  display: block;
}
.banner .swiper-container1 .swiper-slide .box5:hover p{
  display: block;
}
.banner .swiper-container1 .swiper-slide .box6:hover p{
  display: block;
}




.banner .swiper-container1>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner .swiper-container1 .swiper-pagination-bullet{
  display:block;
  width:8px;
  height: 8px;
  background:#fff;
  opacity: 1;
}
.banner .swiper-container1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin:0 4px;
}
.banner .swiper-container1 .swiper-pagination-bullet-active{
  width:30px;
  height: 8px;
  background:#0080c2;
  border-radius: 11px;
}
@media all and (max-width:1200px) {
  .banner{
    width:100%;
  }
}
@media all and (max-width:980px) {
  .banner{
    width:100%;
    height:480px;
    overflow: hidden;
  }
  .banner .swiper-container1 .swiper-slide .box{
    display:none;
  }
}
@media all and (max-width:480px) {
  .banner{
    width:100%;
    height:200px;
    overflow: hidden;
  }
  .banner .swiper-container1>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    justify-content: center;
    padding:0;
  }
  .banner .swiper-container1 .swiper-pagination-bullet{
    width:7px;
    height: 7px;
    background:#fff;
  }
  .banner .swiper-container1 .swiper-pagination-bullet-active{
    width:20px;
    height: 7px;
    background:#0080c2;
  }
  .banner .swiper-container1>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 15px;
  }

}