.index {
      min-width: 1200px;
  }
  
  .img_box {
      width: 100%;
      background-color: #f8f8f8;
      position: relative;
      height: 17vw;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .homePic {
      width: 100%;
  }
  
  .coverBox {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, .5);
      display: none;
  }
  
  .swiper-slide img {
      width: 100%;
  }
  
  .swiper-pagination-bullet {
      width: 21px;
      height: 6px;
      border-radius: 8px;
  }
  
  .swiper-pagination-bullet-active {
      width: 42px;
      height: 6px;
      background: #FFFFFF;
      border-radius: 8px;
  }
  
  .about {
      margin: 0 auto;
      padding-top: 70px;
  }
  
  .title {
      width: 87.5%;
      margin: 0 auto;
  }
  
  .title_ch {
      font-size: 50px;
      color: #323232;
      margin-bottom: 30px;
  }
  
  .title_en {
      font-size: 46px;
      color: #909090;
  }
  
  .aboutus {
      overflow: hidden;
      position: relative;
  }
  
  .about_article {
      float: left;
      padding-left: calc(6.25% + 88px);
      padding-right: 6.5%;
      width: 55%;
      padding-top: 6%;
      line-height: 30px;
      word-break: break-all;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 10;
      overflow: hidden;
  }
  
  .aboutus_right {
      float: left;
      width: 45%;
      position: relative;
  }
  
  .aboutus_right_box1 {
      width: 88%;
      overflow: hidden;
      position: absolute;
      top: 42%;
      left: 14%;
  }
  
  .box1_content:nth-child(2) {
      margin-right: 0;
  }
  
  .box1_content {
      float: left;
      margin-right: 20%;
      text-align: center;
  }
  
  .box1_content_time {
      color: #323232;
      font-size: 70px;
      margin-top: 20px;
  }
  
  .box1_content_containr {
      font-size: 16px;
      color: #646464;
  }
  
  .aboutus_right_box2 {
      width: 100%;
      height: 100%;
  }
  
  .aboutus_right_box2 img {
      width: 100%;
  }
  
  .product {
      clear: both;
      margin-top: 5%;
  }
  
  .product_pic {
      padding-top: 70px;
      width: 87.5%;
      margin: 0 auto;
      overflow: hidden;
  }
  
  .pic_list {
      float: left;
      width: calc(20% - 24px);
      position: relative;
      margin-right: 30px;
      margin-bottom: 45px;
  }
  
  .pic_list:nth-child(5n) {
      margin-right: 0;
  }
  
  .img_box1 {
      width: 100%;
      height: 15vw;
      background-color: #f8f8f8;
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .homePic1 {
      width: 100%;
  }
  
  .homePic1 {
      transition: transform 1s;
  }
  
  .img_box1:hover img {
      transform: scale(1.3);
  }
  
  .coverBox1 {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      /* background-color: rgba(0, 0, 0, .5); */
      display: none;
      background-color: #3E60CD;
  }
  /* .pic_list:hover .coverBox1 {
  	display: block;
  }

  .pic_list:hover .products_pic_bgc {
  	display: block;
  } */
  
  .products_pic {
      width: 87.5%;
      margin: 0 auto;
  }
  
  .products_pic_bgc {
      position: absolute;
      top: 40%;
      width: 70%;
      margin: 0 auto;
      display: none;
      left: 15%;
  }
  
  .products_pic_bgc img {
      width: 100%;
  }
  
  .case {
      padding-top: 70px;
      clear: both;
  }
  
  .case_pic {
      padding-top: 70px;
      width: 87.5%;
      margin: 0 auto;
      overflow: hidden;
  }
  
  .case_pic_list {
      float: left;
      width: 31%;
      height: 30%;
      margin-right: 3%;
      margin-bottom: 40px;
      position: relative;
  }
  
  .case_content {
      position: absolute;
      top: calc(50% - 10px);
      padding: 0 20px;
      display: none;
  }
  
  .case_content_title {
      margin-bottom: 5%;
      font-size: 28px;
      color: #fff;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 70%;
  }
  
  .case_content_article p {
      font-size: 20px;
      color: #fff;
      word-break: break-all;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
  }
  
  .case_pic_list:nth-child(3n) {
      margin-right: 0;
  }
  
  .case_pic_list:hover .coverBox {
      display: block;
  }
  
  .case_pic_list:hover .case_content {
      display: block;
  }
  
  .more {
      background-color: #F8F8F8;
  }
  
  .pic_center {
      position: absolute;
      top: calc(50% - 93px);
      left: calc(50% - 61px);
      text-align: center;
  }
  
  .more_pic {
      width: 123px;
      height: 123px;
  }
  
  .more_url {
      font-size: 30px;
      color: #909090;
      margin-top: 20px;
  }
  
  .news {
      padding: 70px 6.25%;
      background-color: #323232;
      clear: both;
      padding-top: 70px;
  }
  
  .news_pic {
      margin-top: 3%;
  }
  
  .title {
      width: 87.5%;
      margin: 0 auto;
  }
  
  .title_ch_white {
      font-size: 50px;
      color: #FFFFFF;
      margin-bottom: 1%;
  }
  
  .title_en_white {
      font-size: 46px;
      color: #FFFFFF;
  }
  
  .news_red {
      width: 45%;
      height: auto;
      float: left;
      margin-right: 3.5%;
      position: relative;
  }
  
  .news_red_pic {
      width: 100%;
      height: 100%;
      font-size: 0;
  }
  
  .news_red_pic img {
      width: 100%;
      height: 100%;
  }
  
  .news_red_time {
      background-color: #fff;
      float: left;
      text-align: center;
      width: 25%;
  }
  
  .news_red_time_month {
      font-size: 18px;
      color: #323232;
  }
  
  .news_red_time_day {
      font-size: 45px;
      color: #323232;
  }
  
  .news_red_content {
      background-color: #000000;
      opacity: 0.6;
      float: left;
      width: 75%;
      padding: 0 25px;
      /* line-height: 42px; */
  }
  
  .news_red_content p {
      color: #fff;
  }
  
  .news_red_content_title {
      font-size: 28px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 80%;
  }
  
  .news_red_content_time {
      font-size: 20px;
      text-align: right;
  }
  
  .news_red_all {
      position: absolute;
      bottom: 0;
      width: 100%;
  }
  
  .news_other {
      width: 21.3%;
      float: left;
      height: 330px;
      margin-right: 3.5%;
      position: relative;
  }
  
  .news_other:nth-child(3) {
      margin-right: 0;
  }
  
  .news_other_pic {
      width: 100%;
      height: 60%;
      background-color: #f1f1f1;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
  }
  
  .news_other_pic img {
      width: 100%;
      /* height: 100%; */
  }
  
  .news_other_time {
      background-color: #323232;
      text-align: center;
      position: absolute;
      width: 25%;
      bottom: 34%;
      left: 5%;
  }
  
  .news_other_time_month {
      font-size: 14px;
  }
  
  .news_other_time_day {
      font-size: 28px;
  }
  
  .news_other_time p {
      color: #fff;
  }
  
  .news_other_content {
      background-color: #fff;
      height: 40%;
      padding: 40px 20px 37px;
  }
  
  .news_other_content_title {
      color: #323232;
      font-size: 21px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      line-height: 30px;
      /* margin-top: 20px; */
  }
  
  .news_other_content_time {
      color: #909090;
      font-size: 19px;
      /* margin-top: 45px; */
  }
  
  .news_more {
      clear: both;
      margin-top: 70px;
      text-align: center;
  }
  
  .news_more_url {
      float: left;
      margin-left: calc(50% - 38px);
      font-size: 24px;
      color: #fff;
      margin-right: 10px;
  }
  
  .news_more_pic {
      text-align: initial;
      font-size: 24px;
      color: #fff;
  }
  
  .partner {
      padding-top: 70px;
  }
  
  .partner_pic {
      width: 80%;
      margin: 70px auto 50px;
  }
  
  .partner_pic img {
      width: 100%;
  }
  
  .company img {
      width: 100%;
  }
  
  .company_new {
      position: relative;
  }
  
  .ul_all {
      position: absolute;
      top: 40%;
      left: 15%;
      width: 70%;
      margin: 0 auto;
      text-align: center;
  }
  
  .ul_all li {
      float: left;
      margin-right: 14%;
  }
  
  .li_list p {
      color: #fff;
  }
  
  .li_title {
      font-size: 40px;
  }
  
  .li_content {
      font-size: 20px;
      clear: both;
  }
  
  .li_list:nth-child(5) {
      margin-right: 0;
  }
  
  .waves {
      position: absolute;
      width: 100%;
      bottom: 1%;
      height: 100%;
      z-index: 999;
  }
  
  .add_number_div {
      overflow: hidden;
  }
  
  .add_number_li {
      float: left;
  }
  
  .add_number {
      float: left;
      color: #fff;
      font-size: 20px;
  }
  
  .company {
      font-size: 0;
  }