header{font-size:0;position:fixed;top:0;left:0;z-index:99;display:flex;justify-content:center;align-items:center;width:100%;padding:10rem 3.75% 0;box-sizing:border-box;background:rgba(0,0,0,0.7)}header .header-center{position:absolute;top:3.8rem;left:50%;transform:translate(-50%, 0);transition-delay:.5s}@media screen and (min-width: 768px){header .header-center{transition:all .5s ease-in-out}}header .logo img,header .logo svg{height:5.6rem;width:auto}@media screen and (min-width: 768px){header .logo img,header .logo svg{transition:all .5s ease-in-out}}header .logo svg polygon.fil0,header .logo svg path.fil0{fill:#e72510}header .logo svg polygon.fil1,header .logo svg path.fil1{fill:#fff}header .nav{display:flex;justify-content:space-between;align-items:center}header .nav li{position:relative;margin:0}header .nav li a{display:block;padding:0 4rem;margin:0 1rem;font-size:2rem;letter-spacing:.1em;height:10rem;line-height:10rem;font-weight:500;color:#fff;position:relative}@media screen and (min-width: 768px){header .nav li a{transition:all .5s ease-in-out}}header .nav li a::after{content:"";width:0;height:.2rem;background:#fff;position:absolute;bottom:0;left:0;opacity:.5}@media screen and (min-width: 768px){header .nav li a::after{transition:all .5s ease-in-out}}header .nav li a i{font-family:"iconfont";margin-right:.5rem}header .nav li.active a::after{width:100%}header .nav li.ico{margin:0 0 0 3rem}header .nav li.ico a{font-weight:400;width:36px;height:36px;line-height:36px;text-align:center;font-size:20px;color:#000;border-radius:50%;padding:0}header .nav li.ico a::after{display:none}header .nav li.ico a:hover{opacity:.6}@media screen and (min-width: 768px){header .nav li .box{width:100%;max-width:20rem;position:absolute;top:100%;left:50%;transform:scaleY(0) translateX(-50%);pointer-events:none;transition:transform .2s .3s;height:auto;transform-origin:top center;background:rgba(0,0,0,0.7);border-bottom-left-radius:.8rem;border-bottom-right-radius:.8rem;padding:1.6rem 0}header .nav li .box ul{display:block;width:100%;opacity:0;-webkit-transform:translate(0, -20px);-ms-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition:all .2s;transition:all .2s}header .nav li .box li{margin:0 !important}header .nav li .box li a{padding:.2rem 0;font-size:1.7rem;height:auto;line-height:2;text-align:center;-webkit-transition:all 0.3s cubic-bezier(0.86, 0.5, 1, 1);transition:all 0.3s cubic-bezier(0.86, 0.5, 1, 1)}header .nav li .box li a:hover{color:rgba(255,255,255,0.4)}header .nav li .box li a::after{display:none}}header .nav li:hover a::after{width:100%}header .nav li:hover .box{transform:scaleY(1) translateX(-50%);transition:transform .3s;pointer-events:auto;box-shadow:0 10px 10px rgba(0,0,0,0.1)}header .nav li:hover .box ul{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:all .2s .3s;transition:all .2s .3s}@media screen and (min-width: 768px){header .header-left,header .header-right{transition:all .5s ease-in-out}}header .header-right{z-index:1}header .header-right .menu{width:4rem;height:4rem;position:absolute;top:2rem;right:2rem;display:flex;justify-content:center;align-items:center;z-index:3;pointer-events:none;opacity:0}header .header-right .menu i{display:block;position:relative;width:2.4rem;height:2px;background:#fff;transition:all .3s ease-in-out}header .header-right .menu i::before,header .header-right .menu i::after{content:"";display:block;position:absolute;width:100%;height:2px;background:#fff;left:0;transition:all .3s ease-in-out}header .header-right .menu i::before{top:-.9rem}header .header-right .menu i::after{top:.9rem}header .header-right .nav li:nth-of-type(2n) .box{display:none}header.active{padding-top:0}header.active .logo img,header.active .logo svg{height:4rem;width:auto}header.active .nav li a{padding:0 3rem;font-size:1.7rem;height:8rem;line-height:8rem}@media screen and (min-width: 768px){header.active .nav li .box li a{font-size:1.5rem}}header.active .header-center{top:50%;transform:translate(-50%, -50%)}header.active .header-left{margin-right:13.7rem}header.active .header-right{margin-left:13.7rem}@media screen and (max-width: 1600px) and (min-width: 820px){header{padding-top:6.25vw}header .logo img,header .logo svg{height:3.5vw}header .nav li a{padding:0 2.5vw;margin:0 .625vw;font-size:1.25vw;height:6.25vw;line-height:6.25vw}header .nav li a::after{height:0.125vw}}@media screen and (max-width: 1600px) and (min-width: 820px) and (min-width: 768px){header .nav li .box{border-bottom-left-radius:.5vw;border-bottom-right-radius:.5vw;padding:1vw 0}header .nav li .box ul{-webkit-transform:translate(0, -1.25vw);-ms-transform:translate(0, -1.25vw);transform:translate(0, -1.25vw)}header .nav li .box li a{padding:0.125vw 0;font-size:1.0625vw}}@media screen and (max-width: 1600px) and (min-width: 820px){header .nav li:hover .box{box-shadow:0 0.625vw 0.625vw rgba(0,0,0,0.1)}header.active .logo img,header.active .logo svg{height:2.5vw;width:auto}header.active .nav li a{padding:0 1.875vw;font-size:1.0625vw;height:5vw;line-height:5vw}}@media screen and (max-width: 1600px) and (min-width: 820px) and (min-width: 768px){header.active .nav li .box li a{font-size:0.9375vw}}@media screen and (max-width: 1600px) and (min-width: 820px){header.active .header-left{margin-right:8.5625vw}header.active .header-right{margin-left:8.5625vw}}