@import url(https://css02.v15cdn.com/m621/aos.css);.home-banner .swiper-slide{overflow:hidden;height:auto}
.home-banner .swiper-slide>a{position:relative;display:flex;width:100%;height:100%}
.home-banner .swiper-slide>a::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2);display:none}
.home-banner .swiper-slide img{width:100%;height:100%;object-fit:cover}
.home-banner .pcimg{display:block}
.home-banner .mobimg{display:none}
.home-banner .banner-animote{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;color:#fff;opacity:0}
.home-banner .banner-animote .p1{font-size:var(--fontsize48);font-weight:var(--fontbold5);line-height:1.4;margin:10px 0 10px}
.home-banner .banner-animote .p2{font-size:var(--fontsize24);margin-bottom:50px;color:var(--color)}
.home-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{position:absolute;top:45%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:0 0;background:rgba(255,255,255,.1);color:#fff;z-index:1;cursor:pointer;transition:all .15s linear;border-radius:50%}
.home-banner .bannerswiper-next:hover,.home-banner .bannerswiper-prev:hover{background:var(--color)}
.home-banner .bannerswiper-next em,.home-banner .bannerswiper-prev em{font-size:var(--fontsize24)}
.home-banner .bannerswiper-prev{left:25px}
.home-banner .bannerswiper-next{right:25px}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0}
}
@keyframes bannerimg{0%{transform:scale(1)}
50%{transform:scale(1.05)}
100%{transform:scale(1)}
}
.home-banner .swiper-pagination{bottom:20px;max-width:1400px;padding:0 70px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center}
.home-banner .swiper-pagination-bullet{background:#b9b9b9;opacity:1}
.home-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
.swiper-pagination-bullet{width:10px;height:10px}
@media (max-width:1280px){.home-banner .banner-animote .p1{font-size:var(--fontsize36)}
}
@media (max-width:1024px){.home-banner .banner-animote .p1{font-size:var(--fontsize30)}
.home-banner .banner-animote .p2{font-size:var(--fontsize20)}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{display:none}
}
@media (max-width:768px){.home-banner .banner-animote .p1{font-size:var(--fontsize22)}
.home-banner .banner-animote .p2{margin:0;font-size:var(--fontsize16)}
.home-banner .banner-animote .p3{display:none}
}
.home-about{padding-top:5%}
.home-about .l-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}
.home-about .img{width:48%;position:relative}
.home-about .img iframe{position:absolute;width:100%;height:100%;opacity:0;left:0;top:0}
.home-about .img .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;z-index:10}
.home-about .info{width:48%}
.home-about .info .tit{color:#ff679a;margin-bottom:4px;font-weight:var(--fontbold6)}
.home-about .info .home-title{text-align:left}
.home-about .info .txt{margin-top:20px;color:#6b6668}
.home-about .info .txt strong{color:#000}
.home-about .info .home-more{margin-top:20px;background-color:#875ed4}
.home-product{padding:6% 0 40px;background-size:cover;background-repeat:no-repeat}
.home-product .list{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-product li{width:24%;position:relative;margin-bottom:30px}
.home-product li .img{border-radius:50px;overflow:hidden;width:100%;height:100%;display:block}
.home-product li .img img{display:block;width:100%;height:100%;object-fit:cover;transition:all .2s linear}
.home-product li .title{display:inline-block;position:absolute;left:0;bottom:0;border-radius:0 50px 0 50px;background-color:#fff;padding:12px 46px 12px 30px;color:#033;font-weight:var(--fontbold6);transition:all .2s linear}
.home-product li:hover .img img{transform:scale(1.05)}
.home-product li:hover .title{background-color:var(--color);color:#fff}
.home-product .txt-box{padding:3% 10px 10px 0;display:flex;flex-direction:column;justify-content:space-between}
.home-product .txt-box .home-title{text-align:left}
.home-product .txt-box .txt{color:#6b6668}
.home-product .txt-box .more{color:#ff679a;font-weight:var(--fontbold6);text-decoration:underline}
.home-supplier{padding:40px 0 5%;margin-top:5%;position:relative;z-index:2;border:8px solid #742db6;border-top:none;margin-top:220px}
.home-supplier::before{content:"";position:absolute;width:calc(100% + 16px);height:124px;top:-110px;left:-8px;background-image:url(https://css02.v15cdn.com/m621/imgs/supplier-bg.webp);background-size:contain;background-repeat:no-repeat;z-index:1}
.home-supplier .home-title{color:#742db6}
.home-supplier .title-list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:40px}
.home-supplier .title-list li{margin:10px 0;height:54px;padding:0 30px;border-radius:30px;display:inline-flex;align-items:center;justify-content:center;color:#742db6;font-weight:var(--fontbold6);cursor:pointer;transition:all .2s linear}
.home-supplier .title-list li.active{background-color:#ff75f3;color:#fff}
.home-supplier .box{margin-top:50px}
.home-supplier .box .item{display:none;align-items:center}
.home-supplier .box .item .img{width:54%;position:relative;z-index:1}
.home-supplier .box .item .img img{border-radius:0 20px 20px 0;position:relative;z-index:2}
.home-supplier .box .item .img::before{content:'';position:absolute;left:30px;top:0;width:100%;height:calc(100% + 30px);background-color:#cafbff;border-radius:20px;z-index:-1}
.home-supplier .box .item .info{max-width:800px;width:50%;margin-right:70px;margin-left:-4%;background-color:#fff;padding:4%;border-radius:20px;position:relative}
.home-supplier .box .item .info::before{content:'';position:absolute;left:30px;top:30px;width:100%;height:100%;background-color:#cafbff;border-radius:20px;z-index:-1}
.home-supplier .box .item .info::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;border-radius:20px;z-index:2}
.home-supplier .box .item .info .title{font-size:var(--fontsize30);font-weight:var(--fontbold6);color:#333;position:relative;z-index:4}
.home-supplier .box .item .info .line{width:70px;height:2px;background-color:#ff679a;display:block;margin:10px 0 20px;position:relative;z-index:4}
.home-supplier .box .item .info .txt{color:#6b6668;position:relative;z-index:4}
.home-supplier .box .item .info .home-more{margin-top:20px;position:relative;z-index:4}
.home-supplier .box .item.active{display:flex}
.home-clients{padding:5% 0}
.home-clients .l-wrap{padding:0 90px}
.home-clients .box{margin-top:30px;position:relative}
.home-clients .box .clientsswiper-next,.home-clients .box .clientsswiper-prev{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;border:1px solid #bfbfbf;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2 linear;z-index:2}
.home-clients .box .clientsswiper-next em,.home-clients .box .clientsswiper-prev em{font-size:var(--fontsize30)}
.home-clients .box .clientsswiper-next:hover,.home-clients .box .clientsswiper-prev:hover{background-color:var(--color);color:#fff}
.home-clients .box .clientsswiper-prev{left:-90px}
.home-clients .box .clientsswiper-next{right:-90px}
.home-clients .box .swiper{padding:40px 0}
.home-clients .box .swiper-wrapper{align-items:flex-end}
.home-clients .box .swiper-slide{height:310px!important;background-color:#fff;border-radius:10px;box-shadow:0 6px 28px 1px rgba(209,209,209,.41);display:flex;flex-direction:column;justify-content:space-between;padding:30px 20px 3%;overflow:hidden;height:auto;position:relative;z-index:2;transition:all .2s linear}
.home-clients .box .swiper-slide::before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background-color:var(--color);opacity:.2;right:-50px;top:-50px;z-index:1}
.home-clients .box .swiper-slide::after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:#fff;transition:all .2s linear}
.home-clients .box .swiper-slide .icon{position:absolute;top:30px;right:20px;width:62px;height:62px;border-radius:50%;border:1px solid var(--color);background-color:var(--color);display:inline-flex;align-items:center;justify-content:center;z-index:1;transition:all .2s linear}
.home-clients .box .swiper-slide .icon em{color:#fff;font-size:var(--fontsize30)}
.home-clients .box .swiper-slide .title{font-size:var(--fontsize20);font-weight:var(--fontbold6);color:#333;padding-right:70px;min-height:70px;margin-bottom:40px;position:relative;z-index:1}
.home-clients .box .swiper-slide .txt{color:#6b6668;max-height:50px;overflow:hidden;position:relative;z-index:1;transition:all .2s linear}
.home-clients .box .swiper-slide.swiper-slide-active{min-height:420px}
.home-clients .box .swiper-slide.swiper-slide-active .icon{background-color:transparent;border-color:#fff}
.home-clients .box .swiper-slide.swiper-slide-active .txt{max-height:1000px;color:#fff}
.home-clients .box .swiper-slide.swiper-slide-active .title{color:#fff;margin-bottom:20px}
.home-clients .box .swiper-slide.swiper-slide-active::before{width:100%;height:100%;opacity:.9;border-radius:10px;right:0;top:0}
.home-clients .box .swiper-slide.swiper-slide-active::after{opacity:0}
.home-clients .box{padding-bottom:40px}
.home-clients .box .swiper-slide{transition:all .2s linear}
.home-clients .box .swiper-slide:hover{min-height:420px}
.home-clients .box .swiper-slide:hover .icon{background-color:transparent;border-color:#fff}
.home-clients .box .swiper-slide:hover .txt{max-height:1000px;color:#fff}
.home-clients .box .swiper-slide:hover .title{color:#fff;margin-bottom:20px}
.home-clients .box .swiper-slide:hover::before{width:100%;height:100%;opacity:.9;border-radius:10px;right:0;top:0}
.home-clients .box .swiper-slide:hover::after{opacity:0}
.home-clients .box .clientsswiper-pagination{position:absolute;width:100%;bottom:0;display:flex;justify-content:center}
.home-clients .box .clientsswiper-pagination .swiper-pagination-bullet{opacity:1;background-color:var(--color);margin:0 15px}
.home-clients .box .clientsswiper-pagination .swiper-pagination-bullet-active{position:relative}
.home-clients .box .clientsswiper-pagination .swiper-pagination-bullet-active::before{content:"";position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);border:3px solid var(--color);border-radius:50%;box-sizing:border-box}
.home-recommended{padding:5% 0 40px;position:relative;z-index:2;border:8px solid #ff81ef;border-top:none;margin-top:120px}
.home-recommended::before{content:"";position:absolute;width:calc(100% + 16px);height:124px;top:-110px;left:-8px;background-image:url(https://css02.v15cdn.com/m621/imgs/recompro-bg.webp);background-size:contain;background-repeat:no-repeat;z-index:1}
.home-recommended .home-title{color:#ff81ef}
.home-recommended .box{position:relative;margin:40px 0 60px}
.home-recommended .box::before{content:'';position:absolute;left:-152px;top:0;width:1904px;height:100%;background-color:#fc0;z-index:-1}
.home-recommended .box .swiper{padding:50px 0}
.home-recommended .box .swiper-slide{border-radius:25px;background-color:#fff;overflow:hidden;height:100%}
.home-recommended .box .swiper-slide .img{position:relative;background-color:#fbe9ed;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.home-recommended .box .swiper-slide .img .hide{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;transition:all .2s linear}
.home-recommended .box .swiper-slide .img .show{transition:all .2s linear;width:auto;max-width: 70%;}
.home-recommended .box .swiper-slide .info{padding:20px}
.home-recommended .box .swiper-slide .info .title{display:block;text-align:center;color:#000;font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:1.4}
.home-recommended .box .swiper-slide:hover{box-shadow:0 6px 28px 1px rgba(0,0,0,.41)}
.home-recommended .box .swiper-slide:hover .img .hide{opacity:1}
.home-recommended .box .swiper-slide:hover .img .show{opacity:0}
.home-recommended .box .swiper-slide:hover .info .title{color:var(--color)}
.home-recommended .box .recommendswiper-pagination{position:absolute;width:100%;bottom:-60px;display:flex;justify-content:center}
.home-recommended .box .recommendswiper-pagination .swiper-pagination-bullet{opacity:1;background-color:#0b1b2b;margin:0 15px}
.home-recommended .box .recommendswiper-pagination .swiper-pagination-bullet-active{position:relative}
.home-recommended .box .recommendswiper-pagination .swiper-pagination-bullet-active::before{content:"";position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);border:3px solid #0b1b2b;border-radius:50%;box-sizing:border-box}
.home-test{padding:5% 0;position:relative}
.home-test .icon{position:absolute;top:10%;left:6%}
.home-test .box{position:relative;padding:50px 120px}
.home-test .box .test-next,.home-test .box .test-prev{width:60px;height:60px;border-radius:50%;border:1px solid #bfbfbf;display:inline-flex;align-items:center;justify-content:center;position:absolute;top:60%;transform:translateY(-50%);z-index:2;cursor:pointer;background-color:#fff;transition:all .2s linear}
.home-test .box .test-next em,.home-test .box .test-prev em{font-size:var(--fontsize30)}
.home-test .box .test-next:hover,.home-test .box .test-prev:hover{background-color:var(--color);color:#fff}
.home-test .box .test-prev{left:0}
.home-test .box .test-next{right:0}
.home-test .box .test-pagination{position:absolute;width:100%;bottom:0;left:0;display:flex;justify-content:center}
.home-test .box .test-pagination .swiper-pagination-bullet{opacity:1;background-color:#ff679a;margin:0 15px}
.home-test .box .test-pagination .swiper-pagination-bullet-active{position:relative}
.home-test .box .test-pagination .swiper-pagination-bullet-active::before{content:"";position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);border:3px solid #ff679a;border-radius:50%;box-sizing:border-box}
.home-test .box .swiper-slide .portrait{width:97px;height:97px;position:relative;border:5px solid #ff679a;border-radius:50%;margin:60px auto 40px}
.home-test .box .swiper-slide .portrait img{width:100%;border-radius:50%}
.home-test .box .swiper-slide .portrait .bg-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}
.home-test .box .swiper-slide .portrait .bg-icon em{line-height:1;display:block;font-size:200px;-webkit-background-clip:text;color:transparent;background-image:linear-gradient(180deg,#fff,#ff6cea);transform:rotate(180deg)}
.home-test .box .swiper-slide .txt{text-align:center;color:#6b6668}
.home-test .box .swiper-slide .info{margin-top:20px;text-align:center}
.home-test .box .swiper-slide .info .tit{font-size:var(--fontsize30);font-weight:var(--fontbold6);color:#000}
.home-test .box .swiper-slide .info .basic{color:#333}
.home-test .box .swiper-slide .info .basic span{color:#ff679a;padding-right:22px;margin-right:20px;position:relative}
.home-test .box .swiper-slide .info .basic span::before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:2px;height:10px;background-color:#a6a6a6}
.home-map{padding:5% 0;background-color:#9bf7ff;border-top:7px solid var(--color);position:relative}
.home-map .l-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}
.home-map .img{width:50%}
.home-map .info{width:50%;padding:0 40px}
.home-map .info .title{font-size:var(--fontsize36);font-weight:var(--fontbold6);color:#333;line-height:1.4}
.home-map .info .txt{color:#6b6668;margin:4% 0}
.home-map .info .box{position:relative}
.home-map .info .box .logo-next,.home-map .info .box .logo-prev{position:absolute;top:50%;transform:translateY(-50%);color:#878787;cursor:pointer;z-index:2}
.home-map .info .box .logo-next:hover,.home-map .info .box .logo-prev:hover{color:var(--color)}
.home-map .info .box .logo-next em,.home-map .info .box .logo-prev em{font-size:var(--fontsize30)}
.home-map .info .box .logo-prev{left:-40px}
.home-map .info .box .logo-next{right:-40px}
.home-map .info .box .swiper-slide img{width:100%}
.home-cont{position:relative;background-color:#84d2d9;display:flex;justify-content:center;align-items:center}
.home-cont::before{content:"";position:absolute;left:0;top:-10px;width:100%;height:5px;background-color:#70b2b8;z-index:4}
.home-cont::after{content:"";position:absolute;left:0;bottom:-10px;width:100%;height:5px;background-color:#70b2b8;z-index:4}
.home-cont .img{width:52%;padding-right:1%;padding-bottom:20px;position:relative}
.home-cont .img .info{position:absolute;left:0;bottom:30px;width:100%;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;padding:0 70px}
.home-cont .img .tit{text-shadow:0 9px 28px rgba(0,0,0,.5);font-size:var(--fontsize36);font-weight:var(--fontbold6);color:#fff;flex:1;line-height:1.4}
.home-cont .img .more{background-color:#fff;box-shadow:0 2px 12px 1px rgba(79,79,79,.41);border-radius:10px;width:200px;height:50px;display:inline-flex;align-items:center;justify-content:center;color:#ff679a;font-weight:var(--fontbold6);margin-bottom:20px;transition:all .2s linear}
.home-cont .img .more:hover{color:#fff;background-color:#ff679a}
.home-cont .inquiry-box{width:48%;padding-left:1%;max-width:750px;margin-right:auto;padding:4% 0}
.home-cont .inquiry-box .tit{color:#fff;font-size:var(--fontsize30);font-weight:var(--fontbold6);margin-bottom:20px}
.home-cont .inquiry-box .wmkcfeedback .inquiry-form>*{width:100%}
.home-cont .inquiry-box .wmkcfeedback .send-btn{margin:0;background-color:#875ed4}
.home-cont .inquiry-box .wmkcfeedback .send-btn:hover{background-color:var(--color)}
.home-cont .inquiry-box .txt{color:#fff;margin-top:6%;font-weight:var(--fontbold4)}
.home-news{padding:5% 0}
.home-news .des{text-align:center;color:#6b6668;margin-top:20px}
.home-news .list{display:flex;flex-wrap:wrap}
.home-news .list li{width:32%;margin-right:2%;margin-top:50px}
.home-news .list li:nth-child(3){margin-right:0}
.home-news .list li .img{overflow:hidden;width:100%;display:block;border-radius:10px}
.home-news .list li .img img{width:100%;transition:all .2s linear}
.home-news .list li .info{padding:20px 0}
.home-news .list li .info .title{color:#333;font-size:var(--fontsize20);font-weight:var(--fontbold6);transition:all .2s linear}
.home-news .list li .info .txt{color:#6b6668;margin-top:10px}
.home-news .list li:hover .img img{transform:scale(1.03)}
.home-news .list li:hover .info .title{color:var(--color)}
@media screen and (max-width:1800px){.home-supplier::before{top:-90px}
.home-recommended::before{top:-90px}}
@media screen and (max-width:1760px){.home-cont .inquiry-box{margin-right:70px}}
@media screen and (max-width:1440px){.home-cont .img .info{position:static}
.home-cont .img .tit{width:100%;flex:none;font-size:var(--fontsize22);margin-bottom:10px}
.home-cont .img .more{margin-top:0}
.home-supplier::before{top:-80px}
.home-recommended::before{top:-80px}}
@media screen and (max-width:1280px){.home-supplier{border-width:5px}
.home-supplier::before{top:-60px;width:calc(100% + 10px);left:-5px}
.home-recommended{border-width:5px}
.home-recommended::before{top:-60px;width:calc(100% + 10px);left:-5px}}
@media screen and (max-width:1024px){.home-about{padding-top:40px}
.home-news .des br{display:none}
.home-product{padding:40px 0}
.home-product .list{justify-content:flex-start}
.home-product li{width:32%;margin-right:2%}
.home-product li:nth-child(3n){margin-right:0}
.home-supplier{margin-top:120px}
.home-supplier .title-list{justify-content:center}
.home-supplier .box .item .info{margin-right:15px}
.home-supplier .box .item .info .title{font-size:var(--fontsize20)}
.home-clients .box .swiper-slide .title{font-size:var(--fontsize18)}
.home-test{padding:40px 0}
.home-test .icon{width:100px}
.home-map .info .title{font-size:var(--hometitlefont)}
.home-cont .inquiry-box{margin-right:15px}}
@media screen and (max-width:768px){.home-about .img{width:100%}
.home-about .info{width:100%;margin-top:25px}
.home-product .list{justify-content:space-between}
.home-product li{width:48%;margin-right:0;margin-bottom:25px}
.home-supplier .home-title br{display: none;}
.home-supplier .box .item .img::before{display:none}
.home-supplier .box .item .info::before{display:none}
.home-supplier{padding:40px 0;margin-top:100px}
.home-supplier .box .item{flex-wrap:wrap}
.home-supplier .box .item .img{width:100%}
.home-supplier .box .item .info{width:100%;margin-left:15px;margin-right:15px}
.home-supplier{border-width:3px}
.home-supplier::before{top:-30px;width:calc(100% + 6px);left:-3px}
.home-recommended{border-width:3px}
.home-recommended::before{top:-30px;width:calc(100% + 6px);left:-3px}
.home-recommended{padding:40px 0}
.home-recommended .box{margin-top:25px}
.home-recommended .box .swiper{padding:25px 0}
.home-recommended .box::before{width:calc(100% + 30px);left:-15px}
.home-test .box{padding:40px 15px}
.home-test .box .test-next,.home-test .box .test-prev{display:none}
.home-map{padding:40px 0}
.home-map .img{width:100%}
.home-map .info{width:100%;margin-top:25px;padding:0}
.home-cont{flex-wrap:wrap;padding-bottom:40px}
.home-cont .img{width:100%}
.home-cont .img .info{padding:0 15px}
.home-cont .img .info .tit{flex:1;font-size:var(--fontsize18)}
.home-cont .inquiry-box{width:100%;padding:0 15px;margin-right:0;padding:0 15px;margin-top:25px}
.home-cont .inquiry-box .tit{font-size:var(--fontsize24)}
.home-news{padding:40px 0}
.home-news .list li{margin-top:25px;width:100%}}
@media screen and (max-width:500px){.home-product li{width:100%}
.home-supplier{border-width:2px;margin-top:40px}
.home-supplier::before{top:-10px;width:calc(100% + 4px);left:-2px}
.home-recommended{border-width:2px;margin-top:40px}
.home-recommended::before{top:-10px;width:calc(100% + 4px);left:-2px}
.home-supplier .title-list{margin-top:25px}
.home-supplier .title-list li{font-size:var(--fontsize14);height:42px;padding:0 20px}
.home-supplier .box{margin-top:25px}
.home-clients .l-wrap{padding:0 15px}
.home-clients .box{margin-top:0}
.home-clients .box .clientsswiper-next,.home-clients .box .clientsswiper-prev{display:none}
.home-test .icon{width:66px}
.home-test .box .swiper-slide .portrait .bg-icon em{font-size:140px}
.home-map .info .box .logo-next,.home-map .info .box .logo-prev{display:none}
.home-cont .img .info .tit{flex:none}}
.clientsswiper-pagination{display:flex;justify-content:center;margin-top:20px}
@media screen and (max-width:1700px){.home-cont .img .tit{font-size:var(--fontsize24)}}
@media screen and (max-width:1024px){.home-cont .img .info{padding:0 15px}}
@media screen and (max-width:768px){.home-clients .box .swiper{padding-bottom:0}}
.banner-animote-video{position:absolute;right:9%;width:33.8%;height:54%;bottom:16%;border-radius:70px 10px 70px 10px;overflow:hidden;border:10px solid #fff}
.banner-animote-video video{width:100%;height:100%;object-fit:cover}
@media screen and (max-width:1440px){.banner-animote-video{width:33.8%;height:50%;bottom:16%;border-radius:60px 10px 60px 10px}}
@media screen and (max-width:1024px){.banner-animote-video{border-width:10px;width:33.5%;border-radius:20px 10px 20px 10px}}
@media screen and (max-width:500px){.banner-animote-video{border-width:4px}}
.product-top{display:flex}
.product-right{display:flex;justify-content:space-between;flex:1;padding-left:1%}
.product-left{padding:3% 10px 10px 0;display:flex;flex-direction:column;justify-content:space-between;width:24%;position:relative;margin-bottom:35px}
.product-left .home-title{text-align:left}
.product-left .txt{color:#6b6668}
.product-left .more{color:#ff679a;font-weight:var(--fontbold6);text-decoration:underline}
.product-box{width:49%;position:relative;margin-bottom:35px}
.product-box img{width: 100%;height: 100%;object-fit: cover;}
.product-box .img,.product-sp .img{border-radius:50px;overflow:hidden;width:100%;height:100%;display:block}
.product-box .title,.product-sp .title{display:inline-block;position:absolute;left:0;bottom:0;border-radius:0 50px 0 50px;background-color:#fff;padding:12px 46px 12px 30px;color:#033;font-weight:var(--fontbold6);transition:all .2s linear}
.product-sp{position:relative;overflow:hidden}
.product-box:hover img,.product-sp:hover img{transform:scale(1.05)}
.product-box:hover .title,.product-sp:hover .title{background-color:var(--color);color:#fff}
#productSwiper{padding-bottom:90px}
#productSwiper .swiper-pagination-bullet{opacity:1;background-color:var(--color);margin:0 15px!important}
#productSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active{position:relative}
#productSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active::before{content:"";position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);border:3px solid var(--color);border-radius:50%;box-sizing:border-box}
@media (max-width:1366px) {
#productSwiper {padding-bottom: 65px;}
.product-right{padding-left: 2%;}
.product-left,.product-box{margin-bottom: 25px;}}
@media (max-width:768px){
.product-top{flex-direction: column;}
.product-left{width: 100%;padding: 0;}
.product-right{padding-left: 0;}}
@media (max-width:600px) {
.product-right{flex-wrap: wrap;}
.product-box{width: 100%;}
.product-sp img{width: 100%;}}