/*手机*/

@media(max-width:768px) {
	

/*手机内容*/


/*第一手机*/

.video-container {
	position: relative;
	width: 100%;
	height: auto;
}

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

.play-button {
	position: absolute;
	top: 75%;
	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('');
	/* 替换为你的图片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;
	

}

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

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

.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: 0.2rem;
	margin-bottom: 1rem;
}





}




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


/*PC导航栏*/

@media(min-width:769px) {	


/*第一*/

.one{
    position: relative;
    overflow: hidden;
   	
}

.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(0, 0, 0, 0.2); /* 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{
	position: relative;
	overflow: hidden;
	width: 6.6rem;
	margin: 0.83rem auto 0rem auto;
}

.con-1{	
	width: 6.6rem;	
	z-index: 1;
	font-size: .2rem;
	color: #000000;
	text-align: left;
	line-height: 0.25rem;
}

.tex-pin{
	
	margin-bottom: 0.1rem;
	
}


.tex-03{	
	margin-bottom: .5rem;
}  

.team{
	padding-top: 0rem;
}

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

.page-2{
	position: relative;
	overflow: hidden;
	width: 6.6rem;
	margin: 0.5rem auto 0rem auto;
}

.tex-jj{	
	margin-bottom: 0.1rem;			
}

.con{
	font-size: .12rem;
	color: #000000;
	width: 6.6rem;
	line-height: 0.2rem;
	font-weight: 300;
}

.tex-04{	
	margin-bottom: 0.5rem;
}



}