.header-right{float:right;width:60%} #navigation{width:100%} .aui-header-nav{position:fixed;top:0;width:100%;z-index:999;transition:all .45s ease-in-out;} .aui-header-nav.moveDown{top:0px;transition:all .45s ease-in-out;background-color:rgba(178,60,60,1);height:90px;} .aui-header-nav .wrapper{position:relative;width:1300px;margin:0 auto;} .aui-header-nav .aui-logo{width:400px;float:left;transition:all .45s ease-in-out;margin-right:50px} .aui-header-nav .aui-logo img{width:60%;transition:all .45s ease-in-out;margin-top:10px} .aui-header-nav .head-tips{width:100%;transition:all .45s ease-in-out;height:40px;line-height:40px;background:linear-gradient(90deg,#0068d7,#004ea2);} .aui-header-nav .aui-logo #logo2{display:none} .aui-header-nav .wrapper .aui-logo{position:relative;} .aui-header-nav.solid .aui-logo{width:300px;float:left;transition:all .45s ease-in-out;top:0px}/****状态2时logo****/ .aui-header-nav.solid .aui-logo img{width:60%;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.solid .head-tips{transition:all .45s ease-in-out;margin-top:-40px} #fixed-logo{display:none} /*第一状态*/ .aui-header-nav.moveDown .nav{ width:100%;float:right;position:relative;z-index:100;display:flex;display:-webkit-flex;/*Safari*/ margin-top:0px;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:initial;} .aui-header-nav.moveDown .nav .nLi h3{text-align:center;width:100%;font-size:18px;font-weight:normal;font-family:"SourceHanSerifCN-Bold"!important;} .aui-header-nav.moveDown .nav .nLi h3 a{ display:block;height:90px;line-height:90px;transition:all .45s ease-in-out;} .aui-header-nav.moveDown .nav .on h3 a{ color:#ffcc00;} .aui-header-nav.moveDown .nav .sub{display:none;right:0px;top:90px;position:absolute;font-size:14px;z-index:100; background-color:rgba(57,47,48,1);} .aui-header-nav.moveDown .nav .sub li{zoom:1;} .aui-header-nav.moveDown .nav .sub a{ width:140px;display:block; ;color:#FFF; text-align:center;padding:6px 5px;line-height:26px} .aui-header-nav.moveDown .nav .sub a:hover{background:#b23c3c; color:#fff;} .aui-header-top.moveUp{top:-29px;transition:all .5s ease-out;} .aui-header-nav.solid{border-bottom:0px #0064b2 solid;transition:all .5s ease-in-out;height:70px;background-color:rgba(178,60,60,1);} /****缩小高度 背景****/ /*第二状态-缩小*/ .aui-header-nav.solid .nav{ width:100%;float:right;position:relative;z-index:100;display:flex;display:-webkit-flex;/*Safari*/ margin-top:0px;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:initial;} .aui-header-nav.solid .nav .nLi h3{text-align:center;width:100%;font-size:16px;;font-weight:normal;font-family:"SourceHanSerifCN-Bold"!important;} .aui-header-nav.solid .nav .nLi h3 a{ display:block;height:70px;line-height:70px;transition:all .45s ease-in-out;} .aui-header-nav.solid .nav .on h3 a{color:#ffcc00} .aui-header-nav.solid .nav .sub{ display:none;right:0px;top:70px;position:absolute;font-size:14px;z-index:100; background-color:rgba(57,47,48,1); } .aui-header-nav.solid .nav .sub li{zoom:1;} .aui-header-nav.solid .nav .sub a{ width:150px;display:block; ;color:#FFF;text-align:center;padding:6px 5px;line-height:26px} .aui-header-nav.solid .nav .sub a:hover{background:#b23c3c; 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}