/* CSS Document */
{margin:0;padding:0;}
body{
	background-color:#000;
	color:#FFF;
	}
body {
  font-family: 'Noto Sans SC', 'Source Han Sans CN', -apple-system, BlinkMacSystemFont, 
               'Segoe UI', Roboto, 'Microsoft YaHei', sans-serif;
}


.daohang{
	width:1400px;
	height:130px;
	border:0px #FFFFFF solid;
	margin:0 auto;
	background-color:#000;

	margin-top:-20px;
	z-index: 4;
	margin-bottom:-100px;


	}
.daohang1{

	}
 
.daohang1 img{
	width:10%;
 
	margin-top:5px;
	margin-left:-20px;


	}
#daohangwenzi{
	position:absolute;
	margin-left:-180px;
	margin-top:-15px;
	font-weight:400;
	
	
	
	}
#weixintou{
	width:80px;
	height:80px;
	margin-left:97%;
	margin-top:-65px;
	
	
	}

.daohang p{
	font-size:40px;
	color:#4a8eff;
	font-weight:900;
	display:block;
	margin-top:30px;
	}
.daohang span{
	font-size:14px;
	margin-top:-35px;
	display:block;
	margin-left:16px;
	font-weight:900;
	}
.daohang2{
	width:1000px;
	height:100px;
	border:0px #FFFFFF solid;
	float:right;
	margin-top:-120px;
	margin-right:7%;
	}
.daohang2 ul{
	margin-left:100px;
	margin-top:30px;
z-index: 4;
	}
.daohang2 ul li{
	width:120px;
	height:40px;
	border:0px #FFFFFF solid;
	list-style:none;
	float:left;
	margin-right:10px;
	text-align:center;
	line-height:40px;
	background:#2197b9;
	border-radius:10px;

	}
.daohang2 ul li a{
	text-decoration:none;
	color:#FFF;
	font-family:黑体;
	font-weight: 900;
	font-size:16px;
	
	}
.daohang2 ul li a:hover{
	color:#666;
	}
#li1{
	background:#fedc54;
	border-radius: 20px 20px 20px 20px; 
	width:150px;
	height:50px;
	line-height:50px;
	margin-top:-5px;
	}
#li1 a{

    color:#333;
	font-weight: bold;
	font-size:16px;
}
#li1:hover{
	background-color:#707070;
	}

/*以下是下拉菜单重点*/
.daohang ul li ul {
	margin-left:-70px;/*位置不对，自己挪了挪*/

	display:none;
	height:auto;
	position:absolute;/*清除下拉菜单顶下面banner图，但是会左浮动*/
	margin-top:1px;
	}
.daohang ul li:hover ul{
	display:block;/*消除下拉菜单的*/
	}

.daohang ul li ul li{
	clear:both;/*清除上级li左浮动*/
	background-color:#2197b9;
	width:120px;
	opacity: 1;
	margin-left:30px;
	}
	/*使用了banner轮播js后，把二级导航覆盖了，这个问题怎么解决了：二级导航被banner图覆盖的原因主要是z-index的问题‌。解决这个问题的方法包括在导航box上设置position: relative; z-index: 4;，确保其z-index值比banner大。*/
.daohang ul li ul li a{
	font-size:13px;
	}
	/*使用了banner轮播js后，把二级导航覆盖了，这个问题怎么解决了：二级导航被banner图覆盖的原因主要是z-index的问题‌。解决这个问题的方法包括在导航box上设置position: relative; z-index: 4;，确保其z-index值比banner大。*/
	
	
/*以上是下拉菜单重点*/

.banner {
    width: 1500px; /* 设置轮播图的宽度 */
    overflow: hidden; /* 隐藏超出容器的部分 */
    position: relative; /* 定位容器 */
		margin:0 auto;
	border:0px blue solid;
	width:1500px;
	height:auto;


}
 
.slides1 {
    display: flex; /* 使用flex布局显示图片 */
    width: 1500px; /* 所有图片宽度之和 */
    transition: transform 0.5s ease; /* 平滑过渡效果 */
	margin:0 auto;
}
 
.slides1 img {
    width: 1500px; /* 每张图片的宽度 */
    flex-shrink: 0; /* 不允许图片缩小 */

	height:680px;
 
}

