@media (hover: hover) and (pointer: fine) {
    .index-pro-item:hover {
        border-radius: 0.36rem 1.18rem 0.36rem 0.36rem;
    }
    .index-pro-item:hover .content p.more .default {
        display: none;
    }
      
    .index-pro-item:hover .content p.more .hover {
        display: block;
    }
    .index-news-nav-item a:hover .default {
        display: none;
    }
    .index-news-nav-item a:hover .hover {
        display: block;
    }
    .index-news-nav-item a:hover span {
        color: #51BBD7;
    }

    .index-news-left-header .more:hover img.default {
        display: none;
    }
    .index-news-left-header .more:hover img.hover {
        display: block;
    }
    .modal-content-box a:hover {
        color: #51BBD7;
    }
    .index-earch .more:hover img.default {
        display: none;
    }
    .index-earch .more:hover img.hover {
        display: block;
    }
}