@charset "utf-8";
.ovh {
	overflow: hidden
}

.black {
	background: #000
}

.relative {
	position: relative
}

.w-f {
	width: 100%
}

.text-center {
	text-align: center;
}

.banner {
	position: relative;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden
}

.banner img {
	display: block;
	vertical-align: middle
}

.banner .list {
	position: relative;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

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

.banner .item.current {
	opacity: 1;
	z-index: 2
}

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

.banner .item .img {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-object-fit: cover;
	-ms-object-fit: cover;
	-moz-object-fit: cover;
	-o-object-fit: cover;
	object-fit: cover
}

.banner .info .infochd {
	/* display: block; */
	/* margin-left: auto; */
	/* margin-right: auto */
}

.banner .info {
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 50%;
}


/*第一屏*/

.banner .info.info0 {
	width: 560px;
	height: 364px;
	margin-left: -280px;
	margin-top: -182px;
	/* background-color: firebrick; */
}


/*第二屏*/

.banner .info.info1 {
	width: 680px;
	height: 368px;
	margin-left: -340px;
	margin-top: -184px;
}


/*第三屏*/

.banner .info.info2 {
	width: 500px;
	height: 418px;
	margin-left: -440px;
	margin-top: -209px;
}


/*文字内容初始位置的起点*/

.banner .info0 .b1-top {
	width: 400px;
}


/*第一屏内容宽度*/

.banner .info0 .move-left-1 {
	position: relative;
	left: 578px;
	opacity: 0;
}

.banner .info0 .move-left-2 {
	position: relative;
	left: 578px;
	opacity: 0;
}

.banner .info0 .move-left-3 {
	position: relative;
	left: 578px;
	opacity: 0;
}

.banner .info0 .move-left-4 {
	position: relative;
	left: 578px;
	/* top: 80px; */
	opacity: 0;
}
.banner .info0 .move-left-5 {
	position: relative;
	left: 578px;
	/* top: 100px; */
	opacity: 0;
}
/*第二屏内容宽度*/

.banner .info1 .move-left-1 {
	position: relative;
	/*left: 578px;*/
	top: 20px;
	opacity: 0;
}

.banner .info1 .b2-middle {
	margin: 40px 0 30px 0;
}

.banner .info1 .move-left-2 {
	position: relative;
	/*left: 400px;*/
	top: 40px;
	opacity: 0;
}

.banner .info1 .move-left-3 {
	position: relative;
	/*left: 200px;*/
	top: 60px;
	opacity: 0;
}

.banner .info1 .move-left-4 {
	position: relative;
	top: 80px;
	opacity: 0;
}
/* 
.banner .info1 .move-left-5 {
	position: relative;
	top: 100px;
	opacity: 0;
} */


/*第三屏内容宽度*/

.banner .info2 .move-left-1 {
	position: relative;
	left: 578px;
	opacity: 0;
}

.banner .info2 .move-left-2 {
	position: relative;
	left: 578px;
	opacity: 0;
}

.banner .info2 .move-left-3 {
	position: relative;
	left: 578px;
	opacity: 0;
}
.banner .info2 .move-left-4 {
	position: relative;
	left: 578px;
	/* top: 80px; */
	opacity: 0;
}
.banner .info2 .move-left-5 {
	position: relative;
	top: 100px;
	opacity: 0;
}

.banner .btn-list {
	position: relative;
	z-index: 3;
	margin-top: 20px;
	left: 0;
	top: 0;
	width: 100%;
	height: 4px;
	overflow: hidden
}

.banner .btn-list li {
	display: inline-block;
	width: 50px;
	height: 4px;
	background: #fff;
	margin: 0 5px;
	cursor: pointer
}

.banner .btn-list li.current {
	background: #00e4ff
}

.xgl-iqw {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10
}

.xgl-iqw .xgl-iqw-list {
	height: 26px;
	position: relative
}

.xgl-iqw-list .left,
.xgl-iqw-list .right,
.xgl-iqw-list .xgl-banner {
	display: inline-block;
	line-height: 26px;
	height: 26px;
	vertical-align: top;
	font-size: 16px;
	font-weight: normal
}

.xgl-iqw-list .left,
.xgl-iqw-list .right {
	color: #00e4ff;
}

.xgl-iqw-list .right>a {
	color: #00e4ff;
}

.xgl-iqw-list .left {
	margin-right: 10px
}

.xgl-iqw-list .right {
	margin-left: 10px
}

.xgl-iqw-list .xgl-banner {
	width: 350px;
	white-space: nowrap;
	position: relative;
	z-index: 1
}

.xgl-banner ul {
	width: 346px;
	position: absolute;
	left: 0;
	top: 0;
	height: 9999px
}

.xgl-banner li {
	display: block;
	float: left;
	width: 350px;
	height: 26px
}

.xgl-banner li a {
	float: left;
	white-space: nowrap;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	color: #fff
}

#index_arrow_button20581 {
	margin-top: 58px;
	margin-bottom: 44px;
	margin-top: 6.08vh;
	margin-bottom: 4.61vh;
	margin-left: auto;
	margin-right: auto;
	width: 56px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.25);
	cursor: pointer;
}

