/*手机*/

@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;
	}

	/*内容页1*/
	.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;
		line-height: 0.45rem;
		
		font-weight: 300;
	}

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

	}

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

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

	.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-left: 1rem;
		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: 1rem;
		text-align: right;
		width: 8rem;
	}

	.content-4a {
		margin-left: 1rem;
		margin-top: .1rem;
		text-align: right;
		width: 8rem;
	}

	.content-5 {
		margin-left: 7.3rem;
		top: 18.6rem;
		right: 1.2rem;
		margin-top: .2rem;
		z-index: 5;
	}


}


/*111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111*/


/*111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111*/


/*111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111*/


/*PC端*/

@media(min-width:769px) {

	/*视频页*/
	.one {
		position: relative;
		overflow: hidden;
	}

	.videoa {
		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);
		}
	}

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

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

	.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;
		z-index: 1;
	}

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

	/*内容页1*/
	.one-1 {
		position: relative;
		overflow: hidden;
		height: 9rem;


	}

	.gexing {}

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

	.dt {
		width: 2.5rem;
		height: 1.07rem;
		margin-left: 1.5rem;
		margin-top: 0.8rem;
	}

	.con {
		z-index: 1;
		font-size: .12rem;
		color: #000000;
		font-family: 300;
		font-weight: 300;
		line-height: 0.16rem;
	}

	.content-2 {
		margin-top: 0.3rem;
		top: 2.1rem;
		margin-left: 1.6rem;
		text-align: left;
	}

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

	}

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

	.content-3 {
		margin-top: .1rem;
		margin-left: 3.2rem;
		z-index: 10;

	}

	/*内容页2*/
	.dz-1 {
		position: relative;
		z-index: -1;
		font-size: 0;
		bottom: 2rem;

	}

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

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

	.content-4 {
		margin-left: 5.2rem;
		text-align: left;
		z-index: 3;
	}

	.content-4a {
		margin-top: 0.1rem;
		margin-left: 5.2rem;
		text-align: left;
		width: 2.5rem;

	}

	.content-5 {
		margin-top: 0.1rem;
		margin-left: 5.2rem;
		z-index: 1;

	}



}