a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: 400;
  vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  display: block
}

body {
  line-height: 1
}

blockquote, q {
  quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

a {
  color: #7e8c8d;
  text-decoration: none;
  -webkit-backface-visibility: hidden
}

li {
  list-style: none
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px
}

::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, .2);
  -webkit-border-radius: 6px
}

::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: hsla(0, 0%, 49%, .7);
  -webkit-border-radius: 6px
}

::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  background-color: hsla(0, 0%, 49%, .7);
  -webkit-border-radius: 6px
}

body, html {
  width: 100%
}

body {
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: STSongti-SC-Black;
  font-size: 14px
}

#app, .el-container, body, html {
  padding: 0;
  margin: 0;
  height: 100%
}
@media (min-width:768px) {
  .home .logo-box {
    width: 100%;
    /*height: 160px;*/
    background: #35599f;
    font-family: STSongti-SC-Black
  }

  .home .logo-box .logo-content {
    width: 1100px;
    margin: 0 auto;
    padding: 42px 0;
    max-width: 100%;
  }

  .home .logo-box .logo-content .logo {
    width: 77px;
    height: 77px;
    background: #fff;
    border-radius: 100%;
    margin-right: 16px;
    padding: 5px;
    box-sizing: border-box;
    display: inline-block;
    float: none;
    vertical-align: middle;
  }

  .home .logo-box .logo-content .logo img {
    width: 100%
  }

  .home .logo-box .logo-content h3 {
    font-size: 24px;
    color: #fff;
    display: inline-block;
    line-height: 40px;
    vertical-align: top
  }
  .home .logo-box .logo-content p { font-size: 16px; color: #fff; line-height: 22px;}
  .home .header-box {
    background: #4268b0;
    width: 100%;
    height: 68px
  }

  .home .header-box .header-container {
    width: 1100px;
    margin: 0 auto;
    max-width: 100%;
  }

  .home .header-box .header-container ul li {
    display: inline-block;
    height: 68px;
    box-sizing: border-box;
    font-family: PingFangSC-Regular;
    font-size: 20px;
    color: #fff;
    line-height: 71px;
    padding: 0 56px
  }
  .home .header-box .header-container ul li a { color: #fff; }

  .home .header-box .header-container ul li:hover {
    cursor: pointer
  }

  .home .header-box .header-container ul .item-active {
    background: #2f4a7d
  }

  .footer {
    width: 100%;
    /*height: 136px;*/
    background: #233c6b;
    font-family: PingFangSC-Medium;
    color: #fff
  }

  .footer .footer-container {
    width: 1100px;
    margin: 0 auto;
    /*display: flex;*/
    padding-top: 40px;
    padding-bottom: 40px;
    box-sizing: border-box;
    max-width: 100%;
  }

  .footer .footer-container .homeLogo {
    margin-right: 109px
  }

  .footer .footer-container .homeLogo img {
    width: 77px;
    height: 77px
  }

  .footer .footer-container .left {
    display: flex
  }

  .footer .footer-container .left .contact {
    padding-right: 16px;
    border-right: 1px solid #12274d
  }

  .footer .footer-container .left .contact .contact-CH {
    font-size: 24px;
    font-weight: 400;
    padding: 4px 0
  }

  .footer .footer-container .left .contact .contact-EN {
    font-size: 12px
  }

  .footer .footer-container .left .way {
    margin-left: 16px;
    font-size: 14px;
    line-height: 28px
  }

  .footer .footer-container .left .way span {
    font-size: 20px
  }

  .footer .footer-container .left .association {
    margin-left: 16px
  }

  .footer .footer-container .left .association .img {
    width: 45px;
    height: 45px;
    display: inline-block;
    padding: 3px;
    box-sizing: border-box;
    background: #fff;
    margin-right: 9px;
    border-radius: 100%
  }

  .footer .footer-container .left .association .img img {
    width: 100%;
    height: 100%;
    vertical-align: middle
  }

  .footer .footer-container .left .association span {
    vertical-align: middle;
    font-size: 16px
  }

  .el-header {
    padding: 0;
    height: 228px !important
  }

  .el-footer {
    padding: 0;
    /*height: 136px !important*/
  }

  .el-main {
    padding: 0 !important;
    overflow: visible
  }
}