﻿#navigation{float:right;width:62%}

.aui-header-nav{position:fixed;top:0;width:100%;z-index:999;transition:all .45s ease-in-out;height:100px;background:#a31f34;}
.aui-header-nav.moveDown{top:0px;transition:all .45s ease-in-out}

.aui-header-nav .wrapper{position:relative;width:1200px;margin:0 auto;height:100px}
.aui-header-nav .aui-logo{width:410px;float:left;transition:all .45s ease-in-out;}
.aui-header-nav .aui-logo img{width:100%;transition:all .45s ease-in-out;}

.aui-header-nav .aui-logo #logo2{display:none}

.aui-header-nav .wrapper .aui-logo{position:relative;top:15px}
.aui-header-nav.solid .aui-logo{width:350px;float:left;transition:all .45s ease-in-out;top:6px}
.aui-header-nav .aui-logo img{width:100%;transition:all .45s ease-in-out;}

.aui-header-nav.solid .aui-logo #logo1{display:none}
.aui-header-nav.solid #logo2{display:block}

/*第一状态*/
.aui-header-nav.moveDown .nav{ width:100%;float:right;position:relative; z-index:100;display:flex;margin-top:32px;transition:all .45s ease-in-out;}
.aui-header-nav.moveDown .nav a{ color:#FFF;}
.aui-header-nav.moveDown .nav .nLi{position:relative; display:inline;flex:1;margin:0px 0px 0px 6px;;}
.aui-header-nav.moveDown .nav .nLi h3{text-align:center;width:100%;font-size:16px;}
.aui-header-nav.moveDown .nav .nLi h3 a{ display:block;height:42px;line-height:42px}
.aui-header-nav.moveDown .nav .on h3 a{ background:#910418;}
.aui-header-nav.moveDown .nav .sub{ display:none;right:0px;top:42px;position:absolute;font-size:14px;z-index:100}
.aui-header-nav.moveDown .nav .sub li{zoom:1;}
.aui-header-nav.moveDown .nav .sub a{ width:150px;display:block; ;color:#FFF;background-color:#910418;;text-align:center;padding:3px 5px;line-height:32px}
.aui-header-nav.moveDown .nav .sub a:hover{ background:#F00;color:#fff;}

.aui-header-top.moveUp{top:-29px;transition:all .5s ease-out;}
.aui-header-nav.solid{border-bottom:0px solid #F00;transition:all .5s ease-in-out;height:70px;}

/*第二状态*/
.aui-header-nav.solid .nav{ width:100%;float:right;position:relative; z-index:100;display:flex;margin-top:10px;transition:all .45s ease-in-out;}
.aui-header-nav.solid .nav a{ color:#FFF;}
.aui-header-nav.solid .nav .nLi{position:relative; display:inline;flex:1;margin:0px 0px 0px 6px;;}
.aui-header-nav.solid .nav .nLi h3{text-align:center;width:100%;font-size:16px;}
.aui-header-nav.solid .nav .nLi h3 a{ display:block;height:55px;line-height:55px}
.aui-header-nav.solid .nav .on h3 a{ background:#910418;}
.aui-header-nav.solid .nav .sub{ display:none;right:0px;top:55px;position:absolute;font-size:14px;z-index:100}
.aui-header-nav.solid .nav .sub li{zoom:1;}
.aui-header-nav.solid .nav .sub a{ width:150px;display:block; ;color:#FFF;background-color:#910418;;text-align:center;padding:6px 5px;line-height:32px}
.aui-header-nav.solid .nav .sub a:hover{ background:#F00; color:#fff;  }

.aui-header-nav.solid .m-login .u-btn{transition:all .4s ease-out}
.aui-header-nav.solid .m-login .sign{background-color:transparent;border:1px solid #505050;color:#383838;transition:all .4s ease-out}
.aui-header-nav.solid .m-login .free{background-color:#49a0f5;border:1px solid #49a0f5;color:#fff;transition:all .4s ease-out}



