/* 当屏幕宽度小于1368px 时，改变元素的尺寸 */
@media screen and (max-width: 1500px) {
  
  header nav .main_box{
    
    width: 100%;
     left: 170px;
   
 }

}

/* 头部nav */
header{
  width: 100%;
  border: none;
 overflow: visible;
 position: absolute;
  z-index: 999;

}

header nav .main_box{
  position: absolute;
  left: 0;
  right: 0;
  
}


header nav .main_box{
    
  left: 170px;
}

header nav{
 height:80px;
 background-color:rgba(255, 255, 255, 0.8);
 backdrop-filter: blur(10px); /* 模糊半径，数值越大越模糊 */
 -webkit-backdrop-filter: blur(10px); /* Safari 浏览器支持 */
 width: auto;
 overflow: visible;
 display: flex;
 justify-content: space-between;
 align-items: center;
 position: relative;

box-shadow: rgba(219, 236, 250, 0.9 ) 0px 1px 2px;

}
header nav .logo{
 position: absolute;
 left: 20px;
 align-items: center;
 display: flex;
 padding-left: 10px;
}
header ul{
 display: flex;
width: 100%;
 
justify-content: flex-start;
}
header ul li{
 list-style: none;
 margin: 0 20px;
 padding: 20px 0;

}
header nav .button-selected{
 padding-right: 55px;
 position: absolute;
 right: 0;
}
header nav .button-selected a{
width: 135px;
height: 35px;
justify-content: center;
display: flex ;
align-items:center;

}
header ul li a{

 cursor: pointer;
 display: inline-block;
  transition: all 0.4s ease;
  font-weight: normal;
}
header ul li a:hover{
transform: scale(1.05);
display: inline-block;
font-weight:bolder;
color: #000;


}



/* 二级菜单子项样式 */

.has-submenu {
  position: relative; 
  overflow: visible;
}
.submenu {
  display: none;
  position: absolute;   
  top:55px;
  left: -32px;
  z-index: 9999;     
  background: #fff;
  box-shadow: 0 3px 10px rgba(12, 0, 97, 0.1);
 
  border-radius: 10px;
 
 
}
.has-submenu:hover .submenu {
  display: flex;
z-index: 99999;
  padding: 10px 0;
  flex-direction: column;
  align-items: center;
  width: 150px; 
  text-align: center;
 
}
header nav .submenu li{
  padding: 0;
}

.submenu li a {
  display: block;
  padding: 8px 10px;
  width: 130px;
  text-align: center;
  border-radius: 10px;
 
}
.submenu li a {
  color: #111111;
  font-size: 14px;
  white-space: nowrap; /* 防止文字换行 */
}


header .submenu li a:hover {
  background: #f5f5f5;
   display: block;
  color: #016BF5;
  /* font-weight: bold; */
  /* transform: scale(1.1); */
}