/*手机*/

@media(max-width:768px) {
	
	/*手机内容*/

	/*第一手机*/

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

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

	.play-button {
		position: absolute;
		top: 85%;
		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/147.jpg');
		/* 替换为你的图片URL */
		background-size: cover;
		background-position: center;
		z-index: 1;
	}
	.content {
		position: absolute;
		top: 70%;
		left: 42.5%;
		z-index: 2;
	}

	/*第二*/

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

	.gexing {
		background-color: #FFFFFF;
	}

	.dz {
		z-index: 3;
		width: 6.5rem;
		height: auto;
		float: right;
		font-size: 0;
	}

	.dt {
		position: relative;
		margin-left: 0.8rem;
		width: 7.3rem;
		height: auto;
		top: 1.4rem;
		z-index: 4;
	}

	.con {
		z-index: 4;
		font-size: .3rem;
		color: #000000;
		font-weight: 300;
		
	}

	.content-2 {
		width: 6rem;
		margin-top: 1.8rem;
		margin-left: 1rem;
		text-align: left;
	}

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

	.content-2a {
		width: 6rem;		
		margin-left: 1rem;
		text-align: left;
		margin-top: 0.1rem;
	}

	.con-2 a {
		color: #fc7d76;
		font-size: .28rem;
		z-index: 1;
		
		text-decoration: none;
		display: inline-block;
		border: .01rem solid #fc7d76;
		padding: .05rem .12rem;
		border-radius: .25rem;
		
		
	}
	
	.con-2 a:hover {
		text-decoration: none;
		display: inline-block;
		color: #FFFFFF;
		font-size: .28rem;
		border: .01rem solid #fc7d76;
		background-color: #fc7d76;
		padding: .07rem .12rem;
		border-radius: .3rem;
		z-index: 1;
		
		font-family: "msyhl";
	}
	.content-3 {
		margin-top: 0.1rem;
		margin-left: 1rem;
		z-index: 1;
		margin-top: 0.2rem;
	}


	/*内容页2*/

	.dz-1 {
		z-index: 1;
		width: 20rem;
		height: auto;
		font-size: 0;	
		padding-right: 10rem;
	}

	.robobrg {
		overflow: hidden;
		z-index: 4;
		background-color: #f3f3f3;
	}

	.robotic {
		width: 7.5rem;
		height: auto;		
		padding: 0rem 8%;			
		z-index: 5;
	}

	.content-4 {
		margin-top: 0.8rem;
		margin-left: 0.5rem;
		text-align: right;
		width: 8.5rem;
	}

	.content-4a {
		margin-left: 0.5rem;
		margin-top: .2rem;			
		text-align: right;
		width: 8.5rem;
	}

	.content-5 {
		margin-top: 0.3rem;
		margin-left: 7rem;
	}

}	


/*111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111*/


/*111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111*/


/*111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111*/


/*PC*/

@media(min-width:769px) {
	
	/*PC内容*/

	/*视频页*/
	.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);
		}
	}



	.content {
		position: absolute;
		top: 4.5rem;
		margin-left: 4.5rem;
	}

	.con-2 a {
		text-decoration: none;
		display: inline-block;
		color: #fc7d76;
		font-size: .1rem;
		border: .01rem solid #fc7d76;
		padding: .04rem .08rem;
		border-radius: .11rem;
		
	}

	.con-2 a:hover {
		text-decoration: none;
		display: inline-block;
		color: #FFFFFF;
		font-size: .1rem;
		border: .01rem solid #fc7d76;
		background-color: #fc7d76;
		padding: .04rem .08rem;
		border-radius: .11rem;
		
	}

	.content-1 a:hover {
		color: greenyellow;
	}


	/*第二*/

	.one-1 {
		position: relative;
		overflow: hidden;
		height: 9rem;
		
	}

	.gexing {
		
	}

	.dz {
		position: relative;
		float: right;
		z-index: 0;
		width: 3.98rem;
		height: 4.29rem;
		bottom: 2.2rem;
		font-size: 0;
	}

	.dt {
		width: 3rem;
		height: auto;
		margin-left: 1.5rem;
		margin-top: 0.8rem;
	}

	.con {
		z-index: 10;
		font-size: .15rem;
		color: #000000;
		font-weight: 300;
	}

	.content-2 {
		position: relative;
		margin-top: .1rem;
		margin-left: 1.6rem;
		text-align: left;
		z-index: 10;
	}

	.con-1 {
		z-index: 10;
		font-size: .25rem;
		line-height: 0.26rem;
		color: #000000;
	}

	.content-2a {
		position: relative;
		margin-top: 0.0.5rem;
		margin-left: 1.6rem;
		text-align: left;
	}

	.content-3 {
		margin-top: 0.1rem;
		margin-left: 1.6rem;
		z-index: 1;
	}


	/*内容页2*/

	.dz-1 {
		position: relative;        
		z-index: -1;
		font-size: 0;
		bottom: 2.2rem;
	}

	.robobrg {
		position: relative;
		z-index: 0;
		bottom: 2.4rem;
		background-color: #f3f3f3;
	}

	.robotic {
		width: 2.93rem;
		height: auto;
		position: relative;
		bottom: 2.52rem;
		left: 1.5rem;
		z-index: 10;
	}

	.content-4 {
		position: absolute;
		margin-left: 5rem;
		margin-top: 0.3rem;
		text-align: left;
		z-index: 3;
		width: 4.5rem;
	}

	.content-4a {
		position: absolute;
		margin-top: 1.13rem;
		margin-left: 5rem;
		text-align: left;
		width: 4.5rem;
	}

	.content-5 {
		position: absolute;
		margin-top: 1.6rem;
		margin-left: 5rem;
	}

}


/*PC底栏(min-width:769px)*/