@charset "utf-8";
@import url(https://css02.v15cdn.com/m610/aos.css);
.home-banner{z-index:10;position:relative;clip-path:ellipse(180% 100% at 50% 0)}
.home-banner .swiper-slide{overflow:hidden}
.home-banner .swiper-slide>a{position:relative}
.home-banner .swiper-slide>a::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(21,21,21,.6)}
.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:55%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1400px;color:#FFFFFF;padding:0 70px;opacity:0;text-align:center}
.home-banner .banner-animote .p1{font-size:50px;font-weight:var(--fontbold5);text-align:center;line-height:1.3}
.home-banner .banner-animote .p2{font-size:var(--fontsize16);margin:3% 0 4%}
.home-banner .swiper-slide-active img{animation:bannerimg 6s forwards}
.home-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
.home-banner .swiper-pagination{bottom:8%!important;max-width:1400px;padding:0 70px;left:50%!important;transform:translateX(-50%);display:flex;align-items:center;justify-content:center}
.home-banner .swiper-pagination-bullet{position:relative;border-radius:50%;opacity:1;width:12px;height:12px;background:0 0}
.home-banner .swiper-pagination-bullet em{width:10px;height:10px;border-radius:50%;background:#FFFFFF;opacity:.6;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.home-banner .swiper-pagination-bullet::before{position:absolute;width:100%;height:100%;left:0;top:0;background-color:#FFFFFF;z-index:2;animation:mymove 6s linear forwards}
.home-banner .swiper-pagination-bullet::after{position:absolute;width:100%;height:100%;left:0;top:0;background-color:var(--color);z-index:1}
.home-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{mask:radial-gradient(transparent 4px,#fff 0)}
.home-banner .swiper-pagination-bullet.swiper-pagination-bullet-active::after,.home-banner .swiper-pagination-bullet.swiper-pagination-bullet-active::before{content:""}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{position:absolute;top:45%;width:80px;height:40px;display:flex;align-items:center;justify-content:center;background:0 0;border:2px solid rgba(231,231,231,.5);color:#FFFFFF;z-index:9;cursor:pointer;transition:all .15s linear;border-radius:var(--borderradius)}
.home-banner .bannerswiper-next:hover,.home-banner .bannerswiper-prev:hover{background:rgba(255,255,255,.6);color:#000}
.home-banner .bannerswiper-next em,.home-banner .bannerswiper-prev em{font-size:24px}
.home-banner .bannerswiper-prev{left:70px}
.home-banner .bannerswiper-next{right:70px}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0}}
@keyframes bannerimg{0%{transform:scale(1)}
80%{transform:scale(1.05)}
100%{transform:scale(1.047)}}
@keyframes mymove{0%{clip-path:polygon(6px 6px,6px -25px,-25px 6px,6px 37px,37px 6px,6px -25px)}
25%{clip-path:polygon(6px 6px,6px -25px,-25px 6px,6px 37px,37px 6px,37px 6px)}
50%{clip-path:polygon(6px 6px,6px -25px,-25px 6px,6px 37px,6px 37px,6px 37px)}
75%{clip-path:polygon(6px 6px,6px -25px,-25px 6px,-25px 6px,-25px 6px,-25px 6px)}
100%{clip-path:polygon(6px 6px,6px -25px,6px -25px,6px -25px,6px -25px,6px -25px)}}
.home-about,.home-appli,.home-certi,.home-choose,.home-custom,.home-news,.home-procate,.home-recommend,.home-sourcing{padding:4% 0;position:relative}
.home-about .circle{position:absolute;top:-75%;left:50%;transform:translateX(-50%);width:100%;max-width:855px;aspect-ratio:1/1;border-radius:50%;border:150px solid #c1986d;opacity:.1;z-index:0}
.home-about .l-wrap{z-index:1;position:relative}
.home-about .aboutinfo{width:48%}
.home-about .aboutinfo .icon{color:var(--color);font-weight:var(--fontbold6);text-transform:uppercase;display:inline-flex;align-items:center}
.home-about .aboutinfo .icon::before{content:"";display:inline-block;width:8px;height:8px;background:var(--color);margin-right:10px}
.home-about .aboutinfo .title{font-weight:var(--fontbold6);line-height:1.2;font-size:46px;color:#000;margin:10px 0}
.home-about .aboutinfo .text{color:#666666;margin-bottom:20px}
.home-about #aboutswiper{margin-top:30px;max-width:650px;margin-left:0}
.home-about #aboutswiper .swiper-slide img{border-radius:5px}
.home-about #aboutswiper .swiper-meta{display:flex;align-items:center;justify-content:space-between;margin-top:15px}
.home-about #aboutswiper .line{flex:1;width:100%;height:1px;background:#ebebeb;margin:0 10px}
.home-about #aboutswiper .aboutswiper-pagination{width:auto}
.home-about #aboutswiper .aboutswiper-pagination .swiper-pagination-bullet{width:7px;height:7px;background:var(--color)}
.home-about #aboutswiper .aboutswiper-next{width:40px;height:40px;background:#efefef;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s linear}
.home-about #aboutswiper .aboutswiper-next:hover{background:#ccc}
.home-about #aboutswiper .aboutswiper-next em{color:#666666;font-size:22px}
.home-about .aboutimg{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:45%;border-radius:10px 0 0 10px;z-index:1;overflow:hidden}
.home-about .aboutimg.act::after{display:none}
.home-about .aboutimg::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4)}
.home-about .aboutimg iframe,.home-about .aboutimg img,.home-about .aboutimg video{width:100%}
.home-about .aboutimg .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(11,11,11,.8);cursor:pointer;transition:all .2s linear;z-index:1}
.home-about .aboutimg .play:hover{width:55px;height:55px}
.home-about .aboutimg .play em{position:static;background:0 0;color:#FFFFFF;border:none;transform:none}
.home-num{position:relative;z-index:2}
.home-num .numlist{background:var(--color);border-radius:10px;color:#FFFFFF;display:flex;flex-wrap:wrap}
.home-num .numlist li{width:25%;padding:20px 30px;min-height:200px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative}
.home-num .numlist li:nth-child(n+2)::before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:rgba(255,255,255,.3)}
.home-num .numlist li:nth-child(n+2)::after{content:"";position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:3px;height:25px;background:#FFFFFF}
.home-num .numlist li .num{position:relative;line-height:1}
.home-num .numlist li .num span{font-size:40px;font-weight:var(--fontbold6);padding-right:4px}
.home-num .numlist li .num sub,.home-num .numlist li .num sup{position:absolute;left:100%;font-weight:var(--fontbold5);font-size:18px}
.home-num .numlist li .num sup{top:5px}
.home-num .numlist li .num sub{bottom:5px}
.home-num .numlist li p{font-size:18px;padding-top:10px}
.home-choose{background:no-repeat center fixed;background-size:cover;z-index:1;margin-top:-100px;padding-top:9%;padding-bottom:5%}
.home-choose::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:-1}
.home-choose .home-des,.home-choose .home-title{color:#FFFFFF}
.home-choose .choosewrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:80px}
.home-choose .choosewrap .list{width:30%;list-style:none;color:#FFFFFF}
.home-choose .choosewrap .list li{width:100%;border-radius:5px;border:1px solid rgba(229,229,229,.4);display:flex;align-items:center;padding:10px;margin-bottom:20px;transition:all .2s linear;cursor:pointer}
.home-choose .choosewrap .list li:last-child{margin-bottom:0}
.home-choose .choosewrap .list li .icon{position:relative;width:52px;height:60px;clip-path:polygon(0 25%,50% 0,100% 25%,100% 75%,50% 100%,0 75%);background:url(https://admin.seo.com.cn/uploads/42408/page/p20240718153558728ae.webp) no-repeat center;background-size:contain;display:flex;align-items:center;justify-content:center;margin-right:10px;transition:all .2s linear}
.home-choose .choosewrap .list li:hover{border-color:#FFFFFF}
.home-choose .choosewrap .list li:hover .icon{background:var(--color)}
.home-choose .choosewrap .list li p{font-size:20px}
.home-choose .choosewrap .img{margin:10px;flex:1;text-align:center;max-width:300px;aspect-ratio:1/1;border-radius:50%;position:relative}
.home-choose .choosewrap .img img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.home-choose .choosewrap .img::before{content:"";position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:10px solid #FFFFFF}
.home-choose .choosewrap .img::after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);width:calc(100% + 18px);height:calc(100% + 18px);border:10px solid #e9d1bc;opacity:.4}
.home-choose .choosewrap .img .rotate{border-radius:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:initial;max-height:initial;width:calc(100% + 70px);height:calc(100% + 70px);object-fit:initial;animation:rotate 10s linear infinite}
.home-procate{z-index:1;background:#f7f7f7}
.home-procate::before{content:"";position:absolute;left:0;top:0;width:600px;height:100%;background:var(--color);z-index:-1}
.home-procate .procate-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:20px}
.home-procate .procate-top .home-title{max-width:300px;text-align:left;line-height:1;color:#FFFFFF}
.home-procate .procate-top .swiperbtn{display:flex;align-items:center}
.home-procate .procate-top .swiperbtn .procateswiper-next,.home-procate .procate-top .swiperbtn .procateswiper-prev{width:50px;height:50px;background:var(--color);color:#FFFFFF;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s linear}
.home-procate .procate-top .swiperbtn .procateswiper-next em,.home-procate .procate-top .swiperbtn .procateswiper-prev em{font-size:22px}
.home-procate .procate-top .swiperbtn .procateswiper-next:hover,.home-procate .procate-top .swiperbtn .procateswiper-prev:hover{opacity:.8}
.home-procate .procate-top .swiperbtn .procateswiper-next.swiper-button-disabled,.home-procate .procate-top .swiperbtn .procateswiper-prev.swiper-button-disabled{background:#eae8dc;color:var(--color)}
.home-procate .procate-top .swiperbtn .procateswiper-next{margin-left:10px}
.home-procate #procateswiper .swiper-slide{width:400px}
.home-procate #procateswiper .swiper-slide .img{width:100%;aspect-ratio:3/2;border-radius:5px;border:1px solid var(--color)}
.home-procate #procateswiper .swiper-slide .img img{width:100%;height:100%;object-fit:cover}
.home-procate #procateswiper .swiper-slide .title{text-align:center;margin-top:10px}
.home-procate #procateswiper .swiper-slide .title a{color:#000;font-size:18px;font-weight:var(--fontbold5)}
.home-procate #procateswiper .swiper-slide:hover .img img{transform:scale(1.02)}
.home-procate #procateswiper .swiper-slide:hover .title a{color:#666}
.home-recommend{overflow:hidden;padding-bottom:0}
.home-recommend #recommend{margin-top:30px}
.home-recommend #recommend .swiper-slide:hover .img img{transform:scale(1.02)}
.home-recommend #recommend .swiper-slide:hover .info .title,.home-recommend #recommend .swiper-slide:hover .info em{color:var(--color)}
.home-recommend #recommend .swiper-slide:hover .info .more{background:#333333}
.home-recommend #recommend .img{width:100%;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;border-radius:10px;border:1px solid #EEEEEE;background:#EEEEEE}
.home-recommend #recommend .img img{width:100%;height:100%;object-fit:cover}
.home-recommend #recommend .info{padding:15px 0;position:relative}
.home-recommend #recommend .info em{position:absolute;right:0;top:12px;font-weight:var(--fontbold6);color:#000;font-size:20px;transition:all .1s linear}
.home-recommend #recommend .info .title{font-weight:var(--fontbold6);color:#000;font-size:18px;line-height:1.2;display:inline-block;padding-right:20px}
.home-recommend #recommend .info .text{margin:10px 0}
.home-recommend #recommend .info .more{margin-top:20px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;background:#c1986d;border-radius:30px;height:45px;padding:0 20px;color:#FFFFFF;font-size:16px;text-transform:uppercase;transition:all .2s linear}
.home-recommend .recommend-meta{display:flex;align-items:center;justify-content:space-between;max-width:1000px;margin-left:auto;margin-right:0;background:var(--color);margin-top:50px;padding:40px 20px 40px 100px;border-radius:60px 0 0 0;position:relative;z-index:1}
.home-recommend .recommend-meta::after{content:"";position:absolute;left:100px;top:0;width:100vw;height:100%;background:var(--color);z-index:-1}
.home-recommend .recommend-meta .left{display:flex;align-items:center}
.home-recommend .recommend-meta .recommend-pagination{width:auto}
.home-recommend .recommend-meta .recommend-pagination .swiper-pagination-bullet{width:6px;height:6px;background:0 0;opacity:1;border:1px solid #FFFFFF}
.home-recommend .recommend-meta .recommend-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#FFFFFF}
.home-recommend .recommend-meta .recommend-next,.home-recommend .recommend-meta .recommend-prev{width:34px;height:34px;border-radius:50%;border:2px solid #FFFFFF;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--fontbold6);color:#FFFFFF;font-size:18px;cursor:pointer;margin:0 10px;transition:all .2s linear}
.home-recommend .recommend-meta .recommend-next:hover,.home-recommend .recommend-meta .recommend-prev:hover{background:#FFFFFF;color:var(--color)}
.home-recommend .recommend-meta .home-more{border-color:#FFFFFF}
.home-appli{background:no-repeat center;background-size:cover;z-index:1}
.home-appli::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:-1}
.home-appli .home-title{color:#FFFFFF;text-align:left;max-width:400px;line-height:1.2}
.home-appli .appli-center{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:-20px}
.home-appli .appli-center .appli-img{width:150px;height:150px;background:#FFFFFF;border-radius:50%;position:relative}
.home-appli .appli-center .appli-img:hover img{transform:rotate(5deg)}
.home-appli .appli-center .appli-img::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:1px solid #FFFFFF;border-radius:50%;animation:diffusion 2s 1s linear infinite}
.home-appli .appli-center .appli-img img{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:all .2s linear}
.home-appli .appli-center .home-des{color:#FFFFFF;margin:15px auto 30px;font-size:20px}
.home-appli .appli-title{text-transform:uppercase;color:#FFFFFF;font-size:24px;margin-top:10px}
.home-appli #appliswiper{margin-top:20px}
.home-appli #appliswiper .swiper-slide{background:#FFFFFF;padding:12px}
.home-appli #appliswiper .swiper-slide:hover img{transform:scale(1.02)}
.home-appli #appliswiper .swiper-slide .img{width:100%;display:flex;align-items:center;justify-content:center;aspect-ratio:6/5}
.home-appli #appliswiper .swiper-slide p{text-align:center;color:#000;font-weight:var(--fontbold6);font-size:18px;margin-top:10px;margin-bottom:10px}
.home-appli .appli-meta{display:flex;align-items:center;justify-content:center;margin-top:40px}
.home-appli .appli-meta .appliswiper-pagination{width:auto}
.home-appli .appli-meta .appliswiper-pagination .swiper-pagination-bullet{width:6px;height:6px;background:0 0;opacity:1;border:1px solid #FFFFFF}
.home-appli .appli-meta .appliswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#FFFFFF}
.home-appli .appli-meta .appliswiper-next,.home-appli .appli-meta .appliswiper-prev{width:34px;height:34px;border-radius:50%;border:2px solid #FFFFFF;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--fontbold6);color:#FFFFFF;font-size:18px;cursor:pointer;margin:0 10px;transition:all .2s linear}
.home-appli .appli-meta .appliswiper-next:hover,.home-appli .appli-meta .appliswiper-prev:hover{background:#FFFFFF;color:var(--color)}
.home-custom .home-title{text-align:left}
.home-custom .des{font-weight:var(--fontbold6);font-size:28px;color:var(--color)}
.home-custom .l-wrap{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-custom .l-wrap>div{width:50%}
.home-custom .custom-left{padding-right:10%}
.home-custom .custom-left .list{list-style:none;margin-top:20px;padding:0}
.home-custom .custom-left .list li{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}
.home-custom .custom-left .list li .title{background:linear-gradient(to right,var(--color),#fff);min-width:120px;font-weight:var(--fontbold6);padding:0 10px;border-radius:2px;height:30px;display:inline-flex;align-items:center}
.home-custom .custom-left .list li .title::before{content:"";display:inline-block;width:4px;height:4px;background:#000;border-radius:50%;margin-right:5px}
.home-custom .custom-left .list li p{color:#666}
.home-custom .custom-left .home-more{background:0 0;color:var(--color)}
.home-custom .custom-left .home-more em{background:var(--color);color:#FFFFFF}
.home-custom .custom-right .customlist{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between}
.home-custom .custom-right .customlist li{width:48%;min-height:140px;background:#f7f7f7;border-radius:20px;border:5px solid #eae8dc;margin-bottom:20px;display:flex;flex-direction:column;justify-content:center;padding:20px;color:#000;font-size:18px;line-height:1.2;transition:all .2s linear;position:relative;overflow:hidden}
.home-custom .custom-right .customlist li:nth-child(-n+5):hover{background:var(--color);color:#FFFFFF;border-color:var(--color);box-shadow:0 7px 23px 1px rgba(181,176,169,.79)}
.home-custom .custom-right .customlist li:nth-child(6){align-items:center;color:#FFFFFF;z-index:1}
.home-custom .custom-right .customlist li:nth-child(6)::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:-1}
.home-custom .custom-right .customlist li:nth-child(6) p{font-weight:var(--fontbold6)}
.home-custom .custom-right .customlist li:nth-child(6) a{margin-top:10px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:2px solid #FFFFFF;border-radius:50%}
.home-custom .custom-right .customlist li .num{font-size:12px;margin-bottom:10px}
.home-custom .custom-right .customlist li .num span{font-weight:var(--fontbold6);font-size:24px;margin-right:10px}
.home-sourcing{background:#f7f7f7}
.home-sourcing .sourcinglist{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;max-width:1200px;margin:30px auto 0}
.home-sourcing .sourcinglist li{width:50%;background:var(--color);color:#FFFFFF;padding:30px;display:flex;align-items:center}
.home-sourcing .sourcinglist li .icon{clip-path:polygon(0 25%,50% 0,100% 25%,100% 75%,50% 100%,0 75%);width:90px;height:106px;background:#FFFFFF;display:flex;align-items:center;justify-content:center}
.home-sourcing .sourcinglist li .icon img{height:40%}
.home-sourcing .sourcinglist li .text{flex:1;padding-left:20px}
.home-sourcing .sourcinglist li .text .p1{font-size:22px;font-weight:var(--fontbold5)}
.home-sourcing .sourcinglist li:nth-child(2){background:#FFFFFF}
.home-sourcing .sourcinglist li:nth-child(2) .icon{background:var(--color)}
.home-sourcing .sourcinglist li:nth-child(2) .icon em{color:#FFFFFF}
.home-sourcing .sourcinglist li:nth-child(2) .text .p1{color:var(--color)}
.home-sourcing .sourcinglist li:nth-child(2) .text .p2{color:#666}
.home-certi{background:no-repeat top;background-size:100%}
.home-certi .certi-fixed{position:absolute;top:0;left:20%}
.home-certi .home-title{color:#FFFFFF}
.home-certi .certi-img{text-align:center;margin-top:30px;display:flex;justify-content:center;align-items:flex-end}
.home-certi .certi-img img{margin:0 -20px;position:relative;width:25%;cursor:pointer;transition:all 0.1s linear}
.home-certi .certi-img img:hover{transform:scale(1.02)}
.home-certi .certi-img img:nth-child(3){z-index:3;width:32%}
.home-certi .certi-img img:nth-child(2),.home-certi .certi-img img:nth-child(4){z-index:2;width:27%}
.certi-body{position:fixed;left:0;top:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:9}
.certi-body::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:-1}
.certi-body img{z-index:1;position:relative;height:80%}
.home-news{padding-top:0}
.home-news .newslist{list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px}
.home-news .newslist li{width:32%;border-radius:10px;overflow:hidden}
.home-news .newslist li .img{width:100%;aspect-ratio:3/2;position:relative}
.home-news .newslist li .img img{width:100%;height:100%;object-fit:cover}
.home-news .newslist li .date{position:absolute;left:20px;top:-45px;width:75px;height:70px;background:#c1986d;color:#FFFFFF;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2}
.home-news .newslist li .date span:nth-child(1){font-size:30px;font-weight:var(--fontbold6)}
.home-news .newslist li .date span:nth-child(2){font-size:14px}
.home-news .newslist li .info{background:#f7f7f7;position:relative;padding:40px 20px 30px}
.home-news .newslist li .info .title{font-weight:var(--fontbold6);font-size:22px;line-height:1.2}
.home-news .newslist li .info .text{color:#666666;margin:15px 0}
.home-news .newslist li .info .home-more{background:0 0;padding:0;color:var(--color);border:none}
.home-news .newslist li .info .home-more em{border:1px solid var(--color)}
.home-news .newslist li:hover .img img{transform:scale(1.02)}
.home-news .newslist li:hover .info .title{color:var(--color)}
@keyframes diffusion{0%{width:100%;height:100%;opacity:1}
100%{width:calc(100% + 25px);height:calc(100% + 25px);opacity:0}}
@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}
25%{transform:translate(-50%,-50%) rotate(90deg)}
50%{transform:translate(-50%,-50%) rotate(180deg)}
75%{transform:translate(-50%,-50%) rotate(270deg)}
100%{transform:translate(-50%,-50%) rotate(360deg)}}
@media (max-width:1280px){.home-banner .banner-animote .p1{font-size:36px}
.home-banner .banner-animote .p2{margin:4% 0 3%}}
@media (max-width:1024px){.home-about,.home-appli,.home-certi,.home-choose,.home-custom,.home-news,.home-procate,.home-recommend,.home-sourcing{padding:40px 0}
.home-banner .banner-animote{top:50%}
.home-about .aboutinfo .title{font-size:36px}
.home-num{margin-bottom:40px}
.home-num .numlist li{min-height:150px;width:50%}
.home-num .numlist li:nth-child(3)::after,.home-num .numlist li:nth-child(3)::before{display:none}
.home-choose{margin-top:0}
.home-custom .custom-left{padding-right:2%}
.home-certi .certi-fixed{width:60px}
.home-choose .choosewrap .img{max-width:200px}}
@media (max-width:768px){.home-banner .pcimg{display:none}
.home-banner .mobimg{display:block}
.home-banner .banner-animote{padding:0 15px}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{display:none}
.home-banner .banner-animote .p1{font-size:24px}
.home-about .aboutinfo .title{font-size:26px}
.home-about .aboutinfo{width:100%}
.home-about .aboutimg{position:relative;width:auto;transform:none;left:auto;right:auto;border-radius:10px;margin:10px}
.home-choose .choosewrap .list{width:100%}
.home-choose .choosewrap .img{margin:70px}
.home-procate::before{width:50%}
.home-custom .l-wrap>div{width:100%}
.home-custom .custom-left{padding-right:0}
.home-custom .custom-right{margin-top:20px}
.home-sourcing .sourcinglist li{width:100%}
.home-news .newslist li{width:49%;margin-bottom:20px}
.home-news .newslist li .info .title{font-size:18px}
.home-num .numlist li{padding:20px}
.home-num .numlist li .num span{font-size:30px}
.home-num .numlist li .num sup{top:-4px}
.home-num .numlist li .num sub{bottom:-4px}
.home-choose .choosewrap{margin-top:30px}}
@media (max-width:500px){.home-banner .swiper-slide{height:400px}
.home-banner .swiper-slide>a{height:100%}
.home-banner .banner-animote{top:45%}
.home-banner .banner-animote .p2{margin:20px 0}
.home-about .aboutinfo .title{font-size:24px}
.home-num .numlist li{width:100%;min-height:inherit;align-items:center}
.home-num .numlist li::after,.home-num .numlist li::before{display:none}
.home-procate::before{background:0 0}
.home-procate .procate-top .home-title{color:#000}
.home-recommend{padding-bottom:0}
.home-recommend .recommend-meta{margin-top:20px;padding:20px;flex-direction:column}
.home-recommend .recommend-meta .left{margin-bottom:15px}
.home-recommend .recommend-meta::after{display:none}
.home-appli .appli-center{margin-top:20px}
.home-certi{background-size:cover}
.home-certi .certi-fixed{left:10px;width:30px}
.home-news .newslist li{width:100%}
.home-num .numlist li .num{margin-left:-20px}
.home-procate #procateswiper .swiper-slide{width:300px}
.home-sourcing .sourcinglist li{padding:20px}
.home-sourcing .sourcinglist li .icon{width:60px;height:70px}
.home-choose .choosewrap .list li .icon{width:40px;height:50px}
.home-choose .choosewrap .list li .icon img{width:22px}
.home-procate .procate-top .swiperbtn .procateswiper-next,.home-procate .procate-top .swiperbtn .procateswiper-prev{width:40px;height:40px}
.home-appli .appli-center .appli-img{width:120px;height:120px}
.home-appli .home-title{text-align:center}
.home-appli .appli-title{text-align:center;font-size:20px}}