header {position: absolute; top: 0; left: 0; width: 100%; height: 138px; padding-bottom: 28px; z-index: 9; border-bottom: 0.5px solid #fff; box-sizing: border-box; transition: all .3s;}
header.on {background: #fff; transition: all .3s;}
header .container {display: flex; align-items: center; justify-content: space-between; height: 100%; padding-top: 64px;}
header .logo {width: 122px; height: auto;}
header .logo img {width: 100%; height: auto;}
header nav {}
header nav ul {display: flex; align-items: center; gap: 64px;}
header nav ul li {position: relative; padding: 44px 0; cursor: pointer;}
header nav ul li .nav-top {font-size: 16px; font-weight: 600; color: #fff; cursor: pointer;}
header.on nav ul li .nav-top {color: #000;}
header nav ul li:hover .nav-top {color: #0549b1;}
header nav ul li .nav-bottom {display: none; position: absolute; top: 100px; left: 50%; transform: translateX(-50%); align-items: center; justify-content: center; flex-flow: column; background: #fff;}
/* header nav ul li .nav-bottom.on {height: auto; opacity: 1; z-index: 8; transition: all .3s;} */
header nav ul li .nav-bottom.on {display: flex !important;}
header nav ul li .nav-bottom a {display: flex; align-items: center; justify-content: center; min-width: 111px; width: auto; height: 44px; padding: 0 22px; font-size: 14px; font-weight: 600; color: #000; box-sizing: border-box; white-space: nowrap;}
header nav ul li:nth-child(2) .nav-bottom a:nth-child(2) {display: none;}
header .language {}
header .language img {width: 15px; height: auto; margin-right: 5.3px;}
header .language a {font-size: 15px; font-weight: 600; line-height: 1.33; color: #fff; display: flex; align-items: center;}
header.on .language a {color: #002d71;}