.arrow {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-left: 4px solid #00e4ff;
	border-bottom: 4px solid #00e4ff;
}

.arrow-bottom {
	transform: rotate(-45deg);
}

@-moz-keyframes ue-pudding {
	0% {
		-moz-transform: scale(1.2, 0.8)
	}
	1% {
		-moz-transform: scale(1.18, 0.82)
	}
	2% {
		-moz-transform: scale(1.16, 0.84)
	}
	3% {
		-moz-transform: scale(1.13, 0.87)
	}
	4% {
		-moz-transform: scale(1.1, 0.9)
	}
	5% {
		-moz-transform: scale(1.07, 0.93)
	}
	6% {
		-moz-transform: scale(1.04, 0.96)
	}
	7% {
		-moz-transform: scale(1.01, 0.99)
	}
	8% {
		-moz-transform: scale(0.99, 1.01)
	}
	9% {
		-moz-transform: scale(0.97, 1.03)
	}
	10% {
		-moz-transform: scale(0.95, 1.05)
	}
	11% {
		-moz-transform: scale(0.94, 1.06)
	}
	12% {
		-moz-transform: scale(0.93, 1.07)
	}
	13% {
		-moz-transform: scale(0.93, 1.07)
	}
	14% {
		-moz-transform: scale(0.93, 1.07)
	}
	15% {
		-moz-transform: scale(0.93, 1.07)
	}
	16% {
		-moz-transform: scale(0.94, 1.06)
	}
	17% {
		-moz-transform: scale(0.94, 1.06)
	}
	18% {
		-moz-transform: scale(0.95, 1.05)
	}
	19% {
		-moz-transform: scale(0.96, 1.04)
	}
	20% {
		-moz-transform: scale(0.98, 1.02)
	}
	21% {
		-moz-transform: scale(0.99, 1.01)
	}
	22% {
		-moz-transform: scale(1, 1)
	}
	23% {
		-moz-transform: scale(1, 1)
	}
	24% {
		-moz-transform: scale(1.01, 0.99)
	}
	25% {
		-moz-transform: scale(1.02, 0.98)
	}
	26% {
		-moz-transform: scale(1.02, 0.98)
	}
	27% {
		-moz-transform: scale(1.02, 0.98)
	}
	28% {
		-moz-transform: scale(1.03, 0.97)
	}
	29% {
		-moz-transform: scale(1.03, 0.97)
	}
	30% {
		-moz-transform: scale(1.02, 0.98)
	}
	31% {
		-moz-transform: scale(1.02, 0.98)
	}
	32% {
		-moz-transform: scale(1.02, 0.98)
	}
	33% {
		-moz-transform: scale(1.02, 0.98)
	}
	34% {
		-moz-transform: scale(1.01, 0.99)
	}
	35% {
		-moz-transform: scale(1.01, 0.99)
	}
	36% {
		-moz-transform: scale(1.01, 0.99)
	}
	37% {
		-moz-transform: scale(1, 1)
	}
	38% {
		-moz-transform: scale(1, 1)
	}
	39% {
		-moz-transform: scale(1, 1)
	}
	40% {
		-moz-transform: scale(0.99, 1.01)
	}
	41% {
		-moz-transform: scale(0.99, 1.01)
	}
	42% {
		-moz-transform: scale(0.99, 1.01)
	}
	43% {
		-moz-transform: scale(0.99, 1.01)
	}
	44% {
		-moz-transform: scale(0.99, 1.01)
	}
	45% {
		-moz-transform: scale(0.99, 1.01)
	}
	46% {
		-moz-transform: scale(0.99, 1.01)
	}
	47% {
		-moz-transform: scale(0.99, 1.01)
	}
	48% {
		-moz-transform: scale(0.99, 1.01)
	}
	49% {
		-moz-transform: scale(1, 1)
	}
}

