#navbar{width:100%;height:100%;margin:0 auto;display:flex;justify-content:center;align-items:center;box-shadow:none;background:transparent;&:hover{background-color:#fff;box-shadow:1px 0 1px 1px #f8f8ff;color:#646464}>div{width:80%}#logo,>div{height:55px}#logo{width:203.5px;float:left;background:50%/contain no-repeat;cursor:pointer}#nav{float:right;height:55px;#navMenu{display:flex;>li{min-width:90px;font:700 1.3rem/55px Microsoft YaHei;text-align:center;margin-left:4rem;cursor:pointer}}}#navCMenu1{position:absolute;left:0;top:75px;width:100vw;min-width:1000px;height:250px;background-color:#fff;box-sizing:border-box;border-top:2px solid #f8f8ff;display:flex;justify-content:center;align-items:center}#navCMenu2{margin-top:.5rem;background-color:#fff;font:1.1rem/2.6rem Microsoft YaHei;color:#969696;border-radius:0 0 5px 5px}.hor{display:flex;width:80%;>li{flex:auto;border-left:1px solid #dcdcdc;box-sizing:border-box;color:#969696;&:hover{color:var(--mainColor)}>span{text-align:left;text-indent:15px;display:block;height:40px;font:700 20px/40px Microsoft YaHei;border-left:1px solid var(--mainColor);box-sizing:border-box}>div{height:90%;width:100%;background:50%/contain no-repeat}}}.ver{>li{box-sizing:border-box;min-height:30px;border-top:1px solid var(--rFontColorAA);padding:0 10px;white-space:nowrap!important;&:hover{color:var(--mainColor)}>span{width:100%;text-align:center}}}.ctag{color:#fff;font-size:12px!important;background-color:var(--rFontColorAA);border-radius:3px;padding:5px;margin-left:10px}.titleHover{color:var(--mainColor);font-weight:700}.hamburger-menu{display:none}.hor>li>div{width:200px!important;height:140px!important;max-width:100%;max-height:100%;background:50%/contain no-repeat;margin:0 auto}@media (max-width:768px){height:60px!important;background:#23b1e6!important;box-shadow:0 2px 8px rgba(0,0,0,.05);border-radius:0;padding:0;>div{width:100vw!important;height:60px!important;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;flex-wrap:nowrap;position:relative}#logo{width:92px!important;height:36px!important;margin:0;float:none;background-image:url(../img/cflogo3.08143d82.png)!important}.hamburger-menu{display:flex;flex-direction:column;justify-content:space-around;width:28px;height:22px;cursor:pointer;span{display:block;width:100%;height:3px;background-color:#fff;border-radius:2px}}#nav{position:fixed;top:60px;left:0;width:100vw;height:auto;background:#23b1e6;float:none;box-shadow:0 4px 5px rgba(0,0,0,.1);z-index:9!important}#navMenu{flex-direction:column;width:100vw;padding:0;margin:0;>li{width:100vw!important;font-size:1.05rem!important;line-height:3rem!important;margin:0!important;text-align:center;color:#fff!important;font-weight:500;border-bottom:1px solid hsla(0,0%,100%,.13);position:relative!important;overflow:visible!important;&:last-child{border-bottom:none}}}#navCMenu1,#navCMenu2{position:absolute!important;top:100%;left:0;width:100vw!important;background:#e3f6fd!important;border:none;box-shadow:0 4px 16px 0 rgba(0,0,0,.07);margin:0;padding:.5rem 0;border-radius:0;z-index:9999}.hor{width:100%}.hor,.ver{flex-direction:column!important;>li{width:100vw!important;padding:.4rem 0;border:none!important;border-bottom:1px solid #bfe6f9;background:#e3f6fd!important;color:#222!important;font-size:.98rem!important;display:flex;align-items:center;justify-content:space-between;>span{display:inline-block;font-size:.9rem!important;font-weight:500;flex:1 1 auto;margin-left:1.2rem;line-height:2.3rem!important}>div{display:inline-block;width:48px!important;height:36px!important;background:50%/contain no-repeat;margin-left:.5rem;margin-right:1.2rem;flex:0 0 48px}.ctag{width:auto!important;font-size:.7rem!important;text-align:center;padding:0 12px!important;margin-right:10px}}}}}