/* SEO/mobile compatibility overrides. Keep this file loaded after the theme CSS. */
html {
  overflow-x: hidden;
}

body {
  overflow-wrap: break-word;
}

img,
video,
iframe {
  max-width: 100%;
}

img,
video {
  height: auto;
}

.nav-toggle {
  display: none;
  width: 42px;
  height: 38px;
  padding: 8px;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.nav-toggle span {
  display: block;
  height: 2px;
  margin: 5px 0;
  background: #222;
}

.form_privacy {
  color: #666;
  font-size: 13px;
  line-height: 1.6;
}

.form_privacy a {
  color: inherit;
  text-decoration: underline;
}

.news_info_con table,
.pro_info table,
.help_info table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}

@media (max-width: 768px) {
  .content,
  .content_big,
  .content_box {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 15px;
    padding-left: 15px;
  }

  .header .h_con,
  .header .content_big {
    height: auto !important;
  }

  .header .content_big,
  .header .menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .header .content_big {
    justify-content: space-between;
    min-height: 70px;
  }

  .header .h_logo {
    display: flex;
    align-items: center;
    max-width: calc(100% - 50px);
  }

  .header .logo img {
    width: auto;
    max-width: 145px;
    max-height: 54px;
  }

  .header .slogan {
    display: none;
  }

  .header .menu {
    position: static;
    width: auto;
  }

  .nav-toggle {
    display: block;
    order: 1;
  }

  .header .menu > ul {
    display: none !important;
    order: 10;
    width: 100vw !important;
    margin: 10px calc(50% - 50vw) 0 !important;
    padding: 0 15px 10px !important;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 8px 12px rgba(0, 0, 0, .08);
  }

  .header .menu.is-open > ul {
    display: block !important;
  }

  .header .menu > ul > li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    border-bottom: 1px solid #eee;
  }

  .header .menu > ul > li > a {
    display: block;
    height: auto !important;
    padding: 12px 4px !important;
    line-height: 1.4 !important;
  }

  .header .menu .request,
  .header .search,
  .header .language {
    display: none !important;
  }

  .left,
  .news_right {
    display: none !important;
  }

  .right,
  .news_left,
  .news_left_all,
  .news_right_all,
  .pleft,
  .pright,
  .pro_top,
  .pro_content,
  .help_info {
    float: none !important;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .topadcs {
    min-height: 0 !important;
  }

  .topadcs-name,
  .news_info_title,
  .help_info_title,
  .pd_description h1 {
    height: auto !important;
    font-size: 25px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
  }

  .pic_box,
  .pic_con,
  .pic_con li,
  .pic_con img {
    width: 100% !important;
    max-width: 100% !important;
  }

  .online li,
  .online li > span,
  .online input[type="text"],
  .online textarea {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
  }

  .online li > span {
    display: block;
    text-align: left !important;
  }

  .online .btn_submit input {
    width: auto !important;
  }

  .news_info_con,
  .pro_info,
  .help_info {
    font-size: 16px;
    line-height: 1.75;
  }

  .custom,
  .kef,
  .kef_new {
    display: none !important;
  }

  .footer .content_big,
  .footer .f_title,
  .footer .f_con,
  .footer .f_contact,
  .footer .f_menu {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
  }

  .footer .f_title,
  .footer .f_con {
    float: none !important;
  }
}

@media (max-width: 480px) {
  .topadcs-name,
  .news_info_title,
  .help_info_title,
  .pd_description h1 {
    font-size: 22px !important;
  }

  .news_info_bar span {
    display: block;
    float: none !important;
    margin: 4px 0 !important;
  }
}