@media (hover: hover) and (pointer: fine) {
  header:hover {
    background-color: #fff;
  }

  header .header_container .right .nav .nav_li:hover .nav_down {
    z-index: 1;
    opacity: 1;
  }

  header .header_container .right .nav .nav_li:hover .down_cont {
    transform: translateY(0);
    pointer-events: all;
  }

  header .nav_down .down_cont .down_li:hover svg {
    opacity: 1;
  }

  header .nav_down .down_cont .down_li:hover span {
    /* 下划线 */
    text-decoration-color: rgba(17, 17, 17, 1);
  }

  header .header_container .right .nav .nav_li:hover .li_h1 {
    color: var(--vicolor);
  }

  header .header_container .right .other .other_ico.fill:hover svg path {
    fill: var(--vicolor);
  }

  header .header_container .right .other .other_ico.stroke:hover svg path {
    stroke: var(--vicolor);
  }

  header .header_container .right .other .other_ico.stroke:hover svg line {
    stroke: var(--vicolor);
  }

  header .header_container .right .other .other_ico.stroke:hover svg circle {
    stroke: var(--vicolor);
  }

  .sustainability1 .cont .list .item:hover .ico::before {
    height: 0;
  }

  .contactUs2 .cont .cont_swiper .btn:hover {
    border-color: #111;
  }

  .contactUs2 .cont .cont_swiper .btn:hover svg path {
    stroke: #111;
  }

  .contactUs3 .cont .list .item:hover .item_right .btn {
    border-color: #000;
    background-color: #000;
    width: 100%;
  }

  .contactUs3 .cont .list .item:hover {
    box-shadow: 0px 4px 39.1px 0px rgba(0, 0, 0, 0.1);
  }
  
  .contactUs3 .cont .list .item:hover .item_right{border-left: 0.5px solid #000;}

  .contactUs3 .cont .list .item:hover .item_right .btn span {
    opacity: 1;
    pointer-events: all;
    position: static;
  }

  .contactUs3 .cont .list .item:hover .item_right .btn svg path {
    stroke: #fff;
  }
}