@-webkit-keyframes ue-pudding {
	0% {
		-webkit-transform: scale(1.2, 0.8)
	}
	1% {
		-webkit-transform: scale(1.18, 0.82)
	}
	2% {
		-webkit-transform: scale(1.16, 0.84)
	}
	3% {
		-webkit-transform: scale(1.13, 0.87)
	}
	4% {
		-webkit-transform: scale(1.1, 0.9)
	}
	5% {
		-webkit-transform: scale(1.07, 0.93)
	}
	6% {
		-webkit-transform: scale(1.04, 0.96)
	}
	7% {
		-webkit-transform: scale(1.01, 0.99)
	}
	8% {
		-webkit-transform: scale(0.99, 1.01)
	}
	9% {
		-webkit-transform: scale(0.97, 1.03)
	}
	10% {
		-webkit-transform: scale(0.95, 1.05)
	}
	11% {
		-webkit-transform: scale(0.94, 1.06)
	}
	12% {
		-webkit-transform: scale(0.93, 1.07)
	}
	13% {
		-webkit-transform: scale(0.93, 1.07)
	}
	14% {
		-webkit-transform: scale(0.93, 1.07)
	}
	15% {
		-webkit-transform: scale(0.93, 1.07)
	}
	16% {
		-webkit-transform: scale(0.94, 1.06)
	}
	17% {
		-webkit-transform: scale(0.94, 1.06)
	}
	18% {
		-webkit-transform: scale(0.95, 1.05)
	}
	19% {
		-webkit-transform: scale(0.96, 1.04)
	}
	20% {
		-webkit-transform: scale(0.98, 1.02)
	}
	21% {
		-webkit-transform: scale(0.99, 1.01)
	}
	22% {
		-webkit-transform: scale(1, 1)
	}
	23% {
		-webkit-transform: scale(1, 1)
	}
	24% {
		-webkit-transform: scale(1.01, 0.99)
	}
	25% {
		-webkit-transform: scale(1.02, 0.98)
	}
	26% {
		-webkit-transform: scale(1.02, 0.98)
	}
	27% {
		-webkit-transform: scale(1.02, 0.98)
	}
	28% {
		-webkit-transform: scale(1.03, 0.97)
	}
	29% {
		-webkit-transform: scale(1.03, 0.97)
	}
	30% {
		-webkit-transform: scale(1.02, 0.98)
	}
	31% {
		-webkit-transform: scale(1.02, 0.98)
	}
	32% {
		-webkit-transform: scale(1.02, 0.98)
	}
	33% {
		-webkit-transform: scale(1.02, 0.98)
	}
	34% {
		-webkit-transform: scale(1.01, 0.99)
	}
	35% {
		-webkit-transform: scale(1.01, 0.99)
	}
	36% {
		-webkit-transform: scale(1.01, 0.99)
	}
	37% {
		-webkit-transform: scale(1, 1)
	}
	38% {
		-webkit-transform: scale(1, 1)
	}
	39% {
		-webkit-transform: scale(1, 1)
	}
	40% {
		-webkit-transform: scale(0.99, 1.01)
	}
	41% {
		-webkit-transform: scale(0.99, 1.01)
	}
	42% {
		-webkit-transform: scale(0.99, 1.01)
	}
	43% {
		-webkit-transform: scale(0.99, 1.01)
	}
	44% {
		-webkit-transform: scale(0.99, 1.01)
	}
	45% {
		-webkit-transform: scale(0.99, 1.01)
	}
	46% {
		-webkit-transform: scale(0.99, 1.01)
	}
	47% {
		-webkit-transform: scale(0.99, 1.01)
	}
	48% {
		-webkit-transform: scale(0.99, 1.01)
	}
	49% {
		-webkit-transform: scale(1, 1)
	}
}

#index_arrow_button20581:hover {
	-webkit-animation: ue-pudding 1.5s linear;
	animation: ue-pudding 1.5s linear;
}

.w-80 {
	width: 80%;
}

.w-88 {
	width: 88%;
}

.w-68 {
	width: 68%;
}

.w-76 {
	width: 76%;
}

.m-top40 {
	margin-top: 40px;
}

.m-top30 {
	margin-top: 30px;
}

.m-top30 {
	margin-top: 30px;
}

.m-top16 {
	margin-top: 16px;
}
.banner .info .infochd.m-left30{
	margin-left: 30px;
}
@media (max-width: 1366px) {
	.banner .info.info0 {
	  width: 620px;
	  margin-left: -310px;
	}
	.banner .info.info1 {
	  width: 720px;
	  margin-left: -360px;
	}
	.banner .info.info2{
		width: 480px;
		height: 268px;
		margin-left: -280px;
		margin-top: -134px;
	}
}