@charset "utf-8";
@media screen and (min-width:1024px){
  /* .menu:hover i{ background: var(--secondary);} */
  .sociality a:hover i{ color: var(--secondary)}
  nav .content .list dl dt a:hover{ color: var(--primary)}
  nav .content .list dl dd a:hover{ opacity: 1;}
  .home .slide .itm .slide-inner .font a:hover{ background: var(--dark); margin: 3rem 0 5rem;}
  .home .swiper-arrow .prev:hover i,
  .home .swiper-arrow .next:hover i{ color: var(--primary)}
  .column-font a.title:hover{ transform: translateY(-1rem); text-shadow: .5rem .5rem 1rem rgba(0,0,0,.3);}
  .about .column-font .content .details:hover{ padding-left: 2rem;}
  .about .column-main .video:hover:after{ opacity: 0;}
  .area-list .itm .content .video:hover{ margin-top: 1rem;}
  .area-list .itm .content .video:hover:after{ opacity: 0;}
  /* .area-list .itm:hover .cover:before{ opacity: 1;} */
  .news .column-main .news-cover .itm:hover{ top: -1rem;}
  .news .column-main .news-cover .itm:hover .thumb img{ transform: scale(1.1);}
  .news .column-main .news-cover .itm:hover .date{ color: white}
  .news .column-main .news-cover .itm:hover .tit{ color: var(--secondary)}
  .news .column-main .news-cover .itm:hover .desc{ opacity: 1;}
  .news .column-main .news-cover .itm:hover .details{ color: white}
  .news .column-main .news-list .itm:hover .date{ color: white}
  .news .column-main .news-list .itm:hover .tit{ color: var(--secondary)}
  .news .column-main .news-list .itm:hover .desc{ opacity: 1;}
  .about-col .profiles .profiles-con .other .video:hover:after{ opacity: 0;}
}