.bg-black{
    background-color: #000;
}
.bg-pale{
    background-color: #fefefe;
}
.bg-hui{
    background-color: #e8e8e8;
}
.bg-black-op9{
    background-color: rgba(0,0,0,.9);
}
.text-theme{
    color: #ED782F;
}
.text-black{
    color: #000;
}
.width100{
    width: 100%;
}
.slideshow {
    height: 400px;
    object-fit: cover;
}
.posr{
    position: relative;
}
.opacity-90{
    opacity: .9;
}

.tvc-nav-fixed{
    position: fixed !important;
    top: 71px !important;
    z-index: 100 !important;
    background-color: #fff !important;
}



/*foot*/
.foot-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.foot-item .foot-img{
    width: 18px;
}
.foot-text-active{
    color: #d80c18;
}
/*------PC START------*/
/*---head---*/
.head{
    background: #fff;
    color: #000 !important;
}

.head .first-nav:hover{
    color:#ED782F !important; 
}
/*foot*/
.bg-foot{
    background-color: #080303;
}
/*---index---*/
/*video*/
.index-video{
    width: 100vw;
    height: calc(100vh - 71px);
}

.index-video video{
    width: 100%;
    height: 100%;
    object-fit: fill;
    cursor:url('../images/down.svg') 16 50, pointer;
}
.index-gif{
    width: 100vw;
    height: calc(100vh - 71px);
    display: none;
    position: fixed;
    z-index: -999;
}
.index-gif-gif{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index-gif-up{
    width: 24px;
    height: 24px;
    object-fit: cover;
    position: absolute;
    left: 50%;
    bottom: 3%;
    animation: jump 1s infinite;
}
@keyframes jump{
0% {
    transform: translateY(0);
}
50% {
    transform: translateY(-10px);
}
100% {
    transform: translateY(0);
}
}
.index-gif-zw{
    width: 100vw;
    height: calc(100vh - 71px);
    display: none;
}

/*video*/
/*tvc*/
.tvc-search{
    position: absolute;
    right: 0;
}
.tvc-search-btn{
    position: absolute;
    right: 12%;
    color: #888 !important;
    background-color: transparent;
    background-image: url('path_to_your_image.jpg'); 
    background-size: cover; 
    border: none;            
    padding: 0; 
    cursor: pointer;        
    display: inline-block; 
}
.tvc-search-input{
    border-radius: 20px;
    /* box-shadow: 0 0 0 1000px #000 inset;*/
    /*-webkit-text-fill-color: #000;*/
}


/*tvc*/

/*company*/
.company-item{
    width: 100%;
    height: 100%;
}
/*company*/

/*about*/

/*about*/

/*---index---*/




/*art*/
 .art-box{
        width: 100%;
        height: calc(100vh - 71px);
        background-color: #000;
        overflow: hidden;
    }
    /* seamlesswrap */
.seamlesswrap{ 
    width: 125%;
    box-sizing: border-box;
    transform: rotate(347deg) scale(1.2) translate(50px, -25px); 
    transform-origin: center center;
    
}
.seamlesswrap img{width: 100%;display: block;}
.seamlesswrap img:hover{opacity:.5}
.seamlesswrap .swiper-container-free-mode>.swiper-wrapper{
    -webkit-transition-timing-function:linear!important; 
  -o-transition-timing-function:linear!important;
  transition-timing-function:linear!important; }
.seamlesswrap .swiper-container{margin: 10px 0;}

/*art*/


/*case*/
.next{
    position: relative;
}
.next-item{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80px;
    height: 30px;

}
.next-item img{
    width: 100%;
    height: 100%;
}
/*case*/

/*shopitem*/
.show-item-title{
    display: flex;
    text-align: center;
}
/*shopitem*/


/*------PC END------*/




/*------MOBLIE START------*/
/*---head---*/
.head{
    background:#fff;
}
/*---head---*/
/*---index---*/
@media screen and (max-width:991.91px){
    /*video*/
    .index-video{
        display: none;
    }
    .index-gif{
        display: block;
    }
    .index-gif-zw{
        display: block;
    }
    /*tvc*/
    .tvc-item{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
     .tvc-nav{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .tvc-search{
        display: none;
    }
   /*cooperate*/
   .company-item{
       padding: 25px;
    }
    
}
@media (min-width: 992px) {
     /*cooperate*/
   .company-item{
       padding:30px;
    }
    .company-item img{
       padding:10px;
    }
}
/*---index---*/
/*------MOBLIE END------*/