/* 深入了解 */
#Insight {
  /* background: #f6f7f8; */
}
.Insight-content {
  width: 1120px;
  padding-top: 72px;
}
.Insight-content li {
  border: 2px solid #000000;
}
.Insight-content li span img {
  transform-origin: 0 50%;
}
.Insight-content li:hover span img {
  transform: scalex(1.15);
}
.Insight-content li:hover{
  background: #f6f7f8;
}

/* 笔记本断点 xl*/
@media screen and (min-width: 768px) and (max-width: 992px) {}

/* 移动端 */
@media (max-width: 767px) {

  /* 深入了解产品 */
  #Insight {
    padding-top: 14.933vw;
    background-color: #fff;
    padding-bottom: 6.933vw;
  }

  #Insight .Insight-nav h3 {
    line-height: 5.867vw;
    font-size: 5.867vw;
    margin-bottom: 2.133vw;
  }

  #Insight .Insight-nav {
    padding-bottom: 5.8vw;
  }

  #Insight .md_Insight-content {
    padding: 0 4.267vw;
    width: 100%;
  }

  #Insight .md_Insight-content ul li {
    width: 100%;
    border-radius: 2.133vw;
    height: 16vw;
    margin-bottom: 4.267vw;
    padding: 4.8vw 6.4vw;
    border: 0.267vw solid#000;
    /* background-color: #fff; */
    transition: all 0.3s;
  }

  #Insight .md_Insight-content ul li:hover {
    /* border: none; */
    /* background-color: #000; */
    /* filter: invert(100%); */
  }

  #Insight .md_Insight-content ul li img {
    width: 6.4vw;
    height: 6.4vw;
  }

  #Insight .md_Insight-content ul li h3 {
    font-size: 3.8vw;
  }

  #Insight .md_Insight-content ul li span img {
    width: 6.4vw;
    height: 6.4vw;
  }

  .w-384 {
    width: 100%;
  }
}


/* 大pad断点 lg*/
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  #Insight {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .Insight-nav {
    margin-bottom: 32px;
  }

  .Insight-nav h3 {
    font-size: 28px;
    line-height: 36px;
  }

  .Insight-content {
    width: 936px;
    padding-top: 0;
  }

  .Insight-content li {
    width: 300px;
    height: 176px;
    padding: 0;
  }

  .Insight-content li.pt-40 {
    padding-top: 20px;
  }

  .Insight-content li.pb-30 {
    padding-bottom: 30px;
  }

  .Insight-content li a {
    padding: 20px ;
  }

  .Insight-content li img.w-64 {
    width: 52px;
    height: 52px;
    margin-bottom: 16px;
  }

  .Insight-content li h3 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0px;
  }
}

/* 小pad断点 */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #Insight {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .Insight-nav {
    margin-bottom: 32px;

  }


  .Insight-nav h3 {
    font-size: 28px;
    line-height: 36px;
  }

  .Insight-content {
    width: 680px;
    padding-top: 0;
  }

  .Insight-content li {
    width: 216px;
    height: 176px;
    padding: 0;
  }

  .Insight-content li.pt-40 {
    padding-top: 20px;
  }

  .Insight-content li.pb-30 {
    padding-bottom: 30px;
  }

  .Insight-content li a {
    padding: 20px 0px;
  }

  .Insight-content li img.w-64 {
    width: 52px;
    height: 52px;
    margin-bottom: 16px;
  }

  .Insight-content li h3 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px;
  }
  .Insight-content li img{
    margin-bottom: 0;
  }
}