:root {
  --denis-blue: #0b4b83;
  --denis-cyan: #2b8fb9;
  --denis-ink: #23313d;
  --denis-muted: #66727d;
  --denis-line: #d9e0e6;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  min-width: 0;
  color: var(--denis-ink);
  background: #fff;
  font-family: Arial, "Microsoft YaHei", "PingFang SC", sans-serif;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; }
a { transition: color .18s ease, background-color .18s ease, opacity .18s ease; }
.top, .menub, .banner, .main_top, .main { max-width: 954px; }
.top { display: flex; align-items: center; justify-content: space-between; }
.top_font { text-align: right; }
.menub { box-shadow: 0 2px 7px rgba(0,0,0,.14); }
.main { display: flex; flex-wrap: wrap; align-items: flex-start; }
.main .left, .main .center, .main .right { min-width: 0; }
.main .left .tit, .main .center .tit, .main .right .tit {
  color: var(--denis-blue);
  border-color: var(--denis-line);
}

@media (max-width: 760px) {
  body { width: 100%; overflow-x: hidden; }
  .top, .menub, .menu, .banner, #banner, .slides, .slide-pic,
  .main_top, .main, div[style*="width:954px"] {
    width: 100% !important;
    max-width: 100% !important;
  }
  .top {
    height: auto !important;
    min-height: 68px;
    padding: 10px 16px;
  }
  .logo { width: auto !important; height: auto !important; float: none !important; }
  .logo img { display: block; width: auto; max-width: 170px; height: auto; }
  .top_font { display: none; }

  .menub { height: auto !important; background: #3c454c !important; }
  .menu { height: auto !important; font-family: Arial, "Microsoft YaHei", sans-serif !important; }
  .menu > ul {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden;
  }
  .menu > ul > li {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  .menu ul li a, .menu ul li a:visited {
    width: 100% !important;
    height: 42px !important;
    padding: 0 5px;
    line-height: 42px !important;
    font-size: 13px !important;
    white-space: nowrap;
  }
  .menu ul li ul { z-index: 300; width: min(210px, 86vw) !important; }
  .menu ul li:hover ul { top: 42px !important; width: min(210px, 86vw) !important; }
  .menu ul li:hover ul li:hover ul { left: min(210px, 86vw) !important; }

  .banner, #banner, .slides, .slide-pic { height: auto !important; min-height: 0 !important; }
  .slide-pic img { display: block; width: 100% !important; height: auto !important; }
  .slide-li { display: none !important; }

  .main_top {
    height: auto !important;
    padding: 0 0 18px !important;
    background-size: cover !important;
    overflow: hidden;
  }
  .main_top > div {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    float: none !important;
    padding: 18px 16px !important;
  }
  .main_top > div > div,
  .main_top > div > div > div {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }
  .main_top span,
  .main_top div {
    white-space: normal !important;
    word-break: break-all !important;
    overflow-wrap: anywhere !important;
  }
  .main_top span {
    display: block !important;
    padding-left: 0 !important;
    line-height: 1.45 !important;
  }
  .main_top div[style*="width:285px"],
  .main_top div[style*="width:255px"],
  .main_top div[style*="width:580px"] {
    width: 100% !important;
    height: auto !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .main_top div[style*="width:580px"] {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 6px 8px !important;
    line-height: 1.8 !important;
    overflow-wrap: anywhere;
  }

  .main { display: block; padding: 0 16px; }
  .main .left, .main .center, .main .right {
    width: 100% !important;
    float: none !important;
    margin: 0 0 28px !important;
  }
  .main .left .tit, .main .center .tit, .main .right .tit,
  .main .left .news { width: 100% !important; }
  .main .left .news { display: flex; justify-content: space-between; }
  .main .left .news .tt { width: calc(100% - 90px) !important; }
  .main .left .news .time { width: 86px !important; text-align: right; }
  .main .center > div, .main .right > div { max-width: 100%; }

  div[style*="width:145px"] {
    width: 100% !important;
    height: auto !important;
    float: none !important;
    margin: 0 0 18px !important;
  }
  .menu1, .menu1 a { width: 100% !important; }
  div[style*="width:51px"][style*="float:left"] { display: none !important; }
  div[style*="width:718px"], div[style*="width:708px"], div[style*="width:698px"] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    float: none !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    overflow: hidden;
    overflow-wrap: anywhere;
  }
  p, span, td, div { overflow-wrap: anywhere; }
  div[style*="width:698px"] img,
  div[style*="width:708px"] img,
  div[style*="width:718px"] img {
    float: none !important;
    display: block;
    margin: 12px auto !important;
  }

  body > div[style*="width:100%"][style*="height:219px"] { height: auto !important; }
  body > div[style*="width:100%"][style*="height:219px"] > div {
    width: 100% !important;
    height: auto !important;
    padding: 18px 16px !important;
  }
  body > div[style*="width:100%"][style*="height:219px"] div[style*="width:347px"],
  body > div[style*="width:100%"][style*="height:219px"] div[style*="width:591px"],
  body > div[style*="width:100%"][style*="height:219px"] div[style*="width:550px"] {
    width: 100% !important;
    height: auto !important;
    float: none !important;
    padding: 8px 0 !important;
  }
}