.navtop-navbar {
	margin: 0;
	padding: 0;
	border: 0;
	letter-spacing: 1px;
	opacity: 1;
	transition: all 0.6s;
	height: 64px;
	line-height: 64px;
	vertical-align: middle;
  }
  .navactive{
		 background-color:#4B6EEF!important;
  }
  .navtop-navbar .navbar-gupiao{
	padding: 0;
	margin: 0;
	color: rgba(255, 255, 255, 0.9);
	vertical-align: middle;
	font-size: 14px;
	right: 55px;
	position: fixed;
	z-index: 1100;
	display: none;
  }
  .navtop-navbar .navbar-toggler{
	  padding: 0;
	  margin: 0;
	  vertical-align: middle;
	  top: 20px;
	  right: 15px;
	  position: fixed;
	  z-index: 1100;
  }
  .navbar .logo-top-left{
	  height: 64px;
	  vertical-align: middle;
	  position: fixed;
	  top: 0;
	  left: 20px;
	  display: none;
  }
  
  .navbar .logo-top-left img{
	  height: 14px;
  }
  
  #collapsingNavbar{
	color: #fff;
	z-index: 1051;
	transition: all 0.6s;
		height: 100%;
	  position: relative;
	  width: 100%;
  }
  
  .navbar-toggler:focus,
  .navbar-toggler:active {
	  outline: 0;
  }
  
  .navbar-toggler span {
	 display: block;
	 background-color: #ffffff;
	 height: 3px;
	 width: 25px;
	 margin-top: 3px;
	 margin-bottom: 3px;
	 -webkit-transform: rotate(0deg);
	 -moz-transform: rotate(0deg);
	 -o-transform: rotate(0deg);
	 transform: rotate(0deg);
	 position: relative;
	 left: 0;
	 opacity: 1;
  }
  .navbar-toggler span:nth-child(1),
  .navbar-toggler span:nth-child(3) {
	 -webkit-transition: transform .25s ease-in-out;
	 -moz-transition: transform .25s ease-in-out;
	 -o-transition: transform .25s ease-in-out;
	 transition: transform .25s ease-in-out;
  }
  .navbar-toggler:not(.collapsed) span:nth-child(1) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	  opacity: 0.9;
	  transform-origin: -3% 58%;
  }
  
  .navbar-toggler:not(.collapsed) span:nth-child(2) {
	  background-color: transparent;
  }
  
  .navbar-toggler:not(.collapsed) span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  opacity: 0.9;
	  transform-origin: 30% 150%;
  }
  
  .collapse:not(.show)>.navbar-nav {
	opacity: 0;
  }
  .navbar-collapse{
	opacity: 1;
	transition: .5s;
  }
  .navbar-collapse>.navbar-nav {
	opacity: 1;
	transition: .5s;
  }
  
  .navbar-toggler-left-menu{
	  display: none;
	  margin-left: 12px;
  }
  .navbar .navbar-nav{
	  width:1800px;
	  right: 0;
	  top: 0px;
	  position: absolute;
	  background:none;
  }
  
  .navbar .navbar-nav-mask{
	  width: 100%;
	  height: 100%;
	  left: 0;
	  top: 0px;
	  position: fixed;
  }
  .navbar-nav dl, .navbar-nav dt, .navbar-nav dd , .navbar-nav ul, .navbar-nav li{margin: 0;padding: 0;border: 0;list-style: none;}
  .navbar-nav dl{border-top:1px solid #454646;}
  .navbar-nav dl dt{color:#FFFFFF;font-size:18px;padding:0px 20px;position: relative;}
  .navbar-nav dl dt i{
	  transition: all 0.3s;
	  font-size: 12px;
	  color: #fff;
	  position: absolute;
	  right: 20px;
	  vertical-align: middle;
	  top: 0px;}
  .navbar-nav dl dt .a{color:#FFFFFF;font-size:16px;display:block;text-decoration:none;font-weight: 100;}
  .navbar-nav dl dd{background: #2F333C;display:none;}
  .navbar-nav dl.selected dd{display:block;}
  .navbar-nav dl.selected dt i{transform:  rotate(180deg);}
  .navbar-nav dl dd a{padding-left: 40px;display:block;font-size:14px;color:#ccc;text-decoration:none;}
  .navbar-nav dl.selected dd .submenu{position: relative;}
  .navbar-nav dl.selected dd .submenu h4{margin:0;padding:0;font-size:14px;color:#ccc;line-height:49px;border-bottom:1px solid #454646;}
  .navbar-nav dl.selected dd .submenu:last-child h4{border-bottom:0px;line-height:50px;}
  .navbar-nav dl.selected dd .submenu ul{background: #2F333C;display:none;}
  .navbar-nav dl.selected dd .submenu ul li{border-top:1px solid #454646;}
  .navbar-nav dl.selected dd .submenu ul li:first-child{border-top:none;}
  .navbar-nav dl.selected dd .submenu ul li .area_a3{padding-left: 60px;}
  .navbar-nav dl.selected dd .submenu i{
	  transition: all 0.6s;
	  font-size: 12px;
	  color: #fff;
	  position: absolute;
	  right: 20px;
	  vertical-align: middle;
	  top: 0px;
  }
  .navbar-nav dl.selected dd .submenu.selected i{transform:  rotate(180deg);}
  .navbar-nav dl.selected dd .submenu.selected ul{display:block;}
  
  @media (max-width: 768px) {
  .navbar-toggler-left-menu{
	  display: inline-block;
  }
  .navbar .logo-top-left{
	  display: inline-block;
  }
  .navbar .navbar-nav {
	  width: 90%!important;
	  background: #202329;
  }
  .navtop-navbar .navbar-gupiao{
	display: inline-block;
  }
  }
  
  