:root {
  --max-width: 1440px; }

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

html, body {
  width: 100%;
  overflow-x: hidden; }

a {
  color: inherit;
  text-decoration: none; }

ul, li, ol {
  list-style: none; }

.clearfix {
  zoom: 1; }

.about-page .about-page-content {
  background: #fcfcfc; }
  .about-page .about-page-content .main {
    max-width: 1320px;
    width: 100%;
    margin: auto; }
    @media all and (max-width: 1440px) {
      .about-page .about-page-content .main {
        width: calc(100% - 80px);
        margin: auto; } }
  .about-page .about-page-content .slide-article {
    background: transparent; }
  .about-page .about-page-content .about-page-content-header {
    width: 100%;
    display: block;
    margin-bottom: 67px; }
  .about-page .about-page-content .note {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 62px; }
    .about-page .about-page-content .note .info-img {
      width: 599px;
      margin-left: 83px;
      flex: none; }
    .about-page .about-page-content .note .note-details {
      position: absolute;
      top: 148px;
      left: 420px;
      width: 889px; }
      .about-page .about-page-content .note .note-details .note-content {
        width: 100%;
        color: #3d3d3d;
        font-size: 16px;
        line-height: 1.8;
        text-indent: 2em; }
    @media all and (max-width: 1024px) {
      .about-page .about-page-content .note img {
        display: none; } }
    @media all and (max-width: 425px) {
      .about-page .about-page-content .note .note-details .head {
        font-size: 21px;
        padding-bottom: 15px; }
        .about-page .about-page-content .note .note-details .head:before {
          width: 85px; }
      .about-page .about-page-content .note .note-details .note-content {
        font-size: 15px; } }
.about-page .honor-titleimg {
  display: block;
  width: 100%; }
.about-page .about-honor {
  max-width: 1320px;
  width: 100%;
  margin: auto;
  padding-bottom: 70px;
  position: relative; }
  .about-page .about-honor .swiper-button-prev {
    left: -60px; }
  .about-page .about-honor .swiper-button-next {
    right: -60px; }
  .about-page .about-honor .swiper-slide {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .about-page .about-honor .swiper-slide .item {
      width: 100%;
      height: 100%;
      object-fit: cover; }
      .about-page .about-honor .swiper-slide .item.plac {
        height: 0; }
  @media all and (max-width: 1440px) {
    .about-page .about-honor {
      width: calc(100% - 80px);
      margin: auto; }
      .about-page .about-honor .swiper-button-prev {
        display: none; }
      .about-page .about-honor .swiper-button-next {
        display: none; } }
  @media all and (max-width: 1024px) {
    .about-page .about-honor .swiper-slide .item {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; } }
.about-page .about-hezuo {
  max-width: 1320px;
  width: 100%;
  margin: auto;
  background: url("../static/images/baozhang-bg@2x.png") no-repeat top center/cover;
  padding-top: 47px;
  padding-bottom: 35px; }
  .about-page .about-hezuo .about-page-head:after {
    background: #ffffff;
    margin: auto;
    width: 700px; }
  .about-page .about-hezuo .message {
    font-size: 23px;
    color: #3d3d3d;
    padding-top: 40px;
    margin-bottom: 76px;
    text-align: center; }
  .about-page .about-hezuo .list {
    display: flex;
    justify-content: center;
    align-items: flex-start; }
    .about-page .about-hezuo .list .item {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      padding: 0 30px;
      border-right: 1px solid #c3c3c3; }
      .about-page .about-hezuo .list .item:last-child {
        border-right: none; }
      .about-page .about-hezuo .list .item img {
        display: block;
        width: 85px;
        height: 85px;
        object-fit: contain; }
      .about-page .about-hezuo .list .item .name {
        line-height: 100px;
        font-size: 23px;
        color: #3d3d3d; }
      .about-page .about-hezuo .list .item .tip {
        color: #3d3d3d;
        font-size: 16px; }
    @media all and (max-width: 768px) {
      .about-page .about-hezuo .list {
        display: block; }
        .about-page .about-hezuo .list .item {
          margin-top: 25px;
          border: none; } }
  @media all and (max-width: 768px) {
    .about-page .about-hezuo .message {
      font-size: 20px;
      margin-bottom: 30px; }
    .about-page .about-hezuo .list .item .name {
      line-height: 70px; } }
  @media all and (max-width: 425px) {
    .about-page .about-hezuo .message {
      font-size: 12px; }
    .about-page .about-hezuo .list .item .tip {
      font-size: 15px; } }
.about-page .qiye-list {
  max-width: 1320px;
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 85px; }
  .about-page .qiye-list .item {
    width: 24%;
    border-bottom: 1px solid #e4e4e4;
    text-align: center;
    margin-bottom: 35px;
    cursor: pointer; }
    .about-page .qiye-list .item.plac {
      opacity: 0;
      visibility: hidden;
      margin-bottom: 0; }
    .about-page .qiye-list .item img {
      width: 100%;
      height: 225px;
      object-fit: cover;
      display: block; }
    .about-page .qiye-list .item .name {
      line-height: 55px;
      font-size: 16px;
      color: #676767; }
  @media all and (max-width: 1440px) {
    .about-page .qiye-list {
      width: calc(100% - 80px);
      margin: auto; } }
  @media all and (max-width: 768px) {
    .about-page .qiye-list .item {
      width: 47%;
      margin-bottom: 30px; } }
  @media all and (max-width: 425px) {
    .about-page .qiye-list .item {
      width: 100%; } }