@media (hover: hover) and (pointer: fine) {

  .BTN.hover:hover,
  .BTN.on {
    background-color: var(--vicolor);
    border-color: var(--vicolor);
    color: #fff;
  }

  .BTN.hover:hover svg path,
  .BTN.on svg path {
    stroke: #fff;
  }
  
  .BTN.on:hover{background-color: rgba(43, 180, 152, 1);border-color: rgba(43, 180, 152, 1);}
  
  header .header_container .logo:hover{color: var(--vicolor);}
  
  header .header_container .right .other .other_ico:hover svg circle,
  header .header_container .right .other .other_ico:hover svg path{stroke:var(--vicolor); }


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

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

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

  .index2 .cont .list .item:hover {
    width: 4.24rem;
  }

  .index2 .cont .list .item:hover .item_cont .tit1 {
    opacity: 0 !important;
  }

  .index2 .cont .list .item:hover .item_cont .tit2 {
    opacity: 1 !important;
    transform: translate(-50%,0);
  }
    .index2 .cont .list .item:hover .item_cont .tit2 .item_cont-opactify__p {
        transform: scale(1.3);
    }

  .index2 .cont .list:hover .item:not(:hover) {
    width: calc((100% - 4.24rem - .08rem * 6) / 6);
  }

  .index3 .cont .right .card:hover .ico img.img1 {
    opacity: 0;
  }

  .index3 .cont .right .card:hover .ico img.img2 {
    opacity: 1;
  }

  .index3 .cont .right .card:hover .h1 {
    color: var(--vicolor);
    /*font-weight: 700;*/
    -webkit-text-stroke: 1px var(--vicolor);
  }

  .index5 .cont .list .item:hover {
    background-color: var(--vicolor);
  }

  .index5 .cont .list .item:hover .pic img {
    transform: scale(1.1);
  }

  .index5 .cont .list .item:hover .text .t1 {
    color: #fff;
  }

  .index5 .cont .list .item:hover .text .p1 {
    color: #fff;
  }

  .index6 .map .coordinate_cont .coordinate:hover {
    z-index: 3;
  }

  .index6 .map .coordinate_cont .coordinate:hover .tit {
    font-size: .24rem;
    color: var(--vicolor);
  }

  .index6 .map .coordinate_cont .coordinate:hover .point::after {
    width: 400%;
    height: 400%;
    border-color: transparent;
    background: radial-gradient(50% 50% at 50% 50%, rgba(200, 220, 255, 0.00) 0%, rgba(43, 108, 222, 0.08) 100%);
  }

  /*.index6 .map .coordinate_cont .coordinate:hover .point .ico {*/
  /*  transform: scale(0);*/
  /*  opacity: 0;*/
  /*}*/

  /*.index6 .map .coordinate_cont .coordinate:hover .icon {*/
  /*  transform: translate(-50%, -50%) scale(1);*/
  /*  opacity: 1;*/
  /*}*/

  #footer .top .right .ul .li.h2:hover {
    opacity: 1;
  }
}