/* 幻灯片 */
	.index-banner{
		width: 100%;
		height: 100vh;
		display: flex;
		align-items: center;
		background-size: cover;
		justify-content: center;
		background-position: center;
		background-repeat: no-repeat;
		position: relative;
	}
	
	.index-banner .explain p{
		line-height: 1;
		font-size: 56px;
		text-align: center;
		color: rgba(255, 255, 255, 1);
	}
	
	.index-banner .explain p:last-child{
		font-size: 90px;
		margin-top: 50px;
		font-weight:bold;
	}

	/* 幻灯片-按钮 */
	.index-banner .buttons{
		width: 100%;
		display: flex;
		column-gap: 30px;
		align-items: center;
		justify-content: center;
		position: absolute;
		bottom: 10%;
	}
	
	.index-banner .buttons .item{
		width: 160px;
		height: 43px;
		display: flex;
		font-size: 14px;
		align-items: center;
		justify-content: center;
		color: rgba(255, 255, 255, 1);
		border: 1px solid rgba(255, 255, 255, 0.8);
	}

/* 视频 */
	.index-video{
		width: 100%;
		height: 100vh;
		position: relative;
	}
	
	.index-video .video-js{
		width: 100%;
		height: 100%;
		line-height: 0;
	}
	
	.index-video .video-js .vjs-tech{
		position: static;
		object-fit: cover;
	}
	
	.index-video .video-js .vjs-big-play-button{
		display: none;
	}

	/* 视频-禁用单击暂停 */
	.index-video .video-js .vjs-tech {
		pointer-events: none;
	}

	/* 视频-隐藏进度条 */
	.index-video .vjs-has-started .vjs-control-bar{
		display: none;
	}

	/* 视频-文案 */
	.index-video .text{
		width: 100%;
		display: flex;
		line-height: 1;
		font-size: 90px;
		align-items: center;
		justify-content: center;
		transform: translate(-50%);
		color: rgba(255, 255, 255, 1);
		font-family: "SourceHanSansCN-Bold";
		position: absolute;
		top: 50%;
		left: 50%;
		font-weight:bold;
	}

/* 探索星合 */
	.index-explore{
		width: 100%;
		background-color: rgba(0, 0, 0, 1);
	}
	
	.index-explore .content-wrapper{
		width: 100%;
		height: 100vh;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
	}

	/* 探索星合-头部 */
	.index-explore .content-wrapper .header p{
		width: 100%;
		line-height: 1;
		font-size: 36px;
		text-align: center;
		color: rgba(255, 255, 255, 1);
	}
	
	.index-explore .content-wrapper .header p:last-child{
		font-size: 20px;
		margin-top: 15px;
	}

	/* 探索星合-内容 */
	.index-explore .content-wrapper .content{
		gap: 20px;
		width: 100%;
		display: grid;
		margin-top: 40px;
		grid-template-columns: repeat(4,minmax(0,1fr));
	}
	
	.index-explore .content-wrapper .content .item{
		padding: 10px;
		display: flex;
		aspect-ratio: 1 / 1;
		align-items: flex-end;
		background-size: cover;
		grid-row: span 1 / span 1;
		justify-content: flex-start;
		background-position: center;
		background-repeat: no-repeat;
		grid-column: span 1 / span 1;
	}
	
	.index-explore .content-wrapper .content .item.big{
		grid-row: span 2 / span 2;
		grid-column: span 2 / span 2;
	}

	/* 探索星合-内容-文案 */
	.index-explore .content-wrapper .content .item .text{
		opacity: 0;
		width: 100%;
		height: auto;
		transition-duration: 0.7s;
		transition-property: opacity;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	}
	
	.index-explore .content-wrapper .content .item .text .logo{
		width: 100%;
		height: 30px;
		margin-bottom: 10px;
	}
	
	.index-explore .content-wrapper .content .item .text .logo img{
		height: 100%;
	}
	
	.index-explore .content-wrapper .content .item .text p{
		line-height: 1;
		font-size: 14px;
		color: rgba(255, 255, 255, 1);
	}
	
	.index-explore .content-wrapper .content .item .text p:last-child{
		margin-top: 5px;
	}

