.header{position:fixed;top:0;width:100%;background-color:#fff;z-index:9}.header .wrapper{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:1000px;height:80px;margin:auto}.header .wrapper .logo-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.header .wrapper .logo-box .pic-box{width:194px;height:40px;margin-right:10px}.header .wrapper .logo-box .group-info{color:#33343a}.header .wrapper .logo-box .group-info .group-name{font-size:24px;font-family:SourceHanSansCN,SourceHanSansCN-Heavy;font-weight:800;line-height:24px}.header .wrapper .logo-box .group-info .group-code{font-size:12px;font-family:SourceHanSansCN,SourceHanSansCN-Bold;font-weight:700;line-height:18px;letter-spacing:6.21px}.header .wrapper .nav{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:100%}.header .wrapper .nav .nav-item{position:relative;width:100px;text-align:center;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.header .wrapper .nav .nav-item a{display:inline-block;width:100%;height:100%;line-height:80px}.header .wrapper .nav .nav-item:hover a{color:#006fff}.header .wrapper .nav .nav-item:hover .nav-box{visibility:visible}.header .wrapper .nav .nav-item.active a{color:#006fff}.header .wrapper .nav .nav-item .nav-box{position:absolute;left:50%;width:150px;padding-top:10px;color:#333;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);visibility:hidden}.header .wrapper .nav .nav-item .nav-box .nav-list{background-color:#fff}.header .wrapper .nav .nav-item .nav-box .nav-list .nav-list-item{height:60px;line-height:60px;color:#333}.header .wrapper .nav .nav-item .nav-box .nav-list .nav-list-item.active,.header .wrapper .nav .nav-item .nav-box .nav-list .nav-list-item:hover{color:#006fff}.mobile{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:55px;padding:0 20px}.mobile.show .nav-list{height:-webkit-calc(100vh - 55px);height:-moz-calc(100vh - 55px);height:calc(100vh - 55px);opacity:1}.mobile.show .expand-box .line-top{-webkit-transform:translateY(3px) rotate(225deg);-moz-transform:translateY(3px) rotate(225deg);-ms-transform:translateY(3px) rotate(225deg);transform:translateY(3px) rotate(225deg);-webkit-transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.mobile.show .expand-box .line-middle{display:none}.mobile.show .expand-box .line-bottom{-webkit-transform:translateY(-3px) rotate(-225deg);-moz-transform:translateY(-3px) rotate(-225deg);-ms-transform:translateY(-3px) rotate(-225deg);transform:translateY(-3px) rotate(-225deg);-webkit-transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.mobile .logo-box{width:115px;height:23px}.mobile .logo-box img{width:100%}.mobile .expand-box{position:relative;width:20px;height:20px}.mobile .expand-box .line{display:block;width:20px;height:2px;margin:4px auto;background-color:#000;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;-moz-transition:transform .3s ease-in-out, -moz-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out, -moz-transform .3s ease-in-out}.mobile .nav-list{position:absolute;top:55px;left:0;width:100%;height:0;background-color:rgba(0,0,0,0.5);-webkit-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s;opacity:0;overflow:hidden}.mobile .nav-list .nav-item{display:block;height:60px;padding:0 20px;line-height:60px;color:#000;background-color:#fff}.mobile .nav-list .nav-item.active{color:#006fff}@media screen and (min-width:769px){.pc{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.mobile{display:none}}@media screen and (max-width:768px){.wrapper.pc{display:none}.mobile{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}}