.header{position:fixed;top:0;left:0;width:100%;background-color:#fff;z-index:999}.header .logoArea{align-items:center;justify-content:flex-start;padding-left:40px;box-sizing:border-box}.header .logoName{display:inline-block;width:80px;height:40px;background:50%/contain url(../img/logo_blog.svg) no-repeat;line-height:3.6;outline:none;transition:all .3s}.header .h-menu-cta{position:absolute;top:10px;right:15px}.header .siteLink{padding:32px 0;width:100%;text-align:center;box-sizing:border-box}.header .siteLink.subItem{padding:20px 0}.header .siteLink:hover{color:#36f}.h-height,.logoArea{height:60px}.logoArea{width:100%}#togMenuBtn[type=checkbox],.catNav,.h-menu{display:none}#togMenuBtn[type=checkbox]:checked{z-index:100}#togMenuBtn[type=checkbox]:checked~.h-menu-btn{background-image:url(../img/icon/close_sec.svg)}#togMenuBtn[type=checkbox]:checked~.h-menu-panel{width:100%;left:0}#togNavBtn[type=checkbox]{display:none;position:relative}#togNavBtn[type=checkbox]:checked~.c-nav-drop{display:flex;position:absolute;top:50px;left:0;z-index:90}#togNavBtn[type=checkbox]:checked~.c-nav-btn:after{transform:rotateX(180deg)}.h-menu-m{overflow:hidden}.h-menu-btn{position:absolute;top:16px;left:15px;display:block;width:24px;height:24px;background:url(../img/icon/menu.svg) 50% no-repeat;z-index:100}.h-menu-panel{position:fixed;top:60px;left:-100px;padding:20px 15px 10px;width:0;height:calc(100vh - 60px);background-color:#fff;box-sizing:border-box;transition:all .3s ease-in-out;z-index:99}.h-menu-panel a{display:block}.h-menu-panel-list{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.h-menu-panel-list.padding32{padding:32px 0}.sl-tag{display:block;color:#bbbfc8;font-weight:500}.catNav,.catNav-m{position:relative;align-items:center;width:100%;height:50px;background-color:#f9fafa}.catNav-m .container,.catNav .container{width:100%}.catNav-m,.h-menu-m{display:flex}.c-nav-drop{display:none;padding:20px 0;box-shadow:0 -1px 0 #f9fafa,0 3px 8px #bbbfc8;background-color:#f9fafa}.catNavList{margin:0 auto;width:calc(100% - 30px);flex-wrap:wrap;display:none}.catNavList li{margin-right:16px;margin-bottom:10px;padding:8px;border-radius:5px;border:1px solid #bbbfc8;background-color:#fff}.catNavList li.on{background-color:#36f}.c-nav-btn{position:relative;display:flex;margin:0 auto;width:50%;padding:5px 10px;box-sizing:border-box;align-items:center;justify-content:center;cursor:pointer;background-color:#fff;border-radius:5px}.c-nav-btn:after{content:"";top:5px;right:15px;width:24px;height:24px;position:absolute;background:url(/img/icon/expand.svg) 50% no-repeat;background-size:50%;transition:all .2s ease-in-out;opacity:.6}.mask{display:none;position:fixed;top:0;left:0;z-index:90;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.footer{padding:40px 0;width:100%;height:360px;background-color:#f9fafa;box-sizing:border-box}.footer .container{display:flex;justify-content:space-around}.siteMap.addcnServ{display:none}.siteMap h3{color:#848b9a}.mapList{margin-top:20px;margin-right:32px}.mapList p{margin-bottom:10px}.mapList a{color:#848b9a}.copyright{margin-top:30px;color:#bbbfc8;text-align:center}@media only screen and (min-width:768px){.siteMap.addcnServ{display:block}}@media only screen and (min-width:992px){.header .logoArea{padding-left:0;justify-content:space-between}.header .h-menu-cta{position:static}.header .h-menu{margin-right:20px}.header .logoName{width:90px}.catNavList{display:flex;width:auto;justify-content:space-around}.catNavList li{background-color:transparent;margin:0;border:none}.catNav,.h-menu{display:flex}.catNav-m,.h-menu-m{display:none}}