/* 头部图标样式 */
#header{
	 display: flex;
	 width: 37.5rem;
	 height: 5.5rem;
	 justify-content: space-between;
	 padding: 0.8rem 1.5rem;
	 background-color: #4A6CFA;
	 position: relative;
	 align-items: center;
	 overflow: visible;
	 position: fixed;
	 left: 0;top: 0;
	 z-index: 9;
}
 #logo{
     width: 6.7rem;
     height: 4rem;
}
 #menuIcon{
     width: 2rem;
     height: 2rem;
}
 #closeIcon{
     width: 2rem;
     height: 2rem;
     display: none;
}
/* 菜单样式 */
 .actived>a{
     color: #4A6CFA;
}
 .actived{
     color: #4A6CFA;
}
 #menus{
     position: absolute;
     right: 0;
     bottom: -25rem;
     height: 25rem;
     width: 15rem;
     color: #000;
     background-color: #fff;
     text-align: center;
     display: none;
     font-size: 1.4rem;
     box-shadow: 0rem 0.4rem 0.8rem 0rem rgba(0, 0, 0, 0.2);
     list-style: none;
     z-index: 2;
}
 #menus ul{
     display:block;
     width: 15rem;
     height: 5rem;
     line-height: 5rem;
     position: relative;
     ont-size: 1.4rem;
     font-weight: 500;
}
/* 高亮伪类样式 */
 #menus #project.actived:before{
     content: " ";
     display: inline-block;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     height: 0.7rem;
     width: 0.7rem;
     border-width: 0 0 0.2rem 0.2rem;
     border-color: #4A6CFA;
     border-style: solid;
     position: absolute;
     top: 2rem;
     left:3.5rem 
}
 #menus .pros{
     display:block;
     width: 19rem;
     position: absolute;
     display: none;
     left: -17rem;
     top: -10rem;
     box-shadow: 0rem 0.2rem 0.4rem 0rem rgba(0, 0, 0, 0.2);
     z-index: 3;
     background-color: #fff;
     color: #000000;
}
 #menus .pros a{
     display:block;
     width: 19rem;
     height: 5rem;
     line-height: 5rem;
     font-size: 1.3rem;
     font-weight: 400;
}
 #menus .pros a:active{
     color: #4A6CFA;
}