@-webkit-keyframes zb {
	0%,to {
		transform: scale(1)
	}

	50% {
		transform: scale(1.05)
	}
}

@keyframes zb {
	0%,to {
		transform: scale(1)
	}

	50% {
		transform: scale(1.05)
	}
}

@-webkit-keyframes heroArrow {
	0% {
		transform: translate(-.078125rem,0)
	}

	to {
		transform: translate(0,0)
	}
}

@keyframes heroArrow {
	0% {
		transform: translate(-.078125rem,0)
	}

	to {
		transform: translate(0,0)
	}
}

.banner~*,.new-footer,.page-footer {
	position: relative;
	z-index: 1
}

.banner {
	z-index: 0
}

.banner .banner-fixed {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 1.757813rem;
	min-width: 1240px
}

.banner,.banner .banner-wrapper {
	position: relative;
	width: 100%;
	height: 1.957813rem;
	overflow: hidden
}

.banner .banner-wrapper .banner-wrapper-item {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.banner .banner-wrapper .banner-wrapper-item .video-wrapper,.banner .banner-wrapper .banner-wrapper-item .video-wrapper .video-content,.banner .banner-wrapper .banner-wrapper-item .video-wrapper .video-content .video-js {
	width: 100%;
	height: 100%
}

.banner .banner-wrapper .banner-wrapper-item.active {
	z-index: 2;
	pointer-events: auto
}

.banner .banner-wrapper .banner-wrapper-item.active .banner-item-detail div {
	opacity: 1;
	transform: translate(0,0)
}

.banner .banner-wrapper .banner-wrapper-item .banner-item-inner {
	position: relative;
	width: 100%;
	height: 1.957813rem
}

.banner .banner-wrapper .banner-wrapper-item .banner-item-bg {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-list .banner-control-thumbnail-item img,.banner .banner-wrapper .banner-wrapper-item .banner-item-bg img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.banner .banner-wrapper .banner-wrapper-item .banner-item-detail {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%)
}

.banner .banner-wrapper .banner-wrapper-item .banner-item-detail div {
	opacity: 0;
	transform: translate(0,.1875rem);
	transition: all 1s
}

.banner .banner-wrapper .banner-wrapper-item .banner-item-detail img {
	width: 100%;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover
}

.banner .banner-control {
	position: absolute;
	right: .360417rem;
	bottom: .104167rem;
	z-index: 101
}

.banner .banner-control .banner-control-pagination {
	display: flex;
	margin-left: .054688rem
}

.banner .banner-control .banner-control-pagination .control-pagination-item {
	padding: .03125rem .007813rem;
	cursor: pointer
}

.banner .banner-control .banner-control-pagination .control-pagination-item.active div {
	background-image: url(../images/banner-pager-active.6f568547.png)
}

.banner .banner-control .banner-control-pagination .control-pagination-item div {
	width: .018229rem;
	height: .015625rem;
	background-image: url(../images/banner-pager-normal.8bf55321.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.banner .banner-control .banner-control-thumbnail {
	display: flex;
	height: .3125rem
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-split {
	margin-right: .0625rem;
	width: 1px;
	height: 100%;
	background: #fff
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-list {
	position: relative;
	margin-right: .0625rem;
	border: 1px solid #fff;
	box-sizing: border-box;
	width: .546875rem;
	height: 100%;
	background: 0 0
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-list .banner-control-thumbnail-item {
	position: absolute;
	left: 0;
	right: 0;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	transition: all .8s
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-list .banner-control-thumbnail-item.active {
	visibility: visible;
	opacity: 1;
	z-index: 2
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next {
	position: relative;
	box-sizing: border-box;
	width: .3125rem;
	height: .3125rem;
	background: 0 0;
	cursor: pointer
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next:hover .banner-control-thumbnail-next-inner {
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px)
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next:hover .banner-control-thumbnail-next-arrow div {
	-webkit-animation: heroArrow 2s ease infinite;
	animation: heroArrow 2s ease infinite
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .banner-control-thumbnail-next-inner {
	position: relative;
	box-sizing: border-box;
	border: 1px solid rgba(255,255,255,.3);
	width: 100%;
	height: 100%;
	transition: all .6s;
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px)
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .banner-control-thumbnail-next-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .banner-control-thumbnail-next-content {
	display: flex;
	align-items: center;
	line-height: .052083rem;
	color: #fff;
	font-size: .036458rem;
	font-weight: 400;
	font-family: PingFangSC-Regular,PingFang SC
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .banner-control-thumbnail-next-content span {
	margin-right: .020833rem
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .banner-control-thumbnail-next-content .banner-control-thumbnail-next-arrow {
	width: .052083rem;
	height: .052083rem;
	overflow: hidden
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .banner-control-thumbnail-next-content .banner-control-thumbnail-next-arrow div {
	display: flex
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .banner-control-thumbnail-next-content .banner-control-thumbnail-next-arrow img {
	margin-right: .026042rem;
	width: .052083rem;
	height: .052083rem
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .banner-control-thumbnail-next-content .banner-control-thumbnail-next-arrow img:last-child {
	margin-right: 0
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 1px;
	overflow: hidden
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-01.active div {
	transform: translate(0,0);
	transition: transform .75s linear
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-01 div {
	position: relative;
	right: -1px;
	width: 100%;
	height: 100%;
	transform: translate(100%,0);
	background-color: #fff
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-02 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	overflow: hidden
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-02.active div,.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-03.active div,.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-04.active div {
	transform: translate(0,0);
	transition: transform 1.5s linear
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-02 div {
	position: relative;
	top: -1px;
	width: 100%;
	height: 100%;
	transform: translate(0,-100%);
	background-color: #fff
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-03 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	overflow: hidden
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-03 div {
	position: relative;
	left: -1px;
	width: 100%;
	height: 100%;
	transform: translate(-100%,0);
	background-color: #fff
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-04 {
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	overflow: hidden
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-04 div {
	position: relative;
	bottom: -1px;
	width: 100%;
	height: 100%;
	transform: translate(0,100%);
	background-color: #fff
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-05 {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 1px;
	overflow: hidden
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-05.active div {
	transform: translate(0,0);
	transition: transform .75s linear
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-05 div {
	position: relative;
	right: -1px;
	width: 100%;
	height: 100%;
	transform: translate(100%,0);
	background-color: #fff
}

.banner-mobile {
	display: none
}

@media screen and (max-width:767px) {
	.banner {
		display: none
	}

	.banner-mobile {
		display: block
	}

	.banner-mobile .swiper-container,.banner-mobile .swiper-img {
		width: 3.75rem;
		height: 5rem
	}

	.banner-mobile .swiper-img img {
		display: block;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover
	}

	.banner-mobile .swiper-pagination .swiper-pagination-bullet {
		position: relative;
		margin: 0 .06rem 0 0;
		border-radius: 0;
		width: .07rem;
		height: .06rem;
		background-color: rgba(255,255,255,.3);
		transform: skew(-10deg)
	}

	.banner-mobile .swiper-pagination .swiper-pagination-bullet:last-child {
		margin-right: 0
	}

	.banner-mobile .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet {
		background-color: #fff
	}
}