body{margin:0;padding:0;font-size:12px;min-height:100vh;background:#000;position:relative}header{position:fixed;top:0;left:0;background:transparent;width:100%;height:100px;z-index:100;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}header .he-header{max-width:1800px;width:calc(100% - 100px);height:100%;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}header .logo{margin:-15px 30px 0 0}header .logo a{display:inline-block}header .logo a img{vertical-align:sub;height:42px;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}header .menu{font-size:0;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}header .menu ul{list-style-type:none;margin:0;padding:0}header .menu ul.menu-ul{white-space:nowrap}header .menu ul.menu-ul li:first-child{margin-left:0}header .menu li{position:relative;display:inline-block;vertical-align:bottom;margin-left:40px;padding:10px 0;font-size:16px}header .menu li a{color:#cdcdcd;text-decoration:none}header .menu li a:hover{color:#fff}header .menu li.active a{color:#fff}header .menu li .arrow{-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}header .menu li .arrow i{vertical-align:middle;font-size:12px}header .menu li .submenu{display:none;position:absolute;width:120px;padding:20px 0;top:40px;left:50%;margin-left:-60px;text-align:center;background-color:rgba(255,255,255,.9);border-radius:2px;box-shadow:0 0 30px 0 rgba(0,0,0,.3)}header .menu li .submenu a{display:block;padding:10px 0;color:#000;font-size:14px}header .menu li .submenu a:hover{background:#fff}header .showmenu{display:none}@media screen and (min-width: 750px){header.small{height:80px;background:#000}.menu-ul li:hover .arrow{display:inline-block;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.menu-ul li:hover .submenu{display:block}}@media screen and (max-width: 1170px){header .he-header{width:calc(100% - 20px)}header .logo a img{height:36px}header .menu>ul li{margin-left:20px}}@media screen and (max-width: 970px){header .logo a img{height:28px}header .menu>ul li{margin-left:10px;font-size:14px}}@media screen and (max-width: 750px){body{max-width:7.5rem}header{height:1.2rem}header.small{height:1.2rem;background:#000}header .he-header{width:100%;padding:0 .3rem;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}header .logo{margin:0;height:100%}header .logo a{height:100%;line-height:1rem;display:block}header .logo a img{vertical-align:middle;width:auto;height:.6rem}header .menu{float:none;margin:0;position:fixed;width:100%;height:100%;top:0;left:0;bottom:0;visibility:hidden;opacity:0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:rgba(255,255,255,.2);z-index:101}header .menu.show{visibility:visible;opacity:1}header .menu.show .menu-ul{left:0}header .menu ul.menu-ul{position:absolute;width:80%;height:100%;top:0;left:-80%;background-color:#e6e6e6;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-overflow-scrolling:touch}header .menu ul.menu-ul:before{display:block;content:"MENU";position:absolute;top:.3rem;left:.3rem;font-size:.36rem;line-height:.36rem;color:#000}header .menu ul.menu-ul li{display:block;margin:.2rem .3rem;text-align:left;border-bottom:1px solid #ccc}header .menu ul.menu-ul li a{display:block;font-weight:bold;color:#000;font-size:.28rem}header .menu ul.menu-ul li .submenu{position:static;width:100%;padding:0;margin:0;text-align:left;box-shadow:none;background:transparent}header .menu ul.menu-ul li .submenu a{padding:.2rem .3rem;font-weight:normal;font-size:.24rem;border-bottom:1px dashed #ccc;background:transparent}header .menu ul.menu-ul li .submenu a:last-child{border-bottom:0}header .menu ul.menu-ul li .submenu a:hover{background:transparent}header .menu ul.menu-ul li:first-child{margin:1.2rem .3rem .2rem}header .menu ul.menu-ul li.show .arrow{display:inline-block;-webkit-transform:rotate(180deg);transform:rotate(180deg)}header .menu ul.menu-ul li.show .submenu{display:block}header .showmenu{display:block;width:1rem;height:1rem;line-height:1rem;text-align:right;color:#fff}header .showmenu i{font-size:.5rem}}footer{text-align:center;position:absolute;width:100%;bottom:20px}footer .contact{padding:20px 0 0;font-size:12px;color:#cdcdcd}footer .contact .mark{padding:0 10px}footer .contact a{text-decoration:none;color:#cdcdcd}footer .contact a:hover{text-decoration:underline;color:#fff}footer .msnlogo{display:inline-block;width:30px;height:30px;line-height:30px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#d6d6d6;margin:0 5px;color:#333;text-decoration:none}footer .msnlogo i{font-size:16px;vertical-align:top}footer .msnlogo:hover{background:#000;color:#fff}footer .addr{color:#333}footer .addr p{line-height:24px;font-size:14px}footer .addr a{text-decoration:none;color:#333}footer .addr a:hover{text-decoration:underline;color:#000}footer .copyright{padding:17px 0;color:#cdcdcd;font-size:12px}footer .copyright .mark{padding:0 15px}footer .copyright a{text-decoration:none;color:#cdcdcd}footer .copyright a:hover{color:#fff;text-decoration:underline}@media screen and (max-width: 750px){.tool-widgets{display:none}footer{bottom:.1rem}footer .contact{padding:0 .3rem}footer .msnlogo{width:.6rem;height:.6rem;line-height:.6rem;text-align:center;background:#000;color:#fff}footer .msnlogo i{font-size:.32rem;vertical-align:top}footer .addr p{font-size:.24rem}footer .copyright{padding:.3rem;font-size:.24rem}}.tool-widgets{position:fixed;width:36px;bottom:80px;right:7px;z-index:101}.tool-widgets .wl-item{position:relative}.tool-widgets a{display:block;box-sizing:border-box;width:36px;height:36px;line-height:36px;background:rgba(255,255,255,.6);color:#333;text-decoration:none;text-align:center}.tool-widgets a i{vertical-align:top}.tool-widgets a.qq{margin-bottom:2px}.tool-widgets a:hover{background:#fff;color:#000}.tool-widgets .bdsharebuttonbox{position:absolute;visibility:hidden;opacity:0;top:0;right:30px;width:190px;background-color:#fff;padding:2px 0 2px 6px;-webkit-transition:all .2s linear;transition:all .2s linear}.tool-widgets .bdsharebuttonbox a{width:auto}.tool-widgets .bdshare:hover .bdsharebuttonbox{visibility:visible;opacity:1;right:40px}/*# sourceMappingURL=common.css.map */
