﻿@media (min-width:1025px){header{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;z-index:2}
.head:not(.is-fixed) .head-top{background:0 0}
.head:not(.is-fixed) .head-main{background:0 0}
.head:not(.is-fixed) .head-menu-box nav>ul>li>a{color:var(--headercolor)}
.head.is-fixed .head-top{height:0;opacity:0}
}

#info .info-item:nth-child(1):hover::before{background:url('/uploads/47368/page/p20260605151511709d1.jpg') no-repeat center center / cover}
#info .info-item:nth-child(2):hover::before{background:url('/uploads/47368/page/p2026060515153869465.jpg') no-repeat center center / cover}
#info .info-item:nth-child(3):hover::before{background:url('/uploads/47368/page/p20260605151550e7bda.jpg') no-repeat center center / cover}
@media (min-width:1025px){#about .about-con .about-des{font-size:18px;}}
#about .about-con .more-btn{background: var(--color);color:#fff;border-radius: 10px;overflow: hidden;}
.home-tapes{padding:4% 0;}
.home-tapes .home-des{text-align:center;color:var(--introcolor)}
.home-tapes .list-tapes{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px}
.home-tapes .item{width:24%;margin-top:30px;position:relative;border-radius:5px;overflow:hidden}
.home-tapes .item .img{width:100%;position:relative}
.home-tapes .item .img img{width:100%}
.home-tapes .item .img::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}
.home-tapes .item .info{width:100%;height:100%;padding:20px 20px;position:absolute;left:0;top:0;z-index:2}
.home-tapes .item .info .title{position:absolute;top:calc(100% - 42px);left:30px;font-size:var(--fontsize22);font-weight:var(--fontbold6);color:#FFFFFF;line-height:1;transition:all .3s ease-in-out}
.home-tapes .item .info .tap-more{position:absolute;right:-150px;bottom:20px;border-radius:23px 0 0 23px;background-color:rgba(255,255,255,.9);width:150px;height:45px;display:inline-flex;align-items:center;justify-content:center;color:var(--color);font-weight:var(--fontbold6);opacity:0;transition:all .3s ease-in-out}
.home-tapes .item .info .tap-more em{transform:rotate(-45deg);transition:all .3s ease-in-out;margin-left:6px}
.home-tapes .item .info .tap-more:hover em{transform:rotate(0)}
.home-tapes .item:hover .info .title{top:20px}
.home-tapes .item:hover .info .tap-more{opacity:1;right:0}
.home-tapes .item-text{background-color:var(--color);border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.home-tapes .item-text p{color:#FFFFFF;font-size:var(--fontsize20);font-weight:var(--fontbold6);text-align:center;line-height:1}
.home-tapes .item-text:hover{background-color:var(--color)}
@media (max-width:1024px){.home-tapes .list-tapes{margin-top:0}
.home-tapes .item .info .title{font-size:var(--fontsize20);left:20px}}
@media (max-width:768px){.home-tapes{padding:40px 0;}
.home-tapes .item{width:48%;margin-top:25px}
.home-tapes .item .img{width:100%;height:100%}
.home-tapes .item .img img{width:100%;height:100%;object-fit:cover}}
@media (max-width:550px){.home-tapes .item{width:100%!important;min-height:240px}}