#about_header {
  background: #EEE; }
  #about_header .home_header {
    position: fixed;
    z-index: 2001;
    overflow: hidden;
    height: 1.76rem;
    width: 100%;
    background: #333D82; }
    #about_header .home_header-logo {
      margin-top: .53rem;
      margin-left: .24rem;
      float: left;
      width: 6.28rem;
      height: .8rem; }
    #about_header .home_header-menu {
      margin-top: .57rem;
      float: right;
      overflow: hidden; }
      #about_header .home_header-menu-left {
        float: left;
        width: 24px;
        height: 24px; }
      #about_header .home_header-menu-right {
        margin-right: .16rem;
        margin-left: 4px;
        float: right;
        color: #FFF;
        font-size: 16px; }

.about {
  position: relative;
  margin: 0 5px;
  background: #EEE; }
  .about_nav {
    margin: 0 5px;
    width: calc(100vw - 10px) !important;
    display: flex;
    justify-content: space-around;
    padding-bottom: 8px;
    position: fixed;
    top: 1.76rem;
    height: 1.44rem;
    line-height: 1.44rem;
    background: #FFF;
    border-radius: 5px;
    box-shadow: 1.25px 1.25px 8px rgba(0, 0, 0, 0.1);
    z-index: 100; }
    .about_nav a {
      font-size: 12px;
      font-weight: bold;
      color: #252729; }
  .about_body {
    margin: 0 5px;
    position: relative;
    top: -3.1rem;
    z-index: 100; }
  .about_infor {
    padding: .5rem .51rem 0;
    width: calc(100vw - 10px);
    background: #FFF;
    border-radius: 0 0 5px 5px;
    box-shadow: 1.25px 1.25px 8px rgba(0, 0, 0, 0.1); }
    .about_infor #hideMore {
      display: none;
      margin-top: 5px;
      color: #ed0000;
      font-size: 14px; }
    .about_infor-header {
      position: relative;
      overflow: hidden;
      margin-bottom: .4rem; }
      .about_infor-header div {
        float: left; }
      .about_infor-header div:first-child {
        font-size: 17px;
        font-weight: bold;
        color: #252729; }
      .about_infor-header div:nth-of-type(2) {
        position: absolute;
        left: 2.2rem;
        bottom: 0;
        font-size: 12px;
        color: #7b7b7b; }
      .about_infor-header #showMore {
        float: right;
        margin-top: 5px;
        color: #ed0000;
        font-size: 14px; }
    .about_infor-body {
      overflow: hidden;
      text-align: justify; }
    .about_infor img {
      margin: .67rem 0;
      height: 4.75rem;
      width: calc(100vw - 10px - 1.02rem); }
  .about_advantage {
    margin: .4rem 0;
    height: 9.07rem; }
  .about_event {
    height: 8.67rem;
    background: #FFF;
    border-radius: 5px;
    box-shadow: 1.25px 1.25px 8px rgba(0, 0, 0, 0.1); }
    .about_event .swiper-container {
      height: 7rem; }
    .about_event .swiper-slide {
      padding: 8px;
      width: 4.89rem;
      height: 5.6rem;
      text-align: center;
      background: #FFF;
      border-radius: 5px;
      box-shadow: 1.25px 1.25px 8px rgba(0, 0, 0, 0.1); }
      .about_event .swiper-slide img {
        height: 3.13rem;
        width: 100%; }
  .about_server {
    margin: .4rem 0;
    padding-bottom: .5rem;
    background: #FFF;
    border-radius: 5px;
    box-shadow: 1.25px 1.25px 8px rgba(0, 0, 0, 0.1); }
    .about_server-header {
      padding-left: .53rem;
      height: 1.4rem;
      line-height: 1.4rem;
      font-size: 17px;
      font-weight: bold;
      color: #252729; }
    .about_server-title {
      margin: 0 auto;
      padding-left: .16rem;
      width: 8.98rem;
      height: 28px;
      line-height: 28px;
      font-size: 14px;
      font-weight: bold;
      color: #FFF;
      background: #333D82; }
    .about_server-content {
      padding: 0 .35rem 0 .51rem;
      margin: 5px 0 .5rem 0;
      text-align: justify;
      line-height: 1.5;
      font-size: 14px;
      color: #252729; }
  .about_honor {
    margin-bottom: .4rem;
    height: 5.3rem;
    background: #FFF;
    border-radius: 5px;
    box-shadow: 1.25px 1.25px 8px rgba(0, 0, 0, 0.1); }
    .about_honor-header {
      height: 1.6rem;
      line-height: 1.6rem;
      text-align: center;
      font-size: 17px;
      font-weight: bold;
      color: #252729; }
    .about_honor .swiper-container {
      height: 3.2rem;
      text-align: center; }
    .about_honor .swiper-slide {
      width: 5.24rem;
      height: 3.2rem;
      background-size: cover !important; }
      .about_honor .swiper-slide img {
        height: 2.58rem;
        width: 3.04rem; }
  .about_contact {
    padding-bottom: .2rem;
    background: #FFF;
    border-radius: 5px;
    box-shadow: 1.25px 1.25px 8px rgba(0, 0, 0, 0.1); }
    .about_contact-header {
      padding: 0 .4rem;
      height: 1.52rem;
      line-height: 1.52rem;
      font-size: 17px;
      font-weight: bold;
      color: #252729; }
    .about_contact-body {
      padding: 0 .4rem;
      margin-bottom: .4rem;
      border-bottom: 1px solid #ededed; }
    .about_contact-body:last-child {
      border-bottom: 0 !important; }
    .about_contact-title {
      margin-bottom: .2rem;
      font-size: 14px;
      font-weight: bold;
      color: #252729; }
    .about_contact-tel {
      margin-bottom: .2rem;
      font-size: 14px;
      color: #252729; }
    .about_contact-number {
      margin-bottom: .2rem;
      overflow: hidden; }
      .about_contact-number a:first-child {
        float: left;
        width: 5.62rem;
        height: 34px;
        line-height: 34px;
        text-align: center;
        color: #FFF;
        background: #333D82;
        border-radius: 5px; }
      .about_contact-number div {
        float: right;
        width: 2.98rem;
        height: 34px;
        line-height: 34px;
        text-align: center;
        color: #FFF;
        background: #333D82;
        border-radius: 5px; }
    .about_contact-address {
      margin-bottom: .2rem;
      font-size: 14px;
      color: #252729; }

.activeNav {
  border-bottom: 4px solid #333D82; }

/*# sourceMappingURL=about.css.map */
