.listContainer {
  display        : flex;
  justify-content: space-between;
}

.listContainer .listLeft {
  width: 350px;
}

.listContainer .listRight {
  width: 810px;
}

.video-swiper video {
  width: 100%;
}

.video-swiper .swiper-button-next,
.video-swiper .swiper-button-prev {
  color: #c28e36;
}

.leader-item {
  cursor: pointer;
}

.leader-modal {
  position  : fixed;
  top       : 0;
  left      : 0;
  display   : none;
  width     : 100%;
  height    : 100%;
  z-index   : 1000;
  overflow  : hidden;
  outline   : 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.leader-modal .modal-dialog {
  width     : 50%;
  margin    : 50px auto;
  padding   : 30px 20px;
  background: #fff;
  box-sizing: border-box;
}

.leader-modal .dialog-content {
  padding: 20px;
}

.modal-dialog p {
  text-align   : right;
  margin-bottom: 20px;
}

.leader-modal .dialog-content img {
  width: 100%;
}

.leader-modal .close img {
  width : 20px;
  cursor: pointer;
}

.hidden-lg {
  display: none;
}

div.home-brandS .mySwiper .swiper-slide {
  width: auto;
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none;
  }

  .hidden-lg {
    display: block;
  }

  .header .container {
    width     : 100%;
    padding   : 0 5%;
    box-sizing: border-box
  }

  .home-main .container {
    width     : 100%;
    padding   : 0 5%;
    box-sizing: border-box
  }

  .home-main .qyMain {
    width   : 100%;
    position: unset;
  }

  .home-main .qyMain p {
    font-size: 18px;
  }

  .home-main .home-nav .navMain {
    -webkit-flex-wrap: wrap;
    flex-wrap        : wrap
  }

  .home-main .home-nav .navMain .nav-item {
    width     : 100%;
    text-align: center
  }

  .home-main .home-nav .navMain .nav-item img {
    max-width: 100%
  }

  .home-main .home-nav .navMain .nav-item p {
    font-size: 16px
  }

  .home-main .dsj-main p {
    font-size: 12px
  }

  .home-main .home-leader {
    -webkit-flex-wrap: wrap;
    flex-wrap        : wrap
  }

  .home-main .home-leader .leader-item {
    width        : 100%;
    text-align   : center;
    margin-bottom: 20px
  }

  .home-main .home-leader .leader-item img {
    margin-bottom: 10px
  }

  .home-main .home-leader .leader-item p {
    margin-bottom: 4px
  }

  .home-main .home-brand .brand-main .brand-img {
    width       : 50%;
    box-sizing  : border-box;
    margin-right: 0 !important;
    padding     : 0 10px
  }

  .home-main .home-brand .brand-main p {
    font-size: 12px
  }

  .home-main .home-media {
    -webkit-flex-wrap: wrap;
    flex-wrap        : wrap
  }

  .home-main .home-media>div {
    width: 100%
  }

  .home-main .home-media .media-left img {
    width : 100%;
    height: auto
  }

  .home-main .home-media .media-right {
    margin-top: 20px
  }

  .home-main .home-media .media-right li {
    line-height   : 1.6;
    padding-top   : 4px;
    padding-bottom: 4px
  }

  .home-main .home-staff .staff-item {
    width        : 50%;
    box-sizing   : border-box;
    padding      : 0 10px;
    margin-bottom: 20px
  }

  .home-main .home-staff .staff-item .staffbg img {
    width: 100%;
    box-sizing: border-box;
  }

 .home-staff .staff-item div.staffbg{
    padding: 8px;
  }

  .home-main .home-staff .staff-item p {
    font-size: 12px;
    height   : auto
  }

  div.home-brandS .mySwiper .swiper-slide {
    font-size: 15px;
  }

  .leader-modal .modal-dialog {
    width: 95%;
  }
  .listContainer {
    flex-direction: column;
  }
  .listLeft {
    width: 100%;
  }
  .listContainer div.listRight {
    width: 100%;
    margin-top: 20px;
  }
  .listRight .list-staff {
    padding-top: 0;
  }

.theme_zhong {
  height: 500px;
  overflow: hidden;
}

div.leader-con {
  width: 100%;
  margin-top: 10px;
}
div.leader-img {
  width: 100%;
}
div.leaderM {
  display: none;
  flex-direction: column-reverse;
}
}