body{background-color: #1b1b1b}
/*====================导航*********/
.header{width:calc(100% - 160px);position:fixed;top:0;left:0;z-index:999;height:100px;padding: 0 80px;background: rgba(0, 0, 0, 0.1);}
/*左侧logo*/
.header .left{width: 12%;}
.header .left a img{height: 64px;margin-top: 18px;}
.header .left .img2{display: none;}
/*右侧*/
.header .nav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;height: 100%;line-height: 100px; font-size:16px;display: block;}
.header .navbar_nav li{float:left;position: relative;display: block;}
.header .navbar_nav li:after{content: "";width: 0;height: 2px;background: #fff;position: absolute;bottom: 0;left: 0;transition: all 0.5s ease 0s;}
.header .navbar_nav li:hover:after{width: 100%;}
.header .navbar_nav li a{text-decoration: none;height: 100%;padding: 0 25px;display: block;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;color: #fff;font-size: 16px;}
.header .navbar_nav li:hover a{color: #fff;}
#menu .active a { color: #fff; font-weight: bold;}

/*白色背景的头部*/
.header.on{background: #fff;}
.header.on .left .img1{display: none;}
.header.on .left .img2{display: block;}
.header.on .navbar_nav li a{color: #333;}
.header.on .navbar_nav li:hover a{color: #1a4bbe;}
.header.on .navbar_nav li:after{content: "";width: 0;height: 2px;background: #1a4bbe;position: absolute;bottom: 0;left: 0;transition: all 0.5s ease 0s;}
.header.on .navbar_nav li:hover:after{width: 100%;}
.header.on #menu .active a { color: #1a4bbe; font-weight: bold;}
#navToggle{display: none;}