#Header{position:relative;z-index:200;min-height:70px;line-height:70px;font-size:14px;color:inherit;background-color:rgba(0,0,0,0)}#Header .headerLog{position:relative;float:left;width:145px;height:70px;overflow:hidden}#Header .headerLog .img{margin-top:-43px;width:100px;height:150px;left:0}#Header .headerLog .img use{width:100px;height:30px}@media(max-width:520px){#Header .headerLog .img{margin-left:24px}}#Header .loginBox{float:right}#Header .loginBox .loginBtn{float:left;padding:0 25px}#Header .loginBox .registerBtn{float:left;width:60px;color:#FFF}#Header .loginBox .registerBtn a{padding:6px 15px;width:55px;height:25px;line-height:25px;border-radius:3px;background-color:#34c8e6}#Header .loginBox:after{clear:both}@media(max-width:520px){#Header .loginBox{display:none}}#Header .menuBox{float:left}#Header .menuBox .menuDetail{position:relative;float:left;height:70px;line-height:70px;cursor:pointer}#Header .menuBox .menuDetail a{display:block;width:100%;height:70px;line-height:70px;padding:0 20px}#Header .menuBox .menuDetail .meunLine{position:absolute;width:0;left:20px;bottom:0;height:1px;border-bottom:1px solid #34c8e6;-webkit-transition:all .3s;transition:all .3s}@media(max-width:520px){#Header .menuBox{display:none}}#Header .menuItemBox{width:100%;height:0;border-color:#eeeced;border-bottom:0;border-left:0;border-right:0;background-color:#FFF;overflow:hidden;-webkit-transition:all .3s cubic-bezier(0.645,0.045,0.355,1);transition:all .3s cubic-bezier(0.645,0.045,0.355,1)}#Header .menuItemBox .menuItemList{position:relative}#Header .menuItemBox .menuItemList .menuItem{display:none;position:absolute;top:0;left:14%;height:0}#Header .menuItemBox .menuItemList .menuItem ul{margin:0;height:143px}#Header .menuItemBox .menuItemList .menuItem .ItemDetail{position:relative;margin-top:41px;margin-right:60px;float:left;height:80px;cursor:pointer;-webkit-transition:all .3s cubic-bezier(0.645,0.045,0.355,1);transition:all .3s cubic-bezier(0.645,0.045,0.355,1)}#Header .menuItemBox .menuItemList .menuItem .ItemDetail .commonSvg{position:absolute;margin-left:-15px;top:0;left:50%;width:30px;height:30px}#Header .menuItemBox .menuItemList .menuItem .ItemDetail .commonSvg use{fill:#4d4d4d;-webkit-transition:all .3s cubic-bezier(0.645,0.045,0.355,1);transition:all .3s cubic-bezier(0.645,0.045,0.355,1)}#Header .menuItemBox .menuItemList .menuItem .ItemDetail p{margin-top:48px;color:#4d4d4d;font-size:12px;text-align:center;line-height:12px;-webkit-transition:all .3s cubic-bezier(0.645,0.045,0.355,1);transition:all .3s cubic-bezier(0.645,0.045,0.355,1)}#Header .menuItemBox .menuItemList .menuItem .ItemDetail:hover p{color:#34c8e6}#Header .menuItemBox .menuItemList .menuItem .ItemDetail:hover use{fill:#34c8e6}@media(max-width:520px){#Header .menuItemBox{display:none}}#Header .btnIcon{display:none;position:absolute;top:26px;right:24px;width:18px;height:18px;text-align:center}#Header .btnIcon .fa{position:absolute;top:0;right:0;font-size:18px;line-height:18px}#Header .btnIcon .fa-times{display:none;color:#FFF}@media(max-width:520px){#Header .btnIcon{display:block}}#Header .mobileMenu{display:none;float:left;width:100%;height:0;min-height:0;overflow:hidden;-webkit-transition:all .3s linear;transition:all .3s linear}#Header .mobileMenu .commonMenuTitle{width:100%;min-height:40px}#Header .mobileMenu .commonMenuTitle .title{padding-left:24px;width:100%;height:40px;line-height:40px;font-size:12px;color:#FFF}#Header .mobileMenu .commonMenuTitle .title i{margin-right:24px;float:right;line-height:40px;-webkit-transition:all .3s cubic-bezier(0.645,0.045,0.355,1);transition:all .3s cubic-bezier(0.645,0.045,0.355,1)}#Header .mobileMenu .commonMenuTitle .menuList{width:100%;height:0;overflow:hidden;-webkit-transition:all .3s linear;transition:all .3s linear}#Header .mobileMenu .commonMenuTitle .menuList .menuItem{position:relative;padding-left:56px;width:100%;height:40px;line-height:40px;color:#888}#Header .mobileMenu .commonMenuTitle .menuList .menuItem .colorIcon{position:absolute;top:18px;left:48px;width:3px;height:3px;background-color:#888}#Header .mobileMenu .activeMenuItem i{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}#Header .mobileMenu .btnMenu{text-align:center;height:40px;line-height:40px;color:#888;font-size:12px}#Header .mobileMenu .btnMenu .login{display:inline-block;margin-right:8px;padding-right:10px;height:14px;line-height:14px;border-right:1px solid #888}#Header .mobileMenu .btnMenu .register{margin-left:0;display:inline-block}#Header .mobileMenu .telphoneMenu{text-align:center;height:40px;line-height:40px;color:#888}#Header .mobileMenu .telphoneMenu i{margin-right:5px;-webkit-transform:rotateZ(15deg);transform:rotateZ(15deg)}@media(max-width:520px){#Header .mobileMenu{display:block}}#Header:after{clear:both}@media(max-width:520px){#Header{-webkit-transition:all .3s cubic-bezier(0.645,0.045,0.355,1);transition:all .3s cubic-bezier(0.645,0.045,0.355,1)}}.scrollHeader{color:#4c4847!important;background-color:#FFF;box-shadow:0 0 3px #939da6}.mobileHeader{background-color:#0f1a20!important}.mobileHeader .mobileMenu{height:280px!important}.mobileHeader .productActiveMenu,.mobileHeader .docActiveMenu{height:440px!important}.mobileHeader .productActiveMenu .activeMenuItem .menuList,.mobileHeader .docActiveMenu .activeMenuItem .menuList{height:160px!important}.mobileHeader .moreActiveMenu{height:520px!important}.mobileHeader .moreActiveMenu .activeMenuItem .menuList{height:240px!important}.HeaderContainer{z-index:200;position:fixed;width:100%;color:#FFF;-webkit-transition:all .3s cubic-bezier(0.645,0.045,0.355,1);transition:all .3s cubic-bezier(0.645,0.045,0.355,1)}.HeaderContainer:hover{color:#4c4847;background-color:#FFF;box-shadow:0 0 3px #939da6}