header{font-size:0;position:fixed;top:0;left:0;z-index:99;display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 3.75%;box-sizing:border-box;background:#fff}header .header-left{position:relative;z-index:3}header .header-left img{width:40rem;transition:all .3s ease-in-out;opacity:1}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{display:flex;justify-content:space-between;align-items:center}header .header-right .nav li{position:relative;margin:0}header .header-right .nav li a{display:block;padding:0 2.7rem;font-size:1.6rem;font-weight:600;height:8rem;line-height:8rem;color:#333;position:relative}@media screen and (min-width: 768px){header .header-right .nav li a{transition:all .5s ease-in-out}}header .header-right .nav li a::after{content:"";width:0;height:.2rem;background:#e62129;position:absolute;bottom:0;left:0}@media screen and (min-width: 768px){header .header-right .nav li a::after{transition:all .5s ease-in-out}}header .header-right .nav li a i{font-family:"iconfont";margin-right:.5rem;display:none}header .header-right .nav li.lang a i{display:inline-block}header .header-right .nav li.ico{margin:0 0 0 2.7rem}header .header-right .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 .header-right .nav li.ico a::after{display:none}header .header-right .nav li.ico a:hover{opacity:.6}header .header-right .nav li.ico a i{display:inline-block}@media screen and (min-width: 768px){header .header-right .nav li.m{display:none}header .header-right .nav li .box{width:10.5vw;max-width:15rem;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:#fff;border-bottom-left-radius:.8rem;border-bottom-right-radius:.8rem;padding:1.6rem 0}header .header-right .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 .header-right .nav li .box li{margin:0 !important}header .header-right .nav li .box li a{padding:.2rem 0;font-weight:400;font-size:1.4rem;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 .header-right .nav li .box li a:hover{color:#e62129;font-weight:400}header .header-right .nav li .box li a::after{display:none}}header .header-right .nav li:hover a{color:#e62129}header .header-right .nav li:hover a::after{width:100%}header .header-right .nav li:hover .box{transform:scaleY(1) translateX(-50%);transition:transform .3s;pointer-events:auto;box-shadow:0 10px 10px rgba(51,51,51,0.1)}header .header-right .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}header:hover,header.active{background:#fff;box-shadow:0 0 1rem rgba(51,51,51,0.1)}header:hover .header-right .nav li a,header.active .header-right .nav li a{color:#333}header:hover .header-right .nav li a:hover,header.active .header-right .nav li a:hover{font-weight:600;color:#e62129}header .footer{display:none}.i-search{position:fixed;top:0;left:0;font-size:0;width:100%;height:100%;overflow:hidden;background:rgba(255,255,255,0.7);backdrop-filter:blur(10px);z-index:100;display:none;z-index:99999}.i-search .box{width:1000px;height:auto;position:relative;top:50%;left:50%;transform:translate(-50%, -50%)}.i-search .box form{position:relative}.i-search .box form input{border:none;border-bottom:1px solid #333;background:none;font-size:30px;color:#1e1e1e;width:100%;line-height:1;padding:20px 0;display:block;outline:none;margin-bottom:30px}.i-search .box form input::placeholder{color:#333}.i-search .box form button{width:60px;height:60px;font-family:"iconfont";color:#333;text-align:center;line-height:60px;font-size:36px;border:none;outline:none;cursor:pointer;background:none;position:absolute;right:0;top:0}.i-search .box form button :hover{color:#e62129}.i-search .close{position:absolute;right:40px;top:40px}.i-search .close i{font-family:"iconfont";font-size:48px;color:#000;display:inline-block;cursor:pointer}@media screen and (min-width: 768px){.i-search .close i{transition:all .35s ease-in-out}}.i-search .close i:hover{color:#e62129;transform:rotate(180deg)}@media screen and (max-width: 1600px){header .header-left img{width:25vw}header .header-right .nav li.ico{margin-left:1.6875vw}header .header-right .nav li a{font-size:1vw;padding:0 1.6875vw;height:5vw;line-height:5vw}}@media screen and (max-width: 820px){header{width:100%;overflow:hidden;align-items:flex-start;position:fixed;flex-wrap:nowrap;top:0;left:0;background:#fff;padding:2rem;box-sizing:border-box}header .header-left img{height:3rem;width:auto}header .header-right .menu{width:3rem;height:3rem;position:fixed;top:2rem;right:2rem;display:flex;justify-content:center;align-items:center;z-index:3;opacity:1;pointer-events:auto}header .header-right .menu i{display:block;position:relative;width:2.2rem;height:2px;background:#e62129;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:#e62129;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 .navlist{width:100%;height:calc(100vh - 8rem);box-sizing:border-box;padding:0 2rem;position:fixed;top:8rem;left:0;overflow:hidden;overflow-y:auto;opacity:0;pointer-events:none;transition:all .3s ease-in-out;border-radius:0}header .navlist .nav{display:flex;justify-content:space-between;flex-direction:column;width:100%;margin-top:0}header .navlist .nav>li{width:100%;border-bottom:1px solid #eee;border-radius:0;padding:0;margin-right:0}header .navlist .nav>li:first-of-type{border-top:1px solid #eee}header .navlist .nav>li.search{display:block}header .navlist .nav>li.search.search2{display:none}header .navlist .nav>li.search form{width:100%;background:#fff;overflow:hidden;display:flex;justify-content:space-between}header .navlist .nav>li.search form input{width:100%;height:100%;border:none;background:none;color:rgba(51,51,51,0.7);font-weight:600;font-size:2rem;padding:2.5rem 0;padding-left:2rem;outline:none;order:2}header .navlist .nav>li.search form input::placeholder{color:rgba(51,51,51,0.7);font-size:2rem;font-family:"Noto Sans SC","Microsoft YaHei";font-weight:400}header .navlist .nav>li.search form button{border:none;background:none;display:flex;justify-content:center;align-items:center;flex-shrink:0;order:1}header .navlist .nav>li.search form button i{color:#333;font-family:"iconfont";font-size:2rem}header .navlist .nav>li:last-of-type{margin-bottom:0 !important}header .navlist .nav>li a{font-size:2rem;width:100%;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:2.5rem 0;border-radius:0;height:auto}header .navlist .nav>li a::after{display:none}header .navlist .nav>li a span{font-size:2rem;font-weight:500;line-height:1}header .navlist .nav>li a i{display:inline-block;line-height:1}}@media screen and (max-width: 820px) and (min-width: 768px){header .navlist .nav>li a i{transition:all .5s ease-in-out}}@media screen and (max-width: 820px){header .navlist .nav>li.haschild.lang>a span{order:1;font-size:0}header .navlist .nav>li.haschild.lang>a span::before{content:"选择语言";font-size:2rem}header .navlist .nav>li.haschild.lang a span{order:1;font-size:0}header .navlist .nav>li.haschild.lang a i{order:2;font-size:0}header .navlist .nav>li.haschild.lang a i::before{content:"\e61c";font-size:2rem}header .navlist .nav>li.haschild>a{position:relative}header .navlist .nav>li.haschild>a::after{display:none}header .navlist .nav>li.haschild.click>a i{transform:rotate(90deg)}header .navlist .nav>li.haschild:hover .box{height:auto}header .navlist .nav>li.haschild .box{display:none;position:relative;padding:0 0 1rem;transform:translateX(0);box-shadow:none}header .navlist .nav>li.haschild .box ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem}header .navlist .nav>li.haschild .box li{width:100%;margin:0;overflow:hidden}header .navlist .nav>li.haschild .box li a{height:auto;width:100%;padding:.75em;box-sizing:border-box;background:rgba(51,51,51,0.1);border-radius:.5rem}header .navlist .nav>li.haschild .box li a span{font-size:1.6rem;line-height:1.5;color:#333;font-weight:400;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;width:100%;text-align:center}header.open{width:100vw;height:100vh;background:#fff;top:0;left:0;border-radius:0}header.open .header-right .menu i{background:transparent}header.open .header-right .menu i::before{transform:rotate(45deg);top:0}header.open .header-right .menu i::after{transform:rotate(-45deg);top:0}header.open .navlist{opacity:1;pointer-events:auto}header.open .navlist .nav{padding-bottom:10vh}header.active .wrap-box .felx{height:8rem}}