/* 合作公司 */
	.index-company{
		width: 100%;
		padding: 1.252% 0%;
		background-color: rgba(0, 0, 0, 1);
	}

	/* 合作公司-头部 */
	.index-company .content-wrapper .header p{
		line-height: 1;
		font-size: 20px;
		margin-top: 10px;
		text-align: center;
		color: rgba(255, 255, 255, 1);
	}
	
	.index-company .content-wrapper .header p:last-child{
		line-height: 1.25;
		font-size: 21px;
		margin-top: 10px;
		text-align: center;
		color:#86868b;
		margin-top:64px;
		font-weight: bold;
	}
	
	.index-company .content-wrapper .header p:first-child{
		margin-top: 0%;
		font-size: 56px;
		font-weight: bold;
		color:rgb(245, 245, 247);
	}

	/* 合作公司-幻灯片 */
	.index-company .content-wrapper .content{
		width: 100%;
		margin-top: 100px;
		overflow: visible;
	}
	
	.index-company .content-wrapper .content .swiper-slide img{
		width: 100%;
		height: 100%;
		opacity: 0.3;
		transition-duration: 0.5s;
		transition-property: opacity;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1.25) scaleY(1.25);
	}

	/* 合作公司-分页器 */
	.index-company .content-wrapper .swiper-pagination{
		gap: 5px;
		display: grid;
		position: static;
		margin-top: 110px;
		grid-template-columns: repeat(12, 1fr);
	}
	
	.index-company .content-wrapper .swiper-pagination .swiper-pagination-bullet{
		opacity: 1;
		width: 100%;
		height: 4px;
		border-radius: 0px;
		background: rgba(255, 255, 255, 0.35);
		position: relative;
	}
	
	.index-company .content-wrapper .swiper-pagination .swiper-pagination-bullet::after{
		width: 0%;
		content: '';
		height: inherit;
		border-radius: inherit;
		background-color: rgba(8, 74, 202, 1);
		position: absolute;
		top: 0%;
		left: 0%;
	}

/* 合作品牌 */
	.index-brands{
		width: 100%;
		padding: 5.252% 0%;
		background-color: rgba(0, 0, 0, 1);
	}

	/* 合作品牌-头部 */
	.index-brands .content-wrapper .header p{
		line-height: 1;
		font-size: 40px;
		color: rgba(255, 255, 255, 1);
	}

	/* 合作品牌-幻灯片 */
	.index-brands .content-wrapper .content{
		width: 100%;
		margin-top: 100px;
		overflow: visible;
	}
	
	.index-brands .content-wrapper .content .swiper-slide{
		width: 60%;
		margin-right: 23.929%;
	}

	/* 合作品牌-幻灯片-图片 */
	.index-brands .content-wrapper .content .swiper-slide .images{
		width: 75%;
		height: 75%;
		display: block;
		transition: all 1s;
		padding-bottom: 15%;
		margin-bottom: 40px;
		-o-transition: all 1s;
		-moz-transition: all 1s;
		-webkit-transition:all 1s;
	}
	
	.index-brands .content-wrapper .content .swiper-slide .images img{
		width: 100%;
		height: 100%;
	}

	/* 合作品牌-幻灯片-文案 */
	.index-brands .content-wrapper .content .swiper-slide .text .title p{
		line-height: 1;
		font-size: 30px;
		color: rgba(255, 255, 255, 1);
	}
	
	.index-brands .content-wrapper .content .swiper-slide .text .title p:last-child{
		font-size: 20px;
		margin-top: 10px;
	}
	
	.index-brands .content-wrapper .content .swiper-slide .text .button{
		line-height: 1;
		display: block;
		font-size: 14px;
		margin-top: 20px;
		width: fit-content;
		width: -moz-fit-content;
		width: -webkit-fit-content;
		color: rgba(255, 255, 255, 1);
		position: relative;
	}
	
	.index-brands .content-wrapper .content .swiper-slide .text .button::after{
		width: 100%;
		height: 1px;
		content: '';
		background-color: rgba(255, 255, 255, 1);
		position: absolute;
		top: 120%;
		left: 0%;
	}

	/* 合作品牌-幻灯片-按钮 */
	.index-brands .content-wrapper .content .swiper-button-next{
		width: 50px;
		height: 50px;
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
		background-image: url('../images/lower.png');
		right: 27.5%;
		top: 35%;
	}
	
	.index-brands .content-wrapper .content .swiper-button-next:focus{
		border: none;
		outline: none
	}
	
	.index-brands .content-wrapper .content .swiper-button-next::after{
		content: none;
		outline: none
	}

	/* 幻灯片-按钮-悬停 */
	.index-banner .buttons .item.current-hover-item{
		background-color: rgba(255, 255, 255, 0.35);
	}

	/* 探索星合-内容-文案-悬停 */
	.index-explore .content-wrapper .content .item.current-hover-item .text{
		opacity: 1;
	}

	/* 合作公司-幻灯片-选中 */
	.index-company .content-wrapper .content .swiper-slide.swiper-slide-active img{
		opacity: 1;
	}

	/* 合作公司-分页器-选中 */
	.index-company .content-wrapper .swiper-pagination .swiper-pagination-bullet.execution-completed::after{
		width: 100%;
	}
	
	.index-company .content-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{
		animation: index-company-pagination 3.4s ease-in-out;
		-webkit-animation: index-company-pagination 3.4s ease-in-out;
	}

	/* 合作品牌-幻灯片-选中 */
	.index-brands .content-wrapper .content .swiper-slide.swiper-slide-active .images{
		width: 100%;
		height: 100%;
		padding-bottom: 0%;
	}

