@charset "utf-8";
.body{
	margin:0px;
	padding:0px;

}
.width{
	width:1920px;
}
.hear{
	width:1920px;
	/*height:70px;*/
	margin:auto;
	text-align:center;
}
.hearlogo{
	float:left;
	padding:3px 10%;
}
/*
.hearbut{
	width:660px;
	height:40px;
	float:right;
	padding:14px;

}
.hearbut a{
	display:inline-block;
	width:100px;
	text-align:center;
	padding:10px 0px;
	font-size:18px;
	color:#093;
	text-decoration:none;
}
a:hover{	
	transition:all 0.3s ease;
	background-color:#093;
	border-radius:10px;
	color:#FFF;
}
*/
.dh{
	float:right;
	color:#090; 
	padding:3px 10%;
}

.sy-img{
	width:auto;
	margin:auto;
	padding:10px;
	text-align:center;

}
/* 自动轮播样式 */
.banner-container{
	width:1920px;
	height:500px;
	/* 轮播图居中 */
	margin:1rem auto;
	/* 隐藏超出展示容器的内容 */
	overflow: hidden;
	position: relative;
}

.banner-container .banner-img-container {
	width:9600px;
	height:500px;
	overflow: hidden;
	position: absolute;
	/* 开启弹性盒，让图片横向排列 */
	display: flex;
	animation: run 60s ease infinite;
}

.banner-container .banner-img-container img{
	width:1920px;
	height:100%;
}

/* 动画关键帧 */
@keyframes run {
	0%,10%{
		/* margin-left: 0; */
		transform: translateX(0);
	}
	20%,30%{
		/* margin-left: -1200px;; */
		transform: translateX(-1920px);
	}
	40%,50%{
		/* margin-left: -2400px; */
		transform: translateX(-3840px);
	}
	60%,70%{
		/* margin-left: -3600px; */
		transform: translateX(-5760px);
	}
	80%,90%{
		/* margin-left: -4800px; */
		transform: translateX(-7680px);
	}
	100%{
		/* margin-left: 0; */
		transform: translateX(0);
	}
}

.cpzx{
	height:auto;
	text-align:center;
	margin:20px;
	padding:0;
	color:#090; 
}
.jyyw{
	height:auto;
	width:auto;
	color:#090;
	padding:25px;
	display:flex;
	align-items: center;
    justify-content: center;
}

.xx{
	height:400px;
	width:370px;
	margin:7px;
	text-align:center;
}
.xximg{
	height:280px;
	width:370px;
	margin:auto;
	text-align:center;
}
.xx:hover{
	transition:all 0.3s ease;
	background-color:#090;
	color:#FFF;
}



.stek{
	height:auto;
	margin:20px;
	padding:5% 0;
	display:flex;
	align-items: center;
    justify-content: center;
	background-color:#FFF;
}
.stekimg{
	width:460px;
	height:360px;
	margin:0 2%;
}
.stekimg img{
	width:460px;
	height:360px;
	border-radius:40px;
}
.stekxx{
	width:800px;
	color:#FFF; 
	text-align:left;
	background-color:#090;
	padding:14PX 10%;
	border-radius:40PX;
}

.about{
	height:auto;
	text-align: center;
	padding: 20px;
	background-color:#090;
	color:#FFF; 
}
.aboutimg{
	height:auto;
	margin:2% 2%;
	display:flex;
	align-items: center;
    justify-content: center;
	
}
.aboutimg1{
	width:400px;
	height:auto;
	/*border-style:dashed;
	border-color:#FFF;*/
	margin:0 6%;
	text-align:center;
}




/*发展轴 */
.fzlc{
	height:auto;
	margin:0 10%;
	color:#090; 
	text-align:left;

}


.dt{
	height:auto;
	text-align:center;
	padding:20px;
	font-size:30px;
	color:#090; 
}
.bzfw{
	text-align:center;
	
}
.bzfw h2{
	font-size:32px;
}
.bzfw p{
	font-size:18px;
	margin:0;
	padding:0;
}
.steps {
	width:100%;
	height:150px;
	margin-top:5%;
  position: relative;
  margin-bottom: 30px;
  counter-reset: step;  /*创建步骤数字计数器*/
}
/*步骤描述*/
.steps li {
  list-style-type: none;
  font-size: 16px;
  text-align: center;
  width: 14%;
  position: relative;
  float: left;
  color:#090; 
}
 
/*步骤数字*/
.steps li:before {
  display: block;
  content: counter(step); /*设定计数器内容*/
  counter-increment: step;  /*计数器值递增*/
  width: 32px;
  height: 32px;
  background-color:#090;
  line-height: 32px;
  border-radius: 32px;
  font-size: 16px;
  color:#FFF;
  text-align: center;
  font-weight: 700;
  margin: 0 auto 8px auto;
}
 
/*连接线*/
.steps li ~ li:after {
  content: '';
  width: 100%;
  height: 2px;
  background-color:#090;
  position: absolute;
  left: -50%;
  top: 15px;
  z-index: -1; /*放置在数字后面*/
}


/*底部 */
.db{
	height:auto;
	background-color:#090;
	color:#FFF; 
	text-align:center;
	padding:20px;
}