body div a p ul { font-family: "Menlo", "DejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace; padding: 0; margin: 0; font-size: 14px; }

li { list-style: none; }

body { width: 100%; color: #716f6a; }

#header { width: 100%; height: 120px; background: #f6f5f4; overflow: hidden; }
#header .logo_box { height: 120px; border-right: 1px solid #ccc8c3; display: flex; align-items: center; justify-content: center; }
#header .logo { width: 146px; object-fit: cover; }
#header .nav { padding: 0; margin-top: 40px; }
#header .nav li { float: left; margin-left: 15px; padding: 10px; }
#header .nav li a { font-size: 18px; color: #767675; padding: 0; background: none; }
#header .nav li a:hover { background: none; color: #2474a7; }
#header .nav li .selected { color: #2474a7; }
#header .language { margin-top: 50px; }
#header .language a { display: inline-block; padding: 3px; border-radius: 5px; font-size: 14px; text-decoration: none; color: #2474a7; border: 1px solid #2474a7; }
#header .language a:hover { border: 1px solid #ccc; color: #767675; }

#footer { width: 100%; height: 95px; background: #7b858e; overflow: hidden; margin: 0; color: #fff; }
#footer .footer_link_list { width: 100%; padding: 0; margin: 0; margin-top: 50px; }
#footer .footer_link_list li { margin-left: 20px; padding: 3px 0; }
#footer .footer_link_list li a { color: #fff; }
#footer .footer_link_list li a:hover { text-decoration: none; color: #2474a7; }
#footer .footer_link_list li .footer_link_weight { font-weight: bold; }
#footer .footer_search_box { width: 350px; margin-top: 50px; float: right; }
#footer .footer_search_box .footer_search { width: 350px; height: 40px; background: #fff; border-radius: 3px; padding: 0; }
#footer .footer_search_box .footer_search .footer_search_text { width: 90%; height: 40px; border: none; background: #fff; border-radius: 3px; outline: none; padding: 0 10px; color: #7b858e; }
#footer .footer_search_box .footer_search .footer_search_btn { width: 10%; height: 40px; border: none; float: right; outline: none; color: #7b858e; font-size: 18px; cursor: pointer; background: #fff; }
#footer .footer_search_box .footer_search .footer_search_btn:hover b { margin-left: 8px; }
#footer .footer_search_box .footer_search_share { margin-top: 30px; }
#footer .footer_search_box .footer_search_share a { display: inline-block; width: 32px; height: 32px; border-radius: 15px; float: right; margin-right: 10px; }
#footer .footer_search_box .footer_search_share a:hover { opacity: 0.8; }
#footer .footer_bottom { padding: 0; overflow: hidden; margin-top: 40px; margin-bottom: 30px; }
#footer .footer_bottom li { float: left; height: 25px; padding: 0 15px; line-height: 25px; border-right: 1px solid #929aa1; }
#footer .footer_bottom li a { color: #fff; }
#footer .footer_bottom li a:hover { text-decoration: none; color: #2474a7; }

@media only screen and (max-width: 750px) { #header { display: none; }
  #header_mobile { width: 100%; height: 60px; padding: 0; background: white; position: relative; }
  #header_mobile .menu_mobile { width: 60px; height: 60px; float: left; padding: 0; margin: 0; z-index: 999; margin-left: 10px; }
  #header_mobile .menu_mobile .menu_mobile_btn { display: block; width: 50px; height: 50px; margin: auto; margin-top: 5px; }
  #header_mobile .logo_mobile { margin-left: 80px; }
  #header_mobile .logo_mobile img { display: inline-block; margin-top: 6px; width: 80px; object-fit: cover; }
  #header_mobile .menu_mobile_box { position: absolute; left: 0; top: 60px; width: 170px; z-index: 998; background: white; display: none; }
  #header_mobile .menu_mobile_box ul { padding: 0; margin: 0 10px; }
  #header_mobile .menu_mobile_box ul li { margin-bottom: 10px; }
  #header_mobile .menu_mobile_box .menu_mobile_role { font-size: 14px; width: 110px; border-bottom: 1px solid #575352; }
  #header_mobile .menu_mobile_box .menu_mobile_role_current { color: black; }
  #header_mobile .menu_mobile_box .menu_mobile_nav { margin-top: 10px; font-size: 16px; }
  #header_mobile .menu_mobile_box .menu_mobile_nav a { color: #666665; }
  #header_mobile .menu_mobile_box .menu_mobile_nav a:hover { text-decoration: none; }
  #header_mobile .menu_mobile_box .menu_mobile_nav .menu_mobile_nav_select { color: #2474a7; }
  #header_mobile .menu_mobile_box .language a { display: inline-block; padding: 3px; border-radius: 5px; font-size: 14px; color: #2474a7; border: 1px solid #2474a7; margin-left: 10px; }
  #footer { display: none; }
  #footer_mobile { display: block; width: 100%; height: 80px; box-sizing: border-box; padding: 8px 10px; background: #7b858e; overflow: hidden; margin: 0; color: #fff; }
  #footer_mobile .footer_list_title { width: 100%; overflow: hidden; height: 40px; padding: 0 18px; line-height: 40px; margin-top: 10px; }
  #footer_mobile .footer_list_title .footer_link_btn { float: right; font-size: 30px; font-weight: 500; }
  #footer_mobile .footer_list_title .footer_link_btn_hide { display: none; }
  #footer_mobile .footer_link_weight { font-weight: bold; }
  #footer_mobile .footer_link_list { width: 100%; display: none; padding: 0; margin: 0; }
  #footer_mobile .footer_link_list li { margin-left: 20px; padding: 3px 0; }
  #footer_mobile .footer_link_list li a { color: #fff; text-decoration: none; }
  #footer_mobile .footer_link_list li a:hover { color: #b9bdc3; }
  #footer_mobile .footer_search_box { width: 100%; margin-top: 50px; float: none; }
  #footer_mobile .footer_search_box .footer_search { width: 100%; height: 40px; background: #fff; border-radius: 3px; padding: 0; }
  #footer_mobile .footer_search_box .footer_search .footer_search_text { width: 90%; height: 40px; border: none; float: left; background: #fff; border-radius: 3px; outline: none; padding: 0 10px; color: #7b858e; }
  #footer_mobile .footer_search_box .footer_search .footer_search_btn { width: 10%; height: 40px; border: none; float: right; outline: none; color: #7b858e; border-radius: 3px; font-size: 18px; background: #fff; }
  #footer_mobile .footer_search_box .footer_search_share { margin-top: 20px; }
  #footer_mobile .footer_search_box .footer_search_share a { display: inline-block; width: 32px; height: 32px; border-radius: 15px; }
  #footer_mobile .footer_bottom { padding: 10px 0; margin: 0; display: flex; justify-content: center; align-items: center; }
  #footer_mobile .footer_bottom li { float: left; padding: 0 15px; border-right: 1px solid #929aa1; }
  #footer_mobile .footer_bottom li a { color: #000; }
  #footer_mobile .footer_bottom li a:hover { text-decoration: none; color: #2474a7; }
  #footer_mobile .copyRight { text-align: center; color: #000; } }
@media only screen and (min-width: 751px) and (max-width: 992px) { #header_mobile { display: none; }
  #header { display: block; }
  #header .nav li { float: left; margin-right: 0; margin-left: 13px; padding: 10px; }
  #header .nav li a { font-size: 14px; }
  #header .nav li .selected { color: #2474a7; }
  #footer { display: block; }
  #footer_mobile { display: none; } }
@media only screen and (min-width: 993px) { #header_mobile { display: none; }
  #header { display: block; }
  #footer { display: block; }
  #footer_mobile { display: none; } }