.sj{
	position: relative;
    font-size: 30px;
	color: #74d6e7;
    left: 700px;
	top: 450px;
}

.rq{
	position: relative;
    font-size: 30px;
	color: #74d6e7;
	left: 700px;
	top: 450px;	
}





/* 第二幻灯片的跳转按钮样式 */
.zy {
    transform: skew(20deg, 0deg);
    transform-origin: bottom left;
    overflow: hidden; /* 隐藏由于倾斜产生的多余部分 */
    width: 200px; /* 根据您的需求调整宽度 */
    height: 50px; /* 根据您的需求调整高度 */
    margin: 5px;
    background-image: url(./img/bg-zy.jpg);
    display: block; /* 确保每个平行四边形都独占一行 */
	position: relative;
	top: 190px;
  }

  .container {
    width: 600px;
    margin: 0 auto;
    padding: 20px;
  }

  .zy span {
	position: absolute; /* 绝对定位 */
	top: 50%; /* 定位到元素的一半高度 */
	left: 50%; /* 定位到元素的一半宽度 */
	transform: translate(-50%, -50%); /*偏移自身一半的高度和宽度以实现居中 */
	display: inline-block; /* 使 transform: translate() 工作 */
	color: white; /* 文本颜色，根据需要调整 */
	text-align: center; /* 水平居中文本 */
	/* 以下两行确保文本垂直居中，如果平行四边形的高度固定，也可以不用 */
	line-height: 50px; /* 与平行四边形的高度相同 */
	width: 100%; /* 与平行四边形的宽度相同 */
  }

  #zy1{
	left: 500px;
  }
  #zy2{
	left: 540px;
  }
  #zy3{
	left: 580px;
  }
  #zy4{
	left: 620px;
  }
  #zy5{
	left: 660px;
  }