/*手机*/

@media(max-width:768px) {
	

	/*手机内容*/

	/*视频*/

	.video-container {
		position: relative;
		width: 100%;
		height: auto;
		padding-top: 1.2rem;
		background-color: #02190c;
	}

	video {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.play-button {
		position: absolute;
		top: 60%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 60px;
		height: 60px;
		background: url('../img/playa.png') no-repeat center center;
		background-size: contain;
		cursor: pointer;
		z-index: 2;
		/* 确保播放按钮在视频和海报之上 */
	}

	.poster {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url('../img/.jpg');
		/* 替换为你的图片URL */
		background-size: cover;
		background-position: center;
		z-index: 1;
	}

	/*第二*/



	.page-1 {
		padding: 0 10%;
	
	}

	.con-1 {		
		z-index: 1;
		font-size: .4rem;
		color: #000000;
		line-height: 0.5rem;
		font-weight: 400;

	}

	.tex-pin {
		margin-top: 1rem;
	}

	.con {
		font-size: .3rem;
		color: #000000;
		font-weight: 300;
		line-height: 0.4rem;
			
	}

	.tex-03 {		
		margin-top: 0.2rem;
		
	}

	.team {
		margin-top: .8rem;
	}

	.one-1 {
		position: relative;
		overflow: hidden;
		background-color: #F3F3F3;		
	}

	.page-2 {		
		
		padding: 0 10%;		
	}


	.tex-jj {
		margin-top: 1rem;
	}

	.tex-04 {
		margin-top: .2rem;
		margin-bottom: 0.65rem;
	}






	
}

/*111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111*/
/*111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111*/
/*111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111*/


/*PC导航栏*/
@media(min-width:769px) {
	

	/*PC内容*/

	/*第一*/

	.one {
		position: relative;
		overflow: hidden;
		background-color: #02190c;
		z-index: -1;
	}


	.video {
		position: relative;
		right: 0;
		bottom: 0;
		z-index: -1;
	}

	.loader {
		position: absolute;
		border: 0.04rem solid #e5fac5;
		/* Light border for the loader */
		border-top: 0.04rem solid rgba(60, 92, 80, 0.6);
		/* Blue border for the rotating part */
		border-radius: 50%;
		/* Make the loader circle */
		width: 0.4rem;
		height: 0.4rem;
		animation: spin 2s linear infinite;
		/* Rotate forever */
		z-index: -2;
		top: 2.2rem;
		left: 4.5rem;

	}

	/* Keyframes for the spin animation */
	@keyframes spin {
		0% {
			transform: rotate(0deg);
		}

		100% {
			transform: rotate(360deg);
		}
	}


	/*第二*/



	.page-1 {
		width: 6.6rem;
		margin: 0 auto;		
	}

	.con-1 {		
		z-index: 1;
		font-size: .2rem;
		color: #000000;
		font-weight: 400;		
	}

	.tex-pin {
		margin-top: 1rem;
	}

	.con {
		font-size: .1rem;
		color: #000000;
		line-height: 0.15rem;
		font-family: 'msyhl';
		font-weight: 300;
	}

	.tex-03 {
		margin-top: 0.1rem;
		
	}




	.team {
		margin-top: 0.7rem;
	}

	.one-1 {
		position: relative;
		overflow: hidden;
		background-color: #F3F3F3;
		height: 1.5rem;

	}

	.page-2 {
		width: 6.6rem;
		margin: 0 auto;
		
	}


	.tex-jj {
		margin-top: 0.5rem;
	}

	.tex-04 {

		margin-top: .1rem;

	}



	

	
}