@charset "utf-8";
.banner-container{width: 100%;position: relative;}
.banner{width: 100%;}
.banner-picwords{width: 100%;}
.banner-pic{width: 100%;height: 100%;overflow: hidden;}
.banner-pic img{width: 100%;height: 100%;object-fit: cover;}
.banner-pic img{width: 100%;height: 100%;object-fit: cover;transform: matrix(1.0, 0, 0, 1.0, 0, 0);-webkit-transition: all 0.4s ease 1.2s;-moz-transition: all 0.4s ease 1.2s;-ms-transition: all 0.4s ease 1.2s;-o-transition: all 0.4s ease 1.2s;transition: all 0.4s ease 1.2s;}
.swiper-slide-active .banner-pic img {transition-delay: 0.4s !important;transform: matrix(1, 0, 0, 1, 0, 0);-webkit-transition: all 5s ease;-moz-transition: all 5s ease;-ms-transition: all 5s ease;-o-transition: all 5s ease;transition: all 5s ease;}
.banner-pic .banner-pc{display: block;}
.banner-words{position: absolute;width: 100%;left: 0;top: 45%;transform: translate(0,-50%);z-index: 2;text-align: center;}
.banner-words h4{font-size: 44px;color: #fff;font-family: 'Microsoft YaHei';font-weight: bold;}
.banner-words h5{font-size: 18px;color: #fff;font-family: 'Microsoft YaHei';margin-top: 20px;}
.banner-words h5 span{border: 1px solid #fff; padding: 6px 35px;border-radius: 30px;margin: 0 10px;display: inline-block;}
.swiper-slide-active .banner-words h4{animation: bannerWordsdown 1.2s ease both 600ms;}
.swiper-slide-active .banner-words h5{animation: bannerWordsup 1.2s ease both 900ms;}

.banner-prev,.banner-next{position: absolute;z-index: 4;top: 50%;width: 40px;height: 60px;margin-top: -30px;cursor: pointer;user-select: none;transition: all .3s ease-in-out;}
.banner-prev{left: 15px;background: rgba(0, 0, 0, .8) url('../images/banL.png') no-repeat center center;}
.banner-next{right: 15px;background: rgba(0, 0, 0, .3) url('../images/banR.png') no-repeat center center;}
.banner-prev:hover,.banner-next:hover{background-color: rgba(0, 129, 204, 1);}
.banner .swiper-pagination{bottom: 20px;}
.banner .swiper-pagination-bullet {width: 6px;height: 6px;display: inline-block;border-radius: 100%;background: #0081cc;opacity: 0.8;vertical-align: middle;position: relative;}
.banner .swiper-pagination-bullet:after{content: "";width: 20px;height: 20px;position: absolute;left: 50%;top: 50%;background: transparent;border: 2px solid #0081cc;border-radius: 100%;margin-top: -10px;margin-left: -10px;opacity: 0;transform: scale(0);transition: all .5s;}
.banner .swiper-pagination-bullet-active {opacity: 1;}
.banner .swiper-pagination-bullet-active:after {opacity: 1;transform: scale(1);}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 16px;}


.banner-container1{width: 100%;position: relative;}
.banner1{width: 100%;}
.banner-picwords1{width: 100%;}
.banner-pic1{width: 100%;height: 100%;overflow: hidden;}
.banner-pic1 img{width: 100%;height: 100%;object-fit: cover;}
.banner-pic1 img{width: 100%;height: 100%;object-fit: cover;transform: matrix(1.0, 0, 0, 1.0, 0, 0);-webkit-transition: all 0.4s ease 1.2s;-moz-transition: all 0.4s ease 1.2s;-ms-transition: all 0.4s ease 1.2s;-o-transition: all 0.4s ease 1.2s;transition: all 0.4s ease 1.2s;}
.swiper-slide-active1 .banner-pic1 img {transition-delay: 0.4s !important;transform: matrix(1, 0, 0, 1, 0, 0);-webkit-transition: all 5s ease;-moz-transition: all 5s ease;-ms-transition: all 5s ease;-o-transition: all 5s ease;transition: all 5s ease;}
.banner-pic1 .banner-pc1{display: block;}
.banner-words1{position: absolute;width: 100%;left: 0;top: 45%;transform: translate(0,-50%);z-index: 2;text-align: center;}
.banner-words1 h4{font-size: 44px;color: #fff;font-family: 'Microsoft YaHei';font-weight: bold;}
.banner-words1 h5{font-size: 18px;color: #fff;font-family: 'Microsoft YaHei';margin-top: 20px;}
.banner-words1 h5 span{border: 1px solid #fff; padding: 6px 35px;border-radius: 30px;margin: 0 10px;display: inline-block;}
.swiper-slide-active1 .banner-words1 h4{animation: bannerWordsdown 1.2s ease both 600ms;}
.swiper-slide-active1 .banner-words1 h5{animation: bannerWordsup 1.2s ease both 900ms;}

.banner-prev1,.banner-next1{position: absolute;z-index: 4;top: 50%;width: 40px;height: 60px;margin-top: -30px;cursor: pointer;user-select: none;transition: all .3s ease-in-out;}
.banner-prev1{left: 15px;background: rgba(0, 0, 0, .8) url('../images/banL.png') no-repeat center center;}
.banner-next1{right: 15px;background: rgba(0, 0, 0, .3) url('../images/banR.png') no-repeat center center;}
.banner-prev1:hover,.banner-next1:hover{background-color: rgba(0, 129, 204, 1);}
.banner1 .swiper-pagination{bottom: 20px;}
.banner1 .swiper-pagination-bullet {width: 6px;height: 6px;display: inline-block;border-radius: 100%;background: #0081cc;opacity: 0.8;vertical-align: middle;position: relative;}
.banner1 .swiper-pagination-bullet:after{content: "";width: 20px;height: 20px;position: absolute;left: 50%;top: 50%;background: transparent;border: 2px solid #0081cc;border-radius: 100%;margin-top: -10px;margin-left: -10px;opacity: 0;transform: scale(0);transition: all .5s;}
.banner1 .swiper-pagination-bullet-active {opacity: 1;}
.banner1 .swiper-pagination-bullet-active:after {opacity: 1;transform: scale(1);}
.banner1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 16px;}