.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
video {
		object-fit: fill;
		max-width:100% !important;
		max-height:100% !important;
	}
.bannerbox {
    position: relative;
}
.bannerbox .swiper-slide {
    overflow: hidden;
}
.bannerbox .item {
    display: block;
    position: relative;
    overflow: hidden;
}
.bannerbox .item .bag {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.bannerbox .item .bag img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.bannerbox .item .bag img:nth-child(2) {
    display: none;
}
.bannerbox .item .f_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bannerbox .item .f_video canvas {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.bannerbox .item .f_video video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.bannerbox .item .cont {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 2;
    bottom: 17.31vh;
    color: #ffffff;
}
@media (max-width: 767px) {
	.bannerbox .item .cont {
		bottom: 50%;
		transform: translateY(50%)
	}
	.bannerbox .item .bag {
		height: 56.25vw;
		min-height: 220px;
	}
	.bannerbox .item .f_video {
		pointer-events: none;
		background-color: transparent;
	}
	.bannerbox .item .f_video video {
		/*opacity: 0;*/
		transition: opacity 0.5s ease;
		object-fit: fill !important;
		background-color: transparent;
	}
	.bannerbox .item .f_video video.playing {
		opacity: 1;
	}
}
.bannerbox .item .cont .f_tit {
    font-weight: bold;
    line-height: 1.11111111;
    margin-bottom: .2rem;
}
.bannerbox .item .cont .f_tit span {
    display: block;
    color: #5ba7c8;
    position: relative;
}
@media (max-width: 767px) {
	.bannerbox .item .cont .f_tit span:before {
		width: .3rem
	}
}
.bannerbox .item .cont .text {
    margin-bottom: .52rem;
}
.bannerbox .item .cont .text p {
    color: #ffffff;
    opacity: .7;
}
.bannerbox .qie {
    position: absolute;
    width: 100%;
    bottom: 6.18556701vh;
}
.bannerbox .qie .banner_page {
    position: relative;
    bottom: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
}
@media (min-width: 768px) {
	.bannerbox .qie .banner_page {
		margin-right: -0.1rem
	}
}
@media (max-width: 767px) {
	.bannerbox .qie .banner_page {
		justify-content: center
	}
}
.bannerbox .qie .banner_page .swiper-pagination-bullet {
    width: 1.6rem;
    height: 5px;
    position: relative;
    background-color: transparent;
    border-radius: 0;
    opacity: 1;
    margin: 0 .1rem;
}
.bannerbox .qie .banner_page .swiper-pagination-bullet:before {
    content: "";
    display: block;
    border: 1px solid rgba(221,221,221,0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
.bannerbox .qie .banner_page .swiper-pagination-bullet span {
    display: block;
    position: relative;
    width: 0%;
    height: 100%;
    background-color: #ffffff;
}
@media (max-width: 1580px) {
	.bannerbox .qie .banner_page .swiper-pagination-bullet {
		height: 4px
	}
}
.bannerbox .qie .banner_page .swiper-pagination-bullet-active span {
    width: 100%;
    animation: width100 5.8s linear;
}
@keyframes width100 {
	from {
		width: 0%
	}
	to {
		width: 100%
	}
}
@keyframes scalefe10 {
	from {
		opacity: .4;
		transform: translate(-50%, -50%) scale(.5)
	}
	to {
		transform: translate(-50%, -50%) scale(1.1);
		opacity: 0
	}
}
.hm_but {
    display: flex;
    align-items: center;
    padding: .15rem .2rem;
    min-width: 160px;
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: space-between;
    color: #ffffff;
    transition: all .4s;
    background-color: #5ba7c8;
}
@media (max-width: 1580px) {
	.hm_but {
		min-width: 1.9rem;
		padding: .16rem .24rem
	}
}
@media (max-width: 767px) {
	.hm_but {
		min-width: 2rem
	}
}
.hm_but span {
    display: block;
    padding-right: .2rem;
}
.hm_but:hover {
	opacity: .9
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
}
.bannerbox .swiper-slide {
    overflow: hidden;
}
.bannerbox .item {
    display: block;
    position: relative;
    overflow: hidden;
}
.bannerbox .item .bag {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.bannerbox .item .bag img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.bannerbox .item .bag img:nth-child(2) {
    display: none;
}
.bannerbox .item .cont {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 2;
    bottom: 43vh;
    color: #ffffff;
}
.bannerbox .item .cont .f_tit {
    font-weight: bold;
    line-height: 1.11111111;
    margin-bottom: .2rem;
}
.bannerbox .item .cont .text {
    margin-bottom: .52rem;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.bannerbox .qie .banner_page .swiper-pagination-bullet {
    height: 8px;
}
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}
@media (max-width: 767px) {
	.bannerbox .item .bag img {
		display: none
	}
	.bannerbox .item .bag img:nth-child(2) {
		display: block
	}
}

/* 360/IE 兼容模式兜底：banner 文字始终可见，防止 swiperAnimate 动画未触发时文字缺失 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .bannerbox .swiper-slide-active .ani,
    .bannerbox .swiper-slide-active .f_tit,
    .bannerbox .swiper-slide-active .text,
    .bannerbox .swiper-slide-active .hm_but {
        opacity: 1 !important;
        visibility: visible !important;
    }
}
@media screen and (min-width:0\0) {
    .bannerbox .swiper-slide-active .ani,
    .bannerbox .swiper-slide-active .f_tit,
    .bannerbox .swiper-slide-active .text,
    .bannerbox .swiper-slide-active .hm_but {
        opacity: 1 !important;
        visibility: visible !important;
    }
}
@media \0screen\,screen\9 {
    .bannerbox .swiper-slide-active .ani,
    .bannerbox .swiper-slide-active .f_tit,
    .bannerbox .swiper-slide-active .text,
    .bannerbox .swiper-slide-active .hm_but {
        opacity: 1 !important;
        visibility: visible !important;
    }
}