@charset "utf-8";
.header.hover .quick a:hover i,
.header.active .quick a:hover i{ opacity: 1;}
.header .quick a:hover{animation:shake-bottom .8s cubic-bezier(.455,.03,.515,.955) infinite}
.navigation .list-nav a:hover:after{ height: 10rem; background: var(--secondary);}
.navigation .list-nav a:hover .cn{ color: var(--secondary)}
.navigation .list-nav a:hover .en{ top: 11rem;}
.list-news .itm .box:hover .thumb .mask{ opacity: .9;}
.list-news .arrows:hover:before,
.list-news .arrows:hover:after{ opacity: 1;}
.list-album .itm:not(.swiper-slide-next) .box:hover .thumb:after{ transform: scale(1.05);}
.list-album .itm:not(.swiper-slide-next) .box:hover .thumb .mask{ opacity: 1;}
.list-album .itm:not(.swiper-slide-next) .box:hover{ background: #fff; box-shadow: 0 8px 16px -8px rgba(9,59,57,.3);}
.ablum-cate a:not(.on):hover{ color: var(--secondary)}
.ablum-cate a:not(.on):hover:after{ width: 100%; background: var(--secondary); opacity: 1;}
.dark .header .quick a:hover i{ opacity: 1;}
.product-cate a:hover:after{ width: 100%; }
.list-product .itm .box:hover .thumb .mask{ opacity: 1;}
.list-product .itm .box:hover .info{ opacity: 1;}
.list-contact a:hover{ animation: wobble-hor-top .8s both}
.profile .content:hover{ top: -1rem; background: #fff; box-shadow: 0 16px 24px -8px rgba(9,59,57,.08);}
.profile .content:hover a:hover{ padding-left: calc( 50% - 2rem); background: var(--secondary); color: #fff;}
.list-culture .itm:hover{ background: var(--primary);}
.list-culture .itm:hover .tit,
.list-culture .itm:hover .slo .cn,
.list-culture .itm:hover .slo .en{ color: #fff;}
.list-quali .itm.swiper-slide-active .box:hover .thumb{ background-color: var(--primary);}
.list-quali .itm.swiper-slide-active .box:hover .info{ background-color: var(--primary);}
.list-quali .itm.swiper-slide-active .box:hover .info i,
.list-quali .itm.swiper-slide-active .box:hover .info span{ color: #fff;}
.commodity-row .buy:hover:before{ color: #fff;}
.commodity-row .buy:hover:after{ background: var(--secondary); }
.commodity-row .view:hover span{opacity: 1;}
.commodity-row .back:hover span{ opacity: 1;}