@media (max-width: 1280px) {
  .index_one ul li .hover {
    padding: 4.6875rem 1.875rem 0;
  }
  .index_three .right {
    padding-left: 1rem;
  }
  .index_three .right .text {
    line-height: 1.5rem;
  }
  .index_three .left {
    padding-right: 2rem;
  }
  footer .center {
    padding: 0 5rem 0 1rem;
  }
}
@media (max-width: 990px) {
  .index_one ul li .hover {
    padding: 2.6875rem 1.6875rem 0;
  }
  .index_one ul li .name {
    font-size: 18px;
  }
  .index_two .swiper_pag {
    margin-top: 1.25rem;
  }
  .index_two .swiper_pag .swiper-pagination-bullet-active {
    background: #fff;
  }
  .index_one ul li .text {
    font-size: 14px;
  }
  .index_three .right,
  .index_four .ul > li .right {
    margin-top: 15px;
  }
  .index_five .row > div.right {
    display: none;
  }
  footer .flex {
    flex-wrap: wrap;
  }
  footer .logo {
    text-align: center;
    width: 100%;
  }
  footer .center {
    width: 100%;
    margin: 1.875rem 0;
    padding: 0;
  }
  footer .right {
    width: 100%;
  }
  .banner video,
  .banner img {
    height: auto;
  }
  .banner { 
    background: #000000;
  }
  .banner .swiper-container {
    padding: 2rem 0 5rem;
  }
  .banner .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .banner .icon_vid {
    position: absolute;
    bottom:-6%;
    left: 50%;
    top: auto;
    transform: translateX(-50%);
  }
  .banner .swiper-slide.swiper-slide-active .img img {
    animation: none;
  }
}
@media (max-width: 767px) {
  .index_one ul li {
    width: 100% !important;
    height: 100px;
  }
  .index_one ul li.active {
    height: 240px;
  }
  .index_one ul {
    flex-wrap: wrap;
  }
  .index_one ul li .hover {
    text-align: center;
  }
  footer {
    padding: 30px 0;
  }
  .index_one ul {
    margin-top: 20px;
  }
  .index_two .ul li {
    margin-top: 15px;
    padding: 0 6px;
  }
  .index_two .ul {
    margin: 0 -6px 0;
  }
  .index_four .ul {
    margin-top: 0;
  }
  .index_four .ul > li .right .name {
    flex-wrap: wrap;
  }
  .index_four .ul > li .right .name div,
  .index_four .ul > li .right .name p {
    width: 100%;
  }
  .index_four .ul > li .right .text {
    margin-top: 15px;
  }
  .index_five .title {
    font-size: 2.375rem;
  }
  .index_five .subtitle {
    font-size: 14px;
    margin-top: 0;
  }
  .index_five .flex2 {
    margin-top: 20px;
    flex-wrap: wrap;
  }
  .index_five .flex2 .l,
  .index_five .flex2 .r {
    width: 100%;
  }
  .index_five .flex2 .r {
    padding: 30px 0 30px 0;
  }
  .index_two .top {
    padding: 0;
  }
  .index_two .top .swiper-button-white,
  .index_two .top::after,
  .index_two .top::before {
    display: none;
  }
  .index_two .swiper_pag {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .index_two .swiper_pag .swiper-pagination-bullet {
    margin: 0 5px;
    background: #fff;
  }
  .index_one ul li .hover {
    padding: 30px 20px 30px;
  }
  .index_one ul li .text {
    line-height: 20px;
  }
  .recruit_three ul li .content {
    padding: 20px 15px;
  }
  .recruit_three ul li .clearfix {
    padding: 0 15px;
    line-height: 20px;
  }
  .recruit_three ul li .clearfix > div {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .recruit_three ul li .more {
    width: auto;
    padding: 0 20px;
  }
}