@charset "UTF-8";
body { overflow-x: hidden; }
.content-wrap { margin: 0 auto; width: 90%; max-width: 1190px; }
.content-wrap:after { content: ""; display: block; clear: both; }
.content-pd { padding-left: 40px; padding-right: 40px; }

@media screen and (max-width: 956px) {
    .content-pd { width: 100%; }
}

@media screen and (max-width: 640px) {
    .content-pd { padding-left: 30px; padding-right: 30px; }
}

header { width: 100%; height: 87px; position: fixed; background-color: #fff; z-index: 900; }
.header-wrap { position: relative; width: 90%; height: 87px; margin: 0 auto; max-width: 1190px; }
.logo { position: absolute; width: 146px; left: 0; top: 50%; margin-top: -27px; }
.logo img { width: 100%; }
.nav-wrap { position: absolute; right: 0; }
.hamburger-menu-icon { display: none; }
.nav { margin-top: 43px; }
.nav:after, .nav:before { content: ""; display: block; clear: both; }
.nav li { float: left; margin-right: 73px; }
.nav li:last-child { margin-right: 0; }
.nav li a { font-size: 20px; font-weight: 500; color: #000; display: block; padding: 0 3px 14px; }
.nav li a:hover { color: #258edb; border-bottom: 4px solid #258edb; }
.mobile-menu-wrap { display: none; }

@media screen and (max-width: 1500px) {
    .nav li { margin-right: 49px; }
}

@media screen and (max-width: 1023px) {
    header { height: 70px; }
    .header-wrap { height: 70px; }
    .logo { width: 110px; margin-top: -20px; }
    .nav { margin-top: 37px; }
    .nav li a { font-size: 14px; padding: 0 3px 11px; }
    .lang li a { font-size: 10px; }
}

@media screen and (max-width: 767px) {
    .nav { display: none; }
    .lang { margin-right: 50px; margin-top: 20px; }
    .hamburger-menu-icon { display: block; position: absolute; right: 0; top: 20px; width: 35px; cursor: pointer; }
    .hamburger-menu-icon > img { width: 100%; }
    .mobile-menu_wrap { display: block; }
    body.body-height { overflow: hidden; }
    .menu-overlay { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); z-index: 999; }
    .mobile-menu { position: fixed; right: 0px; top: 0; width: 0%; height: 100%; background-color: #282f3c; z-index: 99999; overflow: hidden; }
    .close-button { padding: 18px; }
    .close-button > img { width: 28px; }
    .mobile-nav li { border-bottom: 1px solid #0f1215; }
    .mobile-nav a { color: #fff; font-size: 20px; display: block; padding: 18px 0 18px 60px; width: 200px; }
}

footer { background-color: #333; padding: 25px 0; position: relative; }
footer:after { content: ""; display: block; clear: both; }
.top-button { position: fixed; right: 15px; bottom: 30px; cursor: pointer; z-index: 100; display: none; }
.footer-link { font-weight: 700; font-size: 15px; float: left; }
.footer-link a { color: #fff; display: inline-block; border: 1px solid #fff; padding: 5px 10px; }
.footer-info { float: right; }
.footer-info > p { font-weight: 400; color: #fff; font-size: 14px; }
.footer-info > p > span { display: inline-block; margin-right: 10px; }
.copyrights { font-weight: 400; color: #999; font-size: 14px; position: absolute; bottom: 25px; }

@media screen and (max-width: 956px) {
    .footer-link { float: inherit; padding-bottom: 20px; }
    .footer-info { float: inherit; padding-bottom: 20px; }
    .copyrights { position: inherit; }
    .top-button { bottom: 30px; }
}

@media screen and (max-width: 480px) {
    .footer-link a { font-size: 13px; }
    .footer-info > p { font-size: 11px; }
    .copyrights { font-size: 11px; }
    .top-button { bottom: 196px; }
    .top-button > img { width: 35px; }
}