/*body{background:#FCF9F6;}*/

.minscrollbar::-webkit-scrollbar{width:3px;height:10px}
.minscrollbar::-webkit-scrollbar-track{border-radius:0;background:var(--eee)}
.minscrollbar::-webkit-scrollbar-thumb{background:var(--blue)}
.minscrollbar::-webkit-scrollbar-thumb:hover{background:var(--blueH)}
.minscrollbar::-webkit-scrollbar-corner{background:var(--blue)}

a{text-decoration: none;}

/*Video 0909*/

.index-video-box{margin-top: 120px;}
.index-video-box .main{position: relative; max-width:initial; width: 100vw; height: 100vh;display: flex;align-items: center;justify-content: center;text-align: center;color: #fff;padding: 0 20px;}
.video-container {position: absolute;top: 0;left: 0;width: 100%;height: 100vh;overflow: hidden;background: var(--primary-color) url('../../pc/images/index/video-pic.jpg') no-repeat center center/cover;z-index: 0; cursor: pointer;}
.video-container video {width: 100%; height: 100vh;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: cover;z-index: 9;}

/*.index-video-box{position: relative;width: 100%; display: flex;align-items: center;justify-content: center;text-align: center;color: #fff;padding: 0 20px;}*/
/*.index-video-box .main{*/
    /*position: relative;width: 100%; height:auto;*/
/*}*/
/*.video-container {width: 100%;overflow: hidden;background: var(--primary-color) url('../../pc/images/index/video-pic.jpg') no-repeat center center/cover;z-index: 0; cursor: pointer;}*/

.video-container video {width: 100%; object-fit: cover;z-index: 9;}


/* .video-container:after {content: '';z-index: 1;height: 100%;width: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);position: absolute;} */

.videobanner::-webkit-media-controls-enclosure{position:absolute;z-index:10;bottom:0;opacity:.1}
.videobanner::-webkit-media-controls-timeline{display:none}
.videobanner::-webkit-media-controls-current-time-display{display:none}
.videobanner::-webkit-media-controls-time-remaining-display{display:none}
.videobanner::-webkit-media-controls-fullscreen-button{display:none}
.videobanner::-webkit-media-controls-play-button{display:none}

/* 隐藏video 所有控件 */
.videobanner::-webkit-media-controls-enclosure{display:none}
.video-container .play{position:absolute;bottom:30px;right:80px;border:none;outline:0;background:0 0;transition:all .2s ease-in-out;z-index:10;pointer-events:none;cursor:default}


.video-container .play .icomm,.video-container .sound .icomm{font-size:32px;color:var(--fff);
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius:50%;
    border-radius: 50%;

    -ms-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform: translate(-50%, -50%);
}

.video-container .playout .icomm:before{content:"\e9a7";font-family:icomoon!important}
.video-container .mute .icomm:before{content:"\ea3a";font-family:icomoon!important}
.video-container .sound{position:absolute;bottom:30px;right:30px;border:none;outline:0;background:0 0;transition:all .2s ease-in-out;z-index:10;cursor:pointer}
/*Video end*/

/*--banner--*/
.index-banner .swiper-container{position: relative;}
.index-banner .swiper {width: 100%;
    --swiper-theme-color:var(--fff);
    --swiper-navigation-color:var(--fff);
    --swiper-pagination-bullet-inactive-color:var(--fff);
    --swiper-navigation-size: 30px;
}
.index-banner .swiper-slide {background:var(--f3);position: relative;width: 100%;aspect-ratio: 32 / 15;overflow: hidden;font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index-banner .swiper-slide .link-slide{display:block;width:100%;height:100%}
.index-banner .swiper-slide .slide-inner{width:100%;height:100%}
.index-banner .swiper-slide img{width:100%;height:100%;object-fit:cover}
.index-banner .swiper-slide .mbbanner-img{display:none;width:100%}
.index-banner .swiper-button-next,.index-banner .swiper-rtl .swiper-button-prev{right:30px}
.index-banner .swiper-button-prev,.index-banner .swiper-rtl .swiper-button-next{left:30px;right:auto}

.index-banner .swiper-button-next,.index-banner .swiper-button-prev{display: none;width:50px;height:50px;background:rgba(0,168,162,0.2);
    -ms-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -webkit-border-radius:50px;
    border-radius: 50px;
}
.index-banner .swiper-button-prev:after{content:'\e92e';font-family:icomoon;font-size:20px;color:var(--fff)}
.index-banner .swiper-button-next:after{content:'\e92f';font-family:icomoon;font-size:20px;color:var(--fff)}
.index-banner .swiper-button-next:hover,.index-banner .swiper-button-prev:hover{background:var(--blue)}
.index-banner:hover .swiper-button-next,.index-banner:hover .swiper-button-prev{display:flex}
.index-banner .swiper-pagination-bullet{background:var(--fff);opacity:.5;display:none}
.index-banner .swiper-pagination-bullet-active{background:var(--blue);opacity:1}

.index-banner .bannerbox{position:absolute;top:0;left: 50%;height:100%;z-index:99;display:flex;
    transform: translate(-50%,0);
    -ms-transform:translate(-50%,0);
    -moz-transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    -o-transform:translate(-50%,0);
}
.index-banner .title{font-size:60px;line-height: 72px;text-align:left;display:block;letter-spacing:0;margin-bottom:0;}
.index-banner .text{font-size:18px;line-height: 30px;margin-top: 25px;color: var(--fff);}

.index-banner .slide-info{font-size: 18px;color:var(--fff);background:var(--blue);text-align: center;cursor: pointer;height: 50px;line-height:50px;display: inline-block;width: 200px;margin-top: 60px;

    transition:all ease-out .3s;
    -moz-transition:all ease-out .3s;
    -webkit-transition:all ease-out .3s;
    -o-transition:all ease-out .3s;

    -ms-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
.index-banner .slide-info b{display:block;font-size:18px;margin:0;white-space:nowrap;height: 50px;line-height:50px;text-transform:capitalize}
.index-banner .bannerbox-one{text-align:left;justify-content:left;align-items:center;height:100%;}
.bannerbox-one .banner-text .title{color:var(--fff);margin-top: 20px;}


/* 2024-7-9 */

.bannerbox-one .banner-text{}
.bannerbox-one .banner-text.t-black .title,
.bannerbox-one .banner-text.t-black .text{color: var(--111);}

/* center */
.bannerbox-one .banner-text.t-center{ position: absolute; left: 50%; transform: translateX(-50%); text-align: center;}
.bannerbox-one .banner-text.t-center .title,
.bannerbox-one .banner-text.t-center .text{text-align: center;}
 
/* right */
.bannerbox-one .banner-text.t-right{ position: absolute; right:0;  text-align: right;}
.bannerbox-one .banner-text.t-right .title,
.bannerbox-one .banner-text.t-right .text{text-align: right ;}


@media (max-width:720px) {
    .bannerbox-one .banner-text.t-center{padding: 0 40px; width: 100%;}
    .bannerbox-one .banner-text.t-right{padding: 0 40px;}
}
/* 2024-7-9 end */



/* .slide-inner .link-slide[href="/electric-spin-scrubber-hs1-white/ap/10003923"] .bannerbox-one .banner-text .title{color:var(--111); }
.slide-inner .link-slide[href="/electric-spin-scrubber-hs1-white/ap/10003923"] .bannerbox-one .banner-text .text{color:var(--111); } */

.index-banner .bannerbox-left{text-align:left;justify-content:left;align-items:center;height:100%;margin-left:30px;margin-top:-85px}
.bannerbox-left .banner-text{height:auto}
.bannerbox-left .banner-text .title{color:var(--111)}
.index-banner .bannerbox-left .text{font-size:24px;font-size:.6rem;margin-top:.5rem}

.index-banner .bannerbox-left .slide-info{}

.index-banner .bannerbox-center{text-align:center;justify-content:center;align-items:center;height:100%}
.bannerbox-center .banner-text{height:auto}
.index-banner .bannerbox-center .title{text-align:center;color:var(--fff)}
.index-banner .bannerbox-center .text{font-size:24px;font-size:.6rem;color:var(--fff);margin-top:.5rem}
.index-banner .bannerbox-center .slide-info{margin:0 auto;color:var(--fff);margin-top:115px}
.bannerbox-right{justify-content:flex-end;padding-right:55px;top:25%!important}
.bannerbox-right .title{text-align:right;color:var(--111)}
.bannerbox-right .text{text-align:right;font-size:24px;font-size:.6rem;color:var(--fff);margin-top:.5rem}
.bannerbox-right .slide-info{color:var(--fff);text-decoration:none}
.index-banner .slide-info:hover{color:#fff;background:var(--blueH)}
/*--banner end--*/

/*--brand-safety--*/
.brand-safety{padding:120px 0}
.brand-safety .main{padding:0 110px}
.brand-safety .safety-list{display:grid;grid-row-gap:100px;grid-column-gap:100px;grid-template-columns:260px 314px 355px}
.safety-list .safety-item{display:flex;align-items:center}
.safety-list .safety-item .icomm{font-size:70px;color:var(--blue);margin-right:20px}
.safety-list .safety-item .icomm.icon-free-shipping-line{font-size:60px}
.safety-item .safety-item-info .title{font-size:16px;color:var(--333)}
.safety-item .safety-item-info .text{font-size:14px;color:var(--666);margin-top:3px}

/*--brand-safety end--*/

/*--categories--*/
.categories .index-title{background:var(--blue);padding:120px 0 360px 0;color:var(--fff)}
.categories .main{margin-top:-340px}
.categories-list .categories-item a{display:block;width:100%}
.categories-item .pic-img{width:100%;aspect-ratio:113/120;background:var(--eee);font-size:0;overflow:hidden;-ms-border-radius: 15px;-moz-border-radius: 15px;-o-border-radius: 15px;-webkit-border-radius:15px;border-radius: 15px;}
.categories-item .pic-img img{width:100%;height:100%;object-fit:cover}
.categories-item .categories-info .title{font-size:30px;color:var(--333);margin-top:20px}
.categories-item .categories-info .title .icomm{font-size:18px;margin-left:60px;color:var(--blue)}
.categories-item .categories-info .text{font-size:14px;color:var(--666)}

.categories-list .categories-item:hover .pic-img img{
    transform:scale(1.15);
    -ms-transform:scale(1.15);
    -moz-transform:scale(1.15);
    -webkit-transform:scale(1.15);
    -o-transform:scale(1.15);
}
.categories-list .categories-item:hover .title{color: var(--blue);}
/*--categories end--*/

/*--featured-pro--*/
.featured-pro{margin-top: 140px;}
.featured-list{width: 100%; background: var(--fff);position: relative;-ms-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;}
.featured-list-box{}
.featured-list .featured-item{ width: 100%; background:var(--fff);padding: 50px 50px 90px 50px;
    display: flex;
    justify-content:space-between;
}
.featured-list .swiper-button-next, .featured-list .swiper-button-prev{top: auto;right: 20px;bottom: 80px;}
.featured-list .swiper-button-next,.featured-list .swiper-rtl .swiper-button-prev{
    /*right:30px;*/
}
.featured-list .swiper-button-prev{left: auto;right: 20px;bottom: 20px;}
.featured-list .swiper-button-next,.featured-list .swiper-button-prev{width:50px;height:50px;background:rgba(0,168,162,0.2);
    -ms-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -webkit-border-radius:50px;
    border-radius: 50px;
}
.featured-list .swiper-button-prev:after{content:'\e92e';font-family:icomoon;font-size:20px;color:var(--fff)}
.featured-list .swiper-button-next:after{content:'\e92f';font-family:icomoon;font-size:20px;color:var(--fff)}
.featured-list .swiper-button-next:hover,.featured-list .swiper-button-prev:hover{background:var(--blue)}
.featured-list .featured-item:after{content:"\ea3d";font-family:icomoon;position:absolute;left:0;bottom:0;color:var(--blue);font-size:226px;opacity:.02;z-index:-1}
.featured-item .pic-img{width:calc((100% - 66px)/ 2);background:var(--f3);aspect-ratio:1/1;font-size:0}
.featured-item .pic-img img{width:100%;height:100%;object-fit:cover}
.featured-item .featured-info{width:calc((100% - 20px)/ 2);display:flex;align-items:center;padding-left:40px}
.featured-info .title{font-size:30px;line-height:36px;color:var(--333)}
.featured-info .text{font-size:14px;line-height:24px;color:var(--666);margin-top:15px}
.featured-info .featured-introduce{margin-top:30px;padding-left:20px}
.featured-introduce li{font-size:14px;line-height:24px;color:var(--666);list-style:disc}
.featured-info .num{margin-top:40px;font-size:30px;color:var(--blue)}
.featured-info .button-box{margin-top:70px;height:50px;line-height:50px;padding:0 35px}

/*--featured-pro end--*/

/*--customer--*/
.customer{margin-top:80px}
.customer .customer-list{padding-bottom:50px}
.customer-list .swiper-wrapper{display:flex;align-items:normal}
.customer-list .customer-li{background:var(--fff);padding:40px;-ms-border-radius: 15px;-moz-border-radius: 15px;-o-border-radius: 15px;-webkit-border-radius:15px;border-radius: 15px;}
.customer-li .info-box .text{font-size:14px;line-height:24px;color:var(--666);margin-top:10px;padding-top:20px;border-top:1px solid var(--f8);min-height:189px}
.customer-li .signature{font-size:14px;color:var(--666);display:block;margin-top:30px;text-align:right}
.customer-list .swiper-pagination-bullet-active{background:var(--blue)}

/*--customer end--*/

/*--ventures--*/
.ventures{margin:120px 0 100px 0}
.ventures-tab{max-width:830px;margin:0 auto;text-align:center}
.ventures-list .ventures-li{min-height:140px;display:none}
.ventures-list .ventures-li.active{display:block}
.ventures-list .ventures-li .text{font-size:24px;line-height:36px;color:var(--333)}
.ventures-list .ventures-li .text .txt{color:var(--blue)}

.ventures-tab .ventures-header{
    display: flex;
    justify-content: center;
    margin-top: 40px;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: box;

}
.ventures-header .ventures-item{padding: 20px;background: var(--fff);margin-right: 10px;cursor: pointer;border: 2px solid transparent;width:100%; text-align: left;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;

    -ms-border-radius: 15px;-moz-border-radius: 15px;-o-border-radius: 15px;-webkit-border-radius:15px;border-radius: 15px;
    
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.ventures-header .ventures-item:first-child{padding:50px 25px}
.ventures-header .ventures-item img{width:100%}
.ventures-header .ventures-item:last-child-child{margin-right:0}
.ventures-header .ventures-item.active{border:2px solid var(--blue)}

/*--ventures end--*/

/*--partner--*/
.partner{margin:120px 0 100px 0}
.partner .index-title{margin-bottom:20px}
.tabbox{max-width:830px;margin:0 auto;text-align:center}
.tabbox-info .tabbox-info-item{min-height:150px}
.tabbox-info-item .text{font-size:24px;line-height:36px;color:var(--333)}
.tabbox-info-item .text .txt{color:var(--blue)}
.tabbox .partner-list{display:flex;justify-content:center}
.tabbox .partner-list li{padding:60px 80px;border:2px solid transparent;margin-right:10px}
.tabbox .partner-list li:last-child{margin-right:0}
.tabbox .partner-list li.active{border:2px solid var(--blue)}
.partner-list .partner-item{background:var(--fff)}

.tabbox .tabbox-info .tabbox-info-item{display:none;}
.tabbox .tabbox-info .active{display:block;}
/*--partner end--*/

.product-category{padding:100px 0;font-size:16px}

.product-category-box{position:relative;display:flex;align-items:start;flex-wrap:wrap;justify-content:space-between;outline:0}
.product-category-list .link{position:relative;display:flex;align-items:center;text-decoration:none;color:var(--333)}
.product-category-list .link .icomm{display:inline-block;width:54px;font-size:40px;color:var(--blue);margin-right:10px}
.product-category-list .link .clear-icon{width:62px}
.category-box-heading{font-size:18px;text-transform:uppercase}
.category-box-text{font-size:12px;color:var(--666)}
.introduce-video{position:relative;width:100%;line-height:0;padding-bottom:36%;overflow:hidden;background:var(--f3)}
.introduce-video .pro-video-iframe,.introduce-video .pro-video-youtube{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;cursor:pointer}


.product-box{margin:40px 0}

.product-list{
    display: grid;
    grid-gap: 20px;
    grid-row-start: span 1;
    grid-template-columns: repeat(3,1fr);
}
.product-list .product-list-li{width:100%;position:relative;overflow:hidden}
.product-list .product-list-li a{text-decoration:none;color:var(--fff)}
.product-list .product-list-li .pic-box{display:block;position:relative;width:100%;padding-bottom:100%;overflow:hidden}
.product-list .pic-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.product-list .pic-text{position:absolute;bottom:30px;width:100%;text-align:center;padding:0 40px}
.product-list .proTitle{font-size:20px}
.product-list .proInfo{font-size:14px;margin-top:10px}
.btn-group .more{text-decoration:none;display:inline-block;width:auto;padding:0 15px;height:44px;border-radius:3px;background:var(--blue);font-size:16px;line-height:44px;margin-top:10px;color:var(--fff)}
.btn-group .more:hover{background:var(--blueH)}

.product-list .product-list-li:hover .pic-img{
    transform:scale(1.05);
    -ms-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -o-transform:scale(1.05);
}
.footer,.footer-mobile{margin-top:40px}


/*--product-display--*/
.product-display{margin:120px 0 0 0}
.exhibit-list{margin-top:20px}
.exhibit-list .exhibit-li{display:flex;margin-top:40px;width:100%}
.exhibit-list .exhibit-li:first-child{margin-top:0}
.exhibit-list .exhibit-li .pic{margin-right:20px;overflow:hidden;position:relative}
.exhibit-list .exhibit-li .pic:last-child{margin-right:0}
.exhibit-li .pic-img a:last-child{margin-top:20px}
.exhibit-list .pic-big{width:65.1%;padding-bottom:47.6%}
.exhibit-list .pic-img{width:34.9%;position:relative}
.exhibit-li .pic-img a{display:block;position:relative;width:100%;padding-bottom:67.5%;overflow:hidden}

.exhibit-list .exhibit-li .pic .text{position: absolute;top: 30px;left: 50%;text-transform: uppercase;font-size: 24px;color: var(--333);white-space:nowrap; letter-spacing:-1px;
    transform: translate(-50%,0);
    -ms-transform:translate(-50%,0);
    -moz-transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    -o-transform:translate(-50%,0);
}
.exhibit-list .exhibit-li .pic .text span{display:block}
.exhibit-list .exhibit-li .pic .text .letter{letter-spacing:.6px}
.exhibit-list .exhibit-li .pic:nth-child(2) a:nth-child(2) .text{top:initial;bottom:30px}

.exhibit-list .exhibit-li:nth-child(2) .pic:nth-child(1) a:nth-child(1) .text{
    left: 30px;
    transform: translate(0,0);
    -ms-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -webkit-transform:translate(0,0);
    -o-transform:translate(0,0);
}
.exhibit-list .exhibit-li:nth-child(2) .pic:nth-child(2) .text{
    /*font-size: 30px;*/
    line-height: 30px;
    text-align: left;
    left: 50px;
    transform: translate(0,0);
    -ms-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -webkit-transform:translate(0,0);
    -o-transform:translate(0,0);
}
.exhibit-list .exhibit-li img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;display: block;}
.exhibit-list .exhibit-li img:hover{
    transform: scale(1.02);
    -ms-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -o-transform: scale(1.02);
}
.exhibit-or{position: absolute;top: 50%;border: 3px solid var(--fff);left: 50%;display: inline-block;width: 50px;height: 50px;line-height:42px;font-size: 24px;background: var(--blue);z-index: 9;color: var(--fff);text-align: center;
    -ms-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -webkit-border-radius:50px;
    border-radius: 50px;

    transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
}
/*--product-display end--*/

/*--enjoy-now--*/
.index-title{font-size:60px;color:var(--333);text-align:center;margin-bottom:80px}
.enjoy-now{margin:120px 0 70px 0;background:0 0;overflow:initial}
.enjoy-now .main{overflow:initial}
.enjoy-now .product-type-link{display:inline-block;width:100%;height:100%}
.enjoySwiper{margin-top:30px;overflow:hidden}
.enjoySwipermobile{margin-top:30px;display:none;padding-bottom:20px;overflow:auto}
.enjoySwipermobile .swiper-horizontal>.swiper-pagination-bullets,.enjoySwipermobile .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:0}
.enjoySwipermobile .swiper-slide{background:var(--f3);overflow:hidden;line-height:0;font-size:0;padding-bottom:60%;position:relative}
.enjoySwipermobile::-webkit-scrollbar{display:none}
.enjoySwipermobile .swiper-pagination-bullet{background:var(--999)}
.enjoySwipermobile .swiper-pagination-bullet-active{background:var(--blue);opacity: 1}
.enjoySwiper .swiper-slide{background:var(--f3);overflow:hidden;line-height:0;font-size:0;padding-bottom:28%;position:relative}
.enjoySwiper .swiper-slide img,.enjoySwipermobile .swiper-slide img{display:block;position:absolute;width:100%;height:100%;object-fit:cover}

.enjoySwiper .swiper-slide img:hover{
    transform: scale(1.02);
    -ms-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -o-transform: scale(1.02);
}
.enjoySwipermobile .swiper-pagination{/*display: none;*/}
.enjoySwiper .swiper-horizontal>.enjoySwiper .swiper-pagination-bullets, .enjoySwiper .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: -30px;}
.enjoySwiper .swiper-pagination-bullet{background:var(--fff);border:1px solid var(--333)}
.enjoySwiper .swiper-pagination-bullet-active{background:var(--blue);border:0;opacity: 1;}
.enjoySwiper .swiper-button-next,.enjoySwiper .swiper-rtl .swiper-button-prev{right:18.5%}
.enjoySwiper .swiper-button-prev,.enjoySwiper .swiper-rtl .swiper-button-next{left:18.5%}
.enjoySwiper .swiper-button-next:after,.enjoySwiper .swiper-button-prev:after{font-size:16px;color:var(--fff)}
.enjoySwiper .swiper-button-next,.enjoySwiper .swiper-button-prev{width:40px;height:40px;border-radius:30px;background:#2e2e2e}
.enjoySwiper .swiper-button-next:hover,.enjoySwiper .swiper-button-prev:hover{background:var(--blue)}
.footer{margin-top:0}

/*--enjoy-now end--*/


/*youtube swiper-wrapper*/

.hicozy-me{ margin-top: 120px;padding-bottom: 20px; }
.hicozy-me-swiper{}
.hicozy-me-swiper .swiper-slide{width: 64vw !important; height: 36vw;background: #eee;}

.video-pic-box{ width: 64vw; height: 36vw; position: absolute;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.video-pic-box .video-pic{max-width: 100%; max-height: 100%;position: absolute;object-fit:cover;z-index: 0;}

.video-pic-box .icon-play-box{position: absolute;height: 100%; top: 0; z-index: 1;font-size: 36px; color:var(--orange) ; }
.icon-play-box .play-bg{position: absolute;z-index: 1;display: block; width: 2vw; height: 2vw; left: 50%; top: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

    -ms-border-radius: 20px;  
    -moz-border-radius: 20px;  
    -o-border-radius: 20px;  
    -webkit-border-radius:20px;  
    border-radius: 20px;
}
.icon-play-box .icon-play{position: absolute;z-index: 2;font-size:2.7vw;color:var(--fff);left: 50%;top: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

    -ms-opacity: 0.3;
    -moz-opacity: 0.3;
    -o-opacity: 0.3;
    -webkit-opacity: 0.3;
    opacity: 0.3;
}
.video-pic-box:hover .icon-play-box .icon-play{
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
}

.video-iframe{background: var(--111);width: 64vw ; height:36vw;
    -ms-border-radius: 5px;  
    -moz-border-radius: 5px;  
    -o-border-radius: 5px;  
    -webkit-border-radius:5px;  
    border-radius: 5px;
}
.video-iframe iframe{height: 100%;width: 100%;}
  


@-webkit-keyframes swiperA-preloader-spin{100%{-webkit-transform:rotate(360deg)}}
@keyframes swiperA-preloader-spin{100%{transform:rotate(360deg)}}
.hicozy-me .layer-mask{width:100%;height:100%;opacity:.7;transition:all .5s;background-color:#3e3e3e;position:absolute;left:0;top:0;right:0}
.hicozy-me .swiperA-slide-active .layer-mask{display:none}
.hicozy-me .pc-banner{width:100%;float:left}
@media screen and (max-width:668px){.pc-banner{background-size:auto 100%}}
.hicozy-me .swiperA-container{width:100%;margin:35px 0;height: calc(36vw + 12px);}
@media screen and (max-width:668px){.swiperA-container{margin:20px 0 15px}}
.hicozy-me .swiperA-slide{-webkit-transition:transform 1s;-moz-transition:transform 1s;-ms-transition:transform 1s;-o-transition:transform 1s;-webkit-transform:scale(.85);transform:scale(.85); }
@media screen and (max-width:668px){.swiperA-slide{-webkit-transform:scale(.97);transform:scale(.97)}}
.hicozy-me .swiperA-slide-active,.swiperA-slide-duplicate-active{-webkit-transform:scale(1.15);transform:scale(1.15) ;z-index:1002}
@media screen and (max-width:668px){.swiperA-slide-active,.swiperA-slide-duplicate-active{-webkit-transform:scale(.97);transform:scale(.97)}}
.hicozy-me .none-effect{overflow: hidden;display: flex;align-items: center;justify-content: center;flex-direction: column;
    -ms-border-radius: 5px;  
    -moz-border-radius: 5px;  
    -o-border-radius: 5px;  
    -webkit-border-radius:5px;  
    border-radius: 5px;

    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
    -o-transition:none;
    transition:none;
}
.hicozy-me .swiperA-slide a{background:#fff;display:block;border-radius:2px}
@media screen and (min-width:668px){.swiperA-slide a:after{position:absolute;top:0;left:0;display:block;box-sizing:border-box;content:"";width:100%;height:100%;border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,.3);box-shadow:0 4px 20px 0 rgba(0,0,0,.3)}
.hicozy-me .swiperA-slide-active a:before{position:absolute;top:410px;left:0;display:block;box-sizing:border-box;content:"";width:100%;height:100%;border-radius:2px;z-index:10002}}
.hicozy-me .swiperA-slide-active a:after{background:0 0}
@media screen and (max-width:668px){.swiperA-slide a{padding:5px;border-radius:2px}}
.hicozy-me .swiperA-slide img{width:100%;border-radius:5px;display:block;height:100%;border:none}
@media screen and (max-width:668px){.swiperA-slide img{border-radius:2px}}
.hicozy-me .swiperA-pagination{position:relative;margin-bottom:30px}
.hicozy-me .swiperA-pagination-bullet{background:#00a0e9;margin-left:4px;margin-right:4px;width:17px;height:17px;opacity:1;margin-bottom:4px}
.hicozy-me .swiperA-pagination-bullet-active{width:13px;height:13px;background:#fff;margin-bottom:0}
@media screen and (max-width:668px){.swiperA-pagination{position:relative;margin-bottom:20px}
.hicozy-me .swiperA-pagination-bullet{background:#00a0e9;margin-left:2px;margin-right:2px;width:8px;height:8px;margin-bottom:2px}
.hicozy-me .swiperA-pagination-bullet-active{width:6px;height:6px;background:#fff;border:3px solid #00a0e9;margin-bottom:0}}
.hicozy-me .button{width:100%;height: 100%; margin:0 auto;top:-100%;position:relative;}
@media screen and (max-width:1105px){.button{width:100%;top:-240px;z-index:1002;position:relative}}
@media screen and (max-width:800px){.button{width:100%;top:-200px;z-index:1002;position:relative}}
.hicozy-me .button div:hover{background-color:#333;opacity:.8;cursor:pointer}
.hicozy-me .swiperA-button-prev{width:70px;height:70px;border-radius:50%;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #000 center 50%/50% 50% no-repeat;opacity:.5;background-size:15px;cursor:pointer}
.hicozy-me .swiperA-button-next{width:70px;height:70px;border-radius:50%;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #000 center 50%/50% 50% no-repeat;opacity:.5;background-size:15px;cursor:pointer}
@media screen and (max-width:668px){.button div{width:28px;height:28px}}


.hicozy-me .swiperA-slide-active{width: calc(64vw - 1px) !important;height: 36vw; overflow: hidden;
    -ms-border-radius: 5px;  
    -moz-border-radius: 5px;  
    -o-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    border-radius: 5px;
}



/*youtube swiper-wrapper end*/



/**************************/

.categories .swiper-button-next,.categories .swiper-button-prev{margin-top: calc(0px - (var(--swiper-navigation-size)/ 2) - 50px);}

/**************************/



/***********/


.enjoySwiperA{position: relative;}
.videos-ul .videos-li{position: relative; overflow: hidden;--wid: calc((100% - 40px)/5);--hei: 400px;width: var(--wid) !important;height:var(--hei) !important;}

/*.videos-ul .videos1 .video-pic-box{  padding: 0; height: 100%; }*/
.videos-ul .videos2 { grid-area: B; }
.videos-ul .videos3 { grid-area: C; }
.videos-ul .videos4 { grid-area: D; }
.videos-ul .videos5 { grid-area: E; }
.videos-ul .videos6 { grid-area: F; }

.enjoySwiperA .videos-ul{ margin-left: -6px;}


.videos-li {width:100%;}
.videos-li .video-pic-box{width: 100%; padding-bottom: 143.167%;position: absolute;overflow: hidden;height: auto;background: var(--eee);-ms-border-radius: 15px;-moz-border-radius: 15px;-o-border-radius: 15px;-webkit-border-radius:15px;border-radius: 15px;}

.videos-li .video-pic-box .video-pic{position: absolute;width: 100%; height: 100%;object-fit:cover; top: 50%; left: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

}
.videos-li:hover .video-pic-box .video-pic{
    -ms-transform: translate(-50%,-50%) scale(1.15);
    -moz-transform: translate(-50%,-50%) scale(1.15);
    -o-transform: translate(-50%,-50%) scale(1.15);
    -webkit-transform: translate(-50%,-50%) scale(1.15);
    transform: translate(-50%,-50%) scale(1.15);
}
.videos-pic-box .icon-play-box{position: absolute;z-index: 1;font-size: 36px;color: var(--orange);height: 100%;width: 100%;top: 0;}

.videos-pic-box .swiper-button-next{right: 20px !important;}
.videos-pic-box .swiper-button-prev{left: 20px !important}
.hicozy-me .swiper-horizontal>.swiper-pagination-bullets, .hicozy-me .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: -28px;
}
.swiper-pagination-bullet{
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,30px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .1);
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,2px);
}
.hicozy-me .swiper-pagination-bullet-active{
    background: var(--orange);
    opacity: 1;
}
.enjoySwiperA .swiper-button-next, .enjoySwiperA .swiper-button-prev{width: 40px; height: 40px; background: #2e2e2e;
    -ms-border-radius: 50px;  
    -moz-border-radius: 50px;  
    -o-border-radius: 50px;  
    -webkit-border-radius: 50px;  
    border-radius: 50px;
}
 
.enjoySwiperA .swiper-button-next:after,.enjoySwiperA .swiper-button-prev:after{ font-size: 16px; color: var(--fff);}
.enjoySwiperA  .swiper-button-next:hover, .enjoySwiperA  .swiper-button-prev:hover{background: var(--blue);}

.videos-pop{ position: fixed;width: 100%; height: 100%;top: 0; left: 0;z-index: 999; display: none;align-items: center;justify-content: center;flex-direction: column;}
.videos-pop .bg{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.5);z-index: 9;}

.pop-main-video{position: relative;z-index: 10;background: var(--fff); padding: 0;max-width: 1366px;min-width: 400px;overflow: hidden;
    -ms-border-radius: 5px;  
    -moz-border-radius: 5px;  
    -o-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    border-radius: 5px;
}
.pop-main-video .btn-close{display: block; position: absolute;height: 30px; width: 30px; line-height: 30px; text-align: center; right: 2px; top: 2px; font-size: 16px; color: var(--999);  cursor: pointer;background: #eef8f9;z-index: 9999;
    -ms-border-radius: 200px;
    -moz-border-radius: 200px;
    -o-border-radius: 200px;  
    -webkit-border-radius:200px;
    border-radius:200px;
}
.pop-main-video .btn-close:hover{color: var(--060);}

.pop-main-video .pop-iframe-box{position: relative;margin-right: 279px; background: var(--fff);padding: 0; float: left;overflow: hidden; }
.pop-main-video .pop-iframe-box .tiktok-embed{margin: 0 auto;margin-top: -4px;margin-left: -1px;z-index: 2;}
.pop-main-video .pop-iframe-box .tiktok-embed section{border: none; background: none; display: none;}
.css-vptvdy{border-radius:0 !important;border: none !important;}

.tiktok-embed iframe{overflow:hidden !important;border: none !important;}

.pop-main-video .pop-iframe-box::before{content: "\e905"; display: block; font-size: 32px; color: var(--eee); position: absolute; top: 50%;left: 50%; z-index: 1;
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}

@keyframes gift_spin{0%{transform:rotate(0)}
    40%{transform:rotate(5turn)}
    to{transform:rotate(5turn)}
}
@-moz-keyframes gift_spin{0%{transform:rotate(0)}
    40%{transform:rotate(5turn)}
    to{transform:rotate(5turn)}
}
@-webkit-keyframes gift_spin{0%{transform:rotate(0)}
    40%{transform:rotate(5turn)}
    to{transform:rotate(5turn)}
}
@-o-keyframes gift_spin{0%{transform:rotate(0)}
    40%{transform:rotate(5turn)}
    to{transform:rotate(5turn)}
}

.iframe-bg {display: none;}
.iframe-youtube,.if-vid{z-index: 999;position: relative;}
.if-vid{ height: 100%;}

.if-vid::-webkit-media-controls-enclosure{position:absolute;z-index:10;bottom:0;
    filter:alpha(opacity=100);  
    -moz-opacity: 1;  
    -webkit-opacity: 1;  
    -ms-opacity: 1;  
    -o-opacity: 1;  
    -khtml-opacity: 1;  
    opacity: 1; 
}
.if-vid::-webkit-media-controls-timeline{display:block}
.if-vid::-webkit-media-controls-current-time-display{display:block}
.if-vid::-webkit-media-controls-time-remaining-display{display:block}
.if-vid::-webkit-media-controls-fullscreen-button{display:block}
.if-vid::-webkit-media-controls-play-button{display:block}

/*  video   */
/*video::-webkit-media-controls-enclosure{display:block}*/

.pop-main-video .pop-iframe-box .iframe-active{width: 100%;height: 100%; position: absolute;top: 0; z-index: 2;}
.pop-main-video .pop-videos-box {position: absolute; width: 280px;height: 100%;max-height: 576px; background: #eef8f9;right: 0px;;padding: 20px;overflow-y: auto;}
 
.pop-videos-ul{height: 100%;}
.pop-videos-ul .videos-li {display: flex;align-items: center;justify-content: center;padding: 5px; cursor: pointer;
    -ms-border-radius: 2px;  
    -moz-border-radius: 2px;  
    -o-border-radius: 2px;  
    -webkit-border-radius:2px;  
    border-radius: 2px;
}
.pop-videos-ul .videos-li .li-left{position: relative;width: 100px;}
.pop-videos-box .videos-li .li-left .pic-box {position: relative; overflow: hidden;width: 100%;height: 70px; background: var(--eee);border: 2px solid #eef8f9;font-size: 0;
    display: flex;align-items: center;justify-content: center;flex-direction: column;
    -ms-border-radius: 2px;  
    -moz-border-radius: 2px;  
    -o-border-radius: 2px;  
    -webkit-border-radius:2px;  
    border-radius: 2px;
}
.pop-videos-ul .videos-li .li-left .pic-box .pic{width: 100%;
    position: relative;height: 100%; object-fit: cover;
}
.pop-videos-ul .videos-li:last-child .li-left .pic-box .pic{width: 123%;}
.pop-videos-ul .videos-li .li-left .icomm{font-size: 24px; color: var(--fff);position: absolute; top: 50%;left: 50%; z-index: 2;
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.pop-videos-ul .videos-li .right{width: calc(100% - 110px);margin-left: 10px;}
.pop-videos-ul .videos-li .right .title{color: var(--111);font-size: 12px; line-height: 14px;margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.pop-videos-ul .videos-li.active .li-left .pic-box{ outline:2px solid var(--blue);}
.pop-videos-ul .videos-li.active .right .title{color: var(--blue); }


.pop-videos-ul .icon-play-box .icon-play{font-size:24px;}
.pop-videos-ul .videos-li:hover .icon-play-box .icon-play{opacity: 1;}
.pop-videos-ul .icon-play-box .play-bg{height: 20px;width: 20px;}


/******end*****/

/*--product-showcase--*/
.product-showcase{margin: 60px 0;}
.product-showcase .product-showcase-box{
    /*font-size: 0;*/
    position: relative;
    display: grid;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    grid-template-columns: repeat(2,1fr)
}
.product-showcase .product-left{width: 100%;aspect-ratio: 16 / 10;overflow: hidden;background: var(--eee);}
.product-showcase .product-left img{width: 100%;height: 100%;object-fit: cover;}
.product-showcase .product-left:hover img{
    transform: scale(1.02);
    -ms-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -o-transform: scale(1.02);
}
.product-right{padding-left:20px}
.product-right .title{font-size:42px}
.product-right .starcontainer{margin-top:0}
.product-right .starcontainer .starul{height:22px;line-height:22px;float:initial}
.product-right .starcontainer .starnull,.starfull{width:90px}
.product-right .starcontainer .starul li{height:22px;line-height:22px}
.product-right .starcontainer .starul li span{font-size:18px;display:inherit}
.product-right .capacity-box,.product-right .pro-price-box{padding-left:0}
.product-right .pro-btn-block{margin-left:0;padding:0 40px}
.product-right .describe{margin-top:20px;padding-left:20px}
.product-right .describe-li{list-style:disc;font-size:14px;color:var(--111);margin-top:5px}

/*--product-showcase end--*/


.swiper-pagination-bullet-active{opacity: 1}

.categories-item .categories-info .title,.categories-item .pic-img img,.product-showcase .product-left img,
.product-details .details-list .pic-img img, .index-logo-ul .index-logo-li,.icon-play-box .icon-play,
.video-container .play .icomm,.video-container .sound .icomm,.video-container .playout .icomm:before,
.exhibit-list .exhibit-li img,.enjoySwiper .swiper-button-next, .enjoySwiper .swiper-button-prev,
.enjoySwiper .swiper-slide img,.index-banner .swiper-button-next:hover,.swiper-button-prev:hover,
.btn-group .more:hover,.product-list .product-list-li .pic-img,.btn-close,.video-pic,.swiper-button-next,
.swiper-button-prev,.ventures-header .ventures-item,
.ventures-list .ventures-li{
    transition:all ease-out .3s;
    -moz-transition:all ease-out .3s;
    -webkit-transition:all ease-out .3s;
    -o-transition:all ease-out .3s
}



@media (max-width:1450px){
    .index-logo-ul{width: 80%;}

    /*--banner--*/
    .index-banner .bannerbox-one{margin-left: 100px;}
    .index-banner .title{font-size:42px;line-height:60px;margin-top:20px}
    .index-banner .bannerbox-center .slide-info,.index-banner .slide-info{margin-top:50px;width:180px}

    /*--banner end--*/

    /*--brand-safety--*/
    .brand-safety .main{padding:0 80px}
    .brand-safety .safety-list{grid-column-gap:50px;grid-template-columns:repeat(3,1fr)}

    /*--brand-safety end--*/
}
@media (max-width:1366px){
    .product-right .title{font-size: 24px;}

    /*--brand-safety--*/
    .brand-safety .main {padding: 0 30px;}
    .brand-safety .safety-list{grid-column-gap: 20px;}
    /*--brand-safety end--*/
}

@media (max-width:1250px){
    .index-banner .title{font-size: 36px;line-height: 50px;margin-top: 20px;}
    .index-banner .text{font-size: 14px;line-height: 24px;}
    /*--brand-safety--*/
    .brand-safety .main {padding: 0 0px;}
    /*--brand-safety end--*/

    .categories-list{grid-template-columns: repeat(2,2fr);grid-column-gap: 20px; grid-row-gap: 60px;}
}

@media (max-width:1100px){
    .product-category-box{display:grid;grid-template-columns:repeat(2,1fr);grid-row-gap:1.875rem;grid-column-gap:20px;row-gap:1.875rem;column-gap:20px}
    .index-banner .bannerbox-center .text,.index-banner .bannerbox-left .text,.index-banner .bannerbox-right .text{font-size:.875rem}
    .btn-group .more{height:36px;line-height:36px}
    .product-list .proInfo{display:none}
    .index-banner .bannerbox-left{margin-top:0}
    .bannerbox-right{align-items:center;margin-top:0;top:0!important;padding-right:20px}    
    .hicozy-me{margin-top: 120px;}
    .enjoy-now{margin-top: 100px;}
    .product-details .pro-btn-block{padding: 12px 15px;margin:10px 0 0 0;font-size: 16px;    }
}
@media (max-width:1155px){
    .videos-ul .videos-li{--wid: calc((100vw - 60px)/3);--hei: calc((100vw - 60px)/3 * 1.4375);width: var(--wid) !important; height:var(--hei) !important;}
    .icon-play-box .play-bg{width: 5vw; height: 5vw;  }
    .icon-play-box .icon-play{font-size:5.7vw; }
    .enjoySwiperA .videos-ul{margin-left: 14px;}
}
@media (max-width:1050px){
    .videos-ul .videos-li{--wid: calc((100vw - 60px)/3);--hei: calc((100vw - 60px)/3 * 1.4375);width: var(--wid) !important; height:var(--hei) !important;}
    .icon-play-box .play-bg{width: 5vw; height: 5vw;  }
    .icon-play-box .icon-play{font-size:5.7vw; }
    .enjoySwiperA .videos-ul{margin-left: 14px;}
}
@media (max-width:1000px){
    .enjoy-now .product-type-ul{grid-row-gap:5px;grid-column-gap:5px}
    .product-display{margin:80px 0 0 0}
    .enjoy-now{margin:80px 0 70px 0}
    .index-title{margin-bottom:40px;font-size:32px}
    .exhibit-list .exhibit-li .pic .text{font-size:20px}
    .exhibit-list .exhibit-li{margin-top:20px}
    .pop-main-video{max-width:  calc(100% - 40px);min-width: auto;}
    .pop-iframe-box{max-width: auto !important;min-width: auto;}
    .hicozy-me{margin-top: 80px;}
    .enjoy-now{margin-top: 60px;}
}
@media (max-width:750px){
    .index-logo{background:var(--f8);padding:40px}
    .index-logo .index-title{margin-bottom:20px}
    .index-logo-ul{flex-wrap:wrap;justify-content:center;width:100%}
    .index-logo-ul .index-logo-li{margin:0 10px 20px 10px}
    .product-showcase{margin:40px 0}
    .product-showcase .product-showcase-box{display:block}
    .product-right{padding:0;margin-top:20px}
    .product-right .title{font-size:20px}
    .pro-price-box .num{font-size:24px}
    .index-banner:hover .swiper-button-next,.index-banner:hover .swiper-button-prev{display:none}


    /*--brand-safety--*/
    .brand-safety{padding:20px 0 40px 0}
    .brand-safety .main{padding:0 20px}
    .brand-safety .safety-list{display:initial}
    .safety-list .safety-item{margin-top:20px}
    .safety-list .safety-item .icomm{font-size:36px;width:50px;display:flex;justify-content:center}
    .safety-list .safety-item .icomm.icon-free-shipping-line{font-size:28px}

    /*--brand-safety end--*/

    /*--categories--*/
    .categories .index-title{padding:40px 0 100px 0}
    .categories .main{margin-top:-80px}
    .categories-item .categories-info .title{font-size:14px;margin-top:10px;display:flex;align-items:center;justify-content:space-between}
    .categories-item .categories-info .title .icomm{margin-left:10px;font-size:12px}
    .categories-item .categories-info .text{font-size:12px;line-height:16px}

    /*--categories end--*/

    /*---Featured Products--*/
    .featured-pro{margin-top:80px}
    .featured-list{margin-top:20px}
    .featured-list .featured-item{padding:20px 20px 40px 20px;display:block}
    .featured-item .pic-img{width:100%}
    .featured-item .featured-info{width:100%;padding-left:0}
    .featured-info .title{font-size:18px;line-height:24px}
    .featured-info .title br{display:none}
    .featured-info .text{line-height:18px}
    .featured-info .button-box,.featured-info .featured-introduce,.featured-info .num{margin-top:20px}
    .featured-info .num{font-size:24px}
    .featured-list .swiper-button-next,.featured-list .swiper-button-prev{width:40px;height:40px}
    .featured-list .swiper-button-next:after,.featured-list .swiper-button-prev:after{font-size:16px}

    /*---Featured Products end--*/

    /*--video--*/
    .index-video-box{margin-top: 70px;}
    .index-video-box .index-title{ margin-bottom: 20px;}
    /*--video end--*/

    /*--hicozy-me--*/
    .enjoySwiperA .swiper-button-next, .enjoySwiperA .swiper-button-prev{display: none;}
    /*--hicozy-me end--*/

    /*--customer--*/
    .customer{margin-top: 60px;}
    .customer .customer-list{margin-top: 20px;}
    .customer-list .swiper-wrapper{display: flex;align-items: flex-start;}
    /*--customer end--*/
}
@media (max-width:720px){
    .index-banner .main{max-width:100%}
    .index-banner .swiper-slide {aspect-ratio: 86 / 85;}
    /*.swiper-button-next,.swiper-button-prev{display:none}*/
    .index-banner .swiper-pagination-bullet{display: inline-block;}
    .index-banner .swiper-slide .mbbanner-img{display: block}
    .index-banner .swiper-slide .pcbanner-img{display: none;}
    .product-list{display:initial}
    .product-list .product-list-li{margin-top:20px}
    .product-category{padding:80px 0}
    .index-banner .title{font-size:24px;line-height: 32px;}
    .index-banner .slide-info, .index-banner .bannerbox-center .slide-info{width: 140px; height:40px; line-height: 40px;margin-top:30px;}
    .index-banner .slide-info b{font-size: 16px;line-height:40px; height: 40px;}
    .bannerbox-right,.index-banner .bannerbox-left,.index-banner .bannerbox-one{justify-content:initial;margin:0;top:0!important;padding:0 20px;align-items:flex-start;}
    .index-banner .text{margin-top: 10px;}
    .bannerbox-one .banner-text,.bannerbox-left .banner-text,.bannerbox-right .banner-text,.bannerbox-right .text,.index-banner .bannerbox-left .text,.index-banner .title{margin-top: 20px;color: var(--fff);}
    .index-banner .banner-text{padding-left: 20px;}
    .index-banner .bannerbox-center .banner-text{padding-left: 0;}
    .introduce-box-left,.introduce-box-right{justify-content:center;text-align:center}
    .introduce-box .text{font-size:20px;color:var(--fff)}
    .introduce-box .btn-group{margin-top:0}
    .btn-group .more{font-size:14px}
    .product-box{margin:20px 0 40px 0}
    .introduce-video{padding-bottom:56%}
    .index-title{font-size:20px;margin-bottom:10px}
    .exhibit-list .exhibit-li{display:inline}
    .exhibit-list .pic{width:100%}
    .exhibit-list .exhibit-li .pic-big,.exhibit-list .exhibit-li .pic-img{margin-top:20px}
    .exhibit-list .pic-big{padding-bottom:80%}
    .enjoy-now,.product-display{margin-top:40px}
    .exhibit-or{top:52%}
    .category-box-heading{display:inline-block;font-size:16px;line-height:20px}
    .product-category-list .link{align-items:flex-start}
    .product-category-list .link .icomm{display:inline-block;font-size:30px;width:30px;margin-right:20px}
    .product-display{margin:70px 0 0 0}
    .exhibit-list .exhibit-li .pic .text{font-size:18px}
    .exhibit-list .exhibit-li:nth-child(2) .pic:nth-child(2) .text{left:30px}
    .exhibit-list .exhibit-li:nth-child(2) .pic:nth-child(1) a:nth-child(1) .text{top:30px}
    .exhibit-list .pic-img a:last-child{margin-top:20px}
    .exhibit-list .exhibit-li .pic .text span{line-height:22px}
    .enjoy-now{margin:70px 0 40px 0}
    .enjoySwiper{display:none}
    .enjoySwipermobile{display:block}

    .pop-main-video{width:  70vw;min-width: auto;}
    .pop-iframe-box{width:100% !important;max-width: auto !important; height: 124.45vw !important;min-height: auto!important;}
    .pop-main-video .pop-videos-box{display: none;}


    .enjoySwiperA{margin-top: 20px;}
    .videos-ul .videos-li{--wid: calc((100vw - 40px)/2);--hei: calc((100vw - 40px)/2 * 1.4375);width: var(--wid) !important; height:var(--hei) !important;}
    .pop-main-video{overflow: inherit; background: none;}
    .pop-main-video .pop-iframe-box{ background: none;
        -ms-border-radius: 5px;  
        -moz-border-radius: 5px;  
        -o-border-radius: 5px;  
        -webkit-border-radius: 5px;  
        border-radius: 5px;
    }
    .pop-main-video .btn-close{top: -40px; left: 50%;transform: translate(-50%,0);}
    .icon-play-box .play-bg{width: 8vw; height: 8vw;  }
    .icon-play-box .icon-play{font-size:8.7vw; }
    .enjoySwiperA .videos-ul{margin-left: 20px;}
    .pop-main-video .btn-close{background: none;color: var(--f3);}
    .hicozy-me{margin-top: 60px;}
    .enjoy-now{margin-top: 50px;}

    /*--video--*/
    .index-video-box .main{height:auto;padding:0}
    .video-container .play,.video-container .sound{display:none}
    .video-container,.video-container video{height:auto;position:initial;transform:translate(0,0);font-size:0}

    .videobanner::-webkit-media-controls-enclosure{position:absolute;z-index:10;bottom:0;opacity: 1}
    .videobanner::-webkit-media-controls-timeline{display:block}
    .videobanner::-webkit-media-controls-current-time-display{display:block}
    .videobanner::-webkit-media-controls-time-remaining-display{display:block}
    .videobanner::-webkit-media-controls-fullscreen-button{display:block}
    .videobanner::-webkit-media-controls-play-button{display:block}

    /* 隐藏video 所有控件 */
    .videobanner::-webkit-media-controls-enclosure{display:block}
    /*--video end--*/

    /*--product details--*/
    .details-list{display: block;}
    /*--product details end--*/

    /*--product-showcase end--*/

    .product-details{margin: 40px 0;}
    .product-details-center .pic-img{display: none;}
    .product-details-center .mobile-pic-img{display: block;}
    .product-details .product-details-center .text-box{width: 100%;right: 0;top: 50%;text-align: center;
        -ms-transform:translate(0,-50%);
        -moz-transform:translate(0,-50%);
        -webkit-transform:translate(0,-50%);
        -o-transform:translate(0,-50%);
        transform: translate(0, -50%);
    }
    .product-details-center .text-box .title{font-size:1.4rem;font-weight:800;color:var(--fff)}
    .product-details .pro-btn-block{margin-top:35px;width:136px}
    .details-list{display:none}
    .details-list-mobile{display:block}
    .hicozy-me .swiper-horizontal>.swiper-pagination-bullets,.hicozy-me .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:-20px}


}
@media (max-width:605px){
    .pop-main-video .pop-iframe-box{ height: 124.35vw !important;}
    /*--ventures--*/
    .ventures {margin: 70px 0;}
    .ventures-header .ventures-item{padding:35px;width:49%;display:flex;align-items:center}
    .ventures-header .ventures-item:first-child{padding:10px}
    .ventures-list .ventures-li .text{font-size:16px;font-weight:400;line-height:24px;margin-top:20px}

    /*--ventures end--*/
}

@media (max-width:380px){
.pop-main-video .pop-iframe-box{ height: 124.5vw !important;}}