html,body{overflow-x: hidden;}
.divBox{width: 1200px;margin:0 auto;}


header{height: 50px;background: transparent;line-height: 50px;position: fixed;width: 100%;z-index: 33;top:30px}

.mobile{display: inline-block;float: right;width: 230px;line-height: 3px;margin-top: 10px;position: relative;z-index: 100;}


header.active .divBox{width: 95%;}
.nav{position: fixed;top:0;right:-400px;background: rgba(246,246,248,.5);width: 100%;z-index: -1;height: 10%;box-sizing: border-box;line-height: 65px;padding-top: 100px;box-shadow: 0 0 10px 0 lightgray;}
.nav li{box-sizing: border-box;border-bottom: 1px solid lightgray;position: relative;}
.nav li:first-child{border-top: 1px solid lightgray;}
.nav li a{display: block;font-size: 14px;color: #333;box-sizing: border-box;padding-left: 60px;}
.nav li a:after{content: '';display: block;width: 0%;height: 100%;background:#c00;position: absolute;z-index: -1;top:0;left: 0;}
.nav li:hover a:after,.nav li.active a:after{width: 100%;}
.nav li:hover a,.nav li.active a{color: white;}
.nav.active{right:0;z-index: 20;}



.logo img{width: 563px;}