header {position: fixed; top: 0; left: 0; width: 100%; height: 80px; background: var(--pr); z-index: 10;}
header .container {display: flex; align-items: center; justify-content: space-between; height: 100%;}
header .logo {width: 125px; height: auto;}
header .logo img {width: 100%; height: auto;}
header nav {}
header nav ul {display: flex; align-items: center; gap: 43px;}
header nav ul li {}
header nav ul li a {font-size: 18px; font-weight: 500; line-height: 1; color: var(--gray_b);}
header nav ul li.active a {font-weight: bold; color: var(--wt);}
header .language-box {position: relative; width: 154px;}
header .language-box .language-btn {display: flex; align-items: center; justify-content: space-between; width: 100%; height: auto; padding: 11px 10px 11px 17px; box-sizing: border-box; background: var(--wt); font-size: 18px; font-weight: bold; line-height: 1; color: var(--pr);}
header .language-box .language-btn img {width: 24px; height: auto; transition: all .3s;}
header .language-box .language-btn.on img {transform: rotate(-180deg); transition: all .3s;}
header .language-box .toggle-box {display: none; position: absolute; top: 54px; left: 0; width: 100%; height: auto; padding: 0 16px; box-sizing: border-box; background: var(--wt); border: 1px solid var(--pr);}
header .language-box .toggle-box ul {}
header .language-box .toggle-box ul li {}
header .language-box .toggle-box ul li a {display: block; padding: 16px 0; box-sizing: border-box; border-bottom: 2px dashed var(--gray_b); font-size: 18px; font-weight: bold; line-height: 1; color: var(--pr);}
header .language-box .toggle-box ul li.active a {color: var(--gray_b);}

.skiptranslate {position: absolute; top: -9999px; left: -9999px; z-index: -9999; opacity: -9999;}