.banner {  width: 100%;  overflow: hidden;  position: relative;}.banner .swiper-container .swiper-wrapper .swiper-slide {  overflow: hidden;  height: 0;  padding-bottom: 49%;  position: relative;}.banner .swiper-container .swiper-wrapper .swiper-slide img {  width: 100%;}.banner .swiper-container .swiper-wrapper .swiper-slide video {  position: absolute;  width: 100%;  left: 0;  top: 0;  z-index: 2;  height: 100% !important;  object-fit: cover;}.banner .swiper-container .swiper-wrapper .swiper-slide .text {  position: absolute;  width: 100%;  top: 27%;  left: 0;  z-index: 3;  text-align: center;}.banner .swiper-container .swiper-wrapper .swiper-slide .text p {  text-align: center;  font-size: 2.3rem;  color: #fff;  position: relative;  opacity: 0;  text-shadow: 4px 8px 10px rgba(0, 0, 0, 0.14);  transform: translateY(2rem);  -ms-transform: translateY(2rem);  -webkit-transform: translateY(2rem);  transition: all 1s ease 0.5s;  -webkit-transition: all 1s ease 0.5s;  -moz-transition: all 1s ease 0.5s;  -ms-transition: all 1s ease 0.5s;  display: inline-block;}.banner .swiper-container .swiper-wrapper .swiper-slide .text h2 {  margin-top: 1.2rem;  font-weight: bold;  text-align: center;  font-size: 2.6rem;  color: #fff;  position: relative;  opacity: 0;  text-shadow: 4px 8px 10px rgba(0, 0, 0, 0.14);  transform: translateY(2rem);  -ms-transform: translateY(2rem);  -webkit-transform: translateY(2rem);  transition: all 1s ease 1s;  -webkit-transition: all 1s ease 1s;  -moz-transition: all 1s ease 1s;  -ms-transition: all 1s ease 1s;}.banner .swiper-container .swiper-wrapper .swiper-slide .text.active p {  transform: translateY(0);  -ms-transform: translateY(0);  -webkit-transform: translateY(0);  opacity: 1;}.banner .swiper-container .swiper-wrapper .swiper-slide .text.active h2 {  transform: translateY(0);  -ms-transform: translateY(0);  -webkit-transform: translateY(0);  opacity: 1;}.banner .swiper-container .swiper-button-prev {  width: 2.8rem;  height: 2.8rem;  background: none;  margin-top: 0;  left: 2%;  top: 46%;}.banner .swiper-container .swiper-button-prev:before {  content: '\e601';  font-family: iconfont;  font-size: 2rem;  position: absolute;  left: 50%;  top: 50%;  display: inline-block;  transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  color: #fff;}.banner .swiper-container .swiper-button-prev:hover:before {  color: #31a338;}.banner .swiper-container .swiper-button-next {  width: 2.8rem;  height: 2.8rem;  background: none;  margin-top: 0;  right: 2%;  top: 46%;}.banner .swiper-container .swiper-button-next:before {  content: '\e683';  font-family: iconfont;  font-size: 2rem;  position: absolute;  left: 50%;  top: 50%;  display: inline-block;  transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  color: #fff;}.banner .swiper-container .swiper-button-next:hover:before {  color: #31a338;}.banner .swiper-container .pagination-all {  position: absolute;  bottom: 55px;  width: 100%;  left: 0;  z-index: 100;  text-align: center;}.banner .swiper-container .pagination-all .sign {  display: inline-block;  width: 1.5rem;  height: 1.5rem;  border-radius: 50%;  border: 2px solid rgba(255, 255, 255, 0.2);  margin-left: 0.5rem;  cursor: pointer;}.banner .swiper-container .pagination-all .sign span {  font-size: 12px;  color: #fff;  display: inline-block;  text-align: center;  line-height: 1.4rem;  position: relative;}.banner .swiper-container .pagination-all .sign span.play {  left: 1px;}.banner .swiper-container .pagination-all .sign span.pause {  display: none;}.banner .swiper-container .pagination-all .sign.active span.play {  display: none;}.banner .swiper-container .pagination-all .sign.active span.pause {  display: block;}.banner .swiper-container .swiper-pagination {  position: relative;  display: inline-block;  text-align: left;}.banner .swiper-container .swiper-pagination .swiper-pagination-bullet {  width: 15px;  height: 15px;  border-radius: 0;  background: rgba(255, 255, 255, 1);  opacity: 1;  margin: 0 12px;  position: relative;  transition: all 0.5s;  -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  -ms-transition: all 0.5s;  border-radius: 50%}.banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active {  background: #d4062e;}.banner .slide-next {  width: 3rem;  height: 3rem;  border: 1px solid rgba(255, 255, 255, 0.3);  position: absolute;  bottom: 2rem;  left: 50%;  margin-left: -1.5rem;  z-index: 2;  cursor: pointer;  animation-name: bounces;  animation-iteration-count: infinite;  animation-duration: 3s;  animation-fill-mode: both;  transition: all 0.5s;  -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  -ms-transition: all 0.5s;}.banner .slide-next span {  display: block;  transform: rotate(90deg);  -webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);  -ms-transform: rotate(90deg);  text-align: center;  line-height: 3rem;  color: #fff;  font-size: 1rem;  transition: all 0.5s;  -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  -ms-transition: all 0.5s;}.banner .slide-next:hover {  background: #fff;}.banner .slide-next:hover span {  color: #31a338;}/*# sourceMappingURL=banner_video.css.map */@media  (max-width:1600px){   .banner .swiper-container .pagination-all{bottom:6%;}}@media  (max-width:750px){  .banner .swiper-container .pagination-all{bottom:5%;}  .banner .swiper-container .swiper-pagination .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;margin:0 0.06rem;}}