/* 响应 1680 */	
@media screen and (max-width: 1680px) {}

/* 响应 1440 */
@media screen and (max-width: 1440px) {
/* 幻灯片 */
	.index-banner .explain p{
		font-size: 48px;
	}
	
	.index-banner .explain p:last-child{
		font-size: 70px;
		margin-top: 40px;
	}

	/* 幻灯片-按钮 */
	.index-banner .buttons{
		column-gap: 25px;
	}
	
	.index-banner .buttons .item{
		width: 140px;
		height: 38px;
		font-size: 12px;
	}

/* 视频 */

	/* 视频-禁用单击暂停 */

	/* 视频-隐藏进度条 */

	/* 视频-文案 */
	.index-video .text{
		font-size: 70px;
	}

/* 探索星合 */

	/* 探索星合-头部 */
	.index-explore .content-wrapper .header p{
		font-size: 32px;
	}
	
	.index-explore .content-wrapper .header p:last-child{
		font-size: 18px;
		margin-top: 10px;
	}

	/* 探索星合-内容 */

	/* 探索星合-内容-文案 */

/* 合作公司 */
	.index-company{
		padding: 5.209% 0%;
	}

	/* 合作公司-头部 */
	.index-company .content-wrapper .header p{
		font-size: 18px;
	}
	
	.index-company .content-wrapper .header p:first-child{
		font-size: 36px;
	}

	/* 合作公司-幻灯片 */
	.index-company .content-wrapper .content{
		margin-top: 80px;
	}

	/* 合作公司-分页器 */

/* 合作品牌 */
	.index-brands{
		padding: 5.209% 0%;
	}

	/* 合作品牌-头部 */
	.index-brands .content-wrapper .header p{
		font-size: 36px;
	}

	/* 合作品牌-幻灯片 */
	.index-brands .content-wrapper .content{
		margin-top: 80px;
	}

	/* 合作品牌-幻灯片-图片 */
	.index-brands .content-wrapper .content .swiper-slide .images{
		margin-bottom: 35px;
	}

	/* 合作品牌-幻灯片-文案 */
	.index-brands .content-wrapper .content .swiper-slide .text .title p{
		font-size: 28px;
	}
	
	.index-brands .content-wrapper .content .swiper-slide .text .title p:last-child{
		font-size: 18px;
	}
	
	.index-brands .content-wrapper .content .swiper-slide .text .button{
		font-size: 12px;
		margin-top: 15px;
	}

	/* 合作品牌-幻灯片-按钮 */
	.index-brands .content-wrapper .content .swiper-button-next{
		width: 40px;
		height: 40px;
	}

	/* 幻灯片-按钮-悬停 */

	/* 探索星合-内容-文案-悬停 */

	/* 合作公司-幻灯片-选中 */

	/* 合作公司-分页器-选中 */

	/* 合作品牌-幻灯片-选中 */
}

/* 响应 1280 */
@media screen and (max-width: 1280px) {}

/* 响应 1000 */
@media screen and (max-width: 1000px) {}

/* 响应 750 */
@media screen and (max-width: 750px) {}