header.header{width:100%;max-width:1920px;font-size:0;position:fixed;top:0;left:50%;transform:translateX(-50%);background:rgba(247,242,237,0.95);z-index:10}@media screen and (min-width: 768px){header.header{transition:all .35s ease-in-out}}header.header .wrap-box{display:flex;justify-content:space-between;align-items:center;height:8.2rem;width:calc(100% - 240px)}@media screen and (min-width: 768px){header.header .wrap-box{transition:all .35s ease-in-out}}@media screen and (max-width: 1920px) and (min-width: 769px){header.header .wrap-box{width:87.5vw}}@media screen and (max-width: 768px){header.header .wrap-box{width:100%;box-sizing:border-box;padding-left:2rem;padding-right:2rem}}header.header .header-left{position:relative;z-index:3;flex-shrink:0}header.header .header-left .logo img,header.header .header-left .logo svg{width:auto;height:6.6rem}@media screen and (min-width: 768px){header.header .header-left .logo img,header.header .header-left .logo svg{transition:all .35s ease-in-out}}header.header .header-left .logo img path,header.header .header-left .logo svg path{fill:#fff}header.header .header-left .logo svg path{fill:#fff}header.header .header-left .logo svg path.str1{fill:none;stroke:#fff}header.header .header-right{display:flex;justify-content:space-between;align-items:center;gap:14rem}header.header .header-right .nav{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;gap:6.2rem}header.header .header-right .nav li{position:relative}header.header .header-right .nav li.item a::before{content:"";width:100%;height:.2rem;position:absolute;left:0;bottom:0;background:#965531;opacity:0}header.header .header-right .nav li.item a:hover::before{opacity:1}header.header .header-right .nav li.item.active a::before{opacity:1}header.header .header-right .nav li a{font-size:1.8rem;height:8.2rem;display:flex;justify-content:space-between;align-items:center;line-height:8.2rem;color:#000;position:relative}@media screen and (min-width: 768px){header.header .header-right .nav li a{transition:all .35s ease-in-out}}header.header .header-right .nav li a i{font-family:"iconfont"}header.header .header-right .nav li a i.icon-down{display:none}header.header .header-right .nav li a i::before{font-size:1rem;margin-left:.5rem}header.header .header-right .nav li.search,header.header .header-right .nav li.lang{display:none}header.header .header-right .nav li.search a i::before,header.header .header-right .nav li.lang a i::before{font-size:2rem;margin:0 .5rem 0 0}@media screen and (min-width: 768px){header.header .header-right .nav li .box{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}header.header .header-right .nav li .box ul{display:block;width:100%;opacity:0;-webkit-transform:translate(0, -2rem);-ms-transform:translate(0, -2rem);transform:translate(0, -2rem);-webkit-transition:all .2s;transition:all .2s}header.header .header-right .nav li .box li{border-top:1px solid rgba(0,0,0,0.1)}}@media screen and (min-width: 768px) and (min-width: 768px){header.header .header-right .nav li .box li{transition:all .35s ease-in-out}}@media screen and (min-width: 768px){header.header .header-right .nav li .box li a{display:block;white-space:nowrap;min-width:16rem;color:#666;font-weight:400;font-size:1.6rem;height:auto;padding:.75em 2rem;box-sizing:border-box;line-height:1.5;text-align:center;position:relative;-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 .header-right .nav li .box li a::before{display:none}header.header .header-right .nav li .box li:hover{border-top:1px solid rgba(0,0,0,0.8)}header.header .header-right .nav li .box li:hover a{background:rgba(0,0,0,0.8);color:#fff}header.header .header-right .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.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.header .header-right .r{display:flex;justify-content:space-between;gap:3rem}header.header .header-right .r .lang{display:flex;justify-content:space-between;gap:3.2rem}header.header .header-right .r .lang a{font-size:1.6rem;line-height:1;color:#000;position:relative}@media screen and (min-width: 768px){header.header .header-right .r .lang a{transition:all .5s ease-in-out}}header.header .header-right .r .lang a:hover{color:#965531}header.header .header-right .r .lang a:not(:last-of-type)::after{content:"";position:absolute;right:-1.6rem;top:50%;transform:translateY(-50%);height:.8em;width:.1rem;background:#000}header.header .header-right .r .search a{font-size:1.6rem;line-height:1}header.header .header-right .r .search i{font-family:"iconfont";color:#000}@media screen and (min-width: 768px){header.header .header-right .r .search i{transition:all .5s ease-in-out}}header.header .header-right .r .search i:hover{color:#965531}header.header:hover .header-right .nav li a{color:#000}header.header.active{background:#fff;box-shadow:0 0 1rem rgba(0,0,0,0.1);top:0}.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}.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:#965531}.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}.i-search .close i:hover{color:#965531;transform:rotate(180deg)}@media screen and (max-width: 1920px) and (min-width: 769px){header.header .wrap-box{height:4.27vw}header.header .header-left .logo img,header.header .header-left .logo svg{height:3.4375vw}header.header .header-right{gap:7.29vw}header.header .header-right .nav{gap:3.23vw}header.header .header-right .nav li a{font-size:.9375vw;height:4.27vw;line-height:4.27vw}}@media screen and (max-width: 1920px) and (min-width: 769px) and (min-width: 768px){header.header .header-right .nav li .box li a{min-width:8.33vw;font-size:.83vw;padding:.75em 1.042vw}}@media screen and (max-width: 1920px) and (min-width: 769px){header.header .header-right .r{gap:1.5625vw}header.header .header-right .r .lang{gap:1.67vw}header.header .header-right .r .lang a{font-size:.83vw}header.header .header-right .r .lang a:not(:last-of-type)::after{right:-.83vw}header.header .header-right .r .search a{font-size:.83vw}.i-search .box{width:52vw}.i-search .box form input{font-size:1.5625vw;padding:1.042vw 0;margin-bottom:1.5625vw}.i-search .box form button{width:3.125vw;height:3.125vw;line-height:3.125vw;font-size:1.875vw}.i-search .close{right:2.08vw;top:2.08vw}.i-search .close i{font-size:2.5vw}}@media screen and (max-width: 768px){header.header .wrap-box{height:8rem;transition:all 0.5s ease-in-out;align-items:flex-start}header.header .header-left{position:absolute;top:2rem;left:2rem}header.header .header-left .logo img,header.header .header-left .logo svg{width:auto;height:4rem}header.header .header-right .menu{display:block;width:4rem;height:4rem;position:absolute;top:2rem;right:2rem;display:flex;justify-content:center;align-items:center;z-index:3}header.header .header-right .menu i{display:block;position:relative;width:2.4rem;height:2px;background:#965531;transition:all .3s ease-in-out}header.header .header-right .menu i::before,header.header .header-right .menu i::after{content:"";display:block;position:absolute;width:100%;height:2px;background:#965531;left:0;transition:all .3s ease-in-out}header.header .header-right .menu i::before{top:-.9rem}header.header .header-right .menu i::after{top:.9rem}header.header .header-right .nav{width:100%;flex-direction:column;justify-content:flex-start;position:fixed;top:0;left:0;overflow-y:auto;height:100vh;padding:8rem 2rem 10rem;box-sizing:border-box;opacity:0;gap:0;pointer-events:none;transition:all .3s ease-in-out}header.header .header-right .nav>li{margin:0;position:relative;width:100%;border-top:1px solid rgba(0,0,0,0.1)}header.header .header-right .nav>li a{font-size:2.4rem;line-height:1.5;height:auto;width:100%;display:block;padding:1em 0}header.header .header-right .nav>li.lang{display:block}header.header .header-right .nav>li.haschild>a{position:relative;font-weight:400}header.header .header-right .nav>li.haschild>a::after{content:"\e601";font-family:"iconfont";color:#000;margin-left:1rem;font-size:2.4rem;display:inline-block;transition:all .3s ease-in-out;position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(0)}header.header .header-right .nav>li.haschild.click>a::after{transform:translateY(-50%) rotate(90deg)}header.header .header-right .nav>li.haschild .box{display:none;box-shadow:none}header.header .header-right .nav>li.haschild .box ul{width:100% !important;margin-top:1rem;display:grid;grid-template-columns:repeat(1, 1fr)}header.header .header-right .nav>li.haschild .box ul li a{font-size:2rem;line-height:1.25;color:rgba(0,0,0,0.8);padding:1rem 0;display:block;box-sizing:border-box}header.header .header-right .r{display:none}header.header.open{height:100vh;background:#fff}header.header.open .header-right .menu i{background:transparent}header.header.open .header-right .menu i::before{transform:rotate(45deg);top:0}header.header.open .header-right .menu i::after{transform:rotate(-45deg);top:0}header.header.open .header-right .nav{opacity:1;pointer-events:auto}}
