@charset "utf-8";
#shouyelunbo {
  width: 63%;
  /* 这里设置容器的固定宽高比，例如 3:2 */
  padding-top: 42%; /* 3:2的纵横比为 2 / 3 * 66% = 44% */
  background: black;
  margin: 0 auto;
  top: 0px;
 overflow: hidden;

/*
  border-width: 10px;
  border-top-color: aqua;
  border-bottom-color: aqua;
  border-right-color: #9184E5;
  border-left-color: #9184E5;
*/
  position: relative; /* 设置轮播容器为相对定位，用于绝对定位图片 */
}
#shouyelunbo > ul {
  height: 500%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  animation: bobo 30s  ease  infinite;
}
#shouyelunbo > ul li {
  height: 20%;
  width: 100%;
}
#box1 {
  background-image: url("../images/节能减排.jpg");
}
#box2 {
  background-image: url("../images/高新技术企业.jpg");
}
#box3 {
  background-image: url("../homeimages/配件__77.jpg");
}
#box4 {
  background-image: url("../homeimages/利雅路9.jpg");
}
#box5 {
  background-image: url("../homeimages/olright36.jpg");
}

#box1, #box2, #box3, #box4, #box5{
  background-size:cover;
}
@keyframes bobo {
  0% {
    margin-top: 0;
  }
  5% {
     margin-top: -67%;
  }
  12% {
     margin-top: -67%;
  }
	  17% {
     margin-top: -133%;
  }
  24% {
     margin-top: -133%;
  }  29% {
     margin-top: -200%;
  }
  36% {
     margin-top: -200%;
  }  41% {
     margin-top: -267%;
  }
  50% {
     margin-top: -267%;
  }  55% {
     margin-top: -200%;
  }
  62% {
     margin-top: -200%;
  }  67% {
     margin-top: -133%;
  }
  74% {
     margin-top: -133%;
  }79% {
     margin-top: -66%;
  }
  86% {
     margin-top: -66%;
  }
 

}
#shouyelunbo > ul:hover {
  animation-play-state: paused;
}



#syjs{
	display: flex;
	flex-direction: column;
	align-items: center;
	
}
#syjs > h1
{
	width: 100%;
	text-align: center;
	font-weight: bolder;
}
#syjs > div{
	width: 100%;
	height: auto;
	margin-top: 20px;
}
#syjs > div >img{
	width: 100%;	
	
}
#syjs > div >a{
	display: block; /* 让链接元素变成块级元素，以便设置宽度和水平居中 */
	 width: fit-content; /* 设置宽度为内容的宽度 */
	 margin: 0 auto; /* 设置左右外边距为自动，实现水平居中 */
	text-align: center;
	color: black;
	background-color:#C8F0D0;
	font-size: 28px;
}
#syjs > div >a:hover{
	background-color:white;
	transform: skew(-10deg, -2deg); /* 在水平方向上倾斜10度 */
}

#syjs >div > p{
	text-indent: 2em;
	font-size: 20px;
	letter-spacing: 0.2em;
}
#slideshow {
  width: 100%;
  height: auto;
  position: relative;

}

.slide {
  width: 100%;
  position: relative;
	padding-top: 67%; /* 设置容器的高度为宽度的67% */
}

.slide img {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: opacity 2s ease-in-out;
}

.slide img:first-child {
  opacity: 1;
}

.slide.active img {
  opacity: 1;
}


#slideshow1 {
  width: 100%;
  height: auto;
  position: relative;

}

.slide1 {
  width: 100%;
  position: relative;
	padding-top: 67%; /* 设置容器的高度为宽度的67% */
}

.slide1 img {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: opacity 2s ease-in-out;
}

.slide1 img:first-child {
  opacity: 1;
}

.slide1.active img {
  opacity: 1;
}

#syjs #invite{
	color: #ddd;
	font-style: italic; 	
	font-size: 12px;
}