@font-face {
    font-family: 'SourceHanSansSC';
    src: url('../cn-heavy.html') format('ttf'),
    url('../cn-heavy.html') format('ttf');
    font-weight: normal;
    font-style: normal;
    }

body{
    font-family: 'SourceHanSansSC', sans-serif !important;
}

.navbar .icon_black{
    display: none;
}

.slick-track button,
.slick-tracks button {
    z-index: 2;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    background: #fff;
    font-size: 0;
    border-radius: 3px;
    width: 50px;
    height: 50px;
    box-shadow: 0 4px 4px rgba(0,0,0,.1);
    display: flex;
    justify-content: center;
    align-items: center;
}



.wechat{
    background-color: #fff;
    padding: 10px;
    position: absolute;
    top: -110px;
    width: 100px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    display: none;
}

.wechat::after{
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: -5px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 5px solid #fff;
    left: 50%;
    transform: translateX(-50%);
}

.wechater{
    position: relative;
    cursor: pointer;
}

.wechater:hover .wechat{
    display: block;
}

.sectorText{
    position: absolute;
    min-width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    z-index: 9;
    opacity: 0;
    transition: all .25s ease-in;
    overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
      text-overflow: ellipsis;
}

.sectorDiv:hover .sectorText{
    opacity: 1;
}

.slick-prevs::before,
.slick-prevs-1::before{
    content: url('data:image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l-7 7 7 7" /> </svg>');
}

.slick-nexts::before,
.slick-nexts-1::before{
    content: url('data:image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 5l7 7-7 7" /> </svg>');
}


.press-tile-div .content+.content{
    opacity: 0;
    transition: opacity .4s ease-in-out;
}

.press-tile-div:hover .content+.content{
    opacity: 1;
}

.darkenDiv.darkens{
    width: calc(33.3333% - 1.5rem);
}

.slick-slide-new,
.slick-slide-new-last{
    position: relative;
}

.slick-slide-btn{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin-top: -10%;
}

.slick-slide-btn span{
    display: block;
    width: 15px;
    height: 15px;
    background: none;
    z-index: 2;
    cursor: pointer;
}

.dotst .slick-dots,
.slick-dotst-1 .slick-dots{
    margin-top: 0;
}

.dotst .slick-dots button,
.slick-dotst-1 .slick-dots button{
    width: 15px;
    height: 15px;
}

.slick-slide-grid{
    position: absolute; 
    bottom: 0; 
    padding-left: 20rem;
}


@media (max-width: 1240px){
    .slick-slide-grid{
        padding-left: 10rem;
        position: relative;
        margin-top: 1rem;
        justify-content: center;
    }
}

@media (max-width: 1024px){
    .slick-slide-grid{
        padding-left: 0;
    }
}

@media (max-width: 640px){
    .darkenDiv.darkens{
        width: 100%;
    }

    .slick-slide-grid{
        padding-left: 0;
        position: relative;
        margin-top: 1rem;
        justify-content: center;
    }
}