@charset "utf-8";
/* ===================首页样式========================== */
.banner-bg img{width: 100%;}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner-con .contain{height: 100%;justify-content: flex-end; flex-direction: column;}
.banner-pagination{z-index: 2;position: absolute;left: 0;bottom: 7%;width: 100%;}
.banner-pagination .swiper-pagination-bullet{width: 0.8rem;height: 2px;border-radius: 0;margin: 0 0.06rem; opacity: 1;background: rgba(255, 255, 255, .5);position: relative;transition: all .4s ease;}
.banner-pagination .swiper-pagination-bullet::after{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #43c800;}
.banner-pagination .swiper-pagination-bullet.active{background: #fff;}
.banner-pagination .swiper-pagination-bullet.active::after{width: 100%;transition: all 4.5s linear;}

.banner-con .title{opacity: 0;transform: translateY(100px);transition: all 1s .8s ease;}
.banner-con .text{opacity: 0;transform: translateY(100px);transition: all 1s .9s ease;}
.banner-con .comMore-box{opacity: 0;transform: translateY(100px);transition: all 1s 1s ease;}

.banner-btn{user-select: none;cursor: pointer; z-index: 5;position: absolute;left: .1rem;top: 50%;transform: translateY(-50%);width: max(40px,0.64rem);height: max(40px,0.64rem);border-radius: 5px;background: #fff;opacity:.3;color:#333;}
.banner-btn.next{left: auto;right: .1rem;transform: translateY(-50%) rotate(180deg);}
.banner-btn:hover{opacity:1;}

.swiper-slide-active.first .banner-con .title{transition-delay: 0s;}
.swiper-slide-active.first .banner-con .text{transition-delay: 0.1s;}
.swiper-slide-active.first .banner-con .comMore-box{transition-delay: 0.2s;}
.swiper-slide-active .banner-con .title,.swiper-slide-active .banner-con .text,.swiper-slide-active .banner-con .comMore-box{opacity: 1;transform: translateY(0);}


.index-cate-item{display:flex;width:calc( 100% / 3);justify-content: center;flex-direction: column;align-items: center;margin-bottom:30px;}
.index-cate-item .img{width:1.2rem;height:1.2rem;}

.index-geek .index-geek-item{width:25%;}
.index-geek .index-geek-item .img{padding:20px;}
.index-geek .index-geek-item .text .price{margin-right:7px;}
.index-geek .index-geek-item .text .oldprice{color:#c9c9c9;}
.index-geek .index-geek-item .text .oldprice::after{position:absolute;content:'';width:100%;height:1px;background-color: #c9c9c9;top:8px;left:0;}
.index-geek .index-geek-item .btn-content{position:absolute;left:0;top:30%;width:100%;display:flex;flex-direction: column;align-items: center;opacity: 0;}
.index-geek .index-geek-item .btn-content .btn{display:block;width:2rem;height:.42rem;text-align: center;line-height:.42rem;border-radius:5px;}
.index-geek .index-geek-item .btn-content .btn.quick-btn{background-color: #fff;color:#000;}
.index-geek .index-geek-item .btn-content .btn.cart-btn{background-color: #000;color:white;margin-top:20px;}
.index-geek .index-geek-item:hover .btn-content{opacity: 1;}
.index-geek .index-geek-item:hover .img img{transform: scale(1.04);}
.more-btn{display:block;width:2rem;height:.42rem;line-height:.42rem;text-align: center;border-radius: 5px;background-color: #000;color:white;cursor:pointer}

.index-elf .index-elf-item{width:25%;}
.index-elf .index-elf-item .img{padding:20px;}
.index-elf .index-elf-item .text .price{margin-right:7px;}
.index-elf .index-elf-item .text .oldprice{color:#c9c9c9;}
.index-elf .index-elf-item .text .oldprice::after{position:absolute;content:'';width:100%;height:1px;background-color: #c9c9c9;top:8px;left:0;}
.index-elf .index-elf-item .btn-content{position:absolute;left:0;top:30%;width:100%;display:flex;flex-direction: column;align-items: center;opacity: 0;}
.index-elf .index-elf-item .btn-content .btn{display:block;width:2rem;height:.42rem;text-align: center;line-height:.42rem;border-radius:5px;}
.index-elf .index-elf-item .btn-content .btn.quick-btn{background-color: #fff;color:#000;}
.index-elf .index-elf-item .btn-content .btn.cart-btn{background-color: #000;color:white;margin-top:20px;}
.index-elf .index-elf-item:hover .btn-content{opacity: 1;}
.index-elf .index-elf-item:hover .img img{transform: scale(1.04);}

.index-snow .index-snow-item{width:25%;}
.index-snow .index-snow-item .img{padding:20px;}
.index-snow .index-snow-item .text .price{margin-right:7px;}
.index-snow .index-snow-item .text .oldprice{color:#c9c9c9;}
.index-snow .index-snow-item .text .oldprice::after{position:absolute;content:'';width:100%;height:1px;background-color: #c9c9c9;top:8px;left:0;}
.index-snow .index-snow-item .btn-content{position:absolute;left:0;top:30%;width:100%;display:flex;flex-direction: column;align-items: center;opacity: 0;}
.index-snow .index-snow-item .btn-content .btn{display:block;width:2rem;height:.42rem;text-align: center;line-height:.42rem;border-radius:5px;}
.index-snow .index-snow-item .btn-content .btn.quick-btn{background-color: #fff;color:#000;}
.index-snow .index-snow-item .btn-content .btn.cart-btn{background-color: #000;color:white;margin-top:20px;}
.index-snow .index-snow-item:hover .btn-content{opacity: 1;}
.index-snow .index-snow-item:hover .img img{transform: scale(1.04);}

.index-yooz .index-yooz-item{width:25%;}
.index-yooz .index-yooz-item .img{padding:20px;}
.index-yooz .index-yooz-item .text .price{margin-right:7px;}
.index-yooz .index-yooz-item .text .oldprice{color:#c9c9c9;}
.index-yooz .index-yooz-item .text .oldprice::after{position:absolute;content:'';width:100%;height:1px;background-color: #c9c9c9;top:8px;left:0;}
.index-yooz .index-yooz-item .btn-content{position:absolute;left:0;top:30%;width:100%;display:flex;flex-direction: column;align-items: center;opacity: 0;}
.index-yooz .index-yooz-item .btn-content .btn{display:block;width:2rem;height:.42rem;text-align: center;line-height:.42rem;border-radius:5px;}
.index-yooz .index-yooz-item .btn-content .btn.quick-btn{background-color: #fff;color:#000;}
.index-yooz .index-yooz-item .btn-content .btn.cart-btn{background-color: #000;color:white;margin-top:20px;}
.index-yooz .index-yooz-item:hover .btn-content{opacity: 1;}
.index-yooz .index-yooz-item:hover .img img{transform: scale(1.04);}

.index-collection{padding:20px;}
.collecting-btn{user-select: none;cursor: pointer; z-index: 5;position: absolute;left: .1rem;top: 50%;transform: translateY(-50%);width: max(40px,0.48rem);height: max(40px,0.48rem);border-radius: 5px;background: #ccc;}
.collecting-btn.next{left: auto;right: .1rem;transform: translateY(-50%) rotate(180deg);}
.index-collection .slide-item .text{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content: center;align-items: center;flex-direction: column;color:white}
.index-collection .slide-item .collect-btn{padding:10px;border:1px solid #fff;border-radius:5px;}

/*.video-list{height:230px;}*/
.index-video .video-item .play-btn{position:absolute;width:.6rem;height:.4rem;background-color: #000;border-radius:5px;color:white;left:calc( 50% - .3rem);top:calc( 50% - .2rem);text-align: center;line-height:.4rem;}
.video-btn{user-select: none;cursor: pointer; z-index: 5;position: absolute;left: .1rem;top: calc( 50% - .2rem);transform: translateY(-50%);width: max(40px,0.48rem);height: max(40px,0.48rem);border-radius: 50%;background: #fff;color:#333}
.video-btn.next{left: auto;right: .1rem;transform: translateY(-50%) rotate(180deg);}
.index-video .swiper-pagination-bullet{margin-right:5px;width:12px;height:12px;}
.index-video .swiper-pagination-bullet-active{background-color: #000;}
.index-video .video-item {cursor:pointer}

.ad-list{margin-left:-20px;}
.ad-list .img{margin-left:20px;width:calc( 50% - 20px );margin-bottom:20px;}
.ad-list .img img{width:100%;}


.pro-list-all .pro-list-item{width:25%;}
.pro-list-all .pro-list-item .img{padding:20px;}
.pro-list-all .pro-list-item .text .price{margin-right:7px;}
.pro-list-all .pro-list-item .text .oldprice{color:#c9c9c9;}
.pro-list-all .pro-list-item .text .oldprice::after{position:absolute;content:'';width:100%;height:1px;background-color: #c9c9c9;top:8px;left:0;}
.pro-list-all .pro-list-item .btn-content{position:absolute;left:0;top:30%;width:100%;display:flex;flex-direction: column;align-items: center;opacity: 0;}
.pro-list-all .pro-list-item .btn-content .btn{display:block;width:2rem;height:.42rem;text-align: center;line-height:.42rem;border-radius:5px;}
.pro-list-all .pro-list-item .btn-content .btn.quick-btn{background-color: #fff;color:#000;}
.pro-list-all .pro-list-item .btn-content .btn.cart-btn{background-color: #000;color:white;margin-top:20px;}
.pro-list-all .pro-list-item:hover .btn-content{opacity: 1;}
.pro-list-all .pro-list-item:hover .img img{transform: scale(1.04);}
/* 动画 */
@media all and (min-width:1100px){
    html::-webkit-scrollbar{width: 0;}
    /* 默认 */
    .Header.noEvent{opacity: 0;pointer-events: none;}
    .fp-section.indPro .contain,.fp-section.indNews .indTitle{opacity: 0;transform: translateY(80px);transition: all 1s .8s ease;}
    .fp-section .indNews-flex{opacity: 0;transform: translateY(80px);transition: all 1s .9s ease;}
    .fp-section .indSol-img{position: relative;}
    .fp-section .indSol-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #f4f4f4;transition: all 1.5s .8s ease;}
    .fp-section .indSol-con>div{opacity: 0;transition: all 1s 1.7s ease;}
    .fp-section .indSol-head,.fp-section.indHZ .indTitle{opacity: 0;transition: all 1s .8s ease;}
    .fp-section .indHZ-swp{transform: translateX(30%);opacity: 0; transition: all 1.5s .8s ease;}
    .fp-section .indHZ-swp:nth-child(2){transform: translateX(-30%) rotate(180deg);}
    

    /* 选中 */
    .fp-section.active.indPro .contain,.fp-section.active.indNews .indTitle,.fp-section.active .indNews-flex{opacity: 1;transform: translateY(0);}
    .fp-section.active .indSol-img::after{width: 0;}
    .fp-section.active .indSol-con>div,.fp-section.active .indSol-head,.fp-section.active.indHZ .indTitle{opacity: 1;}
    .fp-section.active .indHZ-swp{transform: translateX(0);opacity: 1;}
    .fp-section.active .indHZ-swp:nth-child(2){transform: translateX(0) rotate(180deg);}
}



  


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
}

@media all and (max-width:1590px){
    /* 1440 × (700)  */
}

@media all and (max-width:1430px){
    /* 1360 */
}

@media all and (max-width:1350px){
    /* 1280 */
}

@media all and (max-width:1270px){
    /* 1152 × (700) */
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
    /*.banner-bg img{height: 300px;}*/
    .banner-pagination{bottom: 15px;}
    .banner-pagination .swiper-pagination-bullet{margin: 0 5px;}
    
    
    .index-geek .index-geek-item{width:50%;}
    .more-btn{width:5rem;height:1.42rem;line-height:1.42rem;}
    
    .index-elf .index-elf-item{width:50%;}
    .index-snow .index-snow-item{width:50%;}
    .index-yooz .index-yooz-item{width:50%;}
    .pro-list-all .pro-list-item{width:50%;}
    
    .index-collection{height:7rem;}
    .banner{height:150px;margin-top:184px;}
    
    .index-geek .index-geek-item .btn-content{display:none;}
    .index-elf .index-elf-item .btn-content{display:none;}
    .index-snow .index-snow-item .btn-content{display:none;}
    .index-yooz .index-yooz-item .btn-content{display:none}
    .pro-list-all .pro-list-item .btn-content{display:none;}
    
    .index-video .video-item .play-btn{width:1rem;height:1rem;line-height:1rem;}
    
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
}