.b{
	width:1400px;
	height:100px;
	border:1px  #000000 solid;
	margin:0 auto;
	}
.b img{
	position:absolute;
	margin-top:-130px;
	}
.b span{
	display:block;
	margin-left:200px;
	font-size:30px;
	margin-top:-60px;
	position:absolute;
	font-weight:700;
	}
.b p{
	display:block;
	margin-left:200px;
	font-size:20px;
	margin-top:10px;
	position:absolute;
	font-weight:700;
	}
.c{
	width:1400px;
	height:auto;
	border:1px #000000 solid;
	margin:0 auto;
	
	
	}
.c h6{
	font-size:20px;
	}
.d{
	width:1400px;
	height:400px;
	border:1px #fffff solid;
	margin:0 auto;
	}


.video-slider {
  width: 700px;
  overflow: hidden;
  position: relative;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);

}

/* 视频轨道样式 */
.slider-track {
  display: flex;
  transition: transform 0.3s ease;
}

/* 单个视频容器 */
.video-item {
  width: 100%;
  flex-shrink: 0;
  position: relative;
}

/* 视频样式 */
video {
  width: 100%;
  display: block;
}

/* 导航箭头样式 */
.nav-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.6);
  color: white;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 24px;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

.left-arrow { left: 15px; }
.right-arrow { right: 15px; }

/* 指示点样式 */
.slider-dots {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  z-index: 10;
}

.dot {
  width: 12px;
  height: 12px;
  background: rgba(255,255,255,0.5);
  border-radius: 50%;
  margin: 0 4px;
  cursor: pointer;
  transition: background 0.2s;
}

.dot.active {
  background: white;
}







.d2{
    width: 27.6%; /* 设置轮播图的宽度 */
    overflow: hidden; /* 隐藏超出容器的部分 */
    position: relative; /* 定位容器 */
	 
	border:0px blue solid;
	height:380px;
	margin-left:51%;
	margin-top:-400px;


}
 
.slides {
    display: flex; /* 使用flex布局显示图片 */
    width: 700px; /* 所有图片宽度之和 */
    transition: transform 0.5s ease; /* 平滑过渡效果 */
	margin:0 auto;
	height:400px;
}
 
.slides img {
    width: 100%; /* 每张图片的宽度 */
    flex-shrink: 0; /* 不允许图片缩小 */
	height:387px;
	border-radius:20px;
}



























.e{
	width:1400px;
	height:110px;
	border:1px #000000 solid;
	margin:0 auto;
	}
.e h6{
	font-size:20px;

	}
.e span{
	float:left;
	display:block;
	margin-top:-40px;
	}
.e p{
	margin-top:-40px;
	margin-left:50px;}
.e hr{
	width:500px;
	margin-left:5px;
	margin-bottom:-30px;
	}


.dibu{
	width:1600px;
	height:330px;
	border:0px blue solid;
	margin:0 auto;
	}
.dibu1{
	width:1600px;
	height:280px;
	border:0px #000000 solid;
	margin:0 auto;
	}
.dibu1 ul {
	width:1580px;
	height:230px;
	border:0px blue solid;
	}
.dibu1 ul li{
	width:290px;
	height:230px;
	border:0px blue solid;
	list-style:none;
	float:left;
	margin-left:20px;
	}
.dibu1 ul li a{
	text-decoration:none;
	color:#FFF;
	
	}
.dibu1 ul li img{
	width:30%;
	}
#dibup{
	display:block;

	
	}
#dibutu2{
	margin-left:100px;
	margin-top:-115px;
	display:block;
	}
#dibutu1{
	margin-left:-10px;
	margin-top:50px;

	}

	

.dibu1 ul li p{
	font-size:14px;
	font-family:思源黑体;
	line-height:30px;
	margin-left:20px;
	}

#dibup{
	display:block;
	text-align:center;
	font-size:12px;
	}
#dibup a{
	text-decoration:none;

	font-family:思源黑体;
	color:#FFF;
	}
.dibu2{
	display:block;
	text-align:center;
	font-family:思源黑体;
	font-size:14px;
	height:20px;
	width:1000px;
	border:0px blue solid;
	margin:0 auto;
	margin-top:10px;
	}

.dibu2 span{
	font-family:思源黑体;
	font-size:14px;
	}
.dibu2 a{
	text-decoration:none;
	color:#FFF